Design Tokens #

4.0.73-84 #

• Version bump in packages.json.

4.0.72 #

Published on 31.3.2025

• Colors: Migrate old color tokens to new color tokens

4.0.70-71 #

• Version bump in packages.json.

4.0.69 #

Published on 6.3.2025.

• New internal color token sets

4.0.47-68 #

• Version bump in packages.json.

4.0.46 #

Published on 24.6.2024.

• Built with nodejs version 20.14.0.
• New color tokens: Primary Blue Darker and Primary Red Darker.

4.0.32-45 #

• Version bump in packages.json.

4.0.31 #

Published on 11.3.2024.

• Change value of radius-large to 16px

4.0.28-30 #

• Version bump in packages.json.

4.0.27 #

Published on 13.2.2024.

• Change value of shadow-hover-input-turva from #0077b3 to #747475.

4.0.13-26 #

• Version bump in packages.json.

4.0.12 #

Published on 31.10.2023.

• Added new shadow tokens: shadow_focus_input, shadow_hover_input, shadow_error and shadow_focus.

4.0.1-11 #

• Version bump in packages.json.

4.0.0 #

• Built with nodejs version 18.17.1.

3.0.59-65 #

• Version bump in packages.json.

3.0.58 #

• Tokens: Added new border radius tokens.

3.0.48-57 #

• Version bump in packages.json.

3.0.47 #

• Tokens: Deprecated Brand Blue color token.

3.0.2-46 #

• Version bump in packages.json.

3.0.0 #

• Built with nodejs version 16.17.0.

2.6.2-1 #

• Version bump in packages.json.

2.6.0 #

• Lib contents added to module.

2.5.23 - 14 #

• Version bump in packages.json.

2.5.15 #

• Deprecated unused Turva colors.

2.5.14 - 2.5.1 #

• Version bump in packages.json.

2.5.0 #

• Added new TypeScript types: DuetFontSize and DuetFontWeight.

2.4.16 #

• Version bump in packages.json.

2.4.15 #

• Version bump in packages.json.

2.4.14 #

• Version bump in packages.json.

2.4.13 #

• Version bump in packages.json.

2.4.12 #

• Version bump in packages.json.

2.4.11 #

• Version bump in packages.json.

2.4.10 #

• Version bump in packages.json.

2.4.9 #

• Version bump in packages.json.

2.4.8 #

• Version bump in packages.json.

2.4.7 #

• Version bump in packages.json.

2.4.6 #

• Version bump in packages.json.

2.4.5 #

• Version bump in packages.json.

2.4.4 #

• Version bump in packages.json.

2.4.3 #

New size added for borders: 1px: size_button_tiny_border

• Version bump in packages.json.

2.4.2 #

• Version bump in packages.json.

2.4.1 #

• Visualization tokens moved from review status to approved

2.3.1 #

• Version bump in packages.json.

2.3.0 #

• Version bump in packages.json.

2.2.9 #

• new space size added: $space-xxxxx-large : 94px

2.2.8 #

• Version bump in packages.json.

2.2.7 #

• Version bump in packages.json.

2.2.5/2.2.6 #

• Version bump in packages.json and new lockfile.

2.2.4 #

• Version bump in packages.json and new lockfile.

2.2.2/2.2.3 #

• Version bump in packages.json and new lockfile.

2.2.1 #

• Small tweaks to README.

2.2.0 #

• Update gray color tokens for Turva.
• Publish as ES modules.
• Add typescript type definitions.
• Simplify build process.

2.1.3 #

• Improves the readme documentation for design tokens.

2.1.1 #

• This release adds refinements to the newly added data visualization colors.

2.1.0 #

• This release adds a new data visualization category and a related color palette.

2.0.30 #

• Turva colors get an update. Turva’s secondary color has a new shade and additionally vehicle and union colors are updated accordingly.
• Turva union category color name is fixed now.

2.0.28 #

• Optimize media queries to use shorter format to save 10kb in CSS size.
• Updates documentation.

2.0.25 #

• Adds Theo TypeScript formatter that outputs valid color names as a type.

2.0.23 #

• Adds xxx-large media query token.

2.0.19 #

• Removes unused dependencies and updates existing to latest.
• Adds package-lock=false to .npmrc.
• Updates Design Token documentation.
• Updates license included.

2.0.8 #

• Includes breaking changes for users of 1.3.7.
• We’ve added a new shade of gray between the old gray and dark gray.
• Migration guide: you need to rename all current occurences of color-gray-dark to color-gray-darker. Search and replace is fine, but make sure NOT TO accidentally also rename color-gray-dark-turva as that token is still the same as previously. The migration steps should be only done for LocalTapiola tokens. If you have any questions please reach out.
• Additionally this release changes size-form-border to be 1px per our new interface design guidelines.
• Adds new XX-large and XX-small media queries.

1.3.7 #

• Adds new size-layout-max-width token.
• Adds new RAW.JSON format with all the meta data in addition to basic JSON.
• Introduces new media query tokens. This is a breaking change and you’ll need to manually find and replace the old media query tokens with the new ones. X-Large media query replaces the old Large media query and the small end is adjusted as well.
• Adjusts the min-width for buttons.
• Adds new xxx-small space and new xxx-small icon size.
• Content fixes.

1.2.18 #

• Adds new tooltip shadow tokens for LocalTapiola and Turva.
• Generic bug fixes and performance improvements.
• Adds visible build status and version in the readme file.
• Publishes new sections like “spacing” for production usage.

1.2.3 #

• Adds new “Media Query” design tokens.
• Converts size-button-border to size-form-border and adds ”prototype” status.
• Includes updates to all box-shadow and adds new $shadow-card and $shadow-card-turva tokens. These new shadows create fake borders around card type elements, so the actual borders (if any) should be removed before use.

1.1.9 #

• Changes $size-icon-xx-small from 12px to 10px to match the sizing of Streamline icons better.
• Adds $size-button-border that is used to set a consistent inset box-shadow that mimics 2px border around a button.
• Adds $size-button-min-width that is used to set the minimum width for button elements.

1.1.1 #

• Switches to using Rems instead of px for font-sizes.
• Switches to using a new font-family declaration for Turva that matches the new Font System API naming.
• The above change is breaking: Turva @font-face imports need to be updated to use “turva-sans” as the font name: font-family: "turva-sans";

1.0.4 #

• Fixes Sketch color palette naming to use the same naming conventions as code based variables.
• Changes default line-height from 1.4375 to 1.5 to match the accessibility requirements and make body text easier to read with the new brand typeface.
• Adds Turva specific Sketch color palette in addition to the existing LocalTapiola Sketch color palette.
• Adds new x-small line-height which should be used when we don’t want the line-height to create any additional white space above or below text.

1.0.0 #

• Initial release.
• Design Token API becomes stable enough for production usage.
• Automatic creation of documentation based on tokens defined.
• Fixes a bug in Spacer component when the horizontal spacing is used.
• Makes the footer auto update its year.
• Converts copyright in footer to be permanent object.