Skip to main content
Version: 2.1.0 (latest)

Change log

Change log

This section provides an overview of updates and changes to the TDS components, including newly added features, improvements, bug fixes, and any breaking changes.


Version 2.1.1​

disain.tallinn.ee can now be searched. The magnifier in the navigation bar and the field on the home page search every component, foundation and pattern page of the version you are reading, suggest pages as you type and open a results page with category filters. The homepage field includes the same suggestions and recent searches as the navigation search.

The design system CSS and components are unchanged; keep using tds-2.1.0.min.css.

Version 2.1.0​

Typeface changed to Tallinn Sans​

The design system now uses Tallinn Sans, the typeface made specifically for Tallinn, in place of Lab Grotesque. Tallinn Sans is licensed for all employees and partners of the city, so it no longer needs to be purchased separately.

This changes how text is measured and will reflow layouts. Tallinn Sans has different metrics from Lab Grotesque, so line breaks, text widths and element heights will shift. Check your pages after upgrading, particularly anywhere text sits in a fixed-width or single-line container.

Regular, Italic, Bold and Bold Italic are all shipped. Previously only the regular cut was declared, so bold and italic text was synthesised by the browser; the real cuts are now used.

Sites that are not ready to move can stay on tds-2.0.0.min.css, which is unchanged and still uses Lab Grotesque.

Version 2.0.0​

New components​

  • Badge
  • Chip
  • Progress Tracker
  • Switch
  • Date Picker
  • Date Input
  • Card
  • Step-by-step
  • Popover

Table component​

  • New badge component has been added to the table component.

Accordion component​

  • New badge component has been added to the accordion component.

Textarea component​

  • Character counter has been added to the text area component.

Text input component​

  • Disabled state has been added to the text input component.

Notification component​

  • Dismissible buttons have been added to the notification component.

Select component​

  • Dropdown padding has been adjusted.

Version 1.0.0​

Versioning Released​

Our website now uses versioning and CSS versioning to keep everything organized. Read more here: https://disain.tallinn.ee/docs/getting-started/developers/

Website Features​

  • A dark mode toggle has been introduced.

New components​

  • Pagination and tooltip components have been introduced.

Tabs component​

  • Border styling has been improved.
  • Accessibility has been enhanced, enabling navigation with the Tab key (keyboard).

Accordion component​

  • New suffixes have been added: green badge and plain text.

Dialog component​

  • Buttons now take up the full width on small screens.
  • Close button color issue fixed in dark mode.

Table component​

  • Accessibility has been improved, allowing users to filter items using the Tab key for seamless keyboard navigation.
  • Improved focus state for sortable table header.

Select component​

  • Accessibility enhanced: Added arrow key navigation for filtering dropdown items.
  • CSS adjusted.
  • Disabled state added.

Phone input​

  • Updated the dropdown menu with a new design.
  • Disabled state added.

Checkbox component​

  • Fixed an issue where the checkmark in the checkbox component was not displaying correctly in Safari.
  • Fixed arrow display issue in Safari for the Breadcrumbs component.