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)
- Fixed radius tokens (Ticket ATLAS-15)
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-**
, andtype-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
andinput-lowered-focus-invalid-shadow
design tokens values (Ticket ADAPP-13846)
5.3.0 (Aug 25th, 2021)
- Added
table-heat-map-soft-color
andtable-heat-map-strong-color
design tokens (Ticket ADAPP-12877)
5.2.0 (Aug 12th, 2021)
- Added
button-**-**-border
design tokens. Changed somebutton-**-**-background-color
andbutton-**-**-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 value | Old token value | New token name | Old 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).
Value | New token name | Old 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-*
andpop-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. Previouslyinvalid
,focus
anddragging
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
andinput-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