@atlaskit/tokens 7.1.1 → 8.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +34 -0
- package/dist/cjs/artifacts/atlassian-dark-token-value-for-contrast-check.js +8 -8
- package/dist/cjs/artifacts/atlassian-light-token-value-for-contrast-check.js +7 -7
- package/dist/cjs/artifacts/palettes-raw/palette.js +147 -147
- package/dist/cjs/artifacts/palettes-raw/shape-palette.js +1 -16
- package/dist/cjs/artifacts/theme-import-map.js +1 -13
- package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-shape.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +267 -266
- package/dist/cjs/artifacts/token-names.js +2 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +401 -401
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +436 -436
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +273 -273
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +375 -375
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape.js +25 -1
- package/dist/cjs/entry-points/palettes-raw.js +0 -7
- package/dist/cjs/entry-points/token-metadata.codegen.js +271 -266
- package/dist/cjs/entry-points/tokens-raw.js +0 -14
- package/dist/cjs/get-theme-styles.js +0 -3
- package/dist/cjs/get-token-value.js +0 -4
- package/dist/cjs/get-token.js +0 -4
- package/dist/cjs/theme-config.js +1 -19
- package/dist/cjs/utils/theme-loading.js +3 -7
- package/dist/es2019/artifacts/atlassian-dark-token-value-for-contrast-check.js +8 -8
- package/dist/es2019/artifacts/atlassian-light-token-value-for-contrast-check.js +7 -7
- package/dist/es2019/artifacts/palettes-raw/palette.js +147 -147
- package/dist/es2019/artifacts/palettes-raw/shape-palette.js +1 -16
- package/dist/es2019/artifacts/theme-import-map.js +2 -6
- package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +289 -289
- package/dist/es2019/artifacts/themes/atlassian-dark.js +294 -294
- package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +218 -218
- package/dist/es2019/artifacts/themes/atlassian-light.js +266 -266
- package/dist/es2019/artifacts/themes/atlassian-shape.js +2 -1
- package/dist/es2019/artifacts/token-default-values.js +267 -266
- package/dist/es2019/artifacts/token-names.js +2 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +401 -401
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +436 -436
- package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +273 -273
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +375 -375
- package/dist/es2019/artifacts/tokens-raw/atlassian-shape.js +25 -1
- package/dist/es2019/entry-points/palettes-raw.js +0 -1
- package/dist/es2019/entry-points/token-metadata.codegen.js +271 -266
- package/dist/es2019/entry-points/tokens-raw.js +0 -2
- package/dist/es2019/get-theme-styles.js +0 -1
- package/dist/es2019/get-token-value.js +0 -4
- package/dist/es2019/get-token.js +0 -4
- package/dist/es2019/theme-config.js +1 -19
- package/dist/es2019/utils/theme-loading.js +0 -4
- package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js +8 -8
- package/dist/esm/artifacts/atlassian-light-token-value-for-contrast-check.js +7 -7
- package/dist/esm/artifacts/palettes-raw/palette.js +147 -147
- package/dist/esm/artifacts/palettes-raw/shape-palette.js +1 -16
- package/dist/esm/artifacts/theme-import-map.js +1 -9
- package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-shape.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +267 -266
- package/dist/esm/artifacts/token-names.js +2 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +401 -401
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +436 -436
- package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +273 -273
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +375 -375
- package/dist/esm/artifacts/tokens-raw/atlassian-shape.js +25 -1
- package/dist/esm/entry-points/palettes-raw.js +0 -1
- package/dist/esm/entry-points/token-metadata.codegen.js +271 -266
- package/dist/esm/entry-points/tokens-raw.js +0 -2
- package/dist/esm/get-theme-styles.js +0 -3
- package/dist/esm/get-token-value.js +0 -4
- package/dist/esm/get-token.js +0 -4
- package/dist/esm/theme-config.js +1 -19
- package/dist/esm/utils/theme-loading.js +3 -7
- package/dist/types/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +8 -8
- package/dist/types/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +7 -7
- package/dist/types/artifacts/palettes-raw/palette.d.ts +1 -1
- package/dist/types/artifacts/palettes-raw/shape-palette.d.ts +1 -1
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-shape.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +267 -266
- package/dist/types/artifacts/token-names.d.ts +3 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-shape.d.ts +1 -1
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/entry-points/css-type-schema.codegen.d.ts +2 -2
- package/dist/types/entry-points/palettes-raw.d.ts +0 -1
- package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types/entry-points/tokens-raw.d.ts +0 -2
- package/dist/types/theme-config.d.ts +6 -6
- package/dist/types/types.d.ts +1 -0
- package/dist/types-ts4.5/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +8 -8
- package/dist/types-ts4.5/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +7 -7
- package/dist/types-ts4.5/artifacts/palettes-raw/palette.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/palettes-raw/shape-palette.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-shape.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +267 -266
- package/dist/types-ts4.5/artifacts/token-names.d.ts +3 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
- package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +2 -2
- package/dist/types-ts4.5/entry-points/palettes-raw.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +0 -2
- package/dist/types-ts4.5/theme-config.d.ts +4 -8
- package/dist/types-ts4.5/types.d.ts +1 -0
- package/figma/atlassian-dark-increased-contrast.json +292 -292
- package/figma/atlassian-dark.json +297 -297
- package/figma/atlassian-light-increased-contrast.json +220 -220
- package/figma/atlassian-light.json +268 -268
- package/figma/atlassian-shape.json +12 -0
- package/package.json +11 -11
- package/dist/cjs/artifacts/themes/atlassian-dark-brand-refresh.js +0 -12
- package/dist/cjs/artifacts/themes/atlassian-light-brand-refresh.js +0 -12
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape-rounder.js +0 -252
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape-roundest.js +0 -252
- package/dist/es2019/artifacts/themes/atlassian-dark-brand-refresh.js +0 -401
- package/dist/es2019/artifacts/themes/atlassian-light-brand-refresh.js +0 -401
- package/dist/es2019/artifacts/tokens-raw/atlassian-shape-rounder.js +0 -246
- package/dist/es2019/artifacts/tokens-raw/atlassian-shape-roundest.js +0 -246
- package/dist/esm/artifacts/themes/atlassian-dark-brand-refresh.js +0 -6
- package/dist/esm/artifacts/themes/atlassian-light-brand-refresh.js +0 -6
- package/dist/esm/artifacts/tokens-raw/atlassian-shape-rounder.js +0 -246
- package/dist/esm/artifacts/tokens-raw/atlassian-shape-roundest.js +0 -246
- package/dist/types/artifacts/themes/atlassian-dark-brand-refresh.d.ts +0 -7
- package/dist/types/artifacts/themes/atlassian-light-brand-refresh.d.ts +0 -7
- package/dist/types/artifacts/tokens-raw/atlassian-shape-rounder.d.ts +0 -30
- package/dist/types/artifacts/tokens-raw/atlassian-shape-roundest.d.ts +0 -30
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark-brand-refresh.d.ts +0 -7
- package/dist/types-ts4.5/artifacts/themes/atlassian-light-brand-refresh.d.ts +0 -7
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-rounder.d.ts +0 -30
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-roundest.d.ts +0 -30
- package/figma/atlassian-dark-brand-refresh.json +0 -3558
- package/figma/atlassian-light-brand-refresh.json +0 -3537
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,39 @@
|
|
|
1
1
|
# @atlaskit/tokens
|
|
2
2
|
|
|
3
|
+
## 8.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`d50ecf8e02d28`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d50ecf8e02d28) -
|
|
8
|
+
Added `radius.xxlarge` token which resolves to 1rem/16px. Fully removed `shape-rounder` and
|
|
9
|
+
`shape-roundest` experimental themes.
|
|
10
|
+
|
|
11
|
+
## 8.0.0
|
|
12
|
+
|
|
13
|
+
### Major Changes
|
|
14
|
+
|
|
15
|
+
- [`1e31925550257`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1e31925550257) -
|
|
16
|
+
[ux] We have removed the `platform-component-visual-refresh` feature flag. As a result:
|
|
17
|
+
- Default Themes Changed `light-brand-refresh` and `dark-brand-refresh` are now the default themes
|
|
18
|
+
for light and dark. If you were using on the `light-brand-refresh` or `dark-brand-refresh`
|
|
19
|
+
themes in `setGlobalTheme`, you'll need to update to the default themes.
|
|
20
|
+
|
|
21
|
+
```diff
|
|
22
|
+
- setGlobalTheme('light-brand-refresh');
|
|
23
|
+
+ setGlobalTheme('light');
|
|
24
|
+
|
|
25
|
+
- setGlobalTheme('dark-brand-refresh');
|
|
26
|
+
+ setGlobalTheme('dark');
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
- Accent Tokens Updated Pressed/hovered background tokens for accent colors (e.g.,
|
|
30
|
+
`background.accent.blue.subtle.pressed`) now use new 250/850 base tokens to improve
|
|
31
|
+
accessibility. This will cause visible color changes in light and dark themes. Checkout the new
|
|
32
|
+
color palette [here](https://atlassian.design/foundations/color-new/color-palette-new).
|
|
33
|
+
|
|
34
|
+
- Visual Regression (VR) Impact If you're using these tokens in your components, expect widespread
|
|
35
|
+
snapshot updates. This change may affect VR snapshots across apps and packages.
|
|
36
|
+
|
|
3
37
|
## 7.1.1
|
|
4
38
|
|
|
5
39
|
### Patch Changes
|
|
@@ -9,16 +9,16 @@ exports.default = void 0;
|
|
|
9
9
|
*
|
|
10
10
|
* Token names mapped to their values, used for contrast checking when generating custom themes
|
|
11
11
|
*
|
|
12
|
-
* @codegen <<SignedSource::
|
|
12
|
+
* @codegen <<SignedSource::a4300b2e54a0be0fd9143a9438bedc56>>
|
|
13
13
|
* @codegenCommand yarn build tokens
|
|
14
14
|
*/
|
|
15
15
|
var tokenValues = {
|
|
16
|
-
'color.text.brand': '#
|
|
17
|
-
'elevation.surface.overlay': '#
|
|
18
|
-
'color.background.selected': '#
|
|
19
|
-
'color.text.selected': '#
|
|
20
|
-
'color.border.brand': '#
|
|
21
|
-
'color.chart.brand': '#
|
|
22
|
-
'color.text.inverse': '#
|
|
16
|
+
'color.text.brand': '#669DF1',
|
|
17
|
+
'elevation.surface.overlay': '#2B2C2F',
|
|
18
|
+
'color.background.selected': '#1C2B42',
|
|
19
|
+
'color.text.selected': '#669DF1',
|
|
20
|
+
'color.border.brand': '#669DF1',
|
|
21
|
+
'color.chart.brand': '#4688EC',
|
|
22
|
+
'color.text.inverse': '#1F1F21'
|
|
23
23
|
};
|
|
24
24
|
var _default = exports.default = tokenValues;
|
|
@@ -9,16 +9,16 @@ exports.default = void 0;
|
|
|
9
9
|
*
|
|
10
10
|
* Token names mapped to their values, used for contrast checking when generating custom themes
|
|
11
11
|
*
|
|
12
|
-
* @codegen <<SignedSource::
|
|
12
|
+
* @codegen <<SignedSource::9bb4cd1746b9d02e7d3b431f3310479f>>
|
|
13
13
|
* @codegenCommand yarn build tokens
|
|
14
14
|
*/
|
|
15
15
|
var tokenValues = {
|
|
16
|
-
'color.text.brand': '#
|
|
17
|
-
'elevation.surface.sunken': '#
|
|
18
|
-
'color.background.selected': '#
|
|
19
|
-
'color.text.selected': '#
|
|
20
|
-
'color.border.brand': '#
|
|
21
|
-
'color.chart.brand': '#
|
|
16
|
+
'color.text.brand': '#1868DB',
|
|
17
|
+
'elevation.surface.sunken': '#F8F8F8',
|
|
18
|
+
'color.background.selected': '#E9F2FE',
|
|
19
|
+
'color.text.selected': '#1868DB',
|
|
20
|
+
'color.border.brand': '#1868DB',
|
|
21
|
+
'color.chart.brand': '#357DE8',
|
|
22
22
|
'color.text.inverse': '#FFFFFF'
|
|
23
23
|
};
|
|
24
24
|
var _default = exports.default = tokenValues;
|