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