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