@atlaskit/tokens 1.49.0 → 1.50.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 +1589 -1591
- package/README.md +14 -8
- package/codemods/css-to-design-tokens/lib/colors.tsx +47 -49
- package/codemods/css-to-design-tokens/lib/declaration.tsx +26 -26
- package/codemods/css-to-design-tokens/lib/legacy-colors.tsx +326 -326
- package/codemods/css-to-design-tokens/lib/meta.tsx +116 -122
- package/codemods/css-to-design-tokens/lib/tokens.tsx +28 -35
- package/codemods/css-to-design-tokens/lib/value.tsx +70 -72
- package/codemods/css-to-design-tokens/transform.tsx +68 -72
- package/codemods/hypermod.config.tsx +5 -5
- package/codemods/remove-fallbacks-color/transform.tsx +16 -18
- package/codemods/theme-to-design-tokens/transform.tsx +505 -588
- package/codemods/theme-to-design-tokens/utils/ast-meta.tsx +139 -147
- package/codemods/theme-to-design-tokens/utils/ast.tsx +23 -34
- package/codemods/theme-to-design-tokens/utils/color.tsx +25 -26
- package/codemods/theme-to-design-tokens/utils/css-utils.tsx +27 -30
- package/codemods/theme-to-design-tokens/utils/fuzzy-search.tsx +272 -290
- package/codemods/theme-to-design-tokens/utils/legacy-colors.tsx +224 -224
- package/codemods/theme-to-design-tokens/utils/named-colors.tsx +148 -148
- package/codemods/theme-to-design-tokens/utils/string-utils.tsx +10 -16
- package/codemods/utils/tokens.tsx +371 -371
- package/dist/cjs/artifacts/atlassian-dark-token-value-for-contrast-check.js +1 -1
- package/dist/cjs/artifacts/atlassian-light-token-value-for-contrast-check.js +1 -1
- package/dist/cjs/artifacts/generated-pairs.js +1 -1
- package/dist/cjs/artifacts/palettes-raw/typography-palette.js +45 -30
- package/dist/cjs/artifacts/theme-import-map.js +1 -1
- package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +1 -1
- package/dist/cjs/artifacts/token-names.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +20 -20
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +13 -13
- package/dist/es2019/artifacts/atlassian-dark-token-value-for-contrast-check.js +1 -1
- package/dist/es2019/artifacts/atlassian-light-token-value-for-contrast-check.js +1 -1
- package/dist/es2019/artifacts/generated-pairs.js +1 -1
- package/dist/es2019/artifacts/palettes-raw/typography-palette.js +45 -30
- package/dist/es2019/artifacts/theme-import-map.js +1 -1
- package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +2 -2
- package/dist/es2019/artifacts/token-default-values.js +1 -1
- package/dist/es2019/artifacts/token-names.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +20 -20
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +13 -13
- package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js +1 -1
- package/dist/esm/artifacts/atlassian-light-token-value-for-contrast-check.js +1 -1
- package/dist/esm/artifacts/generated-pairs.js +1 -1
- package/dist/esm/artifacts/palettes-raw/typography-palette.js +45 -30
- package/dist/esm/artifacts/theme-import-map.js +1 -1
- package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +1 -1
- package/dist/esm/artifacts/token-names.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +20 -20
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +13 -13
- package/dist/types/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +1 -1
- package/dist/types/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +1 -1
- package/dist/types/artifacts/generated-pairs.d.ts +1 -1
- package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
- package/dist/types/artifacts/theme-import-map.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +1 -1
- package/dist/types/artifacts/token-names.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +1 -1
- package/dist/types/artifacts/types-internal.d.ts +1 -1
- package/dist/types/artifacts/types.d.ts +1 -1
- package/dist/types/babel-plugin/plugin.d.ts +1 -1
- package/dist/types/custom-theme.d.ts +2 -2
- package/dist/types/enable-global-theme.d.ts +2 -2
- package/dist/types/entry-points/css-type-schema.codegen.d.ts +1 -1
- package/dist/types/entry-points/token-ids.d.ts +1 -1
- package/dist/types/get-global-theme.d.ts +1 -1
- package/dist/types/get-ssr-auto-script.d.ts +1 -1
- package/dist/types/get-theme-html-attrs.d.ts +1 -1
- package/dist/types/get-theme-styles.d.ts +1 -1
- package/dist/types/get-token.d.ts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/load-custom-theme-styles.d.ts +1 -1
- package/dist/types/set-global-theme.d.ts +2 -2
- package/dist/types/theme-state-transformer.d.ts +1 -1
- package/dist/types/utils/color-detection.d.ts +1 -1
- package/dist/types/utils/color-mode-listeners.d.ts +1 -1
- package/dist/types/utils/configure-page.d.ts +1 -1
- package/dist/types/utils/contrast-mode-listeners.d.ts +1 -1
- package/dist/types/utils/custom-theme-loading-utils.d.ts +1 -1
- package/dist/types/utils/custom-theme-token-contrast-check.d.ts +1 -1
- package/dist/types/utils/generate-custom-color-ramp.d.ts +2 -2
- package/dist/types/utils/get-increased-contrast-theme.d.ts +1 -1
- package/dist/types/utils/get-theme-preferences.d.ts +1 -1
- package/dist/types/utils/theme-loading.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/palettes-raw/typography-palette.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/token-names.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/types-internal.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/types.d.ts +1 -1
- package/dist/types-ts4.5/babel-plugin/plugin.d.ts +1 -1
- package/dist/types-ts4.5/custom-theme.d.ts +2 -2
- package/dist/types-ts4.5/enable-global-theme.d.ts +2 -2
- package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/token-ids.d.ts +1 -1
- package/dist/types-ts4.5/get-global-theme.d.ts +1 -1
- package/dist/types-ts4.5/get-ssr-auto-script.d.ts +1 -1
- package/dist/types-ts4.5/get-theme-html-attrs.d.ts +1 -1
- package/dist/types-ts4.5/get-theme-styles.d.ts +1 -1
- package/dist/types-ts4.5/get-token.d.ts +1 -1
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/dist/types-ts4.5/load-custom-theme-styles.d.ts +1 -1
- package/dist/types-ts4.5/set-global-theme.d.ts +2 -2
- package/dist/types-ts4.5/theme-state-transformer.d.ts +1 -1
- package/dist/types-ts4.5/utils/color-detection.d.ts +1 -1
- package/dist/types-ts4.5/utils/color-mode-listeners.d.ts +1 -1
- package/dist/types-ts4.5/utils/configure-page.d.ts +1 -1
- package/dist/types-ts4.5/utils/contrast-mode-listeners.d.ts +1 -1
- package/dist/types-ts4.5/utils/custom-theme-loading-utils.d.ts +1 -1
- package/dist/types-ts4.5/utils/custom-theme-token-contrast-check.d.ts +1 -1
- package/dist/types-ts4.5/utils/generate-custom-color-ramp.d.ts +2 -2
- package/dist/types-ts4.5/utils/get-increased-contrast-theme.d.ts +1 -1
- package/dist/types-ts4.5/utils/get-theme-preferences.d.ts +1 -1
- package/dist/types-ts4.5/utils/theme-loading.d.ts +1 -1
- package/package.json +3 -5
- package/report.api.md +2071 -2090
package/CHANGELOG.md
CHANGED
|
@@ -1,2803 +1,2801 @@
|
|
|
1
1
|
# @atlaskit/tokens
|
|
2
2
|
|
|
3
|
+
## 1.50.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#110191](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110191)
|
|
8
|
+
[`c3dc02298f8aa`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c3dc02298f8aa) -
|
|
9
|
+
[ux] Change heading xsmall lineheight from 16 to 20 for minor third theme.
|
|
10
|
+
|
|
11
|
+
## 1.49.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [#101609](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/101609)
|
|
16
|
+
[`4f0dff39fd37`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4f0dff39fd37) -
|
|
17
|
+
Change naming of base lineheight tokens.
|
|
18
|
+
|
|
3
19
|
## 1.49.0
|
|
4
20
|
|
|
5
21
|
### Minor Changes
|
|
6
22
|
|
|
7
|
-
-
|
|
8
|
-
|
|
9
|
-
|
|
23
|
+
- [#95202](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/95202)
|
|
24
|
+
[`6350f05328cc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6350f05328cc) -
|
|
25
|
+
Adds new IconColor type to the CSS type schema
|
|
10
26
|
|
|
11
27
|
## 1.48.0
|
|
12
28
|
|
|
13
29
|
### Minor Changes
|
|
14
30
|
|
|
15
|
-
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
31
|
+
- [#98637](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98637)
|
|
32
|
+
[`ae9502319628`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ae9502319628) -
|
|
33
|
+
Export `FontFamilyToken` and `FontWeightToken` types. Added descriptions for typography tokens.
|
|
34
|
+
Internal changes to token ordering logic.
|
|
19
35
|
|
|
20
36
|
## 1.47.0
|
|
21
37
|
|
|
22
38
|
### Minor Changes
|
|
23
39
|
|
|
24
|
-
-
|
|
25
|
-
|
|
26
|
-
|
|
40
|
+
- [#98149](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98149)
|
|
41
|
+
[`45101e24202a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/45101e24202a) -
|
|
42
|
+
Change the state of the following tokens from deprecated to active:
|
|
27
43
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
44
|
+
- font.family.body
|
|
45
|
+
- font.family.code
|
|
46
|
+
- font.family.heading
|
|
31
47
|
|
|
32
48
|
## 1.46.0
|
|
33
49
|
|
|
34
50
|
### Minor Changes
|
|
35
51
|
|
|
36
|
-
-
|
|
37
|
-
|
|
38
|
-
|
|
52
|
+
- [#97306](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/97306)
|
|
53
|
+
[`cefbd515c807`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cefbd515c807) -
|
|
54
|
+
Add support for React 18 in non-strict mode.
|
|
39
55
|
|
|
40
56
|
### Patch Changes
|
|
41
57
|
|
|
42
|
-
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
58
|
+
- [#98562](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98562)
|
|
59
|
+
[`5c59b4fec679`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5c59b4fec679) -
|
|
60
|
+
ThemeMutationObserver only ever creates one instance of a mutation observer which reduces memory
|
|
61
|
+
impacts at scale. This change is behind a platform feature flag -
|
|
62
|
+
"platform.design-system-team.mutation-observer-performance-improvement_8usdg"
|
|
47
63
|
|
|
48
64
|
## 1.45.1
|
|
49
65
|
|
|
50
66
|
### Patch Changes
|
|
51
67
|
|
|
52
|
-
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
68
|
+
- [#96516](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96516)
|
|
69
|
+
[`fc7451742d3b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fc7451742d3b) -
|
|
70
|
+
Remove the version from non-production warns to avoid internal conflicts as debugging like this
|
|
71
|
+
should not be necessary; this package should be a singleton.
|
|
56
72
|
|
|
57
73
|
## 1.45.0
|
|
58
74
|
|
|
59
75
|
### Minor Changes
|
|
60
76
|
|
|
61
|
-
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
77
|
+
- [#94675](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94675)
|
|
78
|
+
[`5d9e1dccacca`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5d9e1dccacca) -
|
|
79
|
+
[ux] Update input border color token to meet 3:1 color contrast ratioLight theme:
|
|
80
|
+
color.border.input: #091E4224 → #8590A2Dark mode: color.border.input: #A6C5E229 → #738496
|
|
65
81
|
|
|
66
82
|
## 1.44.1
|
|
67
83
|
|
|
68
84
|
### Patch Changes
|
|
69
85
|
|
|
70
|
-
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
86
|
+
- [#96059](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96059)
|
|
87
|
+
[`e511f40c0989`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e511f40c0989) -
|
|
88
|
+
Generate a local prebuilt version of this package (to use the babel plugin internally in local
|
|
89
|
+
consumption more performantly)–should not interfere with distribution at all.
|
|
74
90
|
|
|
75
91
|
## 1.44.0
|
|
76
92
|
|
|
77
93
|
### Minor Changes
|
|
78
94
|
|
|
79
|
-
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
95
|
+
- [#94487](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94487)
|
|
96
|
+
[`9c81d48cda91`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9c81d48cda91) -
|
|
97
|
+
Removed deprecated experimental `font.ui` tokens. These experimental tokens were not documented
|
|
98
|
+
and not intended for use. The `font.body` tokens should be used instead.
|
|
83
99
|
|
|
84
100
|
## 1.43.2
|
|
85
101
|
|
|
86
102
|
### Patch Changes
|
|
87
103
|
|
|
88
|
-
-
|
|
89
|
-
|
|
90
|
-
|
|
104
|
+
- [#94316](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94316)
|
|
105
|
+
[`35fd5ed8e1d7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/35fd5ed8e1d7) -
|
|
106
|
+
Upgrading internal dependency `bind-event-listener` to `@^3.0.0`
|
|
91
107
|
|
|
92
108
|
## 1.43.1
|
|
93
109
|
|
|
94
110
|
### Patch Changes
|
|
95
111
|
|
|
96
|
-
-
|
|
97
|
-
|
|
98
|
-
|
|
112
|
+
- [#91883](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91883)
|
|
113
|
+
[`90edf674186c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/90edf674186c) -
|
|
114
|
+
Gracefully handles falsy values passed in as theme properties.
|
|
99
115
|
|
|
100
116
|
## 1.43.0
|
|
101
117
|
|
|
102
118
|
### Minor Changes
|
|
103
119
|
|
|
104
|
-
-
|
|
105
|
-
|
|
106
|
-
|
|
120
|
+
- [#85745](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/85745)
|
|
121
|
+
[`0e9c8c15ef86`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0e9c8c15ef86) -
|
|
122
|
+
Added new color token `color.link.visited.pressed`.
|
|
107
123
|
|
|
108
124
|
## 1.42.1
|
|
109
125
|
|
|
110
126
|
### Patch Changes
|
|
111
127
|
|
|
112
|
-
-
|
|
113
|
-
|
|
114
|
-
|
|
128
|
+
- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
|
|
129
|
+
[`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
|
|
130
|
+
Upgrade Typescript from `4.9.5` to `5.4.2`
|
|
115
131
|
|
|
116
132
|
## 1.42.0
|
|
117
133
|
|
|
118
134
|
### Minor Changes
|
|
119
135
|
|
|
120
|
-
-
|
|
121
|
-
|
|
122
|
-
|
|
136
|
+
- [#78900](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/78900)
|
|
137
|
+
[`6ea786dd8082`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6ea786dd8082) -
|
|
138
|
+
Add UNSAFE_small fontsize token.
|
|
123
139
|
|
|
124
140
|
## 1.41.2
|
|
125
141
|
|
|
126
142
|
### Patch Changes
|
|
127
143
|
|
|
128
|
-
-
|
|
129
|
-
|
|
130
|
-
|
|
144
|
+
- [#80571](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80571)
|
|
145
|
+
[`fafdb1dcce96`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fafdb1dcce96) -
|
|
146
|
+
Fix bugs in strict CSS typedef.
|
|
131
147
|
|
|
132
148
|
## 1.41.1
|
|
133
149
|
|
|
134
150
|
### Patch Changes
|
|
135
151
|
|
|
136
|
-
-
|
|
137
|
-
|
|
138
|
-
|
|
152
|
+
- [#81644](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81644)
|
|
153
|
+
[`8ab7a816dca7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8ab7a816dca7) -
|
|
154
|
+
Revert input border change from the previous version
|
|
139
155
|
|
|
140
156
|
## 1.41.0
|
|
141
157
|
|
|
142
158
|
### Minor Changes
|
|
143
159
|
|
|
144
|
-
-
|
|
145
|
-
|
|
146
|
-
|
|
160
|
+
- [#80805](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80805)
|
|
161
|
+
[`427c2dd9e0d6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/427c2dd9e0d6) -
|
|
162
|
+
[ux] Update input border color token to meet 3:1 color contrast ratio
|
|
147
163
|
|
|
148
|
-
|
|
149
|
-
|
|
164
|
+
Light theme: color.border.input: #091E4224 → #8590A2 Dark mode: color.border.input: #A6C5E229 →
|
|
165
|
+
#738496
|
|
150
166
|
|
|
151
|
-
-
|
|
152
|
-
|
|
153
|
-
|
|
167
|
+
- [#79670](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/79670)
|
|
168
|
+
[`28b71d14576b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/28b71d14576b) -
|
|
169
|
+
Adds autofallback support for Spacing, Typography, and Shape themes to the babel plugin.
|
|
154
170
|
|
|
155
171
|
## 1.40.0
|
|
156
172
|
|
|
157
173
|
### Minor Changes
|
|
158
174
|
|
|
159
|
-
-
|
|
160
|
-
|
|
161
|
-
|
|
175
|
+
- [#79770](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/79770)
|
|
176
|
+
[`42fb3733fe8b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/42fb3733fe8b) -
|
|
177
|
+
Add exports and update entrypoint
|
|
162
178
|
|
|
163
179
|
## 1.39.1
|
|
164
180
|
|
|
165
181
|
### Patch Changes
|
|
166
182
|
|
|
167
|
-
-
|
|
168
|
-
|
|
169
|
-
|
|
183
|
+
- [#79306](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/79306)
|
|
184
|
+
[`465924177c82`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/465924177c82) -
|
|
185
|
+
Moves dependency whitelist from hypermod.config to package.json
|
|
170
186
|
|
|
171
187
|
## 1.39.0
|
|
172
188
|
|
|
173
189
|
### Minor Changes
|
|
174
190
|
|
|
175
|
-
-
|
|
176
|
-
|
|
177
|
-
|
|
191
|
+
- [#77148](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77148)
|
|
192
|
+
[`20decda98a72`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/20decda98a72) -
|
|
193
|
+
Deprecated `font.ui` tokens.
|
|
178
194
|
|
|
179
195
|
## 1.38.0
|
|
180
196
|
|
|
181
197
|
### Minor Changes
|
|
182
198
|
|
|
183
|
-
-
|
|
184
|
-
|
|
185
|
-
|
|
199
|
+
- [#74836](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/74836)
|
|
200
|
+
[`66062ea65d5b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/66062ea65d5b) -
|
|
201
|
+
Added font family tokens for our brand font for headings and body text.
|
|
186
202
|
|
|
187
203
|
## 1.37.2
|
|
188
204
|
|
|
189
205
|
### Patch Changes
|
|
190
206
|
|
|
191
|
-
-
|
|
192
|
-
|
|
193
|
-
|
|
207
|
+
- [#73844](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/73844)
|
|
208
|
+
[`c7683b370ae8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c7683b370ae8) -
|
|
209
|
+
Adds dependency whitelist to codemod configuration
|
|
194
210
|
|
|
195
211
|
## 1.37.1
|
|
196
212
|
|
|
197
213
|
### Patch Changes
|
|
198
214
|
|
|
199
|
-
-
|
|
200
|
-
|
|
201
|
-
|
|
215
|
+
- [#72557](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72557)
|
|
216
|
+
[`0c78c9c18cb7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0c78c9c18cb7) -
|
|
217
|
+
Fix font family not preferencing apple system fonts on macOS
|
|
202
218
|
|
|
203
219
|
## 1.37.0
|
|
204
220
|
|
|
205
221
|
### Minor Changes
|
|
206
222
|
|
|
207
|
-
-
|
|
208
|
-
|
|
209
|
-
|
|
223
|
+
- [#71146](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/71146)
|
|
224
|
+
[`3e20d00d3d46`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3e20d00d3d46) -
|
|
225
|
+
Moves tokens codemods into the tokens package.
|
|
210
226
|
|
|
211
227
|
## 1.36.0
|
|
212
228
|
|
|
213
229
|
### Minor Changes
|
|
214
230
|
|
|
215
|
-
-
|
|
216
|
-
|
|
217
|
-
|
|
231
|
+
- [#71486](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/71486)
|
|
232
|
+
[`a79fa3261943`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a79fa3261943) -
|
|
233
|
+
Undeprecate font weight tokens
|
|
218
234
|
|
|
219
235
|
## 1.35.0
|
|
220
236
|
|
|
221
237
|
### Minor Changes
|
|
222
238
|
|
|
223
|
-
-
|
|
224
|
-
|
|
225
|
-
|
|
239
|
+
- [#68163](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68163)
|
|
240
|
+
[`de75cc685652`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/de75cc685652) -
|
|
241
|
+
Font UI weight token value changed to medium weight
|
|
226
242
|
|
|
227
243
|
## 1.34.1
|
|
228
244
|
|
|
229
245
|
### Patch Changes
|
|
230
246
|
|
|
231
|
-
-
|
|
232
|
-
|
|
233
|
-
|
|
247
|
+
- [#68792](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68792)
|
|
248
|
+
[`89564a857049`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/89564a857049) -
|
|
249
|
+
Add light border as default option
|
|
234
250
|
|
|
235
251
|
## 1.34.0
|
|
236
252
|
|
|
237
253
|
### Minor Changes
|
|
238
254
|
|
|
239
|
-
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
255
|
+
- [#67463](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67463)
|
|
256
|
+
[`caac5b953575`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/caac5b953575) -
|
|
257
|
+
Fixed an issue where typography tokens referenced font family tokens that may not exist on a page,
|
|
258
|
+
causing fallbacks to break.
|
|
243
259
|
|
|
244
260
|
## 1.33.0
|
|
245
261
|
|
|
246
262
|
### Minor Changes
|
|
247
263
|
|
|
248
|
-
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
264
|
+
- [#63526](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/63526)
|
|
265
|
+
[`e8835feffae9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e8835feffae9) -
|
|
266
|
+
Internal change to improve token sorting logic for typography tokens. Typography tokens are now
|
|
267
|
+
marked as active though they are still in development and not recommend for use without prior
|
|
268
|
+
approval from ADS.
|
|
253
269
|
|
|
254
270
|
## 1.32.0
|
|
255
271
|
|
|
256
272
|
### Minor Changes
|
|
257
273
|
|
|
258
|
-
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
274
|
+
- [#63504](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/63504)
|
|
275
|
+
[`668f6aa3ca86`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/668f6aa3ca86) -
|
|
276
|
+
Adds an entrypoint `@atlaskit/tokens/css-type-schema` containing a type definition for css values
|
|
277
|
+
contrained to tokens.
|
|
262
278
|
|
|
263
279
|
## 1.31.0
|
|
264
280
|
|
|
265
281
|
### Minor Changes
|
|
266
282
|
|
|
267
|
-
-
|
|
268
|
-
|
|
269
|
-
|
|
283
|
+
- [#62155](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/62155)
|
|
284
|
+
[`d88ffee39278`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d88ffee39278) -
|
|
285
|
+
Added new themes for ads-vision-lab
|
|
270
286
|
|
|
271
287
|
## 1.30.0
|
|
272
288
|
|
|
273
289
|
### Minor Changes
|
|
274
290
|
|
|
275
|
-
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
291
|
+
- [#59752](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59752)
|
|
292
|
+
[`df0bbb7c4cc1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/df0bbb7c4cc1) -
|
|
293
|
+
Removed minor-second typography theme: `typography`. ADG3 and Minor third themes remain as the two
|
|
294
|
+
typography themes.
|
|
279
295
|
|
|
280
296
|
## 1.29.2
|
|
281
297
|
|
|
282
298
|
### Patch Changes
|
|
283
299
|
|
|
284
|
-
-
|
|
285
|
-
|
|
286
|
-
|
|
300
|
+
- [#59147](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59147)
|
|
301
|
+
[`f12e489f23b0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f12e489f23b0) -
|
|
302
|
+
Re-build and deploy packages to NPM to resolve React/Compiled not found error (HOT-106483).
|
|
287
303
|
|
|
288
304
|
## 1.29.1
|
|
289
305
|
|
|
290
306
|
### Patch Changes
|
|
291
307
|
|
|
292
|
-
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
expected.
|
|
308
|
+
- [#57118](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/57118)
|
|
309
|
+
[`b9bd80957181`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b9bd80957181) -
|
|
310
|
+
Upgrade Emotion v10 (@emotion/core) to Emotion v11 (@emotion/react). No behaviour change expected.
|
|
296
311
|
|
|
297
312
|
## 1.29.0
|
|
298
313
|
|
|
299
314
|
### Minor Changes
|
|
300
315
|
|
|
301
|
-
-
|
|
302
|
-
|
|
303
|
-
|
|
316
|
+
- [#43538](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43538)
|
|
317
|
+
[`c10b408a053`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c10b408a053) -
|
|
318
|
+
Deprecate typography base tokens.
|
|
304
319
|
|
|
305
320
|
### Patch Changes
|
|
306
321
|
|
|
307
|
-
-
|
|
308
|
-
|
|
309
|
-
|
|
322
|
+
- [#43718](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43718)
|
|
323
|
+
[`8aebcad547a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8aebcad547a) -
|
|
324
|
+
Deprecated tokens are now warned against even when a replacement token has not been specified
|
|
310
325
|
|
|
311
326
|
## 1.28.2
|
|
312
327
|
|
|
313
328
|
### Patch Changes
|
|
314
329
|
|
|
315
|
-
-
|
|
316
|
-
|
|
317
|
-
|
|
330
|
+
- [#43455](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43455)
|
|
331
|
+
[`16586bd07a0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/16586bd07a0) - Updated
|
|
332
|
+
`font.body.small` line height to 16px (1rem).
|
|
318
333
|
|
|
319
334
|
## 1.28.1
|
|
320
335
|
|
|
321
336
|
### Patch Changes
|
|
322
337
|
|
|
323
|
-
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
338
|
+
- [#42413](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42413)
|
|
339
|
+
[`202e2c9c2ff`](https://bitbucket.org/atlassian/atlassian-frontend/commits/202e2c9c2ff) - Fix for
|
|
340
|
+
vuln [VULN-1112073](https://asecurityteam.atlassian.net/browse/VULN-1112073) by bumping
|
|
341
|
+
`@babel/traverse` to safest patch 7.23.2.
|
|
327
342
|
|
|
328
343
|
## 1.28.0
|
|
329
344
|
|
|
330
345
|
### Minor Changes
|
|
331
346
|
|
|
332
|
-
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
347
|
+
- [#41365](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41365)
|
|
348
|
+
[`fab3ce9e39a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fab3ce9e39a) - Added
|
|
349
|
+
smaller variants of heading tokens that get used for screen widths 1023px and below (Minor Third
|
|
350
|
+
scale only). For example `font.heading.xlarge` will switch to the styles defined by
|
|
351
|
+
`font.heading.large` on smaller screens.
|
|
337
352
|
|
|
338
353
|
## 1.27.0
|
|
339
354
|
|
|
340
355
|
### Minor Changes
|
|
341
356
|
|
|
342
|
-
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
357
|
+
- [#41516](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41516)
|
|
358
|
+
[`e6f589d4777`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e6f589d4777) - [ux]
|
|
359
|
+
This version releases changes that were feature flagged in version 1.25.0; they include minor
|
|
360
|
+
adjustments to our color palette and design tokens.
|
|
346
361
|
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
mode.
|
|
362
|
+
These changes make certain colors more distinguishable, improves the visual appearance of warning
|
|
363
|
+
and yellow accent backgrounds, and reduces saturation for subtle backgrounds in dark mode.
|
|
350
364
|
|
|
351
|
-
|
|
365
|
+
#### Palette changes
|
|
352
366
|
|
|
353
|
-
|
|
367
|
+
##### All saturated palettes
|
|
354
368
|
|
|
355
|
-
|
|
356
|
-
|
|
369
|
+
- Saturation for `1000` shades reduced for all saturated palettes to reduce eye strain when placed
|
|
370
|
+
against subtle UI in dark mode
|
|
357
371
|
|
|
358
|
-
|
|
372
|
+
##### Red
|
|
359
373
|
|
|
360
|
-
|
|
361
|
-
|
|
374
|
+
- Saturation reduced on entire scale
|
|
375
|
+
- Hue adjusted to create more separation from orange
|
|
362
376
|
|
|
363
|
-
|
|
377
|
+
##### Orange
|
|
364
378
|
|
|
365
|
-
|
|
366
|
-
|
|
379
|
+
- Saturation reduced on entire scale
|
|
380
|
+
- Hue adjusted to create more separation from yellow
|
|
367
381
|
|
|
368
|
-
|
|
382
|
+
##### Lime
|
|
369
383
|
|
|
370
|
-
|
|
384
|
+
- Saturation for `100` shades reduced
|
|
371
385
|
|
|
372
|
-
|
|
386
|
+
##### Green
|
|
373
387
|
|
|
374
|
-
|
|
388
|
+
- Saturation for `100` shades reduced
|
|
375
389
|
|
|
376
|
-
|
|
390
|
+
##### Teal
|
|
377
391
|
|
|
378
|
-
|
|
392
|
+
- Hue adjusted to create more separation from green
|
|
379
393
|
|
|
380
|
-
|
|
394
|
+
##### All palette changes
|
|
381
395
|
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
396
|
+
- `Red100` has changed from `#FFEDEB` to `#ffeceb`
|
|
397
|
+
- `Red200` has changed from `#FFD2CC` to `#ffd5d2`
|
|
398
|
+
- `Red300` has changed from `#FF9C8F` to `#fd9891`
|
|
399
|
+
- `Red400` has changed from `#F87462` to `#f87168`
|
|
400
|
+
- `Red500` has changed from `#EF5C48` to `#f15b50`
|
|
401
|
+
- `Red600` has changed from `#E34935` to `#e2483d`
|
|
402
|
+
- `Red700` has changed from `#CA3521` to `#c9372c`
|
|
403
|
+
- `Red800` has changed from `#AE2A19` to `#ae2e24`
|
|
404
|
+
- `Red900` has changed from `#601E16` to `#5d1f1a`
|
|
405
|
+
- `Red1000` has changed from `#4F1C16` to `#42221F`
|
|
406
|
+
- `Orange100` has changed from `#FFF4E5` to `#fff3eb`
|
|
407
|
+
- `Orange200` has changed from `#FFE2BD` to `#fedec8`
|
|
408
|
+
- `Orange300` has changed from `#FEC57B` to `#fec195`
|
|
409
|
+
- `Orange400` has changed from `#FAA53D` to `#fea362`
|
|
410
|
+
- `Orange500` has changed from `#F18D13` to `#f38a3f`
|
|
411
|
+
- `Orange600` has changed from `#D97008` to `#e56910`
|
|
412
|
+
- `Orange700` has changed from `#B65C02` to `#c25100`
|
|
413
|
+
- `Orange800` has changed from `#974F0C` to `#A54800`
|
|
414
|
+
- `Orange900` has changed from `#5F3811` to `#702e00`
|
|
415
|
+
- `Orange1000` has changed from `#4A2B0F` to `#38291e`
|
|
416
|
+
- `Yellow1000` has changed from `#3F3102` to `#332E1B`
|
|
417
|
+
- `Lime100` has changed from `#EEFBDA` to `#EFFFD6`
|
|
418
|
+
- `Lime1000` has changed from `#2A3818` to `#28311B`
|
|
419
|
+
- `Green100` has changed from `#DFFCF0` to `#DCFFF1`
|
|
420
|
+
- `Green1000` has changed from `#143C2B` to `#1C3329`
|
|
421
|
+
- `Teal100` has changed from `#E3FAFC` to `#E7F9FF`
|
|
422
|
+
- `Teal200` has changed from `#C1F0F5` to `#C6EDFB`
|
|
423
|
+
- `Teal300` has changed from `#8BDBE5` to `#9DD9EE`
|
|
424
|
+
- `Teal400` has changed from `#60C6D2` to `#6CC3E0`
|
|
425
|
+
- `Teal500` has changed from `#37B4C3` to `#42B2D7`
|
|
426
|
+
- `Teal600` has changed from `#1D9AAA` to `#2898BD`
|
|
427
|
+
- `Teal700` has changed from `#1D7F8C` to `#227D9B`
|
|
428
|
+
- `Teal800` has changed from `#206B74` to `#206A83`
|
|
429
|
+
- `Teal900` has changed from `#1D474C` to `#164555`
|
|
430
|
+
- `Teal1000` has changed from `#15373B` to `#1E3137`
|
|
431
|
+
- `Blue1000` has changed from `#092957` to `#1C2B41`
|
|
432
|
+
- `Purple1000` has changed from `#2B2451` to `#2B273F`
|
|
433
|
+
- `Magenta1000` has changed from `#421F34` to `#3D2232`
|
|
420
434
|
|
|
421
|
-
|
|
435
|
+
#### Token changes
|
|
422
436
|
|
|
423
|
-
|
|
437
|
+
##### Yellow accent backgrounds
|
|
424
438
|
|
|
425
|
-
|
|
439
|
+
Mapped to lighter shades to create differentiation with orange, and increase vibrancy:
|
|
426
440
|
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
441
|
+
- \[Light theme\] `color.background.yellow.subtle`: `Yellow400` → `Yellow300`
|
|
442
|
+
- \[Light theme\] `color.background.accent.yellow.subtle.hovered`: `Yellow300` → `Yellow400`
|
|
443
|
+
- \[Light theme\] `color.background.accent.yellow.subtle.pressed`: `Yellow200` → `Yellow500`
|
|
430
444
|
|
|
431
|
-
|
|
445
|
+
##### Bold warning backgrounds
|
|
432
446
|
|
|
433
|
-
|
|
447
|
+
Mapped to lighter shades to increase vibrancy:
|
|
434
448
|
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
449
|
+
- \[Light theme\] `color.background.warning.bold`: `Yellow400` → `Yellow300`
|
|
450
|
+
- \[Dark mode\]: `color.background.warning.bold`: `Yellow400` → `Yellow300`
|
|
451
|
+
- \[Light theme\] `color.background.warning.bold.hovered`: `Yellow500` → `Yellow400`
|
|
452
|
+
- \[Dark mode\]: `color.background.warning.bold.hovered`: `Yellow300` → `Yellow400`
|
|
453
|
+
- \[Light theme\] `color.background.warning.bold.pressed`: `Yellow600` → `Yellow500`
|
|
454
|
+
- \[Dark mode\]: `color.background.warning.bold.pressed`: `Yellow200` → `Yellow500`
|
|
441
455
|
|
|
442
|
-
|
|
456
|
+
##### Icon
|
|
443
457
|
|
|
444
|
-
|
|
458
|
+
Mapped red/danger icons to darker shades to create distinction between orange and red icons:
|
|
445
459
|
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
460
|
+
- \[Light theme\]: `color.icon.accent.red`: `Red600` → `Red700`
|
|
461
|
+
- \[Dark theme\]: `color.icon.accent.red`: `Red500` → `Red600`
|
|
462
|
+
- \[Dark theme\]: `color.icon.accent.yellow`: `Yellow500` → `Yellow300`
|
|
463
|
+
- \[Light theme\]: `color.icon.danger`: `Red600` → `Red700`
|
|
464
|
+
- \[Dark theme\]: `color.icon.warning`: `Yellow500` → `Yellow300`
|
|
451
465
|
|
|
452
466
|
## 1.26.1
|
|
453
467
|
|
|
454
468
|
### Patch Changes
|
|
455
469
|
|
|
456
|
-
-
|
|
457
|
-
|
|
458
|
-
|
|
470
|
+
- [#40324](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40324)
|
|
471
|
+
[`67b68e00b3f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/67b68e00b3f) - Removed
|
|
472
|
+
un-exported schema information from src and the package bundle
|
|
459
473
|
|
|
460
474
|
## 1.26.0
|
|
461
475
|
|
|
462
476
|
### Minor Changes
|
|
463
477
|
|
|
464
|
-
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
478
|
+
- [#40801](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40801)
|
|
479
|
+
[`f0f44726caa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f0f44726caa) - We are
|
|
480
|
+
testing increased contrast themes behind a feature flag. These are alternative themes that enable
|
|
481
|
+
according to user contrast system preferences. If testing is successful they will be available in
|
|
482
|
+
a later release.
|
|
469
483
|
|
|
470
484
|
## 1.25.2
|
|
471
485
|
|
|
472
486
|
### Patch Changes
|
|
473
487
|
|
|
474
|
-
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
488
|
+
- [#41083](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41083)
|
|
489
|
+
[`efb7932428f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/efb7932428f) - Fix a
|
|
490
|
+
bug introduced in @atlaskit/tokens@1.25.1 that added an invalid peer dependency. The previous
|
|
491
|
+
version has been marked as deprecated.
|
|
478
492
|
|
|
479
493
|
## 1.25.1
|
|
480
494
|
|
|
481
495
|
### Patch Changes
|
|
482
496
|
|
|
483
|
-
-
|
|
484
|
-
|
|
485
|
-
|
|
497
|
+
- [#40299](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40299)
|
|
498
|
+
[`b1882fdd842`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1882fdd842) - Change
|
|
499
|
+
typography token naming to be more verbose.
|
|
486
500
|
|
|
487
501
|
## 1.25.0
|
|
488
502
|
|
|
489
503
|
### Minor Changes
|
|
490
504
|
|
|
491
|
-
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
505
|
+
- [#40253](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40253)
|
|
506
|
+
[`6125697f0b4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6125697f0b4) - We are
|
|
507
|
+
testing adjustments to our color palette and design tokens behind a feature flag. These changes
|
|
508
|
+
make certain colors more distinguishable, improves the visual appearance of warning and yellow
|
|
509
|
+
accent backgrounds, and reduces saturation for subtle backgrounds in dark mode.
|
|
496
510
|
|
|
497
|
-
|
|
498
|
-
|
|
511
|
+
These changes are available behind a feature flag; if this test is successful it will be available
|
|
512
|
+
in an upcoming minor release.
|
|
499
513
|
|
|
500
514
|
## 1.24.0
|
|
501
515
|
|
|
502
516
|
### Minor Changes
|
|
503
517
|
|
|
504
|
-
-
|
|
505
|
-
|
|
506
|
-
|
|
518
|
+
- [#40041](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40041)
|
|
519
|
+
[`0c2e2baec38`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c2e2baec38) - Added
|
|
520
|
+
new `color.link.visited` token.
|
|
507
521
|
|
|
508
522
|
## 1.23.0
|
|
509
523
|
|
|
510
524
|
### Minor Changes
|
|
511
525
|
|
|
512
|
-
-
|
|
513
|
-
|
|
514
|
-
|
|
526
|
+
- [#38420](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38420)
|
|
527
|
+
[`5a967ac2397`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5a967ac2397) - Adds two
|
|
528
|
+
new synchronous theme configuration utilities:
|
|
515
529
|
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
`@atlaskit/tokens/custom-themes`
|
|
530
|
+
- `enableGlobalTheme` is a synchronous version of `setGlobalTheme` that sets data attributes on
|
|
531
|
+
the page and takes a themeLoader
|
|
532
|
+
- `UNSAFE_loadCustomThemeStyles` provides a synchronous way to generate and apply custom theme
|
|
533
|
+
styles to the page. It can be accessed from a new entrypoint, `@atlaskit/tokens/custom-themes`
|
|
521
534
|
|
|
522
535
|
## 1.22.1
|
|
523
536
|
|
|
524
537
|
### Patch Changes
|
|
525
538
|
|
|
526
|
-
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
539
|
+
- [#40072](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40072)
|
|
540
|
+
[`7b6548e6ad0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7b6548e6ad0) -
|
|
541
|
+
Internally moves the logic which applies spacing as a defaulty enabled theme to be more inline
|
|
542
|
+
with other themes.
|
|
530
543
|
|
|
531
544
|
## 1.22.0
|
|
532
545
|
|
|
533
546
|
### Minor Changes
|
|
534
547
|
|
|
535
|
-
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
548
|
+
- [#39854](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39854)
|
|
549
|
+
[`3d5c5dbe08c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3d5c5dbe08c) - Adds
|
|
550
|
+
UNSAFE_textTransformUppercase token. This token should not be used directly unless to aid a
|
|
551
|
+
migration.
|
|
539
552
|
|
|
540
553
|
## 1.21.1
|
|
541
554
|
|
|
542
555
|
### Patch Changes
|
|
543
556
|
|
|
544
|
-
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
557
|
+
- [#39653](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39653)
|
|
558
|
+
[`12c0a5a6f2e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/12c0a5a6f2e) - The
|
|
559
|
+
tokens Babel plugin will now add opacity to shadow token values if they don't already contain
|
|
560
|
+
them.
|
|
548
561
|
|
|
549
562
|
## 1.21.0
|
|
550
563
|
|
|
551
564
|
### Minor Changes
|
|
552
565
|
|
|
553
|
-
-
|
|
554
|
-
|
|
555
|
-
|
|
566
|
+
- [#39578](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39578)
|
|
567
|
+
[`9eee297c402`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9eee297c402) - Added
|
|
568
|
+
negative space tokens from -2px to -32px (space.negative.025 to space.negative.400).
|
|
556
569
|
|
|
557
570
|
## 1.20.1
|
|
558
571
|
|
|
559
572
|
### Patch Changes
|
|
560
573
|
|
|
561
|
-
-
|
|
562
|
-
|
|
563
|
-
|
|
574
|
+
- [#39641](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39641)
|
|
575
|
+
[`4be033a9cb5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4be033a9cb5) - Update
|
|
576
|
+
types
|
|
564
577
|
|
|
565
578
|
## 1.20.0
|
|
566
579
|
|
|
567
580
|
### Minor Changes
|
|
568
581
|
|
|
569
|
-
-
|
|
570
|
-
|
|
571
|
-
|
|
582
|
+
- [#38118](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38118)
|
|
583
|
+
[`0a95595cd3e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0a95595cd3e) - Space
|
|
584
|
+
tokens are now enabled by default whenever `setGlobalTheme` is called.
|
|
572
585
|
|
|
573
586
|
## 1.19.0
|
|
574
587
|
|
|
575
588
|
### Minor Changes
|
|
576
589
|
|
|
577
|
-
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
590
|
+
- [#39430](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39430)
|
|
591
|
+
[`ff1a0d8dcfd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ff1a0d8dcfd) -
|
|
592
|
+
Introduces 80 new accent interaction tokens:
|
|
593
|
+
|
|
594
|
+
- color.background.accent.blue.subtlest.hovered
|
|
595
|
+
- color.background.accent.blue.subtlest.pressed
|
|
596
|
+
- color.background.accent.blue.subtler.hovered
|
|
597
|
+
- color.background.accent.blue.subtler.pressed
|
|
598
|
+
- color.background.accent.blue.subtle.hovered
|
|
599
|
+
- color.background.accent.blue.subtle.pressed
|
|
600
|
+
- color.background.accent.blue.bolder.hovered
|
|
601
|
+
- color.background.accent.blue.bolder.pressed
|
|
602
|
+
|
|
603
|
+
- color.background.accent.lime.subtlest.hovered
|
|
604
|
+
- color.background.accent.lime.subtlest.pressed
|
|
605
|
+
- color.background.accent.lime.subtler.hovered
|
|
606
|
+
- color.background.accent.lime.subtler.pressed
|
|
607
|
+
- color.background.accent.lime.subtle.hovered
|
|
608
|
+
- color.background.accent.lime.subtle.pressed
|
|
609
|
+
- color.background.accent.lime.bolder.hovered
|
|
610
|
+
- color.background.accent.lime.bolder.pressed
|
|
611
|
+
|
|
612
|
+
- color.background.accent.red.subtlest.hovered
|
|
613
|
+
- color.background.accent.red.subtlest.pressed
|
|
614
|
+
- color.background.accent.red.subtler.hovered
|
|
615
|
+
- color.background.accent.red.subtler.pressed
|
|
616
|
+
- color.background.accent.red.subtle.hovered
|
|
617
|
+
- color.background.accent.red.subtle.pressed
|
|
618
|
+
- color.background.accent.red.bolder.hovered
|
|
619
|
+
- color.background.accent.red.bolder.pressed
|
|
620
|
+
|
|
621
|
+
- color.background.accent.orange.subtlest.hovered
|
|
622
|
+
- color.background.accent.orange.subtlest.pressed
|
|
623
|
+
- color.background.accent.orange.subtler.hovered
|
|
624
|
+
- color.background.accent.orange.subtler.pressed
|
|
625
|
+
- color.background.accent.orange.subtle.hovered
|
|
626
|
+
- color.background.accent.orange.subtle.pressed
|
|
627
|
+
- color.background.accent.orange.bolder.hovered
|
|
628
|
+
- color.background.accent.orange.bolder.pressed
|
|
629
|
+
|
|
630
|
+
- color.background.accent.yellow.subtlest.hovered
|
|
631
|
+
- color.background.accent.yellow.subtlest.pressed
|
|
632
|
+
- color.background.accent.yellow.subtler.hovered
|
|
633
|
+
- color.background.accent.yellow.subtler.pressed
|
|
634
|
+
- color.background.accent.yellow.subtle.hovered
|
|
635
|
+
- color.background.accent.yellow.subtle.pressed
|
|
636
|
+
- color.background.accent.yellow.bolder.hovered
|
|
637
|
+
- color.background.accent.yellow.bolder.pressed
|
|
638
|
+
|
|
639
|
+
- color.background.accent.green.subtlest.hovered
|
|
640
|
+
- color.background.accent.green.subtlest.pressed
|
|
641
|
+
- color.background.accent.green.subtler.hovered
|
|
642
|
+
- color.background.accent.green.subtler.pressed
|
|
643
|
+
- color.background.accent.green.subtle.hovered
|
|
644
|
+
- color.background.accent.green.subtle.pressed
|
|
645
|
+
- color.background.accent.green.bolder.hovered
|
|
646
|
+
- color.background.accent.green.bolder.pressed
|
|
647
|
+
|
|
648
|
+
- color.background.accent.teal.subtlest.hovered
|
|
649
|
+
- color.background.accent.teal.subtlest.pressed
|
|
650
|
+
- color.background.accent.teal.subtler.hovered
|
|
651
|
+
- color.background.accent.teal.subtler.pressed
|
|
652
|
+
- color.background.accent.teal.subtle.hovered
|
|
653
|
+
- color.background.accent.teal.subtle.pressed
|
|
654
|
+
- color.background.accent.teal.bolder.hovered
|
|
655
|
+
- color.background.accent.teal.bolder.pressed
|
|
656
|
+
|
|
657
|
+
- color.background.accent.purple.subtlest.hovered
|
|
658
|
+
- color.background.accent.purple.subtlest.pressed
|
|
659
|
+
- color.background.accent.purple.subtler.hovered
|
|
660
|
+
- color.background.accent.purple.subtler.pressed
|
|
661
|
+
- color.background.accent.purple.subtle.hovered
|
|
662
|
+
- color.background.accent.purple.subtle.pressed
|
|
663
|
+
- color.background.accent.purple.bolder.hovered
|
|
664
|
+
- color.background.accent.purple.bolder.pressed
|
|
665
|
+
|
|
666
|
+
- color.background.accent.magenta.subtlest.hovered
|
|
667
|
+
- color.background.accent.magenta.subtlest.pressed
|
|
668
|
+
- color.background.accent.magenta.subtler.hovered
|
|
669
|
+
- color.background.accent.magenta.subtler.pressed
|
|
670
|
+
- color.background.accent.magenta.subtle.hovered
|
|
671
|
+
- color.background.accent.magenta.subtle.pressed
|
|
672
|
+
- color.background.accent.magenta.bolder.hovered
|
|
673
|
+
- color.background.accent.magenta.bolder.pressed
|
|
674
|
+
|
|
675
|
+
- color.background.accent.gray.subtlest.hovered
|
|
676
|
+
- color.background.accent.gray.subtlest.pressed
|
|
677
|
+
- color.background.accent.gray.subtler.hovered
|
|
678
|
+
- color.background.accent.gray.subtler.pressed
|
|
679
|
+
- color.background.accent.gray.subtle.hovered
|
|
680
|
+
- color.background.accent.gray.subtle.pressed
|
|
681
|
+
- color.background.accent.gray.bolder.hovered
|
|
682
|
+
- color.background.accent.gray.bolder.pressed
|
|
670
683
|
|
|
671
684
|
## 1.18.0
|
|
672
685
|
|
|
673
686
|
### Minor Changes
|
|
674
687
|
|
|
675
|
-
-
|
|
676
|
-
|
|
677
|
-
|
|
688
|
+
- [#39135](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39135)
|
|
689
|
+
[`c27587454bb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c27587454bb) - Update
|
|
690
|
+
to include additional body token.
|
|
678
691
|
|
|
679
692
|
## 1.17.1
|
|
680
693
|
|
|
681
694
|
### Patch Changes
|
|
682
695
|
|
|
683
|
-
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
tokens
|
|
696
|
+
- [#38368](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38368)
|
|
697
|
+
[`11d00ba7be0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/11d00ba7be0) - Fixes
|
|
698
|
+
style-dictionary token references. allowing semantic tokens to be aliases of other semantic tokens
|
|
687
699
|
|
|
688
700
|
## 1.17.0
|
|
689
701
|
|
|
690
702
|
### Minor Changes
|
|
691
703
|
|
|
692
|
-
-
|
|
693
|
-
|
|
694
|
-
|
|
704
|
+
- [#38226](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38226)
|
|
705
|
+
[`e6d73d0e019`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e6d73d0e019) - Removes
|
|
706
|
+
inset from elevation shadow borders.
|
|
695
707
|
|
|
696
708
|
## 1.16.0
|
|
697
709
|
|
|
698
710
|
### Minor Changes
|
|
699
711
|
|
|
700
|
-
-
|
|
701
|
-
|
|
702
|
-
|
|
712
|
+
- [#37789](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37789)
|
|
713
|
+
[`031034da425`](https://bitbucket.org/atlassian/atlassian-frontend/commits/031034da425) -
|
|
714
|
+
Introduces surface detection through the use of design tokens/CSS variables:
|
|
703
715
|
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
716
|
+
- The `utility.elevation.surface.current` design token allows UI to be styled with a color based
|
|
717
|
+
on a parent element's surface color.
|
|
718
|
+
- The `CURRENT_SURFACE_CSS_VAR` constant is exported to enable the current surface CSS variable to
|
|
719
|
+
be set.
|
|
708
720
|
|
|
709
721
|
## 1.15.2
|
|
710
722
|
|
|
711
723
|
### Patch Changes
|
|
712
724
|
|
|
713
|
-
-
|
|
714
|
-
|
|
715
|
-
|
|
725
|
+
- [#39128](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39128)
|
|
726
|
+
[`3c114ea4257`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c114ea4257) - Update
|
|
727
|
+
type definitions to conform to inherited changes from `@types/react@16.14.15`.
|
|
716
728
|
|
|
717
729
|
## 1.15.1
|
|
718
730
|
|
|
719
731
|
### Patch Changes
|
|
720
732
|
|
|
721
|
-
-
|
|
722
|
-
|
|
723
|
-
|
|
733
|
+
- [#38620](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38620)
|
|
734
|
+
[`2b79cf3df13`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2b79cf3df13) - Patches
|
|
735
|
+
certain token values in the internal typography theme.
|
|
724
736
|
|
|
725
737
|
## 1.15.0
|
|
726
738
|
|
|
727
739
|
### Minor Changes
|
|
728
740
|
|
|
729
|
-
-
|
|
730
|
-
|
|
731
|
-
|
|
741
|
+
- [#38433](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38433)
|
|
742
|
+
[`6b31bb82f08`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6b31bb82f08) -
|
|
743
|
+
Introduces experimental typography theme (v2).
|
|
732
744
|
|
|
733
745
|
## 1.14.2
|
|
734
746
|
|
|
735
747
|
### Patch Changes
|
|
736
748
|
|
|
737
|
-
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
749
|
+
- [#37003](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37003)
|
|
750
|
+
[`8e1667c2c03`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8e1667c2c03) - Adds the
|
|
751
|
+
ability to specify a fallback theme in the tokens Babel plugin via the `defaultTheme` option. Also
|
|
752
|
+
adds 'legacy-light' as one of the available themes, while keeping 'light' as the default if
|
|
753
|
+
nothing is provided.
|
|
742
754
|
|
|
743
755
|
## 1.14.1
|
|
744
756
|
|
|
745
757
|
### Patch Changes
|
|
746
758
|
|
|
747
|
-
-
|
|
748
|
-
|
|
749
|
-
|
|
759
|
+
- [#37532](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37532)
|
|
760
|
+
[`b423f118bb8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b423f118bb8) - Adjusted
|
|
761
|
+
color generation system for custom theming to improve accessibility.
|
|
750
762
|
|
|
751
763
|
## 1.14.0
|
|
752
764
|
|
|
753
765
|
### Minor Changes
|
|
754
766
|
|
|
755
|
-
-
|
|
756
|
-
|
|
757
|
-
|
|
767
|
+
- [#37768](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37768)
|
|
768
|
+
[`d9d7c284713`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d9d7c284713) - Add
|
|
769
|
+
custom theming support to `ThemeObjectToString` and `ThemeStringToObject` functions.
|
|
758
770
|
|
|
759
771
|
## 1.13.2
|
|
760
772
|
|
|
761
773
|
### Patch Changes
|
|
762
774
|
|
|
763
|
-
-
|
|
764
|
-
|
|
765
|
-
|
|
775
|
+
- [#37534](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37534)
|
|
776
|
+
[`f29001ccc8c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f29001ccc8c) - Renamed
|
|
777
|
+
type "CustomBrandSchema" to "ThemeOptionsSchema" for experimental custom theming API
|
|
766
778
|
|
|
767
779
|
## 1.13.1
|
|
768
780
|
|
|
769
781
|
### Patch Changes
|
|
770
782
|
|
|
771
|
-
-
|
|
772
|
-
|
|
773
|
-
|
|
783
|
+
- [#37182](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37182)
|
|
784
|
+
[`74f7af9882b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/74f7af9882b) - [ux]
|
|
785
|
+
correct fallback color of token color.border.focused to meet contrast requirement
|
|
774
786
|
|
|
775
787
|
## 1.13.0
|
|
776
788
|
|
|
777
789
|
### Minor Changes
|
|
778
790
|
|
|
779
|
-
-
|
|
780
|
-
|
|
781
|
-
|
|
791
|
+
- [#36967](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36967)
|
|
792
|
+
[`bc512702bdc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc512702bdc) -
|
|
793
|
+
Introduces new brand background tokens.
|
|
782
794
|
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
- `color.background.brand.subtlest.pressed` - Pressed state of
|
|
788
|
-
color.background.brand.subtlest.
|
|
795
|
+
- `color.background.brand.subtlest` - Use for the background of elements used to reinforce our
|
|
796
|
+
brand, but with less emphasis.
|
|
797
|
+
- `color.background.brand.subtlest.hovered` - Hovered state of color.background.brand.subtlest.
|
|
798
|
+
- `color.background.brand.subtlest.pressed` - Pressed state of color.background.brand.subtlest.
|
|
789
799
|
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
800
|
+
- `color.background.brand.boldest` - Use for the background of elements used to reinforce our
|
|
801
|
+
brand, that need to stand out a lot.
|
|
802
|
+
- `color.background.brand.boldest.hovered` - Hovered state of color.background.brand.boldest.
|
|
803
|
+
- `color.background.brand.boldest.pressed` - Pressed state of color.background.brand.boldest.
|
|
794
804
|
|
|
795
|
-
|
|
805
|
+
Updates custom color generation system with new brand background tokens.
|
|
796
806
|
|
|
797
807
|
## 1.12.0
|
|
798
808
|
|
|
799
809
|
### Minor Changes
|
|
800
810
|
|
|
801
|
-
-
|
|
802
|
-
|
|
803
|
-
|
|
811
|
+
- [#36501](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36501)
|
|
812
|
+
[`beba2779d31`](https://bitbucket.org/atlassian/atlassian-frontend/commits/beba2779d31) - Add
|
|
813
|
+
experimental support for custom theming via the `UNSAFE_themeOptions` field in `themeState`.
|
|
804
814
|
|
|
805
|
-
|
|
815
|
+
This option is supported in the following functions:
|
|
806
816
|
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
817
|
+
- `setGlobalTheme()`: optionally generates and loads customized themes based on the options
|
|
818
|
+
provided, and sets the `data-custom-theme` attribute on page's HTML tag.
|
|
819
|
+
- `getThemeStyles()`: returns additional style objects for constructing custom theme `<style>`
|
|
820
|
+
tags.
|
|
821
|
+
- `getThemeHtmlAttrs()`: now supports the `data-custom-theme` attribute.
|
|
812
822
|
|
|
813
|
-
|
|
814
|
-
|
|
823
|
+
Custom themes are generated at runtime based on the options provided. The theme generation logic
|
|
824
|
+
is lazy-loaded only when `UNSAFE_themeOptions` is set.
|
|
815
825
|
|
|
816
826
|
## 1.11.3
|
|
817
827
|
|
|
818
828
|
### Patch Changes
|
|
819
829
|
|
|
820
|
-
-
|
|
821
|
-
|
|
822
|
-
|
|
830
|
+
- [#36457](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36457)
|
|
831
|
+
[`1b40a9ff426`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1b40a9ff426) - update
|
|
832
|
+
border.input.color to DarkNeutral600
|
|
823
833
|
|
|
824
834
|
## 1.11.2
|
|
825
835
|
|
|
826
836
|
### Patch Changes
|
|
827
837
|
|
|
828
|
-
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
-
|
|
832
|
-
|
|
833
|
-
|
|
838
|
+
- [#36334](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36334)
|
|
839
|
+
[`5f3a4279435`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f3a4279435) - Fixes
|
|
840
|
+
invalid default values assigned to shadow tokens in the token-default-values.tsx artifact
|
|
841
|
+
- [#36279](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36279)
|
|
842
|
+
[`694b79161b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/694b79161b8) - Corrects
|
|
843
|
+
Lime chart tokens in the dark mode theme so they use the correct base tokens
|
|
834
844
|
|
|
835
845
|
## 1.11.1
|
|
836
846
|
|
|
837
847
|
### Patch Changes
|
|
838
848
|
|
|
839
|
-
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
-
|
|
843
|
-
|
|
849
|
+
- [#35441](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35441)
|
|
850
|
+
[`7053f18ecc5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7053f18ecc5) - Added
|
|
851
|
+
suggest metadata to shape tokens to aid future migration suggestions.
|
|
852
|
+
- [`ba43427b3e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ba43427b3e8) - Internal
|
|
853
|
+
changes to account for introduction of shape/radius tokens.
|
|
844
854
|
|
|
845
855
|
## 1.11.0
|
|
846
856
|
|
|
847
857
|
### Minor Changes
|
|
848
858
|
|
|
849
|
-
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
859
|
+
- [#36265](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36265)
|
|
860
|
+
[`c96e003db64`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c96e003db64) -
|
|
861
|
+
Following on from 1.7.0, shape tokens are no longer being enabled behind a feature flag. Only
|
|
862
|
+
space tokens will be enabled by default when the feature flag is active.
|
|
853
863
|
|
|
854
864
|
## 1.10.2
|
|
855
865
|
|
|
856
866
|
### Patch Changes
|
|
857
867
|
|
|
858
|
-
-
|
|
859
|
-
|
|
860
|
-
|
|
868
|
+
- [#36218](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36218)
|
|
869
|
+
[`7c1c449eb96`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7c1c449eb96) - Updated
|
|
870
|
+
space token descriptions.
|
|
861
871
|
|
|
862
872
|
## 1.10.1
|
|
863
873
|
|
|
864
874
|
### Patch Changes
|
|
865
875
|
|
|
866
|
-
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
876
|
+
- [#36072](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36072)
|
|
877
|
+
[`7fb8fb4fbbb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7fb8fb4fbbb) - - Fixed
|
|
878
|
+
an issue where `getCSSCustomProperty` would return the incorrect CSS variable names for space
|
|
879
|
+
tokens.
|
|
880
|
+
- Updated space token descriptions.
|
|
871
881
|
|
|
872
882
|
## 1.10.0
|
|
873
883
|
|
|
874
884
|
### Minor Changes
|
|
875
885
|
|
|
876
|
-
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
loading functionality with the callback.
|
|
886
|
+
- [#33680](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33680)
|
|
887
|
+
[`31426322355`](https://bitbucket.org/atlassian/atlassian-frontend/commits/31426322355) - - Add a
|
|
888
|
+
new getAllThemeStyles() function that can be used for generating theme CSS files at build time.
|
|
889
|
+
- Add an optional callback parameter to setGlobalTheme() that overrides the default theme loading
|
|
890
|
+
functionality with the callback.
|
|
882
891
|
|
|
883
892
|
## 1.9.1
|
|
884
893
|
|
|
885
894
|
### Patch Changes
|
|
886
895
|
|
|
887
|
-
-
|
|
888
|
-
|
|
889
|
-
|
|
896
|
+
- [#35762](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35762)
|
|
897
|
+
[`7ab8146e433`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7ab8146e433) -
|
|
898
|
+
Re-introduce entry point for token-default-values
|
|
890
899
|
|
|
891
900
|
## 1.9.0
|
|
892
901
|
|
|
893
902
|
### Minor Changes
|
|
894
903
|
|
|
895
|
-
-
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
904
|
+
- [#34744](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34744)
|
|
905
|
+
[`06fb6792d1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/06fb6792d1f) - Subtle
|
|
906
|
+
adjustments to some color design tokens to improve the dark theme. These changes were previously
|
|
907
|
+
being tested behind a feature flag.
|
|
899
908
|
|
|
900
909
|
## 1.8.1
|
|
901
910
|
|
|
902
911
|
### Patch Changes
|
|
903
912
|
|
|
904
|
-
-
|
|
905
|
-
|
|
906
|
-
|
|
913
|
+
- [#35111](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35111)
|
|
914
|
+
[`8f436f0c301`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f436f0c301) - extend
|
|
915
|
+
border contrast feature flag to support confluence
|
|
907
916
|
|
|
908
917
|
## 1.8.0
|
|
909
918
|
|
|
910
919
|
### Minor Changes
|
|
911
920
|
|
|
912
|
-
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
921
|
+
- [#35526](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35526)
|
|
922
|
+
[`e200f2340ed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e200f2340ed) -
|
|
923
|
+
Introduces new lime token set.
|
|
924
|
+
|
|
925
|
+
- `color.text.accent.lime` - Use for lime text on subtlest and subtler lime accent backgrounds
|
|
926
|
+
when there is no meaning tied to the color.
|
|
927
|
+
- `color.text.accent.lime.bolder` - Use for lime text on subtle lime accent backgrounds when there
|
|
928
|
+
is no meaning tied to the color.
|
|
929
|
+
- `color.background.accent.lime.subtlest` - Use for lime backgrounds when there is no meaning tied
|
|
930
|
+
to the color. Reserved for when you only want a hint of color.
|
|
931
|
+
- `color.background.accent.lime.subtler` - Use for lime backgrounds when there is no meaning tied
|
|
932
|
+
to the color, such as colored tags.
|
|
933
|
+
- `color.background.accent.lime.subtle` - Use for vibrant lime backgrounds when there is no
|
|
934
|
+
meaning tied to the color, such as colored tags.
|
|
935
|
+
- `color.background.accent.lime.bolder` - Use for lime backgrounds when there is no meaning tied
|
|
936
|
+
to the color, and the background needs to pass min 3:1 contrast requirements.
|
|
937
|
+
- `color.icon.accent.lime` - Use for lime icons on non-bold backgrounds when there is no meaning
|
|
938
|
+
tied to the color, such as file type icons.
|
|
939
|
+
- `color.border.accent.lime` - Use for lime borders on non-bold backgrounds when there is no
|
|
940
|
+
meaning tied to the color.
|
|
941
|
+
- `color.chart.lime` - For data visualisation only.
|
|
942
|
+
- `color.chart.lime.hovered` - Hovered state of color.chart.lime
|
|
943
|
+
- `color.chart.lime.bolder` - For data visualisation only.
|
|
944
|
+
- `color.chart.lime.bolder.hovered` - Hovered state of color.chart.lime.bolder
|
|
945
|
+
- `color.chart.lime.boldest` - For data visualisation only.
|
|
946
|
+
- `color.chart.lime.boldest.hovered` - Hovered state of color.chart.lime.boldest
|
|
938
947
|
|
|
939
948
|
## 1.7.0
|
|
940
949
|
|
|
941
950
|
### Minor Changes
|
|
942
951
|
|
|
943
|
-
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
952
|
+
- [#35590](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35590)
|
|
953
|
+
[`85b5f222844`](https://bitbucket.org/atlassian/atlassian-frontend/commits/85b5f222844) - We are
|
|
954
|
+
testing shape and space tokens behind a feature flag. These tokens will be enabled by default
|
|
955
|
+
whenever `setGlobalTheme` is called. If this test is successful it will be available in a later
|
|
956
|
+
release.
|
|
948
957
|
|
|
949
958
|
## 1.6.0
|
|
950
959
|
|
|
951
960
|
### Minor Changes
|
|
952
961
|
|
|
953
|
-
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
962
|
+
- [#35385](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35385)
|
|
963
|
+
[`191bbd4a3c2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/191bbd4a3c2) - Public
|
|
964
|
+
changes to types for `setGlobalTheme` to match API - previously themes could be incorrectly
|
|
965
|
+
applied ie the light theme could theoretically take the space theme as a valid value. No behavior
|
|
966
|
+
changes. Internally the shape theme has been moved from experimental status. These tokens are now
|
|
967
|
+
active however they remain disabled by default.
|
|
959
968
|
|
|
960
969
|
### Patch Changes
|
|
961
970
|
|
|
962
|
-
-
|
|
963
|
-
|
|
971
|
+
- [`98edc7e8b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/98edc7e8b62) - Patch
|
|
972
|
+
for tokens metadata and descriptions.
|
|
964
973
|
|
|
965
974
|
## 1.5.2
|
|
966
975
|
|
|
967
976
|
### Patch Changes
|
|
968
977
|
|
|
969
|
-
-
|
|
970
|
-
|
|
971
|
-
|
|
978
|
+
- [#34800](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34800)
|
|
979
|
+
[`8be4cc2372f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8be4cc2372f) - update
|
|
980
|
+
border color to Neutral500
|
|
972
981
|
|
|
973
982
|
## 1.5.1
|
|
974
983
|
|
|
975
984
|
### Patch Changes
|
|
976
985
|
|
|
977
|
-
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
986
|
+
- [#33652](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33652)
|
|
987
|
+
[`e7ea6832ad2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7ea6832ad2) - Bans the
|
|
988
|
+
use of React.FC/React.FunctionComponent type in ADS components as part of the React 18 migration
|
|
989
|
+
work. The change is internal only and should not introduce any changes for the component
|
|
990
|
+
consumers.
|
|
982
991
|
|
|
983
992
|
## 1.5.0
|
|
984
993
|
|
|
985
994
|
### Minor Changes
|
|
986
995
|
|
|
987
|
-
-
|
|
988
|
-
|
|
989
|
-
|
|
996
|
+
- [#34217](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34217)
|
|
997
|
+
[`43d186af89c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/43d186af89c) - [ux]
|
|
998
|
+
Updates spacing, typography metadata to apply rems or pixels depending on the target platform.
|
|
990
999
|
|
|
991
1000
|
### Patch Changes
|
|
992
1001
|
|
|
993
|
-
-
|
|
994
|
-
|
|
1002
|
+
- [`019af32072d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/019af32072d) - Add
|
|
1003
|
+
shape token handling to the `ensure-design-token-usage-spacing` rule.
|
|
995
1004
|
|
|
996
1005
|
## 1.4.4
|
|
997
1006
|
|
|
998
1007
|
### Patch Changes
|
|
999
1008
|
|
|
1000
|
-
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1009
|
+
- [#34445](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34445)
|
|
1010
|
+
[`33f10b7eb36`](https://bitbucket.org/atlassian/atlassian-frontend/commits/33f10b7eb36) - Removing
|
|
1011
|
+
unused dependencies and dev dependencies
|
|
1003
1012
|
|
|
1004
1013
|
## 1.4.3
|
|
1005
1014
|
|
|
1006
1015
|
### Patch Changes
|
|
1007
1016
|
|
|
1008
|
-
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1017
|
+
- [#33905](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33905)
|
|
1018
|
+
[`32e364bed0b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/32e364bed0b) - We are
|
|
1019
|
+
testing color tweaks to the dark theme behind a feature flag.
|
|
1011
1020
|
|
|
1012
1021
|
## 1.4.2
|
|
1013
1022
|
|
|
1014
1023
|
### Patch Changes
|
|
1015
1024
|
|
|
1016
|
-
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1025
|
+
- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
|
|
1026
|
+
[`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure
|
|
1027
|
+
legacy types are published for TS 4.5-4.8
|
|
1019
1028
|
|
|
1020
1029
|
## 1.4.1
|
|
1021
1030
|
|
|
1022
1031
|
### Patch Changes
|
|
1023
1032
|
|
|
1024
|
-
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1033
|
+
- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
|
|
1034
|
+
[`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade
|
|
1035
|
+
Typescript from `4.5.5` to `4.9.5`
|
|
1027
1036
|
|
|
1028
1037
|
## 1.4.0
|
|
1029
1038
|
|
|
1030
1039
|
### Minor Changes
|
|
1031
1040
|
|
|
1032
|
-
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1041
|
+
- [#33329](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33329)
|
|
1042
|
+
[`36158b8bcb9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/36158b8bcb9) - [ux]
|
|
1043
|
+
update color.border.input to meet 3:1 contrast
|
|
1035
1044
|
|
|
1036
1045
|
## 1.3.2
|
|
1037
1046
|
|
|
1038
1047
|
### Patch Changes
|
|
1039
1048
|
|
|
1040
|
-
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1049
|
+
- [#33299](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33299)
|
|
1050
|
+
[`bae41641c82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bae41641c82) - Enable
|
|
1051
|
+
the dark theme tweaks for Confluence behind a feature flag.
|
|
1043
1052
|
|
|
1044
1053
|
## 1.3.1
|
|
1045
1054
|
|
|
1046
1055
|
### Patch Changes
|
|
1047
1056
|
|
|
1048
|
-
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1057
|
+
- [#32858](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32858)
|
|
1058
|
+
[`e55ef3fcfac`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e55ef3fcfac) - Fixes an
|
|
1059
|
+
issue where the dark theme tweaks (currently behind a feature flag) were not being displayed in
|
|
1060
|
+
some cases due to a race condition.
|
|
1052
1061
|
|
|
1053
1062
|
## 1.3.0
|
|
1054
1063
|
|
|
1055
1064
|
### Minor Changes
|
|
1056
1065
|
|
|
1057
|
-
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1066
|
+
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
|
|
1067
|
+
[`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
|
|
1068
|
+
minor dependency bump
|
|
1060
1069
|
|
|
1061
1070
|
### Patch Changes
|
|
1062
1071
|
|
|
1063
|
-
-
|
|
1072
|
+
- Updated dependencies
|
|
1064
1073
|
|
|
1065
1074
|
## 1.2.19
|
|
1066
1075
|
|
|
1067
1076
|
### Patch Changes
|
|
1068
1077
|
|
|
1069
|
-
-
|
|
1070
|
-
|
|
1071
|
-
|
|
1078
|
+
- [#33005](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33005)
|
|
1079
|
+
[`1a1dc6a0370`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1a1dc6a0370) - Upgrade
|
|
1080
|
+
`@babel` scoped packages to `^7.20.0`
|
|
1072
1081
|
|
|
1073
1082
|
## 1.2.18
|
|
1074
1083
|
|
|
1075
1084
|
### Patch Changes
|
|
1076
1085
|
|
|
1077
|
-
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
theme.
|
|
1086
|
+
- [#32533](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32533)
|
|
1087
|
+
[`ea8c1af425d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ea8c1af425d) - Fixes a
|
|
1088
|
+
bug in `setGlobalTheme()` that caused both the light and dark themes to load when auto theme
|
|
1089
|
+
switching was disabled — only one of the themes should be loaded in this case. It also fixes a bug
|
|
1090
|
+
in `getThemeStyles()`, where the default color themes were loaded instead of the specified theme.
|
|
1083
1091
|
|
|
1084
1092
|
## 1.2.17
|
|
1085
1093
|
|
|
1086
1094
|
### Patch Changes
|
|
1087
1095
|
|
|
1088
|
-
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1096
|
+
- [#32434](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32434)
|
|
1097
|
+
[`6cf7fc4647d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6cf7fc4647d) - Adds
|
|
1098
|
+
color-scheme css property to color themes to ensure the correct scheme is used at all times.
|
|
1099
|
+
Previously this was only part of the css-reset however in instances where that is not used this
|
|
1100
|
+
property will always be applied
|
|
1093
1101
|
|
|
1094
1102
|
## 1.2.16
|
|
1095
1103
|
|
|
1096
1104
|
### Patch Changes
|
|
1097
1105
|
|
|
1098
|
-
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1106
|
+
- [#32333](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32333)
|
|
1107
|
+
[`1ddf6dd6387`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1ddf6dd6387) - Adds a
|
|
1108
|
+
beta contrast checking tool to token examples utilising a new "token pairing" algorithm to find
|
|
1109
|
+
recommended pairs of foreground and background tokens. There is no change to API or bundle size.
|
|
1102
1110
|
|
|
1103
1111
|
## 1.2.15
|
|
1104
1112
|
|
|
1105
1113
|
### Patch Changes
|
|
1106
1114
|
|
|
1107
|
-
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1115
|
+
- [#32424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32424)
|
|
1116
|
+
[`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY
|
|
1117
|
+
remove before merging to master; dupe adf-schema via adf-utils
|
|
1110
1118
|
|
|
1111
1119
|
## 1.2.14
|
|
1112
1120
|
|
|
1113
1121
|
### Patch Changes
|
|
1114
1122
|
|
|
1115
|
-
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1123
|
+
- [#32294](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32294)
|
|
1124
|
+
[`e0460d5d989`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e0460d5d989) - Usages
|
|
1125
|
+
of `process` are now guarded by a `typeof` check.
|
|
1126
|
+
- [#32308](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32308)
|
|
1127
|
+
[`2efaed356e0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2efaed356e0) - Modified
|
|
1128
|
+
`color.text.accent.gray.bolder` token value for the dark theme.
|
|
1121
1129
|
|
|
1122
1130
|
## 1.2.13
|
|
1123
1131
|
|
|
1124
1132
|
### Patch Changes
|
|
1125
1133
|
|
|
1126
|
-
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1134
|
+
- [#32311](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32311)
|
|
1135
|
+
[`a02eed2974e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a02eed2974e) - Move
|
|
1136
|
+
codegen into @atlassian scope to publish it to private registry
|
|
1129
1137
|
|
|
1130
1138
|
## 1.2.12
|
|
1131
1139
|
|
|
1132
1140
|
### Patch Changes
|
|
1133
1141
|
|
|
1134
|
-
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1142
|
+
- [#32209](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32209)
|
|
1143
|
+
[`ec8f1ac379a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ec8f1ac379a) - Tweaks
|
|
1144
|
+
to dark theme tokens (`background.selected` and `background.selected.pressed`) behind a feature
|
|
1145
|
+
flag.
|
|
1138
1146
|
|
|
1139
1147
|
## 1.2.11
|
|
1140
1148
|
|
|
1141
1149
|
### Patch Changes
|
|
1142
1150
|
|
|
1143
|
-
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
runtime.
|
|
1151
|
+
- [#32057](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32057)
|
|
1152
|
+
[`8ec4434b4c2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8ec4434b4c2) - The
|
|
1153
|
+
return type for `useThemeObserver` now omits `auto` as a possible option for `colorMode`. From the
|
|
1154
|
+
perspective of observers `auto` does not exist because `colorMode` is precalculated at runtime.
|
|
1148
1155
|
|
|
1149
1156
|
## 1.2.10
|
|
1150
1157
|
|
|
1151
1158
|
### Patch Changes
|
|
1152
1159
|
|
|
1153
|
-
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1160
|
+
- [#32049](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32049)
|
|
1161
|
+
[`80a0a472d01`](https://bitbucket.org/atlassian/atlassian-frontend/commits/80a0a472d01) - Onboard
|
|
1162
|
+
`@atlaskit/tokens` on push model consumption
|
|
1156
1163
|
|
|
1157
1164
|
## 1.2.9
|
|
1158
1165
|
|
|
1159
1166
|
### Patch Changes
|
|
1160
1167
|
|
|
1161
|
-
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1168
|
+
- [#31793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31793)
|
|
1169
|
+
[`aef90f8953b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aef90f8953b) - Tweaks
|
|
1170
|
+
to a subset of dark theme tokens behind a feature flag.
|
|
1164
1171
|
|
|
1165
1172
|
## 1.2.8
|
|
1166
1173
|
|
|
1167
1174
|
### Patch Changes
|
|
1168
1175
|
|
|
1169
|
-
-
|
|
1170
|
-
|
|
1171
|
-
|
|
1172
|
-
|
|
1176
|
+
- [#31886](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31886)
|
|
1177
|
+
[`de4f079569a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/de4f079569a) - The
|
|
1178
|
+
tokens babel-plugin will no longer run on files in node_module directories. This is to avoid
|
|
1179
|
+
attempting to transform legacy tokens from older transitive dependencies.
|
|
1173
1180
|
|
|
1174
1181
|
## 1.2.7
|
|
1175
1182
|
|
|
1176
1183
|
### Patch Changes
|
|
1177
1184
|
|
|
1178
|
-
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1185
|
+
- [#31206](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31206)
|
|
1186
|
+
[`23b381db41c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/23b381db41c) - Upgrades
|
|
1187
|
+
component types to support React 18.
|
|
1181
1188
|
|
|
1182
1189
|
## 1.2.6
|
|
1183
1190
|
|
|
1184
1191
|
### Patch Changes
|
|
1185
1192
|
|
|
1186
|
-
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
`@atlaskit/primitives`.
|
|
1193
|
+
- [#31242](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31242)
|
|
1194
|
+
[`cfe48bb7ece`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cfe48bb7ece) - Internal
|
|
1195
|
+
change only. Replace usages of Inline/Stack with stable version from `@atlaskit/primitives`.
|
|
1190
1196
|
|
|
1191
1197
|
## 1.2.5
|
|
1192
1198
|
|
|
1193
1199
|
### Patch Changes
|
|
1194
1200
|
|
|
1195
|
-
-
|
|
1196
|
-
|
|
1197
|
-
|
|
1201
|
+
- [#31155](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31155)
|
|
1202
|
+
[`d1adc718599`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d1adc718599) - Added
|
|
1203
|
+
token-order entry-point, exported ActiveTokens type.
|
|
1198
1204
|
|
|
1199
1205
|
## 1.2.4
|
|
1200
1206
|
|
|
1201
1207
|
### Patch Changes
|
|
1202
1208
|
|
|
1203
|
-
-
|
|
1204
|
-
|
|
1205
|
-
|
|
1209
|
+
- [#30998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30998)
|
|
1210
|
+
[`2717641f696`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2717641f696) - The
|
|
1211
|
+
getTokenValue helper now strips leading or trailing spaces if they exist.
|
|
1206
1212
|
|
|
1207
1213
|
## 1.2.3
|
|
1208
1214
|
|
|
1209
1215
|
### Patch Changes
|
|
1210
1216
|
|
|
1211
|
-
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
1217
|
+
- [#30894](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30894)
|
|
1218
|
+
[`e2b8df300f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e2b8df300f2) - Pull
|
|
1219
|
+
responsive helpers from `@atlaskit/primitives/responsive` instead of `@atlaskit/grid` as they've
|
|
1220
|
+
been moved.
|
|
1215
1221
|
|
|
1216
1222
|
## 1.2.2
|
|
1217
1223
|
|
|
1218
1224
|
### Patch Changes
|
|
1219
1225
|
|
|
1220
|
-
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1226
|
+
- [#30708](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30708)
|
|
1227
|
+
[`67a01afe12b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/67a01afe12b) - Add
|
|
1228
|
+
internal and experimental token for border.width.0
|
|
1223
1229
|
|
|
1224
1230
|
## 1.2.1
|
|
1225
1231
|
|
|
1226
1232
|
### Patch Changes
|
|
1227
1233
|
|
|
1228
|
-
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1234
|
+
- [#30125](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30125)
|
|
1235
|
+
[`7f5f23dcb68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f5f23dcb68) -
|
|
1236
|
+
Introduce shape tokens to some packages.
|
|
1231
1237
|
|
|
1232
1238
|
## 1.2.0
|
|
1233
1239
|
|
|
1234
1240
|
### Minor Changes
|
|
1235
1241
|
|
|
1236
|
-
-
|
|
1237
|
-
|
|
1238
|
-
|
|
1242
|
+
- [#30055](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30055)
|
|
1243
|
+
[`64d30817221`](https://bitbucket.org/atlassian/atlassian-frontend/commits/64d30817221) -
|
|
1244
|
+
Introduce experimental 'shape' tokens for use with border properties.
|
|
1239
1245
|
|
|
1240
1246
|
## 1.1.0
|
|
1241
1247
|
|
|
1242
1248
|
### Minor Changes
|
|
1243
1249
|
|
|
1244
|
-
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1250
|
+
- [#29387](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29387)
|
|
1251
|
+
[`4b9aea55b97`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4b9aea55b97) - Removed
|
|
1252
|
+
various unused experimental spacing tokens in favor of the `space.X` token format.
|
|
1247
1253
|
|
|
1248
|
-
|
|
1254
|
+
Removed:
|
|
1249
1255
|
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1256
|
+
- `spacing.scale`
|
|
1257
|
+
- `spacing.scaleLinear`
|
|
1258
|
+
- `spacing.size`
|
|
1259
|
+
- `spacing.gap`
|
|
1260
|
+
- `spacing.inset`
|
|
1261
|
+
- `spacing.ecl`
|
|
1262
|
+
- `spacing.ccc`
|
|
1257
1263
|
|
|
1258
1264
|
## 1.0.0
|
|
1259
1265
|
|
|
1260
1266
|
### Major Changes
|
|
1261
1267
|
|
|
1262
|
-
-
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1268
|
+
- [#27634](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27634)
|
|
1269
|
+
[`512be9e1854`](https://bitbucket.org/atlassian/atlassian-frontend/commits/512be9e1854) - This PR
|
|
1270
|
+
introduces the 1.0 stable version of `@atlaskit/tokens`. With the changes introduced here, the
|
|
1271
|
+
tokens package _will be considered stable and feature-complete moving forward_.
|
|
1266
1272
|
|
|
1267
|
-
|
|
1273
|
+
#### 💥 Breaking change: Theme lazy-loading
|
|
1268
1274
|
|
|
1269
|
-
|
|
1270
|
-
|
|
1275
|
+
Previously, themes were exposed as static CSS files via custom entry-points. This worked quite well
|
|
1276
|
+
but had a couple of obvious drawbacks.
|
|
1271
1277
|
|
|
1272
|
-
|
|
1273
|
-
|
|
1278
|
+
1. CSS files depend on webpack/css-loading mechanisms (`style-loader`/`css-loader`) which aren't
|
|
1279
|
+
available in all environments.
|
|
1274
1280
|
|
|
1275
|
-
|
|
1276
|
-
|
|
1281
|
+
2. Configuration and ordering of themes happened entirely in products, which becomes increasingly
|
|
1282
|
+
harder to maintain as new themes & functionality are introduced
|
|
1277
1283
|
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
1284
|
+
We have moved this to a lazy-loaded JS solution. Themes are now codegen'd into Javascript modules,
|
|
1285
|
+
wrapped in a template literal string, then lazy-loaded and mounted to the head of the document when
|
|
1286
|
+
required at runtime.
|
|
1281
1287
|
|
|
1282
|
-
|
|
1288
|
+
**Benefits include:**
|
|
1283
1289
|
|
|
1284
|
-
|
|
1290
|
+
- More control over the ordering and composition of themes
|
|
1285
1291
|
|
|
1286
|
-
|
|
1292
|
+
- Automatic lazy-loading of new themes when `setGlobalTheme` is called by the client
|
|
1287
1293
|
|
|
1288
|
-
|
|
1294
|
+
- Simplified bundler configuration
|
|
1289
1295
|
|
|
1290
|
-
|
|
1296
|
+
- Improved portability
|
|
1291
1297
|
|
|
1292
|
-
|
|
1298
|
+
- Integrates with a new SSR solution for theme loading
|
|
1293
1299
|
|
|
1294
|
-
|
|
1300
|
+
**Changes:**
|
|
1295
1301
|
|
|
1296
|
-
|
|
1297
|
-
|
|
1302
|
+
If you set themes using `setGlobalTheme` in your app, you can now remove manual imports of theme CSS
|
|
1303
|
+
files from your app. The themes will be automatically added when `setGlobalTheme` is called.
|
|
1298
1304
|
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
+
```diff
|
|
1306
|
+
-import("atlassian-light.css") from '@atlaskit/tokens/css'
|
|
1307
|
+
-import("atlassian-legacy-dark.css") from '@atlaskit/tokens/css'
|
|
1308
|
+
-setGlobalTheme("light", true)
|
|
1309
|
+
+setGlobalTheme({light: "light", dark: "legacy-dark", colorMode: 'auto'})
|
|
1310
|
+
```
|
|
1305
1311
|
|
|
1306
|
-
|
|
1307
|
-
|
|
1312
|
+
If your app supports server-side rendering, further work is required to ensure themes are loaded on
|
|
1313
|
+
the page before first paint. See below for details on the new SSR utilities.
|
|
1308
1314
|
|
|
1309
|
-
|
|
1315
|
+
#### 💥 Breaking change: Removal of deprecated & deleted tokens
|
|
1310
1316
|
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1317
|
+
[As per our versioning strategy](https://hello.atlassian.net/wiki/spaces/DST/pages/1818362892?search_id=660dc077-8ecb-4142-be48-1e610e372315),
|
|
1318
|
+
MAJOR versions is when we remove all deprecated and sunset tokens. This provides significant bundle
|
|
1319
|
+
size improvements to token CSS files.
|
|
1314
1320
|
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1321
|
+
If you have been using our lint rules `@atlaskit/design-system/no-unsafe-design-token-usage` and
|
|
1322
|
+
`@atlaskit/design-system/no-deprecated-design-token-usage`, these tokens should already be
|
|
1323
|
+
triggering eslint errors from the version they were deprecated.
|
|
1318
1324
|
|
|
1319
|
-
|
|
1320
|
-
`1.0.0`.
|
|
1325
|
+
Please run `yarn eslint --fix` or similar to automate your migration before upgrading to `1.0.0`.
|
|
1321
1326
|
|
|
1322
|
-
|
|
1327
|
+
_Please see below for a full list of removed tokens and their replacements._
|
|
1323
1328
|
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
app.
|
|
1329
|
+
Note: MISSING_TOKEN is also being removed. This was a utility token to support early migration
|
|
1330
|
+
efforts; as tokens are now visible to end-users, please ensure all usages are removed from your app.
|
|
1327
1331
|
|
|
1328
|
-
|
|
1332
|
+
#### 💥 Breaking change: `setGlobalTheme` & `ThemeObserver` & `useThemeObserver`
|
|
1329
1333
|
|
|
1330
|
-
|
|
1334
|
+
**ThemeState configuration object**
|
|
1331
1335
|
|
|
1332
|
-
|
|
1333
|
-
|
|
1336
|
+
`setGlobalTheme`, `ThemeMutationObserver` & `useThemeObserver` now input and output theme
|
|
1337
|
+
preferences as a `themeState` object rather than a space-separated string. This enables:
|
|
1334
1338
|
|
|
1335
|
-
|
|
1339
|
+
- Stronger type safety
|
|
1336
1340
|
|
|
1337
|
-
|
|
1341
|
+
- Explicit definition of themes to render in light and dark mode.
|
|
1338
1342
|
|
|
1339
|
-
|
|
1343
|
+
- Improved extensibility options for new types of themes, such as spacing and typography.
|
|
1340
1344
|
|
|
1341
|
-
|
|
1342
|
-
|
|
1345
|
+
`themeState` has the following default values, which set the standard Atlassian color themes, and
|
|
1346
|
+
enables automatic color mode switching based on the user's system preference:
|
|
1343
1347
|
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
|
|
1352
|
-
|
|
1348
|
+
```js
|
|
1349
|
+
{
|
|
1350
|
+
colorMode: 'auto',
|
|
1351
|
+
dark: 'dark',
|
|
1352
|
+
light: 'light',
|
|
1353
|
+
spacing: undefined,
|
|
1354
|
+
typography: undefined,
|
|
1355
|
+
};
|
|
1356
|
+
```
|
|
1353
1357
|
|
|
1354
|
-
|
|
1358
|
+
Any usages of `setGlobalTheme` need` to be updated to the new object syntax:
|
|
1355
1359
|
|
|
1356
|
-
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
+
```diff
|
|
1361
|
+
-setGlobalTheme('light');
|
|
1362
|
+
+setGlobalTheme({ light: 'light', colorMode: 'light' ...});
|
|
1363
|
+
```
|
|
1360
1364
|
|
|
1361
|
-
|
|
1365
|
+
**Changes to colorMode**
|
|
1362
1366
|
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1367
|
+
Previously, the current color mode (i.e. "light" or "dark" mode) was inferred from the color theme
|
|
1368
|
+
passed into `setGlobalTheme`. A second parameter, `shouldMatchSystem`, set `data-color-mode` to
|
|
1369
|
+
`'auto'` and matched the current theme to operating system settings:
|
|
1366
1370
|
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
+
```js
|
|
1372
|
+
setGlobalTheme('legacy-dark'); // a "dark" theme, so color mode is set to 'dark'
|
|
1373
|
+
setGlobalTheme('light', true); // color mode is 'light' or 'dark' depending on system theme
|
|
1374
|
+
```
|
|
1371
1375
|
|
|
1372
|
-
|
|
1373
|
-
|
|
1376
|
+
Now, the current color mode, as well as which themes to render in each color mode, can be configured
|
|
1377
|
+
via the `themeState` object:
|
|
1374
1378
|
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
|
|
1381
|
-
|
|
1379
|
+
```js
|
|
1380
|
+
setGlobalTheme({
|
|
1381
|
+
dark: 'dark' // in dark mode, use the 'dark' theme
|
|
1382
|
+
light: 'light' // in light mode, use the 'light' theme
|
|
1383
|
+
colorMode: 'auto', // Set the color mode automatically based on system preference
|
|
1384
|
+
});
|
|
1385
|
+
```
|
|
1382
1386
|
|
|
1383
|
-
|
|
1384
|
-
|
|
1387
|
+
If your app previously set the second parameter, `shouldMatchSystem`, this feature is now enabled by
|
|
1388
|
+
default.
|
|
1385
1389
|
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1390
|
+
```diff
|
|
1391
|
+
// Automatic theme switching
|
|
1392
|
+
-setGlobalTheme('light', true)
|
|
1393
|
+
+setGlobalTheme({light: 'light', dark: 'dark', 'auto'})
|
|
1394
|
+
// OR, since setGlobalTheme has default values
|
|
1395
|
+
+setGlobalTheme({})
|
|
1392
1396
|
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
1397
|
+
// Light theme
|
|
1398
|
+
-setGlobalTheme('light')
|
|
1399
|
+
+setGlobalTheme({light: 'light', colorMode: 'light'})
|
|
1400
|
+
// OR
|
|
1401
|
+
+setGlobalTheme({colorMode: 'light'})
|
|
1398
1402
|
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1403
|
+
// Dark theme
|
|
1404
|
+
-setGlobalTheme('dark')
|
|
1405
|
+
+setGlobalTheme({dark: 'dark', colorMode: 'dark'})
|
|
1406
|
+
// OR
|
|
1407
|
+
+setGlobalTheme({colorMode: 'dark'})
|
|
1408
|
+
```
|
|
1405
1409
|
|
|
1406
|
-
|
|
1410
|
+
**Color mode switching is enabled by default**
|
|
1407
1411
|
|
|
1408
|
-
|
|
1409
|
-
|
|
1412
|
+
As noted above, automatic theme switching is now enabled by default. To disable automatic theme
|
|
1413
|
+
switching, set `colorMode` to either `'light'` or `'dark'`.
|
|
1410
1414
|
|
|
1411
|
-
|
|
1415
|
+
#### 🔀 Breaking behavioural change: `data-theme` & `data-color-mode`
|
|
1412
1416
|
|
|
1413
|
-
|
|
1417
|
+
The way this state is reflected on the DOM has been updated to match the changes above:
|
|
1414
1418
|
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
+
```diff
|
|
1420
|
+
-<html data-theme="light" data-color-mode="light">
|
|
1421
|
+
+<html data-theme="light:light dark:dark spacing:compact" data-color-mode="light">
|
|
1422
|
+
```
|
|
1419
1423
|
|
|
1420
|
-
|
|
1421
|
-
|
|
1424
|
+
Theme state on the DOM is primarily to store data in a place that can be accessed from anywhere in
|
|
1425
|
+
the app, and secondly to activate CSS selectors.
|
|
1422
1426
|
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
|
|
1482
|
-
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
|
|
1501
|
-
|
|
1502
|
-
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
|
|
1506
|
-
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
|
|
1533
|
-
|
|
1534
|
-
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
|
|
1559
|
-
|
|
1560
|
-
|
|
1561
|
-
|
|
1562
|
-
|
|
1563
|
-
|
|
1564
|
-
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
-
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
1581
|
-
|
|
1582
|
-
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
|
|
1589
|
-
|
|
1590
|
-
|
|
1591
|
-
|
|
1592
|
-
|
|
1593
|
-
- `shadow.overlay` => `elevation.shadow.overlay`
|
|
1594
|
-
- `utility.UNSAFE_util.transparent` => `utility.UNSAFE.transparent`
|
|
1595
|
-
- `utility.UNSAFE_util.MISSING_TOKEN` => No replacement
|
|
1427
|
+
Two new utilities, `themeStringToObject` and `themeObjectToString`, allow conversion from string to
|
|
1428
|
+
object syntax if necessary.
|
|
1429
|
+
|
|
1430
|
+
#### 🔀 Breaking change: System-level theme switching
|
|
1431
|
+
|
|
1432
|
+
Token auto theme switching now uses a Javascript-based solution, rather than embedding media queries
|
|
1433
|
+
in theme CSS files. If `colorMode` is set to `'auto'`, media query event listeners will trigger when
|
|
1434
|
+
the system theme changes, and update `data-color-mode` to `'light'` or `'dark'` automatically.
|
|
1435
|
+
|
|
1436
|
+
This provides several benefits:
|
|
1437
|
+
|
|
1438
|
+
- Significant (~50%) improvements to bundle size for token CSS files compared to the pre-release
|
|
1439
|
+
version of `@atlaskit/tokens`.
|
|
1440
|
+
|
|
1441
|
+
- Simpler logic for switching an experience based on the current theme:
|
|
1442
|
+
|
|
1443
|
+
- Previously, experiences using theme observers had to check a combination of the
|
|
1444
|
+
`data-color-mode` attribute use media queries to to correctly match the currently rendered color
|
|
1445
|
+
mode in light, dark and 'auto' color modes. Now, the `data-color-mode` attribute always matches
|
|
1446
|
+
the currently rendered color mode, and media queries are no longer required.
|
|
1447
|
+
|
|
1448
|
+
As a result of this change, the `data-color-mode` attribute no longer supports the value `'auto'`.
|
|
1449
|
+
If your experience checked for this value, this logic can now be removed, as `data-color-mode` will
|
|
1450
|
+
always reflect the currently rendered theme.
|
|
1451
|
+
|
|
1452
|
+
#### ✨ New: server-side rendering utility functions
|
|
1453
|
+
|
|
1454
|
+
Three new utility functions provide the logic required to load and display the correct themes in
|
|
1455
|
+
your server-rendered output, preventing a flash of incorrectly themed content on first paint. Each
|
|
1456
|
+
accepts the same themeState object representing the user's stored theme preference:
|
|
1457
|
+
|
|
1458
|
+
- `getThemeStyles` provides the contents of `<style>` tags to attach to the head of your server-side
|
|
1459
|
+
rendered document
|
|
1460
|
+
|
|
1461
|
+
- `getThemeHtmlAttributes` provides data-attributes to set on the root of your document.
|
|
1462
|
+
|
|
1463
|
+
- `getSSRAutoScript` provides a script to detect the system theme and configure the color mode
|
|
1464
|
+
before first paint.
|
|
1465
|
+
|
|
1466
|
+
For more information on these utilities, check the
|
|
1467
|
+
[@atlaskit/tokens API documentation](https://atlassian.design/components/tokens/code) on
|
|
1468
|
+
atlassian.design.
|
|
1469
|
+
|
|
1470
|
+
#### 🐞 Fixes
|
|
1471
|
+
|
|
1472
|
+
**Observer fixes:**
|
|
1473
|
+
|
|
1474
|
+
`useThemeObserver` & `ThemeMutationObserver` now listen to changes on data-theme instead of
|
|
1475
|
+
data-color-mode.
|
|
1476
|
+
|
|
1477
|
+
Previously changes between two themes that both have a light color mode would not trigger an event
|
|
1478
|
+
since `data-color-mode` would not be updated. With this fix, the event fires on every call to
|
|
1479
|
+
`setGlobalTheme` regardless if there is a change to the theme or not.
|
|
1480
|
+
|
|
1481
|
+
**Automatic theme switching changes:**
|
|
1482
|
+
|
|
1483
|
+
Previously, the order of themes determined which one rendered. If you had multiple 'light' themes in
|
|
1484
|
+
your app, the order of the CSS files in the DOM determined which one rendered in "auto" mode.
|
|
1485
|
+
|
|
1486
|
+
Now, the theme that renders when the system is in 'light' and 'dark' mode is deterministic, and
|
|
1487
|
+
explicitly configured via the `themeState` object.
|
|
1488
|
+
|
|
1489
|
+
#### 🚮 Removed tokens
|
|
1490
|
+
|
|
1491
|
+
The following tokens have been moved from the `deprecated` & `deleted` to removed state in their
|
|
1492
|
+
lifecycles. These tokens will no longer exist and will not be functional moving forward, tooling
|
|
1493
|
+
will begin to error wherever they're used.
|
|
1494
|
+
|
|
1495
|
+
- `color.text.highEmphasis` => `color.text`
|
|
1496
|
+
- `color.text.link.pressed` => `color.link.pressed`
|
|
1497
|
+
- `color.text.link.resting` => `color.link`
|
|
1498
|
+
- `color.text.lowEmphasis` => `color.text.subtlest`
|
|
1499
|
+
- `color.text.mediumEmphasis` => `color.text.subtle`
|
|
1500
|
+
- `color.text.onBold` => `color.text.inverse`
|
|
1501
|
+
- `color.text.onBoldWarning` => `color.text.warning.inverse`
|
|
1502
|
+
- `color.border.focus` => `color.border.focused`
|
|
1503
|
+
- `color.border.neutral` => `color.border`
|
|
1504
|
+
- `color.background.accent.blue` => `color.background.accent.blue.subtler`
|
|
1505
|
+
- `color.background.accent.blue.bold` => `color.background.accent.blue.subtle`
|
|
1506
|
+
- `color.background.accent.red` => `color.background.accent.red.subtler`
|
|
1507
|
+
- `color.background.accent.red.bold` => `color.background.accent.red.subtle`
|
|
1508
|
+
- `color.background.accent.orange` => `color.background.accent.orange.subtler`
|
|
1509
|
+
- `color.background.accent.orange.bold` => `color.background.accent.orange.subtle`
|
|
1510
|
+
- `color.background.accent.yellow` => `color.background.accent.yellow.subtler`
|
|
1511
|
+
- `color.background.accent.yellow.bold` => `color.background.accent.yellow.subtle`
|
|
1512
|
+
- `color.background.accent.green` => `color.background.accent.green.subtler`
|
|
1513
|
+
- `color.background.accent.green.bold` => `color.background.accent.green.subtle`
|
|
1514
|
+
- `color.background.accent.teal` => `color.background.accent.teal.subtler`
|
|
1515
|
+
- `color.background.accent.teal.bold` => `color.background.accent.teal.subtle`
|
|
1516
|
+
- `color.background.accent.purple` => `color.background.accent.purple.subtler`
|
|
1517
|
+
- `color.background.accent.purple.bold` => `color.background.accent.purple.subtle`
|
|
1518
|
+
- `color.background.accent.magenta` => `color.background.accent.magenta.subtler`
|
|
1519
|
+
- `color.background.accent.magenta.bold` => `color.background.accent.magenta.subtle`
|
|
1520
|
+
- `color.background.inverse` => `color.background.inverse.subtle`
|
|
1521
|
+
- `color.background.brand` => `color.background.selected`
|
|
1522
|
+
- `color.background.brand.hovered` => `color.background.selected.hovered`
|
|
1523
|
+
- `color.background.brand.pressed` => `color.background.selected.pressed`
|
|
1524
|
+
- `color.background.selected.resting` => `color.background.selected`
|
|
1525
|
+
- `color.background.selected.hover` => `color.background.selected.hovered`
|
|
1526
|
+
- `color.background.blanket` => `color.blanket`
|
|
1527
|
+
- `color.background.boldBrand.hover` => `color.background.brand.bold.hovered`
|
|
1528
|
+
- `color.background.boldBrand.pressed` => `color.background.brand.bold.pressed`
|
|
1529
|
+
- `color.background.boldBrand.resting` => `color.background.brand.bold`
|
|
1530
|
+
- `color.background.boldDanger.hover` => `color.background.danger.bold.hovered`
|
|
1531
|
+
- `color.background.boldDanger.pressed` => `color.background.danger.bold.pressed`
|
|
1532
|
+
- `color.background.boldDanger.resting` => `color.background.danger.bold`
|
|
1533
|
+
- `color.background.boldDiscovery.hover` => `color.background.discovery.bold.hovered`
|
|
1534
|
+
- `color.background.boldDiscovery.pressed` => `color.background.discovery.bold.pressed`
|
|
1535
|
+
- `color.background.boldDiscovery.resting` => `color.background.discovery.bold`
|
|
1536
|
+
- `color.background.boldNeutral.hover` => `color.background.neutral.bold.hovered`
|
|
1537
|
+
- `color.background.boldNeutral.pressed` => `color.background.neutral.bold.pressed`
|
|
1538
|
+
- `color.background.boldNeutral.resting` => `color.background.neutral.bold`
|
|
1539
|
+
- `color.background.boldSuccess.hover` => `color.background.success.bold.hovered`
|
|
1540
|
+
- `color.background.boldSuccess.pressed` => `color.background.success.bold.pressed`
|
|
1541
|
+
- `color.background.boldSuccess.resting` => `color.background.success.bold`
|
|
1542
|
+
- `color.background.boldWarning.hover` => `color.background.warning.bold.hovered`
|
|
1543
|
+
- `color.background.boldWarning.pressed` => `color.background.warning.bold.pressed`
|
|
1544
|
+
- `color.background.boldWarning.resting` => `color.background.warning.bold`
|
|
1545
|
+
- `color.background.card` => `elevation.surface.raised`
|
|
1546
|
+
- `color.background.default` => `elevation.surface`
|
|
1547
|
+
- `color.background.overlay` => `elevation.surface.overlay`
|
|
1548
|
+
- `color.background.subtleBorderedNeutral.pressed` => `color.background.input.pressed`
|
|
1549
|
+
- `color.background.subtleBorderedNeutral.resting` => `color.background.input`
|
|
1550
|
+
- `color.background.subtleBrand.hover` => `color.background.selected.hovered`
|
|
1551
|
+
- `color.background.subtleBrand.pressed` => `color.background.selected.pressed`
|
|
1552
|
+
- `color.background.subtleBrand.resting` => `color.background.selected`
|
|
1553
|
+
- `color.background.subtleDanger.hover` => `color.background.danger.hovered`
|
|
1554
|
+
- `color.background.subtleDanger.pressed` => `color.background.danger.pressed`
|
|
1555
|
+
- `color.background.subtleDanger.resting` => `color.background.danger`
|
|
1556
|
+
- `color.background.subtleDiscovery.hover` => `color.background.discovery.hovered`
|
|
1557
|
+
- `color.background.subtleDiscovery.pressed` => `color.background.discovery.pressed`
|
|
1558
|
+
- `color.background.subtleDiscovery.resting` => `color.background.discovery`
|
|
1559
|
+
- `color.background.subtleNeutral.hover` => `color.background.neutral.hovered`
|
|
1560
|
+
- `color.background.subtleNeutral.pressed` => `color.background.neutral.pressed`
|
|
1561
|
+
- `color.background.subtleNeutral.resting` => `color.background.neutral`
|
|
1562
|
+
- `color.background.subtleSuccess.hover` => `color.background.success.hovered`
|
|
1563
|
+
- `color.background.subtleSuccess.pressed` => `color.background.success.pressed`
|
|
1564
|
+
- `color.background.subtleSuccess.resting` => `color.background.success`
|
|
1565
|
+
- `color.background.subtleWarning.hover` => `color.background.warning.hovered`
|
|
1566
|
+
- `color.background.subtleWarning.pressed` => `color.background.warning.pressed`
|
|
1567
|
+
- `color.background.subtleWarning.resting` => `color.background.warning`
|
|
1568
|
+
- `color.background.sunken` => `elevation.surface.sunken`
|
|
1569
|
+
- `color.background.transparentNeutral.hover` => `color.background.neutral.subtle.hovered`
|
|
1570
|
+
- `color.background.transparentNeutral.pressed` => `color.background.neutral.subtle.pressed`
|
|
1571
|
+
- `color.interaction.inverse.hovered` => `color.background.inverse.subtle.hovered`
|
|
1572
|
+
- `color.interaction.inverse.pressed` => `color.background.inverse.subtle.pressed`
|
|
1573
|
+
- `color.accent.boldBlue` => `color.background.accent.blue.bolder`
|
|
1574
|
+
- `color.accent.boldGreen` => `color.background.accent.green.bolder`
|
|
1575
|
+
- `color.accent.boldOrange` => `color.background.accent.orange.bolder`
|
|
1576
|
+
- `color.accent.boldPurple` => `color.background.accent.purple.bolder`
|
|
1577
|
+
- `color.accent.boldRed` => `color.background.accent.red.bolder`
|
|
1578
|
+
- `color.accent.boldTeal` => `color.background.accent.teal.bolder`
|
|
1579
|
+
- `color.accent.subtleBlue` => `color.background.accent.blue.subtler`
|
|
1580
|
+
- `color.accent.subtleGreen` => `color.background.accent.green.subtler`
|
|
1581
|
+
- `color.accent.subtleMagenta` => `color.background.accent.magenta.subtler`
|
|
1582
|
+
- `color.accent.subtleOrange` => `color.background.accent.orange.subtler`
|
|
1583
|
+
- `color.accent.subtlePurple` => `color.background.accent.purple.subtler`
|
|
1584
|
+
- `color.accent.subtleRed` => `color.background.accent.red.subtler`
|
|
1585
|
+
- `color.accent.subtleTeal` => `color.background.accent.teal.subtler`
|
|
1586
|
+
- `color.iconBorder.brand` => `color.icon.brand`
|
|
1587
|
+
- `color.iconBorder.danger` => `color.icon.danger`
|
|
1588
|
+
- `color.iconBorder.discovery` => `color.icon.discovery`
|
|
1589
|
+
- `color.iconBorder.success` => `color.icon.success`
|
|
1590
|
+
- `color.iconBorder.warning` => `color.icon.warning`
|
|
1591
|
+
- `color.overlay.hover` => `color.interaction.hovered`
|
|
1592
|
+
- `color.overlay.pressed` => `color.interaction.pressed`
|
|
1593
|
+
- `shadow.card` => `elevation.shadow.raised`
|
|
1594
|
+
- `shadow.overlay` => `elevation.shadow.overlay`
|
|
1595
|
+
- `utility.UNSAFE_util.transparent` => `utility.UNSAFE.transparent`
|
|
1596
|
+
- `utility.UNSAFE_util.MISSING_TOKEN` => No replacement
|
|
1596
1597
|
|
|
1597
1598
|
## 0.13.5
|
|
1598
1599
|
|
|
1599
1600
|
### Patch Changes
|
|
1600
1601
|
|
|
1601
|
-
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1602
|
+
- [#29360](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29360)
|
|
1603
|
+
[`1f558943507`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1f558943507) - Correct
|
|
1604
|
+
Figma entrypoints to use raw json
|
|
1604
1605
|
|
|
1605
1606
|
## 0.13.4
|
|
1606
1607
|
|
|
1607
1608
|
### Patch Changes
|
|
1608
1609
|
|
|
1609
|
-
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1613
|
-
|
|
1614
|
-
|
|
1610
|
+
- [#28784](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28784)
|
|
1611
|
+
[`48c9ecca2c4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/48c9ecca2c4) - -
|
|
1612
|
+
`@atlaskit/tokens/figma-sync` entrypoint added to sync design tokens to the ADS Figma library (not
|
|
1613
|
+
intended for external use).
|
|
1614
|
+
- Tokens are now sorted by a predefined order across artifact output, ensuring consistency across
|
|
1615
|
+
experiences.
|
|
1615
1616
|
|
|
1616
1617
|
## 0.13.3
|
|
1617
1618
|
|
|
1618
1619
|
### Patch Changes
|
|
1619
1620
|
|
|
1620
|
-
-
|
|
1621
|
-
|
|
1622
|
-
|
|
1623
|
-
|
|
1621
|
+
- [#27875](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27875)
|
|
1622
|
+
[`0438a9318a1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0438a9318a1) - Tweaked
|
|
1623
|
+
the values of the `Neutral500` and `Neutral500` base tokens and updated `text.accent.gray.bolder`
|
|
1624
|
+
to improve color contrast:
|
|
1624
1625
|
|
|
1625
|
-
|
|
1626
|
-
|
|
1627
|
-
|
|
1628
|
-
|
|
1629
|
-
|
|
1630
|
-
requirements
|
|
1626
|
+
- Adjust `Neutral500` from `#8993A5` to `#8590A2` so that it passes 3:1 contrast against sunken
|
|
1627
|
+
surfaces in light mode
|
|
1628
|
+
- Adjust `Neutral500A` from `#091E42 @ 48%` to `#091E42 @ 49%` to match color of `Neutral500` on
|
|
1629
|
+
default surfaces
|
|
1630
|
+
- Update `text.accent.gray.bolder` to use `Neutral1100` so gray tags pass contrast requirements
|
|
1631
1631
|
|
|
1632
|
-
-
|
|
1633
|
-
|
|
1632
|
+
- [`765c27c301e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/765c27c301e) - Adds new
|
|
1633
|
+
chart tokens for data visualisation and charts.
|
|
1634
1634
|
|
|
1635
|
-
|
|
1635
|
+
27 generic chart tokens and hovered state tokens:
|
|
1636
1636
|
|
|
1637
|
-
|
|
1638
|
-
|
|
1639
|
-
|
|
1637
|
+
- `color.chart.[color].bold`
|
|
1638
|
+
- `color.chart.[color].bolder`
|
|
1639
|
+
- `color.chart.[color].boldest`
|
|
1640
1640
|
|
|
1641
|
-
|
|
1641
|
+
12 semantic chart tokens and hovered state tokens:
|
|
1642
1642
|
|
|
1643
|
-
|
|
1644
|
-
|
|
1645
|
-
|
|
1646
|
-
|
|
1647
|
-
|
|
1648
|
-
|
|
1649
|
-
|
|
1650
|
-
|
|
1651
|
-
|
|
1652
|
-
|
|
1653
|
-
|
|
1654
|
-
|
|
1643
|
+
- `color.chart.brand`
|
|
1644
|
+
- `color.chart.neutral`
|
|
1645
|
+
- `color.chart.success`
|
|
1646
|
+
- `color.chart.success.bold`
|
|
1647
|
+
- `color.chart.danger`
|
|
1648
|
+
- `color.chart.danger.bold`
|
|
1649
|
+
- `color.chart.warning`
|
|
1650
|
+
- `color.chart.warning.bold`
|
|
1651
|
+
- `color.chart.information`
|
|
1652
|
+
- `color.chart.information.bold`
|
|
1653
|
+
- `color.chart.discovery`
|
|
1654
|
+
- `color.chart.discovery.bold`
|
|
1655
1655
|
|
|
1656
|
-
|
|
1656
|
+
8 categorical chart tokens and hovered state tokens:
|
|
1657
1657
|
|
|
1658
|
-
|
|
1659
|
-
|
|
1660
|
-
|
|
1661
|
-
|
|
1662
|
-
|
|
1663
|
-
|
|
1664
|
-
|
|
1665
|
-
|
|
1658
|
+
- `color.chart.categorical.1`
|
|
1659
|
+
- `color.chart.categorical.2`
|
|
1660
|
+
- `color.chart.categorical.3`
|
|
1661
|
+
- `color.chart.categorical.4`
|
|
1662
|
+
- `color.chart.categorical.5`
|
|
1663
|
+
- `color.chart.categorical.6`
|
|
1664
|
+
- `color.chart.categorical.7`
|
|
1665
|
+
- `color.chart.categorical.8`
|
|
1666
1666
|
|
|
1667
1667
|
## 0.13.2
|
|
1668
1668
|
|
|
1669
1669
|
### Patch Changes
|
|
1670
1670
|
|
|
1671
|
-
-
|
|
1672
|
-
|
|
1673
|
-
|
|
1671
|
+
- [#28159](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28159)
|
|
1672
|
+
[`716af1d3387`](https://bitbucket.org/atlassian/atlassian-frontend/commits/716af1d3387) - Bump
|
|
1673
|
+
@atlaskit/heading from 1.0.0 to 1.0.1 to avoid resolving to poison dependency version
|
|
1674
1674
|
|
|
1675
1675
|
## 0.13.1
|
|
1676
1676
|
|
|
1677
1677
|
### Patch Changes
|
|
1678
1678
|
|
|
1679
|
-
-
|
|
1680
|
-
|
|
1681
|
-
|
|
1682
|
-
|
|
1683
|
-
|
|
1679
|
+
- [#27730](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27730)
|
|
1680
|
+
[`a5eed85fe2e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a5eed85fe2e) - Added a
|
|
1681
|
+
new `getTokenValue()` API - it accepts a dot-separated token name and a fallback value, and
|
|
1682
|
+
returns the current computed CSS value for the resulting CSS Custom Property. This should be used
|
|
1683
|
+
when the CSS cascade isn't available, eg. `<canvas>` elements, JS charting libraries, etc.
|
|
1684
1684
|
|
|
1685
1685
|
## 0.13.0
|
|
1686
1686
|
|
|
1687
1687
|
### Minor Changes
|
|
1688
1688
|
|
|
1689
|
-
-
|
|
1690
|
-
|
|
1691
|
-
|
|
1689
|
+
- [#28011](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28011)
|
|
1690
|
+
[`00c057bdd71`](https://bitbucket.org/atlassian/atlassian-frontend/commits/00c057bdd71) - Removes
|
|
1691
|
+
spacing-raw & typography-raw entrypoints in favor of tokens-raw
|
|
1692
1692
|
|
|
1693
1693
|
## 0.12.0
|
|
1694
1694
|
|
|
1695
1695
|
### Minor Changes
|
|
1696
1696
|
|
|
1697
|
-
-
|
|
1698
|
-
|
|
1699
|
-
|
|
1700
|
-
|
|
1701
|
-
|
|
1697
|
+
- [#28041](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28041)
|
|
1698
|
+
[`5892d12b125`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5892d12b125) -
|
|
1699
|
+
Refactors token artifact generation via style-dictionary. The tokens package no longer outputs
|
|
1700
|
+
redundant files on a per theme basis and instead consolidates schema-focused outputs into
|
|
1701
|
+
individual files where possible.
|
|
1702
1702
|
|
|
1703
1703
|
## 0.11.6
|
|
1704
1704
|
|
|
1705
1705
|
### Patch Changes
|
|
1706
1706
|
|
|
1707
|
-
-
|
|
1708
|
-
|
|
1709
|
-
|
|
1710
|
-
|
|
1707
|
+
- [#27880](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27880)
|
|
1708
|
+
[`3d46e550157`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3d46e550157) - Fixes a
|
|
1709
|
+
bug with the tokens-babel-plugin where it was transforming token functions which were imported
|
|
1710
|
+
from modules other than the @atlaskit/tokens package.
|
|
1711
1711
|
|
|
1712
1712
|
## 0.11.5
|
|
1713
1713
|
|
|
1714
1714
|
### Patch Changes
|
|
1715
1715
|
|
|
1716
|
-
-
|
|
1717
|
-
|
|
1718
|
-
|
|
1719
|
-
|
|
1720
|
-
|
|
1721
|
-
|
|
1716
|
+
- [#27885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27885)
|
|
1717
|
+
[`bcef9745338`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bcef9745338) -
|
|
1718
|
+
useThemeObserver now exclusively watches `data-theme` instead of `data-color-mode` to ensure all
|
|
1719
|
+
changes to the theme attr trigger an event. Previously, if a theme moved from light theme, which
|
|
1720
|
+
had a mode="light", to another theme such as legacy-light with the same mode, no event will be
|
|
1721
|
+
triggered.
|
|
1722
1722
|
|
|
1723
1723
|
## 0.11.4
|
|
1724
1724
|
|
|
1725
1725
|
### Patch Changes
|
|
1726
1726
|
|
|
1727
|
-
-
|
|
1728
|
-
|
|
1729
|
-
|
|
1727
|
+
- [#27592](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27592)
|
|
1728
|
+
[`39c4b520ef3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/39c4b520ef3) - - Adds
|
|
1729
|
+
`typography-raw` entry point for easy access.
|
|
1730
1730
|
|
|
1731
1731
|
## 0.11.3
|
|
1732
1732
|
|
|
1733
1733
|
### Patch Changes
|
|
1734
1734
|
|
|
1735
|
-
-
|
|
1736
|
-
|
|
1737
|
-
|
|
1735
|
+
- [#27629](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27629)
|
|
1736
|
+
[`f824dcfff6e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f824dcfff6e) - Internal
|
|
1737
|
+
changes to satisfy various lint warnings & errors
|
|
1738
1738
|
|
|
1739
1739
|
## 0.11.2
|
|
1740
1740
|
|
|
1741
1741
|
### Patch Changes
|
|
1742
1742
|
|
|
1743
|
-
-
|
|
1744
|
-
|
|
1745
|
-
|
|
1746
|
-
|
|
1743
|
+
- [#27482](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27482)
|
|
1744
|
+
[`81e34736aa0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/81e34736aa0) - [ux]
|
|
1745
|
+
Introduces additional token set `space.*`. These tokens match the behavior of `spacing.scale.*`.
|
|
1746
|
+
Also introduces two additional base tokens, `Space800` and `Space1000`.
|
|
1747
1747
|
|
|
1748
1748
|
## 0.11.1
|
|
1749
1749
|
|
|
1750
1750
|
### Patch Changes
|
|
1751
1751
|
|
|
1752
|
-
-
|
|
1753
|
-
|
|
1754
|
-
|
|
1752
|
+
- [#27449](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27449)
|
|
1753
|
+
[`9307ebb86d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9307ebb86d8) - Revert
|
|
1754
|
+
addition of init entry point in favor of an upcoming solution.
|
|
1755
1755
|
|
|
1756
1756
|
## 0.11.0
|
|
1757
1757
|
|
|
1758
1758
|
### Minor Changes
|
|
1759
1759
|
|
|
1760
|
-
-
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
|
|
1765
|
-
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
|
|
1760
|
+
- [#26991](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26991)
|
|
1761
|
+
[`65222c75362`](https://bitbucket.org/atlassian/atlassian-frontend/commits/65222c75362) - - Adds
|
|
1762
|
+
experimental typography tokens for font size, font weight, font family, and line height. These are
|
|
1763
|
+
not intended for public consumption yet.
|
|
1764
|
+
- Adds a new init entry point for easily importing all theme CSS files (currently light, dark,
|
|
1765
|
+
spacing, and typography).
|
|
1766
|
+
- Spacing and typography tokens are now added to the `:root` rather than requiring a `data-theme`
|
|
1767
|
+
attribute.
|
|
1768
|
+
- Removes 'spacing' from the default theme.
|
|
1769
1769
|
|
|
1770
1770
|
## 0.10.35
|
|
1771
1771
|
|
|
1772
1772
|
### Patch Changes
|
|
1773
1773
|
|
|
1774
|
-
-
|
|
1775
|
-
|
|
1776
|
-
|
|
1774
|
+
- [#26560](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26560)
|
|
1775
|
+
[`44c1c98c87a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/44c1c98c87a) - Export
|
|
1776
|
+
CSSTokenMap
|
|
1777
1777
|
|
|
1778
1778
|
## 0.10.34
|
|
1779
1779
|
|
|
1780
1780
|
### Patch Changes
|
|
1781
1781
|
|
|
1782
|
-
-
|
|
1783
|
-
|
|
1784
|
-
|
|
1782
|
+
- [#26764](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26764)
|
|
1783
|
+
[`10f2fea8f3d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/10f2fea8f3d) - Updated
|
|
1784
|
+
JSDoc descriptions for token() and setGlobalTheme()
|
|
1785
1785
|
|
|
1786
1786
|
## 0.10.33
|
|
1787
1787
|
|
|
1788
1788
|
### Patch Changes
|
|
1789
1789
|
|
|
1790
|
-
-
|
|
1791
|
-
|
|
1792
|
-
|
|
1790
|
+
- [#26623](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26623)
|
|
1791
|
+
[`7a7d1aedac0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7a7d1aedac0) - Change
|
|
1792
|
+
pixels to rems for spacing tokens.
|
|
1793
1793
|
|
|
1794
1794
|
## 0.10.32
|
|
1795
1795
|
|
|
1796
1796
|
### Patch Changes
|
|
1797
1797
|
|
|
1798
|
-
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
1798
|
+
- [#26624](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26624)
|
|
1799
|
+
[`c8bd8ee1920`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c8bd8ee1920) - Adds new
|
|
1800
|
+
shadow tokens, elevation.shadow.overflow.spread and elevation.shadow.overflow.perimeter, that can
|
|
1801
|
+
be applied in combination to replicate the overflow shadow when elevation.shadow.overflow is not
|
|
1802
|
+
technically feasible to implement.
|
|
1803
1803
|
|
|
1804
1804
|
## 0.10.31
|
|
1805
1805
|
|
|
1806
1806
|
### Patch Changes
|
|
1807
1807
|
|
|
1808
|
-
-
|
|
1809
|
-
|
|
1810
|
-
|
|
1811
|
-
-
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1808
|
+
- [#25860](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25860)
|
|
1809
|
+
[`e35fc41dc33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e35fc41dc33) - Internal
|
|
1810
|
+
change to use updated primtive spacing prop values. No expected behaviour change.
|
|
1811
|
+
- [`92ee7c98d1a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/92ee7c98d1a) - Fixes a
|
|
1812
|
+
number of neutral palette colors which were being generated without their alphas in the legacy
|
|
1813
|
+
palette.
|
|
1814
|
+
- [`7e491389968`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7e491389968) - Adds
|
|
1815
|
+
experimental spacing tokens, currently for internal use only. These are not ready for widespread
|
|
1816
|
+
consumption yet and a lint rule will raise issues if you try to use them.
|
|
1817
1817
|
|
|
1818
1818
|
## 0.10.30
|
|
1819
1819
|
|
|
1820
1820
|
### Patch Changes
|
|
1821
1821
|
|
|
1822
|
-
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
|
|
1822
|
+
- [#26186](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26186)
|
|
1823
|
+
[`d9173fbdc13`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d9173fbdc13) - Added
|
|
1824
|
+
some more experimental spacing tokens for internal testing and validation. These are not intended
|
|
1825
|
+
for public consumption yet.
|
|
1826
1826
|
|
|
1827
1827
|
## 0.10.29
|
|
1828
1828
|
|
|
1829
1829
|
### Patch Changes
|
|
1830
1830
|
|
|
1831
|
-
-
|
|
1832
|
-
|
|
1833
|
-
|
|
1831
|
+
- [#26128](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26128)
|
|
1832
|
+
[`41dad8915d7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41dad8915d7) - **✨
|
|
1833
|
+
Color modes**
|
|
1834
1834
|
|
|
1835
|
-
|
|
1835
|
+
Color modes are now attached to the DOM with the data-theme attr:
|
|
1836
1836
|
|
|
1837
|
-
|
|
1838
|
-
|
|
1839
|
-
|
|
1837
|
+
```html
|
|
1838
|
+
<html data-theme="dark" data-color-mode="auto"></html>
|
|
1839
|
+
```
|
|
1840
1840
|
|
|
1841
|
-
|
|
1841
|
+
**✨ Multi-theme**
|
|
1842
1842
|
|
|
1843
|
-
|
|
1843
|
+
We now allow multiple active themes:
|
|
1844
1844
|
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
|
|
1845
|
+
```html
|
|
1846
|
+
<html data-theme="dark spacing"></html>
|
|
1847
|
+
```
|
|
1848
1848
|
|
|
1849
|
-
|
|
1849
|
+
**✨ System preferences**
|
|
1850
1850
|
|
|
1851
|
-
|
|
1851
|
+
We also output `@media (prefers-color-scheme: dark)` media selectors for color themes
|
|
1852
1852
|
|
|
1853
|
-
|
|
1854
|
-
|
|
1855
|
-
|
|
1856
|
-
|
|
1857
|
-
}
|
|
1853
|
+
```css
|
|
1854
|
+
@media (prefers-color-scheme: dark) {
|
|
1855
|
+
html[data-color-mode='auto'] {
|
|
1856
|
+
...;
|
|
1858
1857
|
}
|
|
1859
|
-
|
|
1858
|
+
}
|
|
1859
|
+
```
|
|
1860
1860
|
|
|
1861
|
-
|
|
1861
|
+
This allows Product themes to be toggled by the OS-level setting.
|
|
1862
1862
|
|
|
1863
|
-
|
|
1863
|
+
**✨ Setting theme state**
|
|
1864
1864
|
|
|
1865
|
-
|
|
1865
|
+
`setGlobalTheme` now allows you to set auto color scheme via an additional boolean arg
|
|
1866
1866
|
|
|
1867
|
-
|
|
1868
|
-
|
|
1869
|
-
|
|
1867
|
+
```js
|
|
1868
|
+
setGlobalTheme(themeState, true); // data-color-mode="auto"
|
|
1869
|
+
```
|
|
1870
1870
|
|
|
1871
|
-
|
|
1871
|
+
✨ Source of truth for themes
|
|
1872
1872
|
|
|
1873
|
-
|
|
1873
|
+
All theme configuration now exists in a single object as a source of truth
|
|
1874
1874
|
|
|
1875
|
-
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
|
-
|
|
1879
|
-
|
|
1880
|
-
|
|
1881
|
-
|
|
1882
|
-
|
|
1883
|
-
|
|
1884
|
-
},
|
|
1875
|
+
```ts
|
|
1876
|
+
const themeConfig: Record<Themes, ThemeConfig> = {
|
|
1877
|
+
'atlassian-light': {
|
|
1878
|
+
id: 'light',
|
|
1879
|
+
displayName: 'Light Theme',
|
|
1880
|
+
palette: 'defaultPalette',
|
|
1881
|
+
attributes: {
|
|
1882
|
+
type: 'color',
|
|
1883
|
+
mode: 'light',
|
|
1885
1884
|
},
|
|
1886
|
-
|
|
1887
|
-
|
|
1888
|
-
|
|
1885
|
+
},
|
|
1886
|
+
...
|
|
1887
|
+
};
|
|
1888
|
+
```
|
|
1889
1889
|
|
|
1890
1890
|
## 0.10.28
|
|
1891
1891
|
|
|
1892
1892
|
### Patch Changes
|
|
1893
1893
|
|
|
1894
|
-
-
|
|
1895
|
-
|
|
1896
|
-
|
|
1894
|
+
- [#26165](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26165)
|
|
1895
|
+
[`52ee11d5b3c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/52ee11d5b3c) - Adds an
|
|
1896
|
+
additional entrypoint for the `@atlaskit/tokens` package to support tooling.
|
|
1897
1897
|
|
|
1898
1898
|
## 0.10.27
|
|
1899
1899
|
|
|
1900
1900
|
### Patch Changes
|
|
1901
1901
|
|
|
1902
|
-
-
|
|
1903
|
-
|
|
1904
|
-
|
|
1905
|
-
|
|
1902
|
+
- [#26111](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26111)
|
|
1903
|
+
[`56b107f0989`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56b107f0989) - Adds
|
|
1904
|
+
experimental spacing tokens, currently for internal use only. These are not ready for widespread
|
|
1905
|
+
consumption yet and a lint rule will raise issues if you try to use them.
|
|
1906
1906
|
|
|
1907
1907
|
## 0.10.26
|
|
1908
1908
|
|
|
1909
1909
|
### Patch Changes
|
|
1910
1910
|
|
|
1911
|
-
-
|
|
1912
|
-
|
|
1913
|
-
|
|
1911
|
+
- [#25755](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25755)
|
|
1912
|
+
[`92faa09c2d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/92faa09c2d4) - Rename
|
|
1913
|
+
base tokens to pascal case
|
|
1914
1914
|
|
|
1915
1915
|
## 0.10.25
|
|
1916
1916
|
|
|
1917
1917
|
### Patch Changes
|
|
1918
1918
|
|
|
1919
|
-
-
|
|
1920
|
-
|
|
1921
|
-
|
|
1922
|
-
|
|
1919
|
+
- [#25841](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25841)
|
|
1920
|
+
[`2e2ac6d3091`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e2ac6d3091) - Add new
|
|
1921
|
+
entrypoint `@atlaskit/tokens/tokens-raw` which provides access to raw token data. This enables the
|
|
1922
|
+
Atlassian Design Tokens Figma plugin to import required token information:wq
|
|
1923
1923
|
|
|
1924
1924
|
## 0.10.24
|
|
1925
1925
|
|
|
1926
1926
|
### Patch Changes
|
|
1927
1927
|
|
|
1928
|
-
-
|
|
1929
|
-
|
|
1930
|
-
|
|
1928
|
+
- [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710)
|
|
1929
|
+
[`619d2c2eaed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/619d2c2eaed) - Fixed
|
|
1930
|
+
typo in `elevation.surface.overlay` description
|
|
1931
1931
|
|
|
1932
1932
|
## 0.10.23
|
|
1933
1933
|
|
|
1934
1934
|
### Patch Changes
|
|
1935
1935
|
|
|
1936
|
-
-
|
|
1937
|
-
|
|
1938
|
-
|
|
1936
|
+
- [#25673](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25673)
|
|
1937
|
+
[`264f928f021`](https://bitbucket.org/atlassian/atlassian-frontend/commits/264f928f021) - Fix
|
|
1938
|
+
ignored entrypoint to allow correct access to babel-plugin
|
|
1939
1939
|
|
|
1940
1940
|
## 0.10.22
|
|
1941
1941
|
|
|
1942
1942
|
### Patch Changes
|
|
1943
1943
|
|
|
1944
|
-
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1944
|
+
- [#22827](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22827)
|
|
1945
|
+
[`8e324bc208f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8e324bc208f) - Source
|
|
1946
|
+
files for tokens chrome extension has been moved out and into its own pacakge
|
|
1947
1947
|
|
|
1948
1948
|
## 0.10.21
|
|
1949
1949
|
|
|
1950
1950
|
### Patch Changes
|
|
1951
1951
|
|
|
1952
|
-
-
|
|
1953
|
-
|
|
1954
|
-
|
|
1952
|
+
- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874)
|
|
1953
|
+
[`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade
|
|
1954
|
+
Typescript from `4.3.5` to `4.5.5`
|
|
1955
1955
|
|
|
1956
1956
|
## 0.10.20
|
|
1957
1957
|
|
|
1958
1958
|
### Patch Changes
|
|
1959
1959
|
|
|
1960
|
-
-
|
|
1961
|
-
|
|
1962
|
-
|
|
1960
|
+
- [#25211](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25211)
|
|
1961
|
+
[`9f6aa1d7cdc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9f6aa1d7cdc) -
|
|
1962
|
+
Introduces new interaction states to a number of existing elevation tokens:
|
|
1963
1963
|
|
|
1964
|
-
|
|
1965
|
-
|
|
1966
|
-
|
|
1967
|
-
|
|
1968
|
-
|
|
1969
|
-
|
|
1964
|
+
- elevation.surface.hovered
|
|
1965
|
+
- elevation.surface.pressed
|
|
1966
|
+
- elevation.surface.raised.hovered
|
|
1967
|
+
- elevation.surface.raised.pressed
|
|
1968
|
+
- elevation.surface.overlay.hovered
|
|
1969
|
+
- elevation.surface.overlay.pressed
|
|
1970
1970
|
|
|
1971
1971
|
## 0.10.19
|
|
1972
1972
|
|
|
1973
1973
|
### Patch Changes
|
|
1974
1974
|
|
|
1975
|
-
-
|
|
1976
|
-
|
|
1977
|
-
|
|
1978
|
-
|
|
1975
|
+
- [#24502](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24502)
|
|
1976
|
+
[`efe09ca1159`](https://bitbucket.org/atlassian/atlassian-frontend/commits/efe09ca1159) - Adds new
|
|
1977
|
+
opacity tokens, opacity.disabled and opacity.loading, that can be applied to elements to indicate
|
|
1978
|
+
loading and disabled states.
|
|
1979
1979
|
|
|
1980
1980
|
## 0.10.18
|
|
1981
1981
|
|
|
1982
1982
|
### Patch Changes
|
|
1983
1983
|
|
|
1984
|
-
-
|
|
1985
|
-
|
|
1986
|
-
|
|
1984
|
+
- [#24004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24004)
|
|
1985
|
+
[`7101fb6a895`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7101fb6a895) - Updates
|
|
1986
|
+
`@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
|
|
1987
1987
|
|
|
1988
1988
|
## 0.10.17
|
|
1989
1989
|
|
|
1990
1990
|
### Patch Changes
|
|
1991
1991
|
|
|
1992
|
-
-
|
|
1993
|
-
|
|
1994
|
-
|
|
1995
|
-
|
|
1992
|
+
- [#24390](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24390)
|
|
1993
|
+
[`e6dc2779c94`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e6dc2779c94) - Adds
|
|
1994
|
+
support for two new themes "Atlassian-legacy-light" & "Atlassian-legacy-dark". These are
|
|
1995
|
+
compatibility themes, utilising colors from the legacy color palette.
|
|
1996
1996
|
|
|
1997
1997
|
## 0.10.16
|
|
1998
1998
|
|
|
1999
1999
|
### Patch Changes
|
|
2000
2000
|
|
|
2001
|
-
-
|
|
2002
|
-
|
|
2003
|
-
|
|
2001
|
+
- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492)
|
|
2002
|
+
[`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade
|
|
2003
|
+
Typescript from `4.2.4` to `4.3.5`.
|
|
2004
2004
|
|
|
2005
2005
|
## 0.10.15
|
|
2006
2006
|
|
|
2007
2007
|
### Patch Changes
|
|
2008
2008
|
|
|
2009
|
-
-
|
|
2010
|
-
|
|
2011
|
-
|
|
2009
|
+
- [#24188](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24188)
|
|
2010
|
+
[`50299267c2e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/50299267c2e) -
|
|
2011
|
+
Refactors style-dictionary to support multiple palettes.
|
|
2012
2012
|
|
|
2013
|
-
|
|
2014
|
-
|
|
2015
|
-
|
|
2016
|
-
|
|
2017
|
-
|
|
2013
|
+
- Adds legacy-palette containing colours from `@atlaskit/theme`.
|
|
2014
|
+
- Palettes are processed as their own 'themes' (functionally) and now have their own configuration
|
|
2015
|
+
via style-dictionary.
|
|
2016
|
+
- formatters + transformers were renamed and moved to match best practices
|
|
2017
|
+
- Types were updated to allow multi-palette values (base tokens)
|
|
2018
2018
|
|
|
2019
2019
|
## 0.10.14
|
|
2020
2020
|
|
|
2021
2021
|
### Patch Changes
|
|
2022
2022
|
|
|
2023
|
-
-
|
|
2024
|
-
|
|
2025
|
-
|
|
2026
|
-
|
|
2023
|
+
- [#24077](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24077)
|
|
2024
|
+
[`e3377246ebc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e3377246ebc) - Moves
|
|
2025
|
+
the following `deprecated` tokens to the `sunset` phase. Please ensure that all `sunset` tokens
|
|
2026
|
+
are removed from your application, they will be completely removed in the next major version:
|
|
2027
2027
|
|
|
2028
|
-
|
|
2029
|
-
|
|
2028
|
+
- 'color.interaction.inverse.hovered' => 'color.background.inverse.subtle.hovered'
|
|
2029
|
+
- 'color.interaction.inverse.pressed' => 'color.background.inverse.subtle.pressed'
|
|
2030
2030
|
|
|
2031
|
-
|
|
2032
|
-
|
|
2031
|
+
If you have configured the design token eslint rules, running `eslint --fix` will resolve these
|
|
2032
|
+
changes automatically.
|
|
2033
2033
|
|
|
2034
2034
|
## 0.10.13
|
|
2035
2035
|
|
|
2036
2036
|
### Patch Changes
|
|
2037
2037
|
|
|
2038
|
-
-
|
|
2039
|
-
|
|
2040
|
-
|
|
2038
|
+
- [#23579](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23579)
|
|
2039
|
+
[`39a56a3c4e7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/39a56a3c4e7) - Update
|
|
2040
|
+
disabled tokens to use alpha base tokens:
|
|
2041
2041
|
|
|
2042
|
-
|
|
2043
|
-
|
|
2044
|
-
|
|
2042
|
+
- `color.text.disabled`
|
|
2043
|
+
- `color.icon.disabled`
|
|
2044
|
+
- `color.background.disabled`
|
|
2045
2045
|
|
|
2046
2046
|
## 0.10.12
|
|
2047
2047
|
|
|
2048
2048
|
### Patch Changes
|
|
2049
2049
|
|
|
2050
|
-
-
|
|
2051
|
-
|
|
2052
|
-
|
|
2053
|
-
|
|
2050
|
+
- [#22642](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22642)
|
|
2051
|
+
[`83c253f28bd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/83c253f28bd) - [ux] -
|
|
2052
|
+
Correct 'color.interaction.hovered' and 'color.interaction.pressed' token values, which were
|
|
2053
|
+
mistakenly mapped inversely in light and dark mode. The token values have now been swapped.
|
|
2054
2054
|
|
|
2055
|
-
|
|
2056
|
-
|
|
2057
|
-
|
|
2058
|
-
|
|
2055
|
+
- Deprecate 'color.interaction.inverse.hovered' which has been replaced with
|
|
2056
|
+
'color.background.inverse.subtle.hovered'.
|
|
2057
|
+
- Deprecate 'color.interaction.inverse.pressed' which has been replaced with
|
|
2058
|
+
'color.background.inverse.subtle.pressed'.
|
|
2059
2059
|
|
|
2060
2060
|
## 0.10.11
|
|
2061
2061
|
|
|
2062
2062
|
### Patch Changes
|
|
2063
2063
|
|
|
2064
|
-
-
|
|
2065
|
-
|
|
2066
|
-
|
|
2067
|
-
|
|
2064
|
+
- [#23027](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23027)
|
|
2065
|
+
[`d9d18df130f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d9d18df130f) - [ux]
|
|
2066
|
+
Tweaked the values of the DN500 and DN500A base tokens to improve color contrast when paired with
|
|
2067
|
+
text:
|
|
2068
2068
|
|
|
2069
|
-
|
|
2070
|
-
|
|
2069
|
+
- DN500 has changed from `#5C6C7A` to `#596773`
|
|
2070
|
+
- DN500A has changed from `#A9C5DF7A` to `#9BB4CA80`
|
|
2071
2071
|
|
|
2072
|
-
|
|
2072
|
+
This changes the values in dark mode for the following tokens:
|
|
2073
2073
|
|
|
2074
|
-
|
|
2074
|
+
_(active)_:
|
|
2075
2075
|
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
|
|
2076
|
+
- `color.text.disabled`
|
|
2077
|
+
- `color.icon.disabled`
|
|
2078
|
+
- `color.background.accent.gray.subtle`
|
|
2079
2079
|
|
|
2080
|
-
|
|
2080
|
+
_(deprecated)_:
|
|
2081
2081
|
|
|
2082
|
-
|
|
2082
|
+
- `color.overlay.pressed`
|
|
2083
2083
|
|
|
2084
2084
|
## 0.10.10
|
|
2085
2085
|
|
|
2086
2086
|
### Patch Changes
|
|
2087
2087
|
|
|
2088
|
-
-
|
|
2089
|
-
|
|
2090
|
-
|
|
2088
|
+
- [#22892](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22892)
|
|
2089
|
+
[`dc05530d2a0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dc05530d2a0) - Internal
|
|
2090
|
+
refactor to the way the documentation is built.
|
|
2091
2091
|
|
|
2092
2092
|
## 0.10.9
|
|
2093
2093
|
|
|
2094
2094
|
### Patch Changes
|
|
2095
2095
|
|
|
2096
|
-
-
|
|
2096
|
+
- Updated dependencies
|
|
2097
2097
|
|
|
2098
2098
|
## 0.10.8
|
|
2099
2099
|
|
|
2100
2100
|
### Patch Changes
|
|
2101
2101
|
|
|
2102
|
-
-
|
|
2103
|
-
|
|
2104
|
-
|
|
2102
|
+
- [#22551](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22551)
|
|
2103
|
+
[`3c1eda5c3d0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c1eda5c3d0) - [Tokens]
|
|
2104
|
+
added new color.border.bold token
|
|
2105
2105
|
|
|
2106
2106
|
## 0.10.7
|
|
2107
2107
|
|
|
2108
2108
|
### Patch Changes
|
|
2109
2109
|
|
|
2110
|
-
-
|
|
2111
|
-
|
|
2112
|
-
|
|
2110
|
+
- [#22107](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22107)
|
|
2111
|
+
[`cb8723a7974`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb8723a7974) -
|
|
2112
|
+
Introduces a new set of neutral accent tokens:
|
|
2113
2113
|
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
|
|
2120
|
-
|
|
2121
|
-
|
|
2114
|
+
- `color.background.accent.gray.bolder`
|
|
2115
|
+
- `color.background.accent.gray.subtle`
|
|
2116
|
+
- `color.background.accent.gray.subtler`
|
|
2117
|
+
- `color.background.accent.gray.subtlest`
|
|
2118
|
+
- `color.border.accent.gray`
|
|
2119
|
+
- `color.icon.accent.gray`
|
|
2120
|
+
- `color.text.accent.gray`
|
|
2121
|
+
- `color.text.accent.gray.bolder`
|
|
2122
2122
|
|
|
2123
2123
|
## 0.10.6
|
|
2124
2124
|
|
|
2125
2125
|
### Patch Changes
|
|
2126
2126
|
|
|
2127
|
-
-
|
|
2128
|
-
|
|
2129
|
-
|
|
2127
|
+
- [#22364](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22364)
|
|
2128
|
+
[`04fc3d5c658`](https://bitbucket.org/atlassian/atlassian-frontend/commits/04fc3d5c658) - Run
|
|
2129
|
+
token transform earlier by hooking into Program visitor
|
|
2130
2130
|
|
|
2131
2131
|
## 0.10.5
|
|
2132
2132
|
|
|
2133
2133
|
### Patch Changes
|
|
2134
2134
|
|
|
2135
|
-
-
|
|
2136
|
-
|
|
2137
|
-
|
|
2138
|
-
|
|
2135
|
+
- [#22060](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22060)
|
|
2136
|
+
[`1124fa435ed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1124fa435ed) - Moves
|
|
2137
|
+
the following `deprecated` tokens to the `sunset` phase. Please ensure that all `sunset` tokens
|
|
2138
|
+
are removed from your application, they will be completely removed in the next major version:
|
|
2139
2139
|
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
|
|
2143
|
-
|
|
2144
|
-
|
|
2145
|
-
|
|
2146
|
-
|
|
2147
|
-
|
|
2148
|
-
|
|
2140
|
+
- `color.background.brand.hovered` => `color.background.selected.hovered`
|
|
2141
|
+
- `color.background.brand.pressed` => `color.background.selected.pressed`
|
|
2142
|
+
- `color.background.brand` => `color.background.selected`
|
|
2143
|
+
- `color.background.inverse` => `color.background.inverse.subtle`
|
|
2144
|
+
- `color.background.selected.hover` => `color.background.selected.hovered`
|
|
2145
|
+
- `color.background.selected.resting` => `color.background.selected`
|
|
2146
|
+
- `color.background.subtleBrand.hover` => `color.background.selected.hovered`
|
|
2147
|
+
- `color.background.subtleBrand.pressed` => `color.background.selected.pressed`
|
|
2148
|
+
- `color.background.subtleBrand.resting` => `color.background.selected`
|
|
2149
2149
|
|
|
2150
|
-
|
|
2151
|
-
|
|
2150
|
+
If you have configured the design token eslint rules, running `eslint --fix` will resolve these
|
|
2151
|
+
changes automatically.
|
|
2152
2152
|
|
|
2153
2153
|
## 0.10.4
|
|
2154
2154
|
|
|
2155
2155
|
### Patch Changes
|
|
2156
2156
|
|
|
2157
|
-
-
|
|
2158
|
-
|
|
2159
|
-
|
|
2157
|
+
- [#21570](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21570)
|
|
2158
|
+
[`7b9be57869b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7b9be57869b) - ED-14905
|
|
2159
|
+
made fallback token name work for production
|
|
2160
2160
|
|
|
2161
2161
|
## 0.10.3
|
|
2162
2162
|
|
|
2163
2163
|
### Patch Changes
|
|
2164
2164
|
|
|
2165
|
-
-
|
|
2166
|
-
|
|
2167
|
-
|
|
2165
|
+
- [#21650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21650)
|
|
2166
|
+
[`acbd8d5576a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/acbd8d5576a) - Added a
|
|
2167
|
+
color-contrast test for our color pairs in the Tokens package.
|
|
2168
2168
|
|
|
2169
2169
|
## 0.10.2
|
|
2170
2170
|
|
|
2171
2171
|
### Patch Changes
|
|
2172
2172
|
|
|
2173
|
-
-
|
|
2174
|
-
|
|
2175
|
-
|
|
2173
|
+
- [#21920](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21920)
|
|
2174
|
+
[`5b8212f08b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5b8212f08b0) - The
|
|
2175
|
+
current theme can now be accessed and monitored for changes using new exports.
|
|
2176
2176
|
|
|
2177
|
-
|
|
2178
|
-
|
|
2177
|
+
- `useThemeObserver` React hook
|
|
2178
|
+
- `ThemeMutationObserver` Mutation Observer
|
|
2179
2179
|
|
|
2180
2180
|
## 0.10.1
|
|
2181
2181
|
|
|
2182
2182
|
### Patch Changes
|
|
2183
2183
|
|
|
2184
|
-
-
|
|
2185
|
-
|
|
2186
|
-
|
|
2184
|
+
- [#21813](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21813)
|
|
2185
|
+
[`7267d0aad7c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7267d0aad7c) - Update
|
|
2186
|
+
group name metadata for light and dark neutral palette tokens
|
|
2187
2187
|
|
|
2188
2188
|
## 0.10.0
|
|
2189
2189
|
|
|
2190
2190
|
### Minor Changes
|
|
2191
2191
|
|
|
2192
|
-
-
|
|
2193
|
-
|
|
2194
|
-
|
|
2195
|
-
|
|
2196
|
-
|
|
2192
|
+
- [#21484](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21484)
|
|
2193
|
+
[`aa06bcc3c48`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aa06bcc3c48) - Removes
|
|
2194
|
+
the :root selector from the light theme, which allows the light theme to be turned off once the
|
|
2195
|
+
css is mounted. This is to support our migration efforts, but we will ultimately reintroduce this
|
|
2196
|
+
behaviour once tokens are the default experience
|
|
2197
2197
|
|
|
2198
2198
|
## 0.9.5
|
|
2199
2199
|
|
|
2200
2200
|
### Patch Changes
|
|
2201
2201
|
|
|
2202
|
-
-
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2202
|
+
- [#21487](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21487)
|
|
2203
|
+
[`4942487a9f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4942487a9f6) - Fixes
|
|
2204
|
+
internal representation of CSS entrypoints for themes. This is an internal change only and does
|
|
2205
|
+
not effect public APIs.
|
|
2206
2206
|
|
|
2207
2207
|
## 0.9.4
|
|
2208
2208
|
|
|
2209
2209
|
### Patch Changes
|
|
2210
2210
|
|
|
2211
|
-
-
|
|
2212
|
-
|
|
2213
|
-
|
|
2214
|
-
|
|
2215
|
-
|
|
2211
|
+
- [#21543](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21543)
|
|
2212
|
+
[`1dad88929cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1dad88929cd) - Adds the
|
|
2213
|
+
`@atlassian/codegen` package that is designed to be used in concert with packages that utilise
|
|
2214
|
+
built assets in their source. Initial release adds an integrity header to assets from
|
|
2215
|
+
`@atlaskit/tokens`.
|
|
2216
2216
|
|
|
2217
2217
|
## 0.9.3
|
|
2218
2218
|
|
|
2219
2219
|
### Patch Changes
|
|
2220
2220
|
|
|
2221
|
-
-
|
|
2222
|
-
|
|
2223
|
-
|
|
2221
|
+
- [#20579](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20579)
|
|
2222
|
+
[`ae9eab2df7d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae9eab2df7d) - Fixing
|
|
2223
|
+
blanket selected and danger tokens that were 80% instead of 8% opacity
|
|
2224
2224
|
|
|
2225
2225
|
## 0.9.2
|
|
2226
2226
|
|
|
2227
2227
|
### Patch Changes
|
|
2228
2228
|
|
|
2229
|
-
-
|
|
2230
|
-
|
|
2231
|
-
|
|
2232
|
-
documentation)
|
|
2229
|
+
- [#20895](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20895)
|
|
2230
|
+
[`c1de986e861`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c1de986e861) - Added
|
|
2231
|
+
new entrypoint `@atlaskit/tokens/palettes-raw` for raw palette token data (used in documentation)
|
|
2233
2232
|
|
|
2234
2233
|
## 0.9.1
|
|
2235
2234
|
|
|
2236
2235
|
### Patch Changes
|
|
2237
2236
|
|
|
2238
|
-
-
|
|
2239
|
-
|
|
2240
|
-
|
|
2237
|
+
- [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650)
|
|
2238
|
+
[`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade
|
|
2239
|
+
to TypeScript 4.2.4
|
|
2241
2240
|
|
|
2242
2241
|
## 0.9.0
|
|
2243
2242
|
|
|
2244
2243
|
### Minor Changes
|
|
2245
2244
|
|
|
2246
|
-
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2245
|
+
- [#20033](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20033)
|
|
2246
|
+
[`54180abbf55`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54180abbf55) - [ux] Add
|
|
2247
|
+
a new `color.border.inverse` token. Use for borders on bold backgrounds
|
|
2249
2248
|
|
|
2250
2249
|
## 0.8.3
|
|
2251
2250
|
|
|
2252
2251
|
### Patch Changes
|
|
2253
2252
|
|
|
2254
|
-
-
|
|
2255
|
-
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
|
|
2253
|
+
- [#20065](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20065)
|
|
2254
|
+
[`530455156a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/530455156a8) -
|
|
2255
|
+
Deprecating color.background.inverse in favour of the new color.background.inverse.subtle token
|
|
2256
|
+
instead. Also introduced color.background.inverse.subtle.hovered and
|
|
2257
|
+
color.background.inverse.subtle.pressed tokens to supplement it.
|
|
2259
2258
|
|
|
2260
2259
|
## 0.8.2
|
|
2261
2260
|
|
|
2262
2261
|
### Patch Changes
|
|
2263
2262
|
|
|
2264
|
-
-
|
|
2265
|
-
|
|
2266
|
-
|
|
2267
|
-
|
|
2263
|
+
- [#20082](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20082)
|
|
2264
|
+
[`b170565a618`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b170565a618) - [ux]
|
|
2265
|
+
Update to input token colors: `color.background.input`, `color.background.input.hovered`,
|
|
2266
|
+
`color.background.input.pressed`.
|
|
2268
2267
|
|
|
2269
2268
|
## 0.8.1
|
|
2270
2269
|
|
|
2271
2270
|
### Patch Changes
|
|
2272
2271
|
|
|
2273
|
-
-
|
|
2274
|
-
|
|
2275
|
-
|
|
2272
|
+
- [#19900](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19900)
|
|
2273
|
+
[`a66253fc6a5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a66253fc6a5) - Export
|
|
2274
|
+
token ID utility functions with new entrypoint `@atlaskit/tokens/token-ids`
|
|
2276
2275
|
|
|
2277
2276
|
## 0.8.0
|
|
2278
2277
|
|
|
2279
2278
|
### Minor Changes
|
|
2280
2279
|
|
|
2281
|
-
-
|
|
2282
|
-
|
|
2283
|
-
|
|
2284
|
-
|
|
2285
|
-
|
|
2286
|
-
### Patch Changes
|
|
2287
|
-
|
|
2288
|
-
-
|
|
2289
|
-
|
|
2290
|
-
-
|
|
2291
|
-
|
|
2292
|
-
|
|
2293
|
-
|
|
2294
|
-
|
|
2295
|
-
|
|
2296
|
-
|
|
2297
|
-
|
|
2298
|
-
|
|
2299
|
-
|
|
2300
|
-
|
|
2301
|
-
|
|
2302
|
-
|
|
2303
|
-
|
|
2304
|
-
|
|
2305
|
-
|
|
2306
|
-
|
|
2307
|
-
|
|
2308
|
-
|
|
2309
|
-
|
|
2310
|
-
|
|
2311
|
-
|
|
2312
|
-
|
|
2313
|
-
|
|
2314
|
-
|
|
2315
|
-
|
|
2316
|
-
|
|
2317
|
-
|
|
2318
|
-
|
|
2319
|
-
|
|
2320
|
-
|
|
2321
|
-
|
|
2322
|
-
|
|
2323
|
-
|
|
2324
|
-
|
|
2325
|
-
|
|
2326
|
-
|
|
2327
|
-
|
|
2328
|
-
|
|
2329
|
-
|
|
2330
|
-
|
|
2331
|
-
|
|
2332
|
-
|
|
2333
|
-
|
|
2334
|
-
|
|
2335
|
-
|
|
2336
|
-
|
|
2337
|
-
|
|
2338
|
-
|
|
2339
|
-
|
|
2340
|
-
|
|
2341
|
-
|
|
2342
|
-
|
|
2343
|
-
|
|
2344
|
-
|
|
2345
|
-
|
|
2346
|
-
|
|
2347
|
-
|
|
2348
|
-
|
|
2349
|
-
|
|
2350
|
-
|
|
2351
|
-
|
|
2352
|
-
|
|
2353
|
-
|
|
2354
|
-
|
|
2355
|
-
|
|
2356
|
-
|
|
2357
|
-
|
|
2358
|
-
|
|
2359
|
-
|
|
2280
|
+
- [#19618](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19618)
|
|
2281
|
+
[`1fb52fef1a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1fb52fef1a8) - [ux] New
|
|
2282
|
+
Skeleton color tokens `color.skeleton.subtle` and `color.skeleton.subtlest`. Use for skeleton
|
|
2283
|
+
loading states
|
|
2284
|
+
|
|
2285
|
+
### Patch Changes
|
|
2286
|
+
|
|
2287
|
+
- [`ac9343c3ed4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ac9343c3ed4) - Replaces
|
|
2288
|
+
usage of deprecated design tokens. No visual or functional changes
|
|
2289
|
+
- [`308db322b04`](https://bitbucket.org/atlassian/atlassian-frontend/commits/308db322b04) - The
|
|
2290
|
+
following tokens have been moved from the `deprecated` to `deleted` state in their lifecycles.
|
|
2291
|
+
These tokens will continue to exist, however tooling will begin to error wherever they're used. If
|
|
2292
|
+
you haven't already, please run `yarn eslint --fix` or similar to automate your migration.
|
|
2293
|
+
|
|
2294
|
+
- `color.background.blanket` => `color.blanket`
|
|
2295
|
+
- `color.background.boldBrand.resting` => `color.background.brand.bold`
|
|
2296
|
+
- `color.background.boldBrand.hover` => `color.background.brand.bold.hovered`
|
|
2297
|
+
- `color.background.boldBrand.pressed` => `color.background.brand.bold.pressed`
|
|
2298
|
+
- `color.background.boldDanger.resting` => `color.background.danger.bold`
|
|
2299
|
+
- `color.background.boldDanger.hover` => `color.background.danger.bold.hovered`
|
|
2300
|
+
- `color.background.boldDanger.pressed` => `color.background.danger.bold.pressed`
|
|
2301
|
+
- `color.background.boldDiscovery.resting` => `color.background.discovery.bold`
|
|
2302
|
+
- `color.background.boldDiscovery.hover` => `color.background.discovery.bold.hovered`
|
|
2303
|
+
- `color.background.boldDiscovery.pressed` => `color.background.discovery.bold.pressed`
|
|
2304
|
+
- `color.background.boldNeutral.resting` => `color.background.neutral.bold`
|
|
2305
|
+
- `color.background.boldNeutral.hover` => `color.background.neutral.bold.hovered`
|
|
2306
|
+
- `color.background.boldNeutral.pressed` => `color.background.neutral.bold.pressed`
|
|
2307
|
+
- `color.background.boldSuccess.resting` => `color.background.success.bold`
|
|
2308
|
+
- `color.background.boldSuccess.hover` => `color.background.success.bold.hovered`
|
|
2309
|
+
- `color.background.boldSuccess.pressed` => `color.background.success.bold.pressed`
|
|
2310
|
+
- `color.background.boldWarning.resting` => `color.background.warning.bold`
|
|
2311
|
+
- `color.background.boldWarning.hover` => `color.background.warning.bold.hovered`
|
|
2312
|
+
- `color.background.boldWarning.pressed` => `color.background.warning.bold.pressed`
|
|
2313
|
+
- `color.background.default` => `elevation.surface`
|
|
2314
|
+
- `color.background.card` => `elevation.surface.raised`
|
|
2315
|
+
- `color.background.overlay` => `elevation.surface.overlay`
|
|
2316
|
+
- `color.background.selected.resting` => `color.background.selected`
|
|
2317
|
+
- `color.background.selected.hover` => `color.background.selected.hovered`
|
|
2318
|
+
- `color.background.subtleBorderedNeutral.resting` => `color.background.input`
|
|
2319
|
+
- `color.background.subtleBorderedNeutral.pressed` => `color.background.input.pressed`
|
|
2320
|
+
- `color.background.subtleBrand.resting` => `color.background.brand`
|
|
2321
|
+
- `color.background.subtleBrand.hover` => `color.background.brand.hovered`
|
|
2322
|
+
- `color.background.subtleBrand.pressed` => `color.background.brand.pressed`
|
|
2323
|
+
- `color.background.subtleDanger.resting` => `color.background.danger`
|
|
2324
|
+
- `color.background.subtleDanger.hover` => `color.background.danger.hovered`
|
|
2325
|
+
- `color.background.subtleDanger.pressed` => `color.background.danger.pressed`
|
|
2326
|
+
- `color.background.subtleDiscovery.resting` => `color.background.discovery`
|
|
2327
|
+
- `color.background.subtleDiscovery.hover` => `color.background.discovery.hovered`
|
|
2328
|
+
- `color.background.subtleDiscovery.pressed` => `color.background.discovery.pressed`
|
|
2329
|
+
- `color.background.subtleNeutral.resting` => `color.background.neutral`
|
|
2330
|
+
- `color.background.subtleNeutral.hover` => `color.background.neutral.hovered`
|
|
2331
|
+
- `color.background.subtleNeutral.pressed` => `color.background.neutral.pressed`
|
|
2332
|
+
- `color.background.subtleSuccess.resting` => `color.background.success`
|
|
2333
|
+
- `color.background.subtleSuccess.hover` => `color.background.success.hovered`
|
|
2334
|
+
- `color.background.subtleSuccess.pressed` => `color.background.success.pressed`
|
|
2335
|
+
- `color.background.subtleWarning.resting` => `color.background.warning`
|
|
2336
|
+
- `color.background.subtleWarning.hover` => `color.background.warning.hovered`
|
|
2337
|
+
- `color.background.subtleWarning.pressed` => `color.background.warning.pressed`
|
|
2338
|
+
- `color.background.sunken` => `elevation.surface.sunken`
|
|
2339
|
+
- `color.background.transparentNeutral.hover` => `color.background.neutral.subtle.hovered`
|
|
2340
|
+
- `color.background.transparentNeutral.pressed` => `color.background.neutral.subtle.pressed`
|
|
2341
|
+
- `color.text.highEmphasis` => `color.text`
|
|
2342
|
+
- `color.text.mediumEmphasis` => `color.text.subtle`
|
|
2343
|
+
- `color.text.lowEmphasis` => `color.text.subtlest`
|
|
2344
|
+
- `color.text.link.resting` => `color.link`
|
|
2345
|
+
- `color.text.link.pressed` => `color.link.pressed`
|
|
2346
|
+
- `color.text.onBold` => `color.text.inverse`
|
|
2347
|
+
- `color.text.onBoldWarning` => `color.text.inverse.warning`
|
|
2348
|
+
- `color.border.focus` => `color.border.focused`
|
|
2349
|
+
- `color.border.neutral` => `color.border`
|
|
2350
|
+
- `color.iconBorder.brand` => `color.icon.brand` or `color.border.brand`
|
|
2351
|
+
- `color.iconBorder.danger` => `color.icon.danger` or `color.border.danger`
|
|
2352
|
+
- `color.iconBorder.warning` => `color.icon.warning` or `color.border.warning`
|
|
2353
|
+
- `color.iconBorder.success` => `color.icon.success` or `color.border.success`
|
|
2354
|
+
- `color.iconBorder.discovery` => `color.icon.discovery` or `color.border.discovery`
|
|
2355
|
+
- `color.overlay.hover` => `color.interaction.hovered`
|
|
2356
|
+
- `color.overlay.pressed` => `color.interaction.pressed`
|
|
2357
|
+
- `color.shadow.card` => `elevation.shadow.raised`
|
|
2358
|
+
- `color.shadow.overlay` => `elevation.shadow.overlay`
|
|
2360
2359
|
|
|
2361
2360
|
## 0.7.3
|
|
2362
2361
|
|
|
2363
2362
|
### Patch Changes
|
|
2364
2363
|
|
|
2365
|
-
-
|
|
2366
|
-
|
|
2367
|
-
|
|
2364
|
+
- [#19805](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19805)
|
|
2365
|
+
[`ba0ddcf976e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ba0ddcf976e) - Adding
|
|
2366
|
+
new token for `elevation.shadow.overflow`
|
|
2368
2367
|
|
|
2369
2368
|
## 0.7.2
|
|
2370
2369
|
|
|
2371
2370
|
### Patch Changes
|
|
2372
2371
|
|
|
2373
|
-
-
|
|
2374
|
-
|
|
2375
|
-
|
|
2372
|
+
- [#19817](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19817)
|
|
2373
|
+
[`2229ec7c745`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2229ec7c745) -
|
|
2374
|
+
elevation.sunken no longer uses a transparent color
|
|
2376
2375
|
|
|
2377
2376
|
## 0.7.1
|
|
2378
2377
|
|
|
2379
2378
|
### Patch Changes
|
|
2380
2379
|
|
|
2381
|
-
-
|
|
2382
|
-
|
|
2383
|
-
|
|
2380
|
+
- [#19458](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19458)
|
|
2381
|
+
[`5d35c6b1c5f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5d35c6b1c5f) - Adding
|
|
2382
|
+
new tokens for `color.blanket.selected` and `color.blanket.danger`
|
|
2384
2383
|
|
|
2385
2384
|
## 0.7.0
|
|
2386
2385
|
|
|
2387
2386
|
### Minor Changes
|
|
2388
2387
|
|
|
2389
|
-
-
|
|
2390
|
-
|
|
2391
|
-
|
|
2392
|
-
|
|
2388
|
+
- [#19019](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19019)
|
|
2389
|
+
[`220aa7f8aab`](https://bitbucket.org/atlassian/atlassian-frontend/commits/220aa7f8aab) - [ux]
|
|
2390
|
+
Dark Mode token colours changed for the background of elements in a selected state
|
|
2391
|
+
(color.background.brand)
|
|
2393
2392
|
|
|
2394
2393
|
### Patch Changes
|
|
2395
2394
|
|
|
2396
|
-
-
|
|
2397
|
-
|
|
2395
|
+
- [`c2ec60d6a1b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c2ec60d6a1b) - [ux]
|
|
2396
|
+
Updating existing 16 background accent colors
|
|
2398
2397
|
|
|
2399
|
-
|
|
2400
|
-
|
|
2401
|
-
|
|
2398
|
+
- Rename default to subtler (Light:200 / Dark:900)
|
|
2399
|
+
- Rename bold renamed to subtle (Light:400 / Dark:700)
|
|
2400
|
+
- Update this ⤴ base token for dark mode from 700 to 800 (so it is now Light:400 / Dark:800)
|
|
2402
2401
|
|
|
2403
|
-
|
|
2402
|
+
16 new accent background colors:
|
|
2404
2403
|
|
|
2405
|
-
|
|
2406
|
-
|
|
2404
|
+
- color.background.accent.[color].subtlest (Light: 100 / Dark:1000)
|
|
2405
|
+
- color.background.accent.[color].bolder (Light: 700 / Dark: 400)
|
|
2407
2406
|
|
|
2408
|
-
|
|
2407
|
+
8 new text accent colors:
|
|
2409
2408
|
|
|
2410
|
-
|
|
2409
|
+
- color.text.accent.[color].bolder (Light:900 / Dark:200)
|
|
2411
2410
|
|
|
2412
|
-
-
|
|
2413
|
-
|
|
2414
|
-
-
|
|
2415
|
-
|
|
2411
|
+
- [`7b6b994bef5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7b6b994bef5) - Correct
|
|
2412
|
+
shorthand hex code conversion in Figma synchronisation script
|
|
2413
|
+
- [`91a3f179e8c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/91a3f179e8c) - Prefix
|
|
2414
|
+
warnings to deprecated tokens in the Figma synchronizer script
|
|
2416
2415
|
|
|
2417
2416
|
## 0.6.3
|
|
2418
2417
|
|
|
2419
2418
|
### Patch Changes
|
|
2420
2419
|
|
|
2421
|
-
-
|
|
2422
|
-
|
|
2423
|
-
|
|
2424
|
-
|
|
2420
|
+
- [#19313](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19313)
|
|
2421
|
+
[`39f4b3b6b48`](https://bitbucket.org/atlassian/atlassian-frontend/commits/39f4b3b6b48) - Added
|
|
2422
|
+
new base dark mode token DN-100 and modified elevation.surface.token to use it rather than the
|
|
2423
|
+
alpha.
|
|
2425
2424
|
|
|
2426
2425
|
## 0.6.2
|
|
2427
2426
|
|
|
2428
2427
|
### Patch Changes
|
|
2429
2428
|
|
|
2430
|
-
-
|
|
2431
|
-
|
|
2432
|
-
|
|
2429
|
+
- [#19072](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19072)
|
|
2430
|
+
[`899fd622557`](https://bitbucket.org/atlassian/atlassian-frontend/commits/899fd622557) -
|
|
2431
|
+
Re-introduces the selected and selected.bold tokens:
|
|
2433
2432
|
|
|
2434
|
-
|
|
2435
|
-
|
|
2436
|
-
|
|
2437
|
-
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
|
|
2433
|
+
- `color.text.selected`
|
|
2434
|
+
- `color.icon.selected`
|
|
2435
|
+
- `color.border.selected`
|
|
2436
|
+
- `color.background.selected`
|
|
2437
|
+
- `color.background.selected.hovered`
|
|
2438
|
+
- `color.background.selected.pressed`
|
|
2439
|
+
- `color.background.selected.bold`
|
|
2440
|
+
- `color.background.selected.bold.hovered`
|
|
2441
|
+
- `color.background.selected.bold.pressed`
|
|
2443
2442
|
|
|
2444
|
-
|
|
2443
|
+
The following tokens are _deprecated_:
|
|
2445
2444
|
|
|
2446
|
-
|
|
2447
|
-
|
|
2448
|
-
|
|
2445
|
+
- `color.background.brand`
|
|
2446
|
+
- `color.background.brand.hovered`
|
|
2447
|
+
- `color.background.brand.pressed`
|
|
2449
2448
|
|
|
2450
|
-
|
|
2449
|
+
**IMPORTANT (Manual verification required):**
|
|
2451
2450
|
|
|
2452
|
-
|
|
2453
|
-
|
|
2451
|
+
Please ensure all usages of the following tokens are replaced with their `selected` counterpart,
|
|
2452
|
+
wherever a brand token is used to represent a selected state.
|
|
2454
2453
|
|
|
2455
|
-
|
|
2456
|
-
|
|
2457
|
-
|
|
2458
|
-
|
|
2459
|
-
|
|
2460
|
-
|
|
2461
|
-
|
|
2454
|
+
- `color.background.brand.[default|hovered|pressed]` =>
|
|
2455
|
+
`color.background.selected.[default|hovered|pressed]`
|
|
2456
|
+
- `color.background.brand.bold.[default|hovered|pressed]` =>
|
|
2457
|
+
`color.background.selected.bold.[default|hovered|pressed]`
|
|
2458
|
+
- `color.text.brand` => `color.text.selected`
|
|
2459
|
+
- `color.icon.brand` => `color.icon.selected`
|
|
2460
|
+
- `color.border.brand` => `color.border.selected`
|
|
2462
2461
|
|
|
2463
2462
|
## 0.6.1
|
|
2464
2463
|
|
|
2465
2464
|
### Patch Changes
|
|
2466
2465
|
|
|
2467
|
-
-
|
|
2468
|
-
|
|
2469
|
-
|
|
2470
|
-
-
|
|
2466
|
+
- [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752)
|
|
2467
|
+
[`3ed3071ee35`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3ed3071ee35) - Updates
|
|
2468
|
+
elevation.surface.sunken base token in darkmode to DN-100A
|
|
2469
|
+
- Updated dependencies
|
|
2471
2470
|
|
|
2472
2471
|
## 0.6.0
|
|
2473
2472
|
|
|
2474
2473
|
### Minor Changes
|
|
2475
2474
|
|
|
2476
|
-
-
|
|
2477
|
-
|
|
2478
|
-
|
|
2479
|
-
-
|
|
2480
|
-
|
|
2481
|
-
-
|
|
2482
|
-
|
|
2475
|
+
- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Various
|
|
2476
|
+
improvements & changes to the tokens build scripts. These changes affect how various artifacts are
|
|
2477
|
+
generated, particularly relating to Figma
|
|
2478
|
+
- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Adds new
|
|
2479
|
+
tokens which represent the latest taxonomy changes.
|
|
2480
|
+
- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) -
|
|
2481
|
+
Introduces the new accent token set from the latest version of the taxonomy
|
|
2483
2482
|
|
|
2484
2483
|
### Patch Changes
|
|
2485
2484
|
|
|
2486
|
-
-
|
|
2487
|
-
|
|
2488
|
-
|
|
2485
|
+
- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The
|
|
2486
|
+
`token()` function no longer throws and instead omits an error in the case where the provided
|
|
2487
|
+
token doesn't exist or is not found.
|
|
2489
2488
|
|
|
2490
2489
|
## 0.5.0
|
|
2491
2490
|
|
|
2492
2491
|
### Minor Changes
|
|
2493
2492
|
|
|
2494
|
-
-
|
|
2495
|
-
|
|
2496
|
-
|
|
2493
|
+
- [#18168](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/18168)
|
|
2494
|
+
[`03a2ceaaabd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/03a2ceaaabd) - Rename
|
|
2495
|
+
mapper entrypoint now outputs migration meta data in array format rather than object.
|
|
2497
2496
|
|
|
2498
2497
|
## 0.4.2
|
|
2499
2498
|
|
|
2500
2499
|
### Patch Changes
|
|
2501
2500
|
|
|
2502
|
-
-
|
|
2503
|
-
|
|
2504
|
-
|
|
2501
|
+
- [#18080](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/18080)
|
|
2502
|
+
[`068c9a0b770`](https://bitbucket.org/atlassian/atlassian-frontend/commits/068c9a0b770) - Adds
|
|
2503
|
+
official entrypoint for theme css files
|
|
2505
2504
|
|
|
2506
2505
|
## 0.4.1
|
|
2507
2506
|
|
|
2508
2507
|
### Patch Changes
|
|
2509
2508
|
|
|
2510
|
-
-
|
|
2511
|
-
|
|
2512
|
-
|
|
2509
|
+
- [#17475](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/17475)
|
|
2510
|
+
[`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch
|
|
2511
|
+
VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
|
|
2513
2512
|
|
|
2514
2513
|
## 0.4.0
|
|
2515
2514
|
|
|
2516
2515
|
### Minor Changes
|
|
2517
2516
|
|
|
2518
|
-
-
|
|
2519
|
-
|
|
2520
|
-
|
|
2521
|
-
-
|
|
2522
|
-
|
|
2523
|
-
-
|
|
2524
|
-
|
|
2525
|
-
|
|
2526
|
-
|
|
2527
|
-
|
|
2528
|
-
|
|
2529
|
-
-
|
|
2530
|
-
|
|
2531
|
-
|
|
2532
|
-
-
|
|
2533
|
-
|
|
2534
|
-
|
|
2535
|
-
|
|
2536
|
-
|
|
2537
|
-
### Patch Changes
|
|
2538
|
-
|
|
2539
|
-
-
|
|
2540
|
-
|
|
2541
|
-
-
|
|
2542
|
-
|
|
2543
|
-
-
|
|
2544
|
-
|
|
2545
|
-
|
|
2546
|
-
-
|
|
2547
|
-
|
|
2517
|
+
- [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998)
|
|
2518
|
+
[`b46c0681c29`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b46c0681c29) - Adds
|
|
2519
|
+
"MISSING_TOKEN" for instances where a suitable token does not exist
|
|
2520
|
+
- [`d5e751f7236`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d5e751f7236) - Tweaks
|
|
2521
|
+
new palette colors to reflect feedback from the pilot program
|
|
2522
|
+
- [`2c855cf3bf4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2c855cf3bf4) - New
|
|
2523
|
+
internal config change allows this package to be run pre-build by ts-node, allowing access to the
|
|
2524
|
+
babel plugin by repo build tooling
|
|
2525
|
+
|
|
2526
|
+
Removes token-default-values entrypoint
|
|
2527
|
+
|
|
2528
|
+
- [`81a0d9b5692`](https://bitbucket.org/atlassian/atlassian-frontend/commits/81a0d9b5692) - Pulled
|
|
2529
|
+
tokens babel plugin in and updated the entrypoint from `@atlaskit/babel-plugin-tokens` to
|
|
2530
|
+
`@atlaskit/tokens/babel-plugin`
|
|
2531
|
+
- [`4ec42b57298`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ec42b57298) - Updates
|
|
2532
|
+
the figma synchroniser to remove theme prefixes from tokens names, incorperate the isPalette flag
|
|
2533
|
+
into the group attribute and space separate interaction states. These changes improve the
|
|
2534
|
+
findability of tokens in figma
|
|
2535
|
+
|
|
2536
|
+
### Patch Changes
|
|
2537
|
+
|
|
2538
|
+
- [`a1ad2de440a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a1ad2de440a) - Fixes
|
|
2539
|
+
internal types being coerced to implicit any.
|
|
2540
|
+
- [`286e1d43477`](https://bitbucket.org/atlassian/atlassian-frontend/commits/286e1d43477) - Updated
|
|
2541
|
+
internal token representation to include state/lifecycle metadata
|
|
2542
|
+
- [`ed086330194`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ed086330194) - Internal
|
|
2543
|
+
file restructure for style-dictionary to group it’s inputs /src/tokens and outputs /src/artifacts
|
|
2544
|
+
in dedicated directories
|
|
2545
|
+
- [`9b1703048e3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9b1703048e3) - Updates
|
|
2546
|
+
build tooling in preparation for the new taxonomy.
|
|
2548
2547
|
|
|
2549
2548
|
## 0.3.0
|
|
2550
2549
|
|
|
2551
2550
|
### Minor Changes
|
|
2552
2551
|
|
|
2553
|
-
-
|
|
2554
|
-
|
|
2555
|
-
|
|
2556
|
-
|
|
2552
|
+
- [#14777](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14777)
|
|
2553
|
+
[`092e10c6184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/092e10c6184) - CSS
|
|
2554
|
+
variables generated by the tokens package now have a prefix "ds-" to differentiate them from other
|
|
2555
|
+
CSS variables in an application
|
|
2557
2556
|
|
|
2558
2557
|
## 0.2.1
|
|
2559
2558
|
|
|
2560
2559
|
### Patch Changes
|
|
2561
2560
|
|
|
2562
|
-
-
|
|
2563
|
-
|
|
2564
|
-
|
|
2565
|
-
-
|
|
2566
|
-
|
|
2561
|
+
- [#14319](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14319)
|
|
2562
|
+
[`5c1cf4723e4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c1cf4723e4) -
|
|
2563
|
+
typescript-token-name formatter now outputs token names with an indexable Record type
|
|
2564
|
+
- [`2f9faec5201`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2f9faec5201) - Tokens
|
|
2565
|
+
now provided with descriptions for when they should be used
|
|
2567
2566
|
|
|
2568
2567
|
## 0.2.0
|
|
2569
2568
|
|
|
2570
2569
|
### Minor Changes
|
|
2571
2570
|
|
|
2572
|
-
-
|
|
2573
|
-
|
|
2574
|
-
|
|
2575
|
-
|
|
2571
|
+
- [#13665](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13665)
|
|
2572
|
+
[`18b502b7083`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18b502b7083) - Added a
|
|
2573
|
+
new export, token-default-values, which maps token names to their value in the default theme
|
|
2574
|
+
(currently the "atlassian-light" theme).
|
|
2576
2575
|
|
|
2577
2576
|
## 0.1.1
|
|
2578
2577
|
|
|
2579
2578
|
### Patch Changes
|
|
2580
2579
|
|
|
2581
|
-
-
|
|
2582
|
-
|
|
2583
|
-
|
|
2584
|
-
-
|
|
2585
|
-
|
|
2586
|
-
-
|
|
2587
|
-
|
|
2580
|
+
- [#13864](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13864)
|
|
2581
|
+
[`6f3632e65d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6f3632e65d4) - Updates
|
|
2582
|
+
README with MVP instructions for usage.
|
|
2583
|
+
- [`c1498cb226e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c1498cb226e) - Removes
|
|
2584
|
+
previous rename map
|
|
2585
|
+
- [`0936217160c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0936217160c) - Add bold
|
|
2586
|
+
accent tokens:
|
|
2588
2587
|
|
|
2589
|
-
|
|
2590
|
-
|
|
2591
|
-
|
|
2592
|
-
|
|
2593
|
-
|
|
2594
|
-
|
|
2588
|
+
- `color.accent.boldBlue`
|
|
2589
|
+
- `color.accent.boldRed`
|
|
2590
|
+
- `color.accent.boldGreen`
|
|
2591
|
+
- `color.accent.boldOrange`
|
|
2592
|
+
- `color.accent.boldTeal`
|
|
2593
|
+
- `color.accent.boldPurple`
|
|
2595
2594
|
|
|
2596
|
-
-
|
|
2597
|
-
|
|
2598
|
-
-
|
|
2599
|
-
|
|
2600
|
-
|
|
2595
|
+
- [`6d72bea69a0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6d72bea69a0) -
|
|
2596
|
+
Descriptions and other token metadata is now stored in the "default" theme.
|
|
2597
|
+
- [`addf9436414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/addf9436414) - [ux]
|
|
2598
|
+
Introduced a restricted util token for use during the initial token migration. This token is for
|
|
2599
|
+
internal use only and will be removed in a future version of `@atlaskit/tokens`.
|
|
2601
2600
|
|
|
2602
2601
|
## 0.1.0
|
|
2603
2602
|
|
|
2604
2603
|
### Minor Changes
|
|
2605
2604
|
|
|
2606
|
-
-
|
|
2607
|
-
|
|
2608
|
-
|
|
2609
|
-
|
|
2605
|
+
- [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302)
|
|
2606
|
+
[`642f26d0f0c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/642f26d0f0c) - Adds
|
|
2607
|
+
rename-mapping as an entry point for @atlaskit/tokens. rename-mapping is an object mapping old
|
|
2608
|
+
token names to their new replacements
|
|
2610
2609
|
|
|
2611
2610
|
### Patch Changes
|
|
2612
2611
|
|
|
2613
|
-
-
|
|
2614
|
-
|
|
2615
|
-
|
|
2616
|
-
|
|
2617
|
-
|
|
2618
|
-
|
|
2619
|
-
|
|
2620
|
-
|
|
2621
|
-
|
|
2622
|
-
|
|
2623
|
-
|
|
2624
|
-
|
|
2625
|
-
|
|
2626
|
-
|
|
2627
|
-
tokens:
|
|
2612
|
+
- [`c784665d01d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c784665d01d) - Removes
|
|
2613
|
+
`color.border.overlay` token and replaces it with a third shadow inside `shadow.overlay`.
|
|
2614
|
+
- [`76b718b72e1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76b718b72e1) - [ux]
|
|
2615
|
+
Fixes incorrect values in the palette and token definitions.
|
|
2616
|
+
- [`855d6afb3d3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/855d6afb3d3) - Parsing
|
|
2617
|
+
of alpha hex in the Figma synchronizer is fixed.
|
|
2618
|
+
- [`8d0cb37bfe0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d0cb37bfe0) - Updates:
|
|
2619
|
+
`text.link.pressed` values to `B800/B300` Removes: `text.link.hover` Combines: `border.disabled`
|
|
2620
|
+
and `background.disabled` → `background.disabled` Updates: `background.disabled` token value to
|
|
2621
|
+
`N/DN200A` Renames: All accents from `color.accent.blueSubtle` → `color.accent.subtleBlue`
|
|
2622
|
+
Renames: `background.selected` to `background.selected.resting` Adds: `background.selected.hover`,
|
|
2623
|
+
`background.selected.pressed`
|
|
2624
|
+
- [`53749f08286`](https://bitbucket.org/atlassian/atlassian-frontend/commits/53749f08286) - Adds
|
|
2625
|
+
tokens:
|
|
2628
2626
|
|
|
2629
|
-
|
|
2630
|
-
|
|
2627
|
+
- `color.overlay.hover`
|
|
2628
|
+
- `color.overlay.pressed`
|
|
2631
2629
|
|
|
2632
2630
|
## 0.0.18
|
|
2633
2631
|
|
|
2634
2632
|
### Patch Changes
|
|
2635
2633
|
|
|
2636
|
-
-
|
|
2637
|
-
|
|
2638
|
-
|
|
2634
|
+
- [#13518](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13518)
|
|
2635
|
+
[`2bda3783615`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2bda3783615) - License
|
|
2636
|
+
information added to package.json
|
|
2639
2637
|
|
|
2640
2638
|
## 0.0.17
|
|
2641
2639
|
|
|
2642
2640
|
### Patch Changes
|
|
2643
2641
|
|
|
2644
|
-
-
|
|
2645
|
-
|
|
2646
|
-
|
|
2642
|
+
- [#12837](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12837)
|
|
2643
|
+
[`0d0ecc6e790`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0d0ecc6e790) - Corrects
|
|
2644
|
+
eslint supressions.
|
|
2647
2645
|
|
|
2648
2646
|
## 0.0.16
|
|
2649
2647
|
|
|
2650
2648
|
### Patch Changes
|
|
2651
2649
|
|
|
2652
|
-
-
|
|
2653
|
-
|
|
2654
|
-
|
|
2650
|
+
- [#12619](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12619)
|
|
2651
|
+
[`8418348bf66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8418348bf66) - Revert
|
|
2652
|
+
focus ring token from a shadow to border
|
|
2655
2653
|
|
|
2656
2654
|
## 0.0.15
|
|
2657
2655
|
|
|
2658
2656
|
### Patch Changes
|
|
2659
2657
|
|
|
2660
|
-
-
|
|
2661
|
-
|
|
2662
|
-
|
|
2658
|
+
- [#12592](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12592)
|
|
2659
|
+
[`e11b3e4e1ee`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e11b3e4e1ee) -
|
|
2660
|
+
Restructures tokens into the following format {group}{property}{variant}{state}
|
|
2663
2661
|
|
|
2664
2662
|
## 0.0.14
|
|
2665
2663
|
|
|
2666
2664
|
### Patch Changes
|
|
2667
2665
|
|
|
2668
|
-
-
|
|
2669
|
-
|
|
2670
|
-
|
|
2666
|
+
- [#12528](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12528)
|
|
2667
|
+
[`1926dba3536`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1926dba3536) - Adds,
|
|
2668
|
+
removes & renames tokens
|
|
2671
2669
|
|
|
2672
|
-
|
|
2670
|
+
Adds:
|
|
2673
2671
|
|
|
2674
|
-
|
|
2672
|
+
- `color.backgroundSelect`
|
|
2675
2673
|
|
|
2676
|
-
|
|
2674
|
+
Renames:
|
|
2677
2675
|
|
|
2678
|
-
|
|
2679
|
-
|
|
2680
|
-
|
|
2681
|
-
|
|
2682
|
-
|
|
2683
|
-
|
|
2684
|
-
|
|
2685
|
-
|
|
2676
|
+
- `color.borderTextHighlighted` to `color.bordertextSelected`
|
|
2677
|
+
- `elevation.base` to `evelation.backgroundDefault`
|
|
2678
|
+
- `elevation.flatSecondary` to `elevation.backgroundSunken`
|
|
2679
|
+
- `elevation.backgroundCard` to `color.backgroundCard`
|
|
2680
|
+
- `elevation.backgroundOverlay` to `color.backgroundOverlay`
|
|
2681
|
+
- `elevation.borderOverlay` to `color.borderOverlay`
|
|
2682
|
+
- `elevation.shadowCard` to `shadow.card`
|
|
2683
|
+
- `elevation.shadowOverlay` to `shadow.overlay`
|
|
2686
2684
|
|
|
2687
|
-
|
|
2685
|
+
Removes:
|
|
2688
2686
|
|
|
2689
|
-
|
|
2687
|
+
- `elevation.boarderFlatPrimary`
|
|
2690
2688
|
|
|
2691
|
-
|
|
2689
|
+
Updates:
|
|
2692
2690
|
|
|
2693
|
-
|
|
2694
|
-
|
|
2695
|
-
|
|
2691
|
+
- `elevation.shadowOverlay` value to `DN100`
|
|
2692
|
+
- `color.textWarning` in light mode to `O800`
|
|
2693
|
+
- `color.iconBorderWarning` in light mode to `O600`
|
|
2696
2694
|
|
|
2697
2695
|
## 0.0.13
|
|
2698
2696
|
|
|
2699
2697
|
### Patch Changes
|
|
2700
2698
|
|
|
2701
|
-
-
|
|
2702
|
-
|
|
2703
|
-
|
|
2699
|
+
- [#12444](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12444)
|
|
2700
|
+
[`769ea83469c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/769ea83469c) - Moves
|
|
2701
|
+
tokens and eslint-plugin-design-system to the public namespace.
|
|
2704
2702
|
|
|
2705
2703
|
## 0.0.12
|
|
2706
2704
|
|
|
2707
2705
|
### Patch Changes
|
|
2708
2706
|
|
|
2709
|
-
-
|
|
2710
|
-
|
|
2711
|
-
|
|
2707
|
+
- [#12123](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12123)
|
|
2708
|
+
[`6cde35b66d9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6cde35b66d9) - Updates
|
|
2709
|
+
the figma synchronizer with the ability to rename tokens
|
|
2712
2710
|
|
|
2713
2711
|
## 0.0.11
|
|
2714
2712
|
|
|
2715
2713
|
### Patch Changes
|
|
2716
2714
|
|
|
2717
|
-
-
|
|
2718
|
-
|
|
2719
|
-
|
|
2715
|
+
- [#11993](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11993)
|
|
2716
|
+
[`170b971ce50`](https://bitbucket.org/atlassian/atlassian-frontend/commits/170b971ce50) - Exposes
|
|
2717
|
+
token names as an entrypoint.
|
|
2720
2718
|
|
|
2721
2719
|
## 0.0.10
|
|
2722
2720
|
|
|
2723
2721
|
### Patch Changes
|
|
2724
2722
|
|
|
2725
|
-
-
|
|
2726
|
-
|
|
2727
|
-
|
|
2723
|
+
- [#11992](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11992)
|
|
2724
|
+
[`eb05da78cd0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eb05da78cd0) - Figma
|
|
2725
|
+
sync now can set spread property for effect styles.
|
|
2728
2726
|
|
|
2729
2727
|
## 0.0.9
|
|
2730
2728
|
|
|
2731
2729
|
### Patch Changes
|
|
2732
2730
|
|
|
2733
|
-
-
|
|
2734
|
-
|
|
2735
|
-
|
|
2731
|
+
- [#11920](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11920)
|
|
2732
|
+
[`76836669a4c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76836669a4c) - Global
|
|
2733
|
+
theme CSS custom properties are now scoped to the html element.
|
|
2736
2734
|
|
|
2737
2735
|
## 0.0.8
|
|
2738
2736
|
|
|
2739
2737
|
### Patch Changes
|
|
2740
2738
|
|
|
2741
|
-
-
|
|
2742
|
-
|
|
2743
|
-
|
|
2739
|
+
- [#11906](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11906)
|
|
2740
|
+
[`be2a49c8e04`](https://bitbucket.org/atlassian/atlassian-frontend/commits/be2a49c8e04) - Focus
|
|
2741
|
+
ring token is now a shadow.
|
|
2744
2742
|
|
|
2745
2743
|
## 0.0.7
|
|
2746
2744
|
|
|
2747
2745
|
### Patch Changes
|
|
2748
2746
|
|
|
2749
|
-
-
|
|
2750
|
-
|
|
2751
|
-
|
|
2747
|
+
- [#11789](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11789)
|
|
2748
|
+
[`f06c9466af2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f06c9466af2) - Color
|
|
2749
|
+
palette has been updated with new values.
|
|
2752
2750
|
|
|
2753
2751
|
## 0.0.6
|
|
2754
2752
|
|
|
2755
2753
|
### Patch Changes
|
|
2756
2754
|
|
|
2757
|
-
-
|
|
2758
|
-
|
|
2759
|
-
|
|
2755
|
+
- [#11680](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11680)
|
|
2756
|
+
[`5fccc343a1b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5fccc343a1b) - Subtle
|
|
2757
|
+
accent colors added to token set.
|
|
2760
2758
|
|
|
2761
2759
|
## 0.0.5
|
|
2762
2760
|
|
|
2763
2761
|
### Patch Changes
|
|
2764
2762
|
|
|
2765
|
-
-
|
|
2766
|
-
|
|
2767
|
-
|
|
2763
|
+
- [#11380](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11380)
|
|
2764
|
+
[`2106cf48ddb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2106cf48ddb) - Adds
|
|
2765
|
+
token "getter" to allow users to fetch and use tokens in their components
|
|
2768
2766
|
|
|
2769
2767
|
## 0.0.4
|
|
2770
2768
|
|
|
2771
2769
|
### Patch Changes
|
|
2772
2770
|
|
|
2773
|
-
-
|
|
2774
|
-
|
|
2775
|
-
|
|
2771
|
+
- [#11433](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11433)
|
|
2772
|
+
[`202cf0733de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/202cf0733de) - Tokens
|
|
2773
|
+
are now built using style dictionary with three outputs:
|
|
2776
2774
|
|
|
2777
|
-
|
|
2778
|
-
|
|
2779
|
-
|
|
2775
|
+
1. CSS
|
|
2776
|
+
1. Figma synchronizers
|
|
2777
|
+
1. Token name map
|
|
2780
2778
|
|
|
2781
2779
|
## 0.0.3
|
|
2782
2780
|
|
|
2783
2781
|
### Patch Changes
|
|
2784
2782
|
|
|
2785
|
-
-
|
|
2786
|
-
|
|
2787
|
-
|
|
2783
|
+
- [#11333](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11333)
|
|
2784
|
+
[`931f6fc633a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/931f6fc633a) - Updates
|
|
2785
|
+
token schema shape.
|
|
2788
2786
|
|
|
2789
2787
|
## 0.0.2
|
|
2790
2788
|
|
|
2791
2789
|
### Patch Changes
|
|
2792
2790
|
|
|
2793
|
-
-
|
|
2794
|
-
|
|
2795
|
-
|
|
2791
|
+
- [#11275](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11275)
|
|
2792
|
+
[`9eaba799050`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9eaba799050) - Adds
|
|
2793
|
+
theme tokens and script to add tokens to figma.
|
|
2796
2794
|
|
|
2797
2795
|
## 0.0.1
|
|
2798
2796
|
|
|
2799
2797
|
### Patch Changes
|
|
2800
2798
|
|
|
2801
|
-
-
|
|
2802
|
-
|
|
2803
|
-
|
|
2799
|
+
- [#11179](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11179)
|
|
2800
|
+
[`73aaa81802a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/73aaa81802a) - Initial
|
|
2801
|
+
setup & release
|