Skip to main content

Releases

6.12.0 (November 15th, 2023)

  • Added input-lowered-disabled-color to Input tokens (Ticket ATLAS-857).

6.11.0 (August 31st, 2023)

  • Updated button-highlighted variant design tokens (Ticket ATLAS-728).

6.10.0 (August 28th, 2023)

  • Updated BreakpointXLargeWidthFixed design tokens (Ticket ATLAS-827).

6.9.0 (June 9th, 2023)

  • Updated Color design tokens (Ticket ATLAS-664).

6.8.0 (February 17th, 2023)

  • Updated Color design tokens (Ticket ATLAS-456).

6.7.0 (December 16th, 2022)

  • Updated tertiary button design tokens (Ticket ATLAS-462).

6.6.0 (September 13th, 2022)

  • Added new transition-duration-extra-long token (Ticket ATLAS-234).

6.5.0 (August 29th, 2022)

  • Added new Feedback Button variants (Ticket ATLAS-154).

6.4.0 (June 28th, 2022)

  • Updated Color tokens with chart colors (Ticket ATLAS-154)

6.3.0 (June 13th, 2022)

6.2.0 (June 13th, 2022)

  • Added new Button tokens for floating kind (Ticket ATLAS-15)

6.1.0 (June 1st, 2022)

  • Fixed incorrect button-dark background color tokens (Ticket ATLAS-139)

6.0.0 (May 18th, 2022)

  • Added dark style tokens to Button colors design tokens. (Ticket ATLAS-124)

5.8.0 (May 4th, 2022)

Added breakpoint-** design tokens (Ticket ATLAS-83)

5.7.0 (April 5th, 2022)

  • Added type-scale-5-**
  • Changed type-scale-2-**, type-scale-3-**, and type-scale-4-**

5.5.0 (March 31th, 2022)

  • Added stacking-** design tokens

5.4.0 (December 8th, 2021)

  • Changed input-lowered-default-box-shadow, input-lowered-hover-box-shadow, input-lowered-focus-box-shadow and input-lowered-focus-invalid-shadow design tokens values (Ticket ADAPP-13846)

5.3.0 (Aug 25th, 2021)

  • Added table-heat-map-soft-color and table-heat-map-strong-color design tokens (Ticket ADAPP-12877)

5.2.0 (Aug 12th, 2021)

  • Added button-**-**-border design tokens. Changed some button-**-**-background-color and button-**-**-box-shadow design tokens (Ticket ADAPP-12438)
  • Updated input-** design tokens values (Ticket ADAPP-12441)

5.1.0 (Aug 5th, 2021)

  • Changed pop-over-background-color design token value to be equal to #ffffff (Ticket ADAPP-12440)
  • Added tile-default-box-shadow design token (Ticket ADAPP-12439)

5.0.0 (July 30th, 2021)

  • ⚠️ Breaking: Added new elevation and button tokens and updated names and values ​​for existing ones (See the table below for comparison). (Ticket ADAPP-12436).
New token valueOld token valueNew token nameOld token name
0 1px 4px 0 rgba(110, 116, 146, 0.25)-$elevation-1-box-shadow-
0 2px 6px 0 rgba(110, 116, 146, 0.08)-$elevation-2-box-shadow-
0 2px 8px 0 rgba(110, 116, 146, 0.2)0 2px 8px 0 rgba(110, 116, 146, 0.15)$elevation-3-box-shadow$elevation-1-box-shadow
0 4px 24px 0 rgba(110, 116, 146, 0.3),
0 2px 8px 0 rgba(110, 116, 146, 0.1)
Unchanged$elevation-4-box-shadow$elevation-2-box-shadow
0 4px 32px 0 rgba(110, 116, 146, 0.15),
0 4px 56px 0 rgba(110, 116, 146, 0.15),
0 2px 8px 0 rgba(110, 116, 146, 0.1)
Unchanged$elevation-5-box-shadow$elevation-3-box-shadow
0 1px 1px 0 rgba(11, 73, 92, 0.15)inset 0 -1px 0 0 #038ea8$button-primary-default-box-shadow$button-primary-default-box-shadow
0 1px 1px 0 rgba(93, 59, 92, 0.16)inset 0 -1px 0 0 #af3743$button-negative-default-box-shadow$button-negative-default-box-shadow
  • ⚠️ Breaking: Added new border-radius tokens and updated values ​​for existing ones (See the table below for comparison). (Ticket ADAPP-12437).
ValueNew token nameOld token name
2px$border-radius-x-small$border-radius-small
4px$border-radius-small$border-radius-medium
6px$border-radius-medium-
8px$border-radius-large$border-radius-large
12px$border-radius-x-large-

4.4.0 (July 26th, 2021)

  • Remove color-neutral-80-rgb token (Ticket ADAPP-12410)
  • Remove dedicated export for color tokens (Ticket ADAPP-12410)

4.3.0 (July 13th, 2021)

  • Add border-radius-small design token (Ticket ADAPP-11768)

4.2.0 (July 1st, 2021)

  • Add spacing-80 design token

2.0.0 (April 27th, 2021)

  • ⚠️ Breaking: Removed dark mode design tokens. Tokens with light in their name are renamed (e.g. $input-raised-default-light-border -> $input-raised-default-border, ButtonPrimaryDefaultLightBoxShadow -> ButtonPrimaryDefaultBoxShadow) (Ticket ADAPP-11139).

1.0.0 (April 15th, 2021) 🎉

  • All design tokens are now available as JSON. You can import them as following: import tokensJson from '@adjust/design-tokens/json/tokens.json'; (Ticket ADAPP-8929).
  • Remove the unit from 0 value from style-related code

0.8.2 (March 24th, 2021)

  • ⚠️ Breaking: Replace $tile-hover and $tile-active tokens with $tile-resizable-hover and $tile-resizable-resizing design tokens (Ticket ADAPP-8606)
  • Changed values of input-* and pop-over design tokens in dark mode (Ticket ADAPP-8364).
  • Added new tokens for drag-item (Ticket ADAPP-8364).

0.8.1 (February 18th, 2021)

  • Add $divider-XXX design tokens (Ticket ADAPP-8471)

0.8.0 (February 1st, 2021)

  • Remove Helvetica from system font-family (Ticket ADAPP-8526)

0.7.0 (December 7th, 2020)

  • Add third level elevation design token
  • Add spacing-70 design token
  • Refactor $input-lowered-focus-XXX, $input-lowered-invalid-XXX, $input-raised-focus-XXX, $input-raised-invalid-XXX and $tile-draggable-dragging-XXX design tokens. Previously invalid, focus and dragging styles of an input have had an additional 1px border. This additional border is now reflected by an additional 1px box-shadow. This prevents that the element size increases when one of these styles is active.

0.6.0 (November 17th, 2020)

  • We slightly changed the colors of a button in an active state (Ticket ADAPP-6919)

0.5.0 (November 4th, 2020)

  • For internal purposes: Color tokens can now be imported via '@adjust/design-tokens/js/color (Ticket ADAPP-6908)

0.4.1 (October 14th, 2020)

  • Adapt background color and shadow color of input-lowered and input-raised (Ticket ADAPP-6433)
  • Adapt colors of Input close button (Ticket ADAPP-6435)

0.4.0 (October 7th, 2020)

  • Fix value for tile-draggable-hover.light.box-shadow
  • Fix broken rgba values in tile and elevation tokens

(Ticket ADAPP-6504)

0.3.1 (September 18th, 2020)

  • Fix value for elevation-1.light.box-shadow
  • Rename tile tokens

0.3.0 (September 2nd, 2020)

  • Fix wrong box-shadow of the input

0.2.1 (August 12th, 2020)

  • Rename package from @adjust-design-system/design-tokens to @adjust/design-tokens

0.2.0 (July 28th, 2020)

  • Update design tokens based on the new design language
  • Remove old "raised" and "lowered" object styles
  • Add button, input, elevation, tile and popOver design tokens

0.1.0 (June 10th, 2020)

  • Fix type errors when importing tokens from typescript

0.0.7 (May 20th, 2020)

  • Add option to import design tokens as a JavaScript module
  • Add basic design token documentation

0.0.6**

  • Initial release