@atlaskit/tokens 1.43.2 → 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 +1572 -938
- package/dist/cjs/artifacts/replacement-mapping.js +1 -7
- package/dist/cjs/artifacts/themes/atlassian-typography-adg3.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +1 -3
- package/dist/cjs/artifacts/token-names.js +1 -3
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +1 -63
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +1 -63
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/es2019/artifacts/replacement-mapping.js +1 -7
- package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +1 -3
- package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +1 -3
- package/dist/es2019/artifacts/token-default-values.js +1 -3
- package/dist/es2019/artifacts/token-names.js +1 -3
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +1 -63
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +1 -63
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/esm/artifacts/replacement-mapping.js +1 -7
- package/dist/esm/artifacts/themes/atlassian-typography-adg3.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +1 -3
- package/dist/esm/artifacts/token-names.js +1 -3
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +1 -63
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +1 -63
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +1 -3
- package/dist/types/artifacts/token-names.d.ts +1 -5
- package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +1 -34
- package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +1 -34
- package/dist/types/types.d.ts +0 -4
- package/dist/types-ts4.5/artifacts/replacement-mapping.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +1 -3
- package/dist/types-ts4.5/artifacts/token-names.d.ts +1 -5
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +1 -34
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +1 -34
- package/dist/types-ts4.5/types.d.ts +0 -4
- package/package.json +8 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,2106 +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
|
+
|
|
12
|
+
## 1.44.0
|
|
13
|
+
|
|
14
|
+
### Minor Changes
|
|
15
|
+
|
|
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.
|
|
20
|
+
|
|
3
21
|
## 1.43.2
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
6
24
|
|
|
7
|
-
-
|
|
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`
|
|
8
28
|
|
|
9
29
|
## 1.43.1
|
|
10
30
|
|
|
11
31
|
### Patch Changes
|
|
12
32
|
|
|
13
|
-
-
|
|
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.
|
|
14
36
|
|
|
15
37
|
## 1.43.0
|
|
16
38
|
|
|
17
39
|
### Minor Changes
|
|
18
40
|
|
|
19
|
-
-
|
|
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`.
|
|
20
44
|
|
|
21
45
|
## 1.42.1
|
|
22
46
|
|
|
23
47
|
### Patch Changes
|
|
24
48
|
|
|
25
|
-
-
|
|
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`
|
|
26
52
|
|
|
27
53
|
## 1.42.0
|
|
28
54
|
|
|
29
55
|
### Minor Changes
|
|
30
56
|
|
|
31
|
-
-
|
|
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.
|
|
32
60
|
|
|
33
61
|
## 1.41.2
|
|
34
62
|
|
|
35
63
|
### Patch Changes
|
|
36
64
|
|
|
37
|
-
-
|
|
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.
|
|
38
68
|
|
|
39
69
|
## 1.41.1
|
|
40
70
|
|
|
41
71
|
### Patch Changes
|
|
42
72
|
|
|
43
|
-
-
|
|
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
|
|
44
76
|
|
|
45
77
|
## 1.41.0
|
|
46
78
|
|
|
47
79
|
### Minor Changes
|
|
48
80
|
|
|
49
|
-
-
|
|
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
|
|
50
84
|
|
|
51
|
-
|
|
52
|
-
|
|
85
|
+
Light theme: color.border.input: #091E4224 → #8590A2 Dark mode: color.border.input: #A6C5E229 →
|
|
86
|
+
#738496
|
|
53
87
|
|
|
54
|
-
-
|
|
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.
|
|
55
91
|
|
|
56
92
|
## 1.40.0
|
|
57
93
|
|
|
58
94
|
### Minor Changes
|
|
59
95
|
|
|
60
|
-
-
|
|
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
|
|
61
99
|
|
|
62
100
|
## 1.39.1
|
|
63
101
|
|
|
64
102
|
### Patch Changes
|
|
65
103
|
|
|
66
|
-
-
|
|
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
|
|
67
107
|
|
|
68
108
|
## 1.39.0
|
|
69
109
|
|
|
70
110
|
### Minor Changes
|
|
71
111
|
|
|
72
|
-
-
|
|
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.
|
|
73
115
|
|
|
74
116
|
## 1.38.0
|
|
75
117
|
|
|
76
118
|
### Minor Changes
|
|
77
119
|
|
|
78
|
-
-
|
|
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.
|
|
79
123
|
|
|
80
124
|
## 1.37.2
|
|
81
125
|
|
|
82
126
|
### Patch Changes
|
|
83
127
|
|
|
84
|
-
-
|
|
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
|
|
85
131
|
|
|
86
132
|
## 1.37.1
|
|
87
133
|
|
|
88
134
|
### Patch Changes
|
|
89
135
|
|
|
90
|
-
-
|
|
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
|
|
91
139
|
|
|
92
140
|
## 1.37.0
|
|
93
141
|
|
|
94
142
|
### Minor Changes
|
|
95
143
|
|
|
96
|
-
-
|
|
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.
|
|
97
147
|
|
|
98
148
|
## 1.36.0
|
|
99
149
|
|
|
100
150
|
### Minor Changes
|
|
101
151
|
|
|
102
|
-
-
|
|
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
|
|
103
155
|
|
|
104
156
|
## 1.35.0
|
|
105
157
|
|
|
106
158
|
### Minor Changes
|
|
107
159
|
|
|
108
|
-
-
|
|
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
|
|
109
163
|
|
|
110
164
|
## 1.34.1
|
|
111
165
|
|
|
112
166
|
### Patch Changes
|
|
113
167
|
|
|
114
|
-
-
|
|
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
|
|
115
171
|
|
|
116
172
|
## 1.34.0
|
|
117
173
|
|
|
118
174
|
### Minor Changes
|
|
119
175
|
|
|
120
|
-
-
|
|
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.
|
|
121
180
|
|
|
122
181
|
## 1.33.0
|
|
123
182
|
|
|
124
183
|
### Minor Changes
|
|
125
184
|
|
|
126
|
-
-
|
|
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.
|
|
127
190
|
|
|
128
191
|
## 1.32.0
|
|
129
192
|
|
|
130
193
|
### Minor Changes
|
|
131
194
|
|
|
132
|
-
-
|
|
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.
|
|
133
199
|
|
|
134
200
|
## 1.31.0
|
|
135
201
|
|
|
136
202
|
### Minor Changes
|
|
137
203
|
|
|
138
|
-
-
|
|
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
|
|
139
207
|
|
|
140
208
|
## 1.30.0
|
|
141
209
|
|
|
142
210
|
### Minor Changes
|
|
143
211
|
|
|
144
|
-
-
|
|
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.
|
|
145
216
|
|
|
146
217
|
## 1.29.2
|
|
147
218
|
|
|
148
219
|
### Patch Changes
|
|
149
220
|
|
|
150
|
-
-
|
|
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).
|
|
151
224
|
|
|
152
225
|
## 1.29.1
|
|
153
226
|
|
|
154
227
|
### Patch Changes
|
|
155
228
|
|
|
156
|
-
-
|
|
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.
|
|
157
233
|
|
|
158
234
|
## 1.29.0
|
|
159
235
|
|
|
160
236
|
### Minor Changes
|
|
161
237
|
|
|
162
|
-
-
|
|
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.
|
|
163
241
|
|
|
164
242
|
### Patch Changes
|
|
165
243
|
|
|
166
|
-
-
|
|
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
|
|
167
247
|
|
|
168
248
|
## 1.28.2
|
|
169
249
|
|
|
170
250
|
### Patch Changes
|
|
171
251
|
|
|
172
|
-
-
|
|
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).
|
|
173
255
|
|
|
174
256
|
## 1.28.1
|
|
175
257
|
|
|
176
258
|
### Patch Changes
|
|
177
259
|
|
|
178
|
-
-
|
|
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.
|
|
179
264
|
|
|
180
265
|
## 1.28.0
|
|
181
266
|
|
|
182
267
|
### Minor Changes
|
|
183
268
|
|
|
184
|
-
-
|
|
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.
|
|
185
274
|
|
|
186
275
|
## 1.27.0
|
|
187
276
|
|
|
188
277
|
### Minor Changes
|
|
189
278
|
|
|
190
|
-
-
|
|
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.
|
|
191
283
|
|
|
192
|
-
|
|
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.
|
|
193
287
|
|
|
194
|
-
|
|
288
|
+
#### Palette changes
|
|
195
289
|
|
|
196
|
-
|
|
290
|
+
##### All saturated palettes
|
|
197
291
|
|
|
198
|
-
|
|
292
|
+
- Saturation for `1000` shades reduced for all saturated palettes to reduce eye strain when
|
|
293
|
+
placed against subtle UI in dark mode
|
|
199
294
|
|
|
200
|
-
|
|
295
|
+
##### Red
|
|
201
296
|
|
|
202
|
-
|
|
203
|
-
|
|
297
|
+
- Saturation reduced on entire scale
|
|
298
|
+
- Hue adjusted to create more separation from orange
|
|
204
299
|
|
|
205
|
-
|
|
300
|
+
##### Orange
|
|
206
301
|
|
|
207
|
-
|
|
208
|
-
|
|
302
|
+
- Saturation reduced on entire scale
|
|
303
|
+
- Hue adjusted to create more separation from yellow
|
|
209
304
|
|
|
210
|
-
|
|
305
|
+
##### Lime
|
|
211
306
|
|
|
212
|
-
|
|
307
|
+
- Saturation for `100` shades reduced
|
|
213
308
|
|
|
214
|
-
|
|
309
|
+
##### Green
|
|
215
310
|
|
|
216
|
-
|
|
311
|
+
- Saturation for `100` shades reduced
|
|
217
312
|
|
|
218
|
-
|
|
313
|
+
##### Teal
|
|
219
314
|
|
|
220
|
-
|
|
315
|
+
- Hue adjusted to create more separation from green
|
|
221
316
|
|
|
222
|
-
|
|
317
|
+
##### All palette changes
|
|
223
318
|
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
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
|
-
|
|
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`
|
|
262
357
|
|
|
263
|
-
|
|
358
|
+
#### Token changes
|
|
264
359
|
|
|
265
|
-
|
|
360
|
+
##### Yellow accent backgrounds
|
|
266
361
|
|
|
267
|
-
|
|
362
|
+
Mapped to lighter shades to create differentiation with orange, and increase vibrancy:
|
|
268
363
|
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
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`
|
|
272
367
|
|
|
273
|
-
|
|
368
|
+
##### Bold warning backgrounds
|
|
274
369
|
|
|
275
|
-
|
|
370
|
+
Mapped to lighter shades to increase vibrancy:
|
|
276
371
|
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
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`
|
|
283
378
|
|
|
284
|
-
|
|
379
|
+
##### Icon:
|
|
285
380
|
|
|
286
|
-
|
|
381
|
+
Mapped red/danger icons to darker shades to create distinction between orange and red icons:
|
|
287
382
|
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
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`
|
|
293
388
|
|
|
294
389
|
## 1.26.1
|
|
295
390
|
|
|
296
391
|
### Patch Changes
|
|
297
392
|
|
|
298
|
-
-
|
|
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
|
|
299
396
|
|
|
300
397
|
## 1.26.0
|
|
301
398
|
|
|
302
399
|
### Minor Changes
|
|
303
400
|
|
|
304
|
-
-
|
|
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.
|
|
305
406
|
|
|
306
407
|
## 1.25.2
|
|
307
408
|
|
|
308
409
|
### Patch Changes
|
|
309
410
|
|
|
310
|
-
-
|
|
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.
|
|
311
415
|
|
|
312
416
|
## 1.25.1
|
|
313
417
|
|
|
314
418
|
### Patch Changes
|
|
315
419
|
|
|
316
|
-
-
|
|
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.
|
|
317
423
|
|
|
318
424
|
## 1.25.0
|
|
319
425
|
|
|
320
426
|
### Minor Changes
|
|
321
427
|
|
|
322
|
-
-
|
|
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.
|
|
323
433
|
|
|
324
|
-
|
|
434
|
+
These changes are available behind a feature flag; if this test is successful it will be
|
|
435
|
+
available in an upcoming minor release.
|
|
325
436
|
|
|
326
437
|
## 1.24.0
|
|
327
438
|
|
|
328
439
|
### Minor Changes
|
|
329
440
|
|
|
330
|
-
-
|
|
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.
|
|
331
444
|
|
|
332
445
|
## 1.23.0
|
|
333
446
|
|
|
334
447
|
### Minor Changes
|
|
335
448
|
|
|
336
|
-
-
|
|
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:
|
|
337
452
|
|
|
338
|
-
|
|
339
|
-
|
|
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`
|
|
340
458
|
|
|
341
459
|
## 1.22.1
|
|
342
460
|
|
|
343
461
|
### Patch Changes
|
|
344
462
|
|
|
345
|
-
-
|
|
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.
|
|
346
467
|
|
|
347
468
|
## 1.22.0
|
|
348
469
|
|
|
349
470
|
### Minor Changes
|
|
350
471
|
|
|
351
|
-
-
|
|
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.
|
|
352
476
|
|
|
353
477
|
## 1.21.1
|
|
354
478
|
|
|
355
479
|
### Patch Changes
|
|
356
480
|
|
|
357
|
-
-
|
|
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.
|
|
358
485
|
|
|
359
486
|
## 1.21.0
|
|
360
487
|
|
|
361
488
|
### Minor Changes
|
|
362
489
|
|
|
363
|
-
-
|
|
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).
|
|
364
493
|
|
|
365
494
|
## 1.20.1
|
|
366
495
|
|
|
367
496
|
### Patch Changes
|
|
368
497
|
|
|
369
|
-
-
|
|
498
|
+
- [#39641](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39641)
|
|
499
|
+
[`4be033a9cb5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4be033a9cb5) - Update
|
|
500
|
+
types
|
|
370
501
|
|
|
371
502
|
## 1.20.0
|
|
372
503
|
|
|
373
504
|
### Minor Changes
|
|
374
505
|
|
|
375
|
-
-
|
|
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.
|
|
376
509
|
|
|
377
510
|
## 1.19.0
|
|
378
511
|
|
|
379
512
|
### Minor Changes
|
|
380
513
|
|
|
381
|
-
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
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
|
-
|
|
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
|
|
472
607
|
|
|
473
608
|
## 1.18.0
|
|
474
609
|
|
|
475
610
|
### Minor Changes
|
|
476
611
|
|
|
477
|
-
-
|
|
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.
|
|
478
615
|
|
|
479
616
|
## 1.17.1
|
|
480
617
|
|
|
481
618
|
### Patch Changes
|
|
482
619
|
|
|
483
|
-
-
|
|
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
|
|
484
624
|
|
|
485
625
|
## 1.17.0
|
|
486
626
|
|
|
487
627
|
### Minor Changes
|
|
488
628
|
|
|
489
|
-
-
|
|
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.
|
|
490
632
|
|
|
491
633
|
## 1.16.0
|
|
492
634
|
|
|
493
635
|
### Minor Changes
|
|
494
636
|
|
|
495
|
-
-
|
|
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:
|
|
496
640
|
|
|
497
|
-
|
|
498
|
-
|
|
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.
|
|
499
645
|
|
|
500
646
|
## 1.15.2
|
|
501
647
|
|
|
502
648
|
### Patch Changes
|
|
503
649
|
|
|
504
|
-
-
|
|
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`.
|
|
505
653
|
|
|
506
654
|
## 1.15.1
|
|
507
655
|
|
|
508
656
|
### Patch Changes
|
|
509
657
|
|
|
510
|
-
-
|
|
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.
|
|
511
661
|
|
|
512
662
|
## 1.15.0
|
|
513
663
|
|
|
514
664
|
### Minor Changes
|
|
515
665
|
|
|
516
|
-
-
|
|
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).
|
|
517
669
|
|
|
518
670
|
## 1.14.2
|
|
519
671
|
|
|
520
672
|
### Patch Changes
|
|
521
673
|
|
|
522
|
-
-
|
|
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.
|
|
523
679
|
|
|
524
680
|
## 1.14.1
|
|
525
681
|
|
|
526
682
|
### Patch Changes
|
|
527
683
|
|
|
528
|
-
-
|
|
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.
|
|
529
687
|
|
|
530
688
|
## 1.14.0
|
|
531
689
|
|
|
532
690
|
### Minor Changes
|
|
533
691
|
|
|
534
|
-
-
|
|
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.
|
|
535
695
|
|
|
536
696
|
## 1.13.2
|
|
537
697
|
|
|
538
698
|
### Patch Changes
|
|
539
699
|
|
|
540
|
-
-
|
|
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
|
|
541
703
|
|
|
542
704
|
## 1.13.1
|
|
543
705
|
|
|
544
706
|
### Patch Changes
|
|
545
707
|
|
|
546
|
-
-
|
|
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
|
|
547
711
|
|
|
548
712
|
## 1.13.0
|
|
549
713
|
|
|
550
714
|
### Minor Changes
|
|
551
715
|
|
|
552
|
-
-
|
|
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.
|
|
553
719
|
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
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.
|
|
557
726
|
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
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.
|
|
561
731
|
|
|
562
|
-
|
|
732
|
+
Updates custom color generation system with new brand background tokens.
|
|
563
733
|
|
|
564
734
|
## 1.12.0
|
|
565
735
|
|
|
566
736
|
### Minor Changes
|
|
567
737
|
|
|
568
|
-
-
|
|
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`.
|
|
569
741
|
|
|
570
|
-
|
|
742
|
+
This option is supported in the following functions:
|
|
571
743
|
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
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.
|
|
575
749
|
|
|
576
|
-
|
|
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.
|
|
577
752
|
|
|
578
753
|
## 1.11.3
|
|
579
754
|
|
|
580
755
|
### Patch Changes
|
|
581
756
|
|
|
582
|
-
-
|
|
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
|
|
583
760
|
|
|
584
761
|
## 1.11.2
|
|
585
762
|
|
|
586
763
|
### Patch Changes
|
|
587
764
|
|
|
588
|
-
-
|
|
589
|
-
|
|
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
|
|
590
771
|
|
|
591
772
|
## 1.11.1
|
|
592
773
|
|
|
593
774
|
### Patch Changes
|
|
594
775
|
|
|
595
|
-
-
|
|
596
|
-
|
|
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.
|
|
597
781
|
|
|
598
782
|
## 1.11.0
|
|
599
783
|
|
|
600
784
|
### Minor Changes
|
|
601
785
|
|
|
602
|
-
-
|
|
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.
|
|
603
790
|
|
|
604
791
|
## 1.10.2
|
|
605
792
|
|
|
606
793
|
### Patch Changes
|
|
607
794
|
|
|
608
|
-
-
|
|
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.
|
|
609
798
|
|
|
610
799
|
## 1.10.1
|
|
611
800
|
|
|
612
801
|
### Patch Changes
|
|
613
802
|
|
|
614
|
-
-
|
|
615
|
-
|
|
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.
|
|
616
808
|
|
|
617
809
|
## 1.10.0
|
|
618
810
|
|
|
619
811
|
### Minor Changes
|
|
620
812
|
|
|
621
|
-
-
|
|
622
|
-
|
|
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.
|
|
623
819
|
|
|
624
820
|
## 1.9.1
|
|
625
821
|
|
|
626
822
|
### Patch Changes
|
|
627
823
|
|
|
628
|
-
-
|
|
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
|
|
629
827
|
|
|
630
828
|
## 1.9.0
|
|
631
829
|
|
|
632
830
|
### Minor Changes
|
|
633
831
|
|
|
634
|
-
-
|
|
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.
|
|
635
836
|
|
|
636
837
|
## 1.8.1
|
|
637
838
|
|
|
638
839
|
### Patch Changes
|
|
639
840
|
|
|
640
|
-
-
|
|
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
|
|
641
844
|
|
|
642
845
|
## 1.8.0
|
|
643
846
|
|
|
644
847
|
### Minor Changes
|
|
645
848
|
|
|
646
|
-
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
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
|
|
662
875
|
|
|
663
876
|
## 1.7.0
|
|
664
877
|
|
|
665
878
|
### Minor Changes
|
|
666
879
|
|
|
667
|
-
-
|
|
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.
|
|
668
885
|
|
|
669
886
|
## 1.6.0
|
|
670
887
|
|
|
671
888
|
### Minor Changes
|
|
672
889
|
|
|
673
|
-
-
|
|
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.
|
|
674
896
|
|
|
675
897
|
### Patch Changes
|
|
676
898
|
|
|
677
|
-
-
|
|
899
|
+
- [`98edc7e8b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/98edc7e8b62) - Patch
|
|
900
|
+
for tokens metadata and descriptions.
|
|
678
901
|
|
|
679
902
|
## 1.5.2
|
|
680
903
|
|
|
681
904
|
### Patch Changes
|
|
682
905
|
|
|
683
|
-
-
|
|
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
|
|
684
909
|
|
|
685
910
|
## 1.5.1
|
|
686
911
|
|
|
687
912
|
### Patch Changes
|
|
688
913
|
|
|
689
|
-
-
|
|
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.
|
|
690
919
|
|
|
691
920
|
## 1.5.0
|
|
692
921
|
|
|
693
922
|
### Minor Changes
|
|
694
923
|
|
|
695
|
-
-
|
|
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.
|
|
696
927
|
|
|
697
928
|
### Patch Changes
|
|
698
929
|
|
|
699
|
-
-
|
|
930
|
+
- [`019af32072d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/019af32072d) - Add
|
|
931
|
+
shape token handling to the `ensure-design-token-usage-spacing` rule.
|
|
700
932
|
|
|
701
933
|
## 1.4.4
|
|
702
934
|
|
|
703
935
|
### Patch Changes
|
|
704
936
|
|
|
705
|
-
-
|
|
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
|
|
706
940
|
|
|
707
941
|
## 1.4.3
|
|
708
942
|
|
|
709
943
|
### Patch Changes
|
|
710
944
|
|
|
711
|
-
-
|
|
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.
|
|
712
948
|
|
|
713
949
|
## 1.4.2
|
|
714
950
|
|
|
715
951
|
### Patch Changes
|
|
716
952
|
|
|
717
|
-
-
|
|
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
|
|
718
956
|
|
|
719
957
|
## 1.4.1
|
|
720
958
|
|
|
721
959
|
### Patch Changes
|
|
722
960
|
|
|
723
|
-
-
|
|
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`
|
|
724
964
|
|
|
725
965
|
## 1.4.0
|
|
726
966
|
|
|
727
967
|
### Minor Changes
|
|
728
968
|
|
|
729
|
-
-
|
|
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
|
|
730
972
|
|
|
731
973
|
## 1.3.2
|
|
732
974
|
|
|
733
975
|
### Patch Changes
|
|
734
976
|
|
|
735
|
-
-
|
|
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.
|
|
736
980
|
|
|
737
981
|
## 1.3.1
|
|
738
982
|
|
|
739
983
|
### Patch Changes
|
|
740
984
|
|
|
741
|
-
-
|
|
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.
|
|
742
989
|
|
|
743
990
|
## 1.3.0
|
|
744
991
|
|
|
745
992
|
### Minor Changes
|
|
746
993
|
|
|
747
|
-
-
|
|
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
|
|
748
997
|
|
|
749
998
|
### Patch Changes
|
|
750
999
|
|
|
751
|
-
-
|
|
1000
|
+
- Updated dependencies
|
|
752
1001
|
|
|
753
1002
|
## 1.2.19
|
|
754
1003
|
|
|
755
1004
|
### Patch Changes
|
|
756
1005
|
|
|
757
|
-
-
|
|
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`
|
|
758
1009
|
|
|
759
1010
|
## 1.2.18
|
|
760
1011
|
|
|
761
1012
|
### Patch Changes
|
|
762
1013
|
|
|
763
|
-
-
|
|
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.
|
|
764
1020
|
|
|
765
1021
|
## 1.2.17
|
|
766
1022
|
|
|
767
1023
|
### Patch Changes
|
|
768
1024
|
|
|
769
|
-
-
|
|
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
|
|
770
1030
|
|
|
771
1031
|
## 1.2.16
|
|
772
1032
|
|
|
773
1033
|
### Patch Changes
|
|
774
1034
|
|
|
775
|
-
-
|
|
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.
|
|
776
1039
|
|
|
777
1040
|
## 1.2.15
|
|
778
1041
|
|
|
779
1042
|
### Patch Changes
|
|
780
1043
|
|
|
781
|
-
-
|
|
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
|
|
782
1047
|
|
|
783
1048
|
## 1.2.14
|
|
784
1049
|
|
|
785
1050
|
### Patch Changes
|
|
786
1051
|
|
|
787
|
-
-
|
|
788
|
-
|
|
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.
|
|
789
1058
|
|
|
790
1059
|
## 1.2.13
|
|
791
1060
|
|
|
792
1061
|
### Patch Changes
|
|
793
1062
|
|
|
794
|
-
-
|
|
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
|
|
795
1066
|
|
|
796
1067
|
## 1.2.12
|
|
797
1068
|
|
|
798
1069
|
### Patch Changes
|
|
799
1070
|
|
|
800
|
-
-
|
|
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.
|
|
801
1075
|
|
|
802
1076
|
## 1.2.11
|
|
803
1077
|
|
|
804
1078
|
### Patch Changes
|
|
805
1079
|
|
|
806
|
-
-
|
|
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.
|
|
807
1085
|
|
|
808
1086
|
## 1.2.10
|
|
809
1087
|
|
|
810
1088
|
### Patch Changes
|
|
811
1089
|
|
|
812
|
-
-
|
|
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
|
|
813
1093
|
|
|
814
1094
|
## 1.2.9
|
|
815
1095
|
|
|
816
1096
|
### Patch Changes
|
|
817
1097
|
|
|
818
|
-
-
|
|
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.
|
|
819
1101
|
|
|
820
1102
|
## 1.2.8
|
|
821
1103
|
|
|
822
1104
|
### Patch Changes
|
|
823
1105
|
|
|
824
|
-
-
|
|
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.
|
|
825
1110
|
|
|
826
1111
|
## 1.2.7
|
|
827
1112
|
|
|
828
1113
|
### Patch Changes
|
|
829
1114
|
|
|
830
|
-
-
|
|
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.
|
|
831
1118
|
|
|
832
1119
|
## 1.2.6
|
|
833
1120
|
|
|
834
1121
|
### Patch Changes
|
|
835
1122
|
|
|
836
|
-
-
|
|
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`.
|
|
837
1127
|
|
|
838
1128
|
## 1.2.5
|
|
839
1129
|
|
|
840
1130
|
### Patch Changes
|
|
841
1131
|
|
|
842
|
-
-
|
|
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.
|
|
843
1135
|
|
|
844
1136
|
## 1.2.4
|
|
845
1137
|
|
|
846
1138
|
### Patch Changes
|
|
847
1139
|
|
|
848
|
-
-
|
|
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.
|
|
849
1143
|
|
|
850
1144
|
## 1.2.3
|
|
851
1145
|
|
|
852
1146
|
### Patch Changes
|
|
853
1147
|
|
|
854
|
-
-
|
|
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.
|
|
855
1152
|
|
|
856
1153
|
## 1.2.2
|
|
857
1154
|
|
|
858
1155
|
### Patch Changes
|
|
859
1156
|
|
|
860
|
-
-
|
|
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
|
|
861
1160
|
|
|
862
1161
|
## 1.2.1
|
|
863
1162
|
|
|
864
1163
|
### Patch Changes
|
|
865
1164
|
|
|
866
|
-
-
|
|
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.
|
|
867
1168
|
|
|
868
1169
|
## 1.2.0
|
|
869
1170
|
|
|
870
1171
|
### Minor Changes
|
|
871
1172
|
|
|
872
|
-
-
|
|
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.
|
|
873
1176
|
|
|
874
1177
|
## 1.1.0
|
|
875
1178
|
|
|
876
1179
|
### Minor Changes
|
|
877
1180
|
|
|
878
|
-
-
|
|
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.
|
|
879
1184
|
|
|
880
|
-
|
|
1185
|
+
Removed:
|
|
881
1186
|
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
1187
|
+
- `spacing.scale`
|
|
1188
|
+
- `spacing.scaleLinear`
|
|
1189
|
+
- `spacing.size`
|
|
1190
|
+
- `spacing.gap`
|
|
1191
|
+
- `spacing.inset`
|
|
1192
|
+
- `spacing.ecl`
|
|
1193
|
+
- `spacing.ccc`
|
|
889
1194
|
|
|
890
1195
|
## 1.0.0
|
|
891
1196
|
|
|
892
1197
|
### Major Changes
|
|
893
1198
|
|
|
894
|
-
-
|
|
895
|
-
|
|
896
|
-
|
|
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_.
|
|
897
1203
|
|
|
898
|
-
|
|
1204
|
+
#### 💥 Breaking change: Theme lazy-loading
|
|
899
1205
|
|
|
900
|
-
|
|
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.
|
|
901
1208
|
|
|
902
|
-
|
|
1209
|
+
1. CSS files depend on webpack/css-loading mechanisms (`style-loader`/`css-loader`) which
|
|
1210
|
+
aren't available in all environments.
|
|
903
1211
|
|
|
904
|
-
|
|
1212
|
+
2. Configuration and ordering of themes happened entirely in products, which becomes
|
|
1213
|
+
increasingly harder to maintain as new themes & functionality are introduced
|
|
905
1214
|
|
|
906
|
-
|
|
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.
|
|
907
1218
|
|
|
908
|
-
|
|
1219
|
+
**Benefits include:**
|
|
909
1220
|
|
|
910
|
-
|
|
1221
|
+
- More control over the ordering and composition of themes
|
|
911
1222
|
|
|
912
|
-
|
|
1223
|
+
- Automatic lazy-loading of new themes when `setGlobalTheme` is called by the client
|
|
913
1224
|
|
|
914
|
-
|
|
1225
|
+
- Simplified bundler configuration
|
|
915
1226
|
|
|
916
|
-
|
|
1227
|
+
- Improved portability
|
|
917
1228
|
|
|
918
|
-
|
|
1229
|
+
- Integrates with a new SSR solution for theme loading
|
|
919
1230
|
|
|
920
|
-
|
|
1231
|
+
**Changes:**
|
|
921
1232
|
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
-import("atlassian-legacy-dark.css") from '@atlaskit/tokens/css'
|
|
925
|
-
-setGlobalTheme("light", true)
|
|
926
|
-
+setGlobalTheme({light: "light", dark: "legacy-dark", colorMode: 'auto'})
|
|
927
|
-
```
|
|
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.
|
|
928
1235
|
|
|
929
|
-
|
|
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
|
+
```
|
|
930
1242
|
|
|
931
|
-
|
|
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.
|
|
932
1245
|
|
|
933
|
-
|
|
1246
|
+
#### 💥 Breaking change: Removal of deprecated & deleted tokens
|
|
934
1247
|
|
|
935
|
-
|
|
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.
|
|
936
1251
|
|
|
937
|
-
|
|
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.
|
|
938
1255
|
|
|
939
|
-
|
|
1256
|
+
Please run `yarn eslint --fix` or similar to automate your migration before upgrading to
|
|
1257
|
+
`1.0.0`.
|
|
940
1258
|
|
|
941
|
-
|
|
1259
|
+
_Please see below for a full list of removed tokens and their replacements._
|
|
942
1260
|
|
|
943
|
-
|
|
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.
|
|
944
1264
|
|
|
945
|
-
|
|
1265
|
+
#### 💥 Breaking change: `setGlobalTheme` & `ThemeObserver` & `useThemeObserver`
|
|
946
1266
|
|
|
947
|
-
|
|
1267
|
+
**ThemeState configuration object**
|
|
948
1268
|
|
|
949
|
-
|
|
1269
|
+
`setGlobalTheme`, `ThemeMutationObserver` & `useThemeObserver` now input and output theme
|
|
1270
|
+
preferences as a `themeState` object rather than a space-separated string. This enables:
|
|
950
1271
|
|
|
951
|
-
|
|
1272
|
+
- Stronger type safety
|
|
952
1273
|
|
|
953
|
-
|
|
1274
|
+
- Explicit definition of themes to render in light and dark mode.
|
|
954
1275
|
|
|
955
|
-
|
|
1276
|
+
- Improved extensibility options for new types of themes, such as spacing and typography.
|
|
956
1277
|
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
colorMode: 'auto',
|
|
960
|
-
dark: 'dark',
|
|
961
|
-
light: 'light',
|
|
962
|
-
spacing: undefined,
|
|
963
|
-
typography: undefined,
|
|
964
|
-
};
|
|
965
|
-
```
|
|
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:
|
|
966
1280
|
|
|
967
|
-
|
|
1281
|
+
```js
|
|
1282
|
+
{
|
|
1283
|
+
colorMode: 'auto',
|
|
1284
|
+
dark: 'dark',
|
|
1285
|
+
light: 'light',
|
|
1286
|
+
spacing: undefined,
|
|
1287
|
+
typography: undefined,
|
|
1288
|
+
};
|
|
1289
|
+
```
|
|
968
1290
|
|
|
969
|
-
|
|
970
|
-
-setGlobalTheme('light');
|
|
971
|
-
+setGlobalTheme({ light: 'light', colorMode: 'light' ...});
|
|
972
|
-
```
|
|
1291
|
+
Any usages of `setGlobalTheme` need` to be updated to the new object syntax:
|
|
973
1292
|
|
|
974
|
-
|
|
1293
|
+
```diff
|
|
1294
|
+
-setGlobalTheme('light');
|
|
1295
|
+
+setGlobalTheme({ light: 'light', colorMode: 'light' ...});
|
|
1296
|
+
```
|
|
975
1297
|
|
|
976
|
-
|
|
1298
|
+
**Changes to colorMode**
|
|
977
1299
|
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
```
|
|
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:
|
|
982
1303
|
|
|
983
|
-
|
|
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
|
+
```
|
|
984
1308
|
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
dark: 'dark' // in dark mode, use the 'dark' theme
|
|
988
|
-
light: 'light' // in light mode, use the 'light' theme
|
|
989
|
-
colorMode: 'auto', // Set the color mode automatically based on system preference
|
|
990
|
-
});
|
|
991
|
-
```
|
|
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:
|
|
992
1311
|
|
|
993
|
-
|
|
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
|
+
```
|
|
994
1319
|
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
-setGlobalTheme('light', true)
|
|
998
|
-
+setGlobalTheme({light: 'light', dark: 'dark', 'auto'})
|
|
999
|
-
// OR, since setGlobalTheme has default values
|
|
1000
|
-
+setGlobalTheme({})
|
|
1320
|
+
If your app previously set the second parameter, `shouldMatchSystem`, this feature is now
|
|
1321
|
+
enabled by default.
|
|
1001
1322
|
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
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({})
|
|
1007
1329
|
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
```
|
|
1330
|
+
// Light theme
|
|
1331
|
+
-setGlobalTheme('light')
|
|
1332
|
+
+setGlobalTheme({light: 'light', colorMode: 'light'})
|
|
1333
|
+
// OR
|
|
1334
|
+
+setGlobalTheme({colorMode: 'light'})
|
|
1014
1335
|
|
|
1015
|
-
|
|
1336
|
+
// Dark theme
|
|
1337
|
+
-setGlobalTheme('dark')
|
|
1338
|
+
+setGlobalTheme({dark: 'dark', colorMode: 'dark'})
|
|
1339
|
+
// OR
|
|
1340
|
+
+setGlobalTheme({colorMode: 'dark'})
|
|
1341
|
+
```
|
|
1016
1342
|
|
|
1017
|
-
|
|
1343
|
+
**Color mode switching is enabled by default**
|
|
1018
1344
|
|
|
1019
|
-
|
|
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'`.
|
|
1020
1347
|
|
|
1021
|
-
|
|
1348
|
+
#### 🔀 Breaking behavioural change: `data-theme` & `data-color-mode`
|
|
1022
1349
|
|
|
1023
|
-
|
|
1024
|
-
-<html data-theme="light" data-color-mode="light">
|
|
1025
|
-
+<html data-theme="light:light dark:dark spacing:compact" data-color-mode="light">
|
|
1026
|
-
```
|
|
1350
|
+
The way this state is reflected on the DOM has been updated to match the changes above:
|
|
1027
1351
|
|
|
1028
|
-
|
|
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
|
+
```
|
|
1029
1356
|
|
|
1030
|
-
|
|
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.
|
|
1031
1359
|
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
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
|
|
1178
1533
|
|
|
1179
1534
|
## 0.13.5
|
|
1180
1535
|
|
|
1181
1536
|
### Patch Changes
|
|
1182
1537
|
|
|
1183
|
-
-
|
|
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
|
|
1184
1541
|
|
|
1185
1542
|
## 0.13.4
|
|
1186
1543
|
|
|
1187
1544
|
### Patch Changes
|
|
1188
1545
|
|
|
1189
|
-
-
|
|
1190
|
-
|
|
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.
|
|
1191
1552
|
|
|
1192
1553
|
## 0.13.3
|
|
1193
1554
|
|
|
1194
1555
|
### Patch Changes
|
|
1195
1556
|
|
|
1196
|
-
-
|
|
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:
|
|
1197
1561
|
|
|
1198
|
-
|
|
1199
|
-
|
|
1200
|
-
|
|
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
|
|
1201
1568
|
|
|
1202
|
-
-
|
|
1569
|
+
- [`765c27c301e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/765c27c301e) - Adds
|
|
1570
|
+
new chart tokens for data visualisation and charts.
|
|
1203
1571
|
|
|
1204
|
-
|
|
1572
|
+
27 generic chart tokens and hovered state tokens:
|
|
1205
1573
|
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1574
|
+
- `color.chart.[color].bold`
|
|
1575
|
+
- `color.chart.[color].bolder`
|
|
1576
|
+
- `color.chart.[color].boldest`
|
|
1209
1577
|
|
|
1210
|
-
|
|
1578
|
+
12 semantic chart tokens and hovered state tokens:
|
|
1211
1579
|
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
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`
|
|
1224
1592
|
|
|
1225
|
-
|
|
1593
|
+
8 categorical chart tokens and hovered state tokens:
|
|
1226
1594
|
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
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`
|
|
1235
1603
|
|
|
1236
1604
|
## 0.13.2
|
|
1237
1605
|
|
|
1238
1606
|
### Patch Changes
|
|
1239
1607
|
|
|
1240
|
-
-
|
|
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
|
|
1241
1611
|
|
|
1242
1612
|
## 0.13.1
|
|
1243
1613
|
|
|
1244
1614
|
### Patch Changes
|
|
1245
1615
|
|
|
1246
|
-
-
|
|
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.
|
|
1247
1621
|
|
|
1248
1622
|
## 0.13.0
|
|
1249
1623
|
|
|
1250
1624
|
### Minor Changes
|
|
1251
1625
|
|
|
1252
|
-
-
|
|
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
|
|
1253
1629
|
|
|
1254
1630
|
## 0.12.0
|
|
1255
1631
|
|
|
1256
1632
|
### Minor Changes
|
|
1257
1633
|
|
|
1258
|
-
-
|
|
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.
|
|
1259
1639
|
|
|
1260
1640
|
## 0.11.6
|
|
1261
1641
|
|
|
1262
1642
|
### Patch Changes
|
|
1263
1643
|
|
|
1264
|
-
-
|
|
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.
|
|
1265
1648
|
|
|
1266
1649
|
## 0.11.5
|
|
1267
1650
|
|
|
1268
1651
|
### Patch Changes
|
|
1269
1652
|
|
|
1270
|
-
-
|
|
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.
|
|
1271
1659
|
|
|
1272
1660
|
## 0.11.4
|
|
1273
1661
|
|
|
1274
1662
|
### Patch Changes
|
|
1275
1663
|
|
|
1276
|
-
-
|
|
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.
|
|
1277
1667
|
|
|
1278
1668
|
## 0.11.3
|
|
1279
1669
|
|
|
1280
1670
|
### Patch Changes
|
|
1281
1671
|
|
|
1282
|
-
-
|
|
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
|
|
1283
1675
|
|
|
1284
1676
|
## 0.11.2
|
|
1285
1677
|
|
|
1286
1678
|
### Patch Changes
|
|
1287
1679
|
|
|
1288
|
-
-
|
|
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`.
|
|
1289
1684
|
|
|
1290
1685
|
## 0.11.1
|
|
1291
1686
|
|
|
1292
1687
|
### Patch Changes
|
|
1293
1688
|
|
|
1294
|
-
-
|
|
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.
|
|
1295
1692
|
|
|
1296
1693
|
## 0.11.0
|
|
1297
1694
|
|
|
1298
1695
|
### Minor Changes
|
|
1299
1696
|
|
|
1300
|
-
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
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.
|
|
1304
1706
|
|
|
1305
1707
|
## 0.10.35
|
|
1306
1708
|
|
|
1307
1709
|
### Patch Changes
|
|
1308
1710
|
|
|
1309
|
-
-
|
|
1711
|
+
- [#26560](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26560)
|
|
1712
|
+
[`44c1c98c87a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/44c1c98c87a) - Export
|
|
1713
|
+
CSSTokenMap
|
|
1310
1714
|
|
|
1311
1715
|
## 0.10.34
|
|
1312
1716
|
|
|
1313
1717
|
### Patch Changes
|
|
1314
1718
|
|
|
1315
|
-
-
|
|
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()
|
|
1316
1722
|
|
|
1317
1723
|
## 0.10.33
|
|
1318
1724
|
|
|
1319
1725
|
### Patch Changes
|
|
1320
1726
|
|
|
1321
|
-
-
|
|
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.
|
|
1322
1730
|
|
|
1323
1731
|
## 0.10.32
|
|
1324
1732
|
|
|
1325
1733
|
### Patch Changes
|
|
1326
1734
|
|
|
1327
|
-
-
|
|
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.
|
|
1328
1740
|
|
|
1329
1741
|
## 0.10.31
|
|
1330
1742
|
|
|
1331
1743
|
### Patch Changes
|
|
1332
1744
|
|
|
1333
|
-
-
|
|
1334
|
-
|
|
1335
|
-
|
|
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.
|
|
1336
1754
|
|
|
1337
1755
|
## 0.10.30
|
|
1338
1756
|
|
|
1339
1757
|
### Patch Changes
|
|
1340
1758
|
|
|
1341
|
-
-
|
|
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.
|
|
1342
1763
|
|
|
1343
1764
|
## 0.10.29
|
|
1344
1765
|
|
|
1345
1766
|
### Patch Changes
|
|
1346
1767
|
|
|
1347
|
-
-
|
|
1768
|
+
- [#26128](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26128)
|
|
1769
|
+
[`41dad8915d7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41dad8915d7) - **✨
|
|
1770
|
+
Color modes**
|
|
1348
1771
|
|
|
1349
|
-
|
|
1772
|
+
Color modes are now attached to the DOM with the data-theme attr:
|
|
1350
1773
|
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
|
|
1774
|
+
```html
|
|
1775
|
+
<html data-theme="dark" data-color-mode="auto"></html>
|
|
1776
|
+
```
|
|
1354
1777
|
|
|
1355
|
-
|
|
1778
|
+
**✨ Multi-theme**
|
|
1356
1779
|
|
|
1357
|
-
|
|
1780
|
+
We now allow multiple active themes:
|
|
1358
1781
|
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
|
|
1782
|
+
```html
|
|
1783
|
+
<html data-theme="dark spacing"></html>
|
|
1784
|
+
```
|
|
1362
1785
|
|
|
1363
|
-
|
|
1786
|
+
**✨ System preferences**
|
|
1364
1787
|
|
|
1365
|
-
|
|
1788
|
+
We also output `@media (prefers-color-scheme: dark)` media selectors for color themes
|
|
1366
1789
|
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1790
|
+
```css
|
|
1791
|
+
@media (prefers-color-scheme: dark) {
|
|
1792
|
+
html[data-color-mode='auto'] {
|
|
1793
|
+
...;
|
|
1794
|
+
}
|
|
1371
1795
|
}
|
|
1372
|
-
|
|
1373
|
-
```
|
|
1796
|
+
```
|
|
1374
1797
|
|
|
1375
|
-
|
|
1798
|
+
This allows Product themes to be toggled by the OS-level setting.
|
|
1376
1799
|
|
|
1377
|
-
|
|
1800
|
+
**✨ Setting theme state**
|
|
1378
1801
|
|
|
1379
|
-
|
|
1802
|
+
`setGlobalTheme` now allows you to set auto color scheme via an additional boolean arg
|
|
1380
1803
|
|
|
1381
|
-
|
|
1382
|
-
|
|
1383
|
-
|
|
1804
|
+
```js
|
|
1805
|
+
setGlobalTheme(themeState, true); // data-color-mode="auto"
|
|
1806
|
+
```
|
|
1384
1807
|
|
|
1385
|
-
|
|
1808
|
+
✨ Source of truth for themes
|
|
1386
1809
|
|
|
1387
|
-
|
|
1810
|
+
All theme configuration now exists in a single object as a source of truth
|
|
1388
1811
|
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
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
|
+
},
|
|
1398
1822
|
},
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
```
|
|
1823
|
+
...
|
|
1824
|
+
};
|
|
1825
|
+
```
|
|
1403
1826
|
|
|
1404
1827
|
## 0.10.28
|
|
1405
1828
|
|
|
1406
1829
|
### Patch Changes
|
|
1407
1830
|
|
|
1408
|
-
-
|
|
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.
|
|
1409
1834
|
|
|
1410
1835
|
## 0.10.27
|
|
1411
1836
|
|
|
1412
1837
|
### Patch Changes
|
|
1413
1838
|
|
|
1414
|
-
-
|
|
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.
|
|
1415
1843
|
|
|
1416
1844
|
## 0.10.26
|
|
1417
1845
|
|
|
1418
1846
|
### Patch Changes
|
|
1419
1847
|
|
|
1420
|
-
-
|
|
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
|
|
1421
1851
|
|
|
1422
1852
|
## 0.10.25
|
|
1423
1853
|
|
|
1424
1854
|
### Patch Changes
|
|
1425
1855
|
|
|
1426
|
-
-
|
|
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
|
|
1427
1860
|
|
|
1428
1861
|
## 0.10.24
|
|
1429
1862
|
|
|
1430
1863
|
### Patch Changes
|
|
1431
1864
|
|
|
1432
|
-
-
|
|
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
|
|
1433
1868
|
|
|
1434
1869
|
## 0.10.23
|
|
1435
1870
|
|
|
1436
1871
|
### Patch Changes
|
|
1437
1872
|
|
|
1438
|
-
-
|
|
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
|
|
1439
1876
|
|
|
1440
1877
|
## 0.10.22
|
|
1441
1878
|
|
|
1442
1879
|
### Patch Changes
|
|
1443
1880
|
|
|
1444
|
-
-
|
|
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
|
|
1445
1884
|
|
|
1446
1885
|
## 0.10.21
|
|
1447
1886
|
|
|
1448
1887
|
### Patch Changes
|
|
1449
1888
|
|
|
1450
|
-
-
|
|
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`
|
|
1451
1892
|
|
|
1452
1893
|
## 0.10.20
|
|
1453
1894
|
|
|
1454
1895
|
### Patch Changes
|
|
1455
1896
|
|
|
1456
|
-
-
|
|
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:
|
|
1457
1900
|
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
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
|
|
1464
1907
|
|
|
1465
1908
|
## 0.10.19
|
|
1466
1909
|
|
|
1467
1910
|
### Patch Changes
|
|
1468
1911
|
|
|
1469
|
-
-
|
|
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.
|
|
1470
1916
|
|
|
1471
1917
|
## 0.10.18
|
|
1472
1918
|
|
|
1473
1919
|
### Patch Changes
|
|
1474
1920
|
|
|
1475
|
-
-
|
|
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.
|
|
1476
1924
|
|
|
1477
1925
|
## 0.10.17
|
|
1478
1926
|
|
|
1479
1927
|
### Patch Changes
|
|
1480
1928
|
|
|
1481
|
-
-
|
|
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.
|
|
1482
1933
|
|
|
1483
1934
|
## 0.10.16
|
|
1484
1935
|
|
|
1485
1936
|
### Patch Changes
|
|
1486
1937
|
|
|
1487
|
-
-
|
|
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`.
|
|
1488
1941
|
|
|
1489
1942
|
## 0.10.15
|
|
1490
1943
|
|
|
1491
1944
|
### Patch Changes
|
|
1492
1945
|
|
|
1493
|
-
-
|
|
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.
|
|
1494
1949
|
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
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)
|
|
1499
1955
|
|
|
1500
1956
|
## 0.10.14
|
|
1501
1957
|
|
|
1502
1958
|
### Patch Changes
|
|
1503
1959
|
|
|
1504
|
-
-
|
|
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:
|
|
1505
1964
|
|
|
1506
|
-
|
|
1507
|
-
|
|
1965
|
+
- 'color.interaction.inverse.hovered' => 'color.background.inverse.subtle.hovered'
|
|
1966
|
+
- 'color.interaction.inverse.pressed' => 'color.background.inverse.subtle.pressed'
|
|
1508
1967
|
|
|
1509
|
-
|
|
1968
|
+
If you have configured the design token eslint rules, running `eslint --fix` will resolve these
|
|
1969
|
+
changes automatically.
|
|
1510
1970
|
|
|
1511
1971
|
## 0.10.13
|
|
1512
1972
|
|
|
1513
1973
|
### Patch Changes
|
|
1514
1974
|
|
|
1515
|
-
-
|
|
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:
|
|
1516
1978
|
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1979
|
+
- `color.text.disabled`
|
|
1980
|
+
- `color.icon.disabled`
|
|
1981
|
+
- `color.background.disabled`
|
|
1520
1982
|
|
|
1521
1983
|
## 0.10.12
|
|
1522
1984
|
|
|
1523
1985
|
### Patch Changes
|
|
1524
1986
|
|
|
1525
|
-
-
|
|
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.
|
|
1526
1991
|
|
|
1527
|
-
|
|
1528
|
-
|
|
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'.
|
|
1529
1996
|
|
|
1530
1997
|
## 0.10.11
|
|
1531
1998
|
|
|
1532
1999
|
### Patch Changes
|
|
1533
2000
|
|
|
1534
|
-
-
|
|
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:
|
|
1535
2005
|
|
|
1536
|
-
|
|
1537
|
-
|
|
2006
|
+
- DN500 has changed from `#5C6C7A` to `#596773`
|
|
2007
|
+
- DN500A has changed from `#A9C5DF7A` to `#9BB4CA80`
|
|
1538
2008
|
|
|
1539
|
-
|
|
2009
|
+
This changes the values in dark mode for the following tokens:
|
|
1540
2010
|
|
|
1541
|
-
|
|
2011
|
+
_(active)_:
|
|
1542
2012
|
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
|
|
2013
|
+
- `color.text.disabled`
|
|
2014
|
+
- `color.icon.disabled`
|
|
2015
|
+
- `color.background.accent.gray.subtle`
|
|
1546
2016
|
|
|
1547
|
-
|
|
2017
|
+
_(deprecated)_:
|
|
1548
2018
|
|
|
1549
|
-
|
|
2019
|
+
- `color.overlay.pressed`
|
|
1550
2020
|
|
|
1551
2021
|
## 0.10.10
|
|
1552
2022
|
|
|
1553
2023
|
### Patch Changes
|
|
1554
2024
|
|
|
1555
|
-
-
|
|
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.
|
|
1556
2028
|
|
|
1557
2029
|
## 0.10.9
|
|
1558
2030
|
|
|
1559
2031
|
### Patch Changes
|
|
1560
2032
|
|
|
1561
|
-
-
|
|
2033
|
+
- Updated dependencies
|
|
1562
2034
|
|
|
1563
2035
|
## 0.10.8
|
|
1564
2036
|
|
|
1565
2037
|
### Patch Changes
|
|
1566
2038
|
|
|
1567
|
-
-
|
|
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
|
|
1568
2042
|
|
|
1569
2043
|
## 0.10.7
|
|
1570
2044
|
|
|
1571
2045
|
### Patch Changes
|
|
1572
2046
|
|
|
1573
|
-
-
|
|
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:
|
|
1574
2050
|
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
1581
|
-
|
|
1582
|
-
|
|
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`
|
|
1583
2059
|
|
|
1584
2060
|
## 0.10.6
|
|
1585
2061
|
|
|
1586
2062
|
### Patch Changes
|
|
1587
2063
|
|
|
1588
|
-
-
|
|
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
|
|
1589
2067
|
|
|
1590
2068
|
## 0.10.5
|
|
1591
2069
|
|
|
1592
2070
|
### Patch Changes
|
|
1593
2071
|
|
|
1594
|
-
-
|
|
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:
|
|
1595
2076
|
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
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`
|
|
1605
2086
|
|
|
1606
|
-
|
|
2087
|
+
If you have configured the design token eslint rules, running `eslint --fix` will resolve these
|
|
2088
|
+
changes automatically.
|
|
1607
2089
|
|
|
1608
2090
|
## 0.10.4
|
|
1609
2091
|
|
|
1610
2092
|
### Patch Changes
|
|
1611
2093
|
|
|
1612
|
-
-
|
|
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
|
|
1613
2097
|
|
|
1614
2098
|
## 0.10.3
|
|
1615
2099
|
|
|
1616
2100
|
### Patch Changes
|
|
1617
2101
|
|
|
1618
|
-
-
|
|
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.
|
|
1619
2105
|
|
|
1620
2106
|
## 0.10.2
|
|
1621
2107
|
|
|
1622
2108
|
### Patch Changes
|
|
1623
2109
|
|
|
1624
|
-
-
|
|
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.
|
|
1625
2113
|
|
|
1626
|
-
|
|
1627
|
-
|
|
2114
|
+
- `useThemeObserver` React hook
|
|
2115
|
+
- `ThemeMutationObserver` Mutation Observer
|
|
1628
2116
|
|
|
1629
2117
|
## 0.10.1
|
|
1630
2118
|
|
|
1631
2119
|
### Patch Changes
|
|
1632
2120
|
|
|
1633
|
-
-
|
|
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
|
|
1634
2124
|
|
|
1635
2125
|
## 0.10.0
|
|
1636
2126
|
|
|
1637
2127
|
### Minor Changes
|
|
1638
2128
|
|
|
1639
|
-
-
|
|
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
|
|
1640
2134
|
|
|
1641
2135
|
## 0.9.5
|
|
1642
2136
|
|
|
1643
2137
|
### Patch Changes
|
|
1644
2138
|
|
|
1645
|
-
-
|
|
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.
|
|
1646
2143
|
|
|
1647
2144
|
## 0.9.4
|
|
1648
2145
|
|
|
1649
2146
|
### Patch Changes
|
|
1650
2147
|
|
|
1651
|
-
-
|
|
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`.
|
|
1652
2153
|
|
|
1653
2154
|
## 0.9.3
|
|
1654
2155
|
|
|
1655
2156
|
### Patch Changes
|
|
1656
2157
|
|
|
1657
|
-
-
|
|
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
|
|
1658
2161
|
|
|
1659
2162
|
## 0.9.2
|
|
1660
2163
|
|
|
1661
2164
|
### Patch Changes
|
|
1662
2165
|
|
|
1663
|
-
-
|
|
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)
|
|
1664
2170
|
|
|
1665
2171
|
## 0.9.1
|
|
1666
2172
|
|
|
1667
2173
|
### Patch Changes
|
|
1668
2174
|
|
|
1669
|
-
-
|
|
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
|
|
1670
2178
|
|
|
1671
2179
|
## 0.9.0
|
|
1672
2180
|
|
|
1673
2181
|
### Minor Changes
|
|
1674
2182
|
|
|
1675
|
-
-
|
|
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
|
|
1676
2186
|
|
|
1677
2187
|
## 0.8.3
|
|
1678
2188
|
|
|
1679
2189
|
### Patch Changes
|
|
1680
2190
|
|
|
1681
|
-
-
|
|
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.
|
|
1682
2196
|
|
|
1683
2197
|
## 0.8.2
|
|
1684
2198
|
|
|
1685
2199
|
### Patch Changes
|
|
1686
2200
|
|
|
1687
|
-
-
|
|
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`.
|
|
1688
2205
|
|
|
1689
2206
|
## 0.8.1
|
|
1690
2207
|
|
|
1691
2208
|
### Patch Changes
|
|
1692
2209
|
|
|
1693
|
-
-
|
|
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`
|
|
1694
2213
|
|
|
1695
2214
|
## 0.8.0
|
|
1696
2215
|
|
|
1697
2216
|
### Minor Changes
|
|
1698
2217
|
|
|
1699
|
-
-
|
|
1700
|
-
|
|
1701
|
-
|
|
1702
|
-
|
|
1703
|
-
|
|
1704
|
-
|
|
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
|
-
|
|
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`
|
|
1771
2297
|
|
|
1772
2298
|
## 0.7.3
|
|
1773
2299
|
|
|
1774
2300
|
### Patch Changes
|
|
1775
2301
|
|
|
1776
|
-
-
|
|
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`
|
|
1777
2305
|
|
|
1778
2306
|
## 0.7.2
|
|
1779
2307
|
|
|
1780
2308
|
### Patch Changes
|
|
1781
2309
|
|
|
1782
|
-
-
|
|
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
|
|
1783
2313
|
|
|
1784
2314
|
## 0.7.1
|
|
1785
2315
|
|
|
1786
2316
|
### Patch Changes
|
|
1787
2317
|
|
|
1788
|
-
-
|
|
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`
|
|
1789
2321
|
|
|
1790
2322
|
## 0.7.0
|
|
1791
2323
|
|
|
1792
2324
|
### Minor Changes
|
|
1793
2325
|
|
|
1794
|
-
-
|
|
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)
|
|
1795
2330
|
|
|
1796
2331
|
### Patch Changes
|
|
1797
2332
|
|
|
1798
|
-
-
|
|
2333
|
+
- [`c2ec60d6a1b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c2ec60d6a1b) - [ux]
|
|
2334
|
+
Updating existing 16 background accent colors
|
|
1799
2335
|
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
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)
|
|
1803
2339
|
|
|
1804
|
-
|
|
2340
|
+
16 new accent background colors:
|
|
1805
2341
|
|
|
1806
|
-
|
|
1807
|
-
|
|
2342
|
+
- color.background.accent.[color].subtlest (Light: 100 / Dark:1000)
|
|
2343
|
+
- color.background.accent.[color].bolder (Light: 700 / Dark: 400)
|
|
1808
2344
|
|
|
1809
|
-
|
|
2345
|
+
8 new text accent colors:
|
|
1810
2346
|
|
|
1811
|
-
|
|
2347
|
+
- color.text.accent.[color].bolder (Light:900 / Dark:200)
|
|
1812
2348
|
|
|
1813
|
-
-
|
|
1814
|
-
|
|
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
|
|
1815
2353
|
|
|
1816
2354
|
## 0.6.3
|
|
1817
2355
|
|
|
1818
2356
|
### Patch Changes
|
|
1819
2357
|
|
|
1820
|
-
-
|
|
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.
|
|
1821
2362
|
|
|
1822
2363
|
## 0.6.2
|
|
1823
2364
|
|
|
1824
2365
|
### Patch Changes
|
|
1825
2366
|
|
|
1826
|
-
-
|
|
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:
|
|
1827
2370
|
|
|
1828
|
-
|
|
1829
|
-
|
|
1830
|
-
|
|
1831
|
-
|
|
1832
|
-
|
|
1833
|
-
|
|
1834
|
-
|
|
1835
|
-
|
|
1836
|
-
|
|
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`
|
|
1837
2380
|
|
|
1838
|
-
|
|
2381
|
+
The following tokens are _deprecated_:
|
|
1839
2382
|
|
|
1840
|
-
|
|
1841
|
-
|
|
1842
|
-
|
|
2383
|
+
- `color.background.brand`
|
|
2384
|
+
- `color.background.brand.hovered`
|
|
2385
|
+
- `color.background.brand.pressed`
|
|
1843
2386
|
|
|
1844
|
-
|
|
2387
|
+
**IMPORTANT (Manual verification required):**
|
|
1845
2388
|
|
|
1846
|
-
|
|
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.
|
|
1847
2391
|
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
|
|
1852
|
-
|
|
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`
|
|
1853
2399
|
|
|
1854
2400
|
## 0.6.1
|
|
1855
2401
|
|
|
1856
2402
|
### Patch Changes
|
|
1857
2403
|
|
|
1858
|
-
-
|
|
1859
|
-
-
|
|
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
|
|
1860
2408
|
|
|
1861
2409
|
## 0.6.0
|
|
1862
2410
|
|
|
1863
2411
|
### Minor Changes
|
|
1864
2412
|
|
|
1865
|
-
-
|
|
1866
|
-
|
|
1867
|
-
|
|
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
|
|
1868
2420
|
|
|
1869
2421
|
### Patch Changes
|
|
1870
2422
|
|
|
1871
|
-
-
|
|
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.
|
|
1872
2426
|
|
|
1873
2427
|
## 0.5.0
|
|
1874
2428
|
|
|
1875
2429
|
### Minor Changes
|
|
1876
2430
|
|
|
1877
|
-
-
|
|
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.
|
|
1878
2434
|
|
|
1879
2435
|
## 0.4.2
|
|
1880
2436
|
|
|
1881
2437
|
### Patch Changes
|
|
1882
2438
|
|
|
1883
|
-
-
|
|
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
|
|
1884
2442
|
|
|
1885
2443
|
## 0.4.1
|
|
1886
2444
|
|
|
1887
2445
|
### Patch Changes
|
|
1888
2446
|
|
|
1889
|
-
-
|
|
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
|
|
1890
2450
|
|
|
1891
2451
|
## 0.4.0
|
|
1892
2452
|
|
|
1893
2453
|
### Minor Changes
|
|
1894
2454
|
|
|
1895
|
-
-
|
|
1896
|
-
|
|
1897
|
-
|
|
1898
|
-
|
|
1899
|
-
|
|
1900
|
-
|
|
1901
|
-
|
|
1902
|
-
|
|
1903
|
-
|
|
1904
|
-
|
|
1905
|
-
|
|
1906
|
-
-
|
|
1907
|
-
|
|
1908
|
-
|
|
1909
|
-
-
|
|
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.
|
|
1910
2485
|
|
|
1911
2486
|
## 0.3.0
|
|
1912
2487
|
|
|
1913
2488
|
### Minor Changes
|
|
1914
2489
|
|
|
1915
|
-
-
|
|
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
|
|
1916
2494
|
|
|
1917
2495
|
## 0.2.1
|
|
1918
2496
|
|
|
1919
2497
|
### Patch Changes
|
|
1920
2498
|
|
|
1921
|
-
-
|
|
1922
|
-
|
|
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
|
|
1923
2504
|
|
|
1924
2505
|
## 0.2.0
|
|
1925
2506
|
|
|
1926
2507
|
### Minor Changes
|
|
1927
2508
|
|
|
1928
|
-
-
|
|
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).
|
|
1929
2513
|
|
|
1930
2514
|
## 0.1.1
|
|
1931
2515
|
|
|
1932
2516
|
### Patch Changes
|
|
1933
2517
|
|
|
1934
|
-
-
|
|
1935
|
-
|
|
1936
|
-
|
|
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:
|
|
1937
2525
|
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
|
|
2526
|
+
- `color.accent.boldBlue`
|
|
2527
|
+
- `color.accent.boldRed`
|
|
2528
|
+
- `color.accent.boldGreen`
|
|
2529
|
+
- `color.accent.boldOrange`
|
|
2530
|
+
- `color.accent.boldTeal`
|
|
2531
|
+
- `color.accent.boldPurple`
|
|
1944
2532
|
|
|
1945
|
-
-
|
|
1946
|
-
|
|
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`.
|
|
1947
2538
|
|
|
1948
2539
|
## 0.1.0
|
|
1949
2540
|
|
|
1950
2541
|
### Minor Changes
|
|
1951
2542
|
|
|
1952
|
-
-
|
|
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
|
|
1953
2547
|
|
|
1954
2548
|
### Patch Changes
|
|
1955
2549
|
|
|
1956
|
-
-
|
|
1957
|
-
|
|
1958
|
-
|
|
1959
|
-
-
|
|
1960
|
-
|
|
1961
|
-
|
|
1962
|
-
|
|
1963
|
-
|
|
1964
|
-
|
|
1965
|
-
|
|
1966
|
-
|
|
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:
|
|
1967
2565
|
|
|
1968
|
-
|
|
1969
|
-
|
|
2566
|
+
- `color.overlay.hover`
|
|
2567
|
+
- `color.overlay.pressed`
|
|
1970
2568
|
|
|
1971
2569
|
## 0.0.18
|
|
1972
2570
|
|
|
1973
2571
|
### Patch Changes
|
|
1974
2572
|
|
|
1975
|
-
-
|
|
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
|
|
1976
2576
|
|
|
1977
2577
|
## 0.0.17
|
|
1978
2578
|
|
|
1979
2579
|
### Patch Changes
|
|
1980
2580
|
|
|
1981
|
-
-
|
|
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.
|
|
1982
2584
|
|
|
1983
2585
|
## 0.0.16
|
|
1984
2586
|
|
|
1985
2587
|
### Patch Changes
|
|
1986
2588
|
|
|
1987
|
-
-
|
|
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
|
|
1988
2592
|
|
|
1989
2593
|
## 0.0.15
|
|
1990
2594
|
|
|
1991
2595
|
### Patch Changes
|
|
1992
2596
|
|
|
1993
|
-
-
|
|
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}
|
|
1994
2600
|
|
|
1995
2601
|
## 0.0.14
|
|
1996
2602
|
|
|
1997
2603
|
### Patch Changes
|
|
1998
2604
|
|
|
1999
|
-
-
|
|
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
|
|
2000
2608
|
|
|
2001
|
-
|
|
2609
|
+
Adds:
|
|
2002
2610
|
|
|
2003
|
-
|
|
2611
|
+
- `color.backgroundSelect`
|
|
2004
2612
|
|
|
2005
|
-
|
|
2613
|
+
Renames:
|
|
2006
2614
|
|
|
2007
|
-
|
|
2008
|
-
|
|
2009
|
-
|
|
2010
|
-
|
|
2011
|
-
|
|
2012
|
-
|
|
2013
|
-
|
|
2014
|
-
|
|
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`
|
|
2015
2623
|
|
|
2016
|
-
|
|
2624
|
+
Removes:
|
|
2017
2625
|
|
|
2018
|
-
|
|
2626
|
+
- `elevation.boarderFlatPrimary`
|
|
2019
2627
|
|
|
2020
|
-
|
|
2628
|
+
Updates:
|
|
2021
2629
|
|
|
2022
|
-
|
|
2023
|
-
|
|
2024
|
-
|
|
2630
|
+
- `elevation.shadowOverlay` value to `DN100`
|
|
2631
|
+
- `color.textWarning` in light mode to `O800`
|
|
2632
|
+
- `color.iconBorderWarning` in light mode to `O600`
|
|
2025
2633
|
|
|
2026
2634
|
## 0.0.13
|
|
2027
2635
|
|
|
2028
2636
|
### Patch Changes
|
|
2029
2637
|
|
|
2030
|
-
-
|
|
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.
|
|
2031
2641
|
|
|
2032
2642
|
## 0.0.12
|
|
2033
2643
|
|
|
2034
2644
|
### Patch Changes
|
|
2035
2645
|
|
|
2036
|
-
-
|
|
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
|
|
2037
2649
|
|
|
2038
2650
|
## 0.0.11
|
|
2039
2651
|
|
|
2040
2652
|
### Patch Changes
|
|
2041
2653
|
|
|
2042
|
-
-
|
|
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.
|
|
2043
2657
|
|
|
2044
2658
|
## 0.0.10
|
|
2045
2659
|
|
|
2046
2660
|
### Patch Changes
|
|
2047
2661
|
|
|
2048
|
-
-
|
|
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.
|
|
2049
2665
|
|
|
2050
2666
|
## 0.0.9
|
|
2051
2667
|
|
|
2052
2668
|
### Patch Changes
|
|
2053
2669
|
|
|
2054
|
-
-
|
|
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.
|
|
2055
2673
|
|
|
2056
2674
|
## 0.0.8
|
|
2057
2675
|
|
|
2058
2676
|
### Patch Changes
|
|
2059
2677
|
|
|
2060
|
-
-
|
|
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.
|
|
2061
2681
|
|
|
2062
2682
|
## 0.0.7
|
|
2063
2683
|
|
|
2064
2684
|
### Patch Changes
|
|
2065
2685
|
|
|
2066
|
-
-
|
|
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.
|
|
2067
2689
|
|
|
2068
2690
|
## 0.0.6
|
|
2069
2691
|
|
|
2070
2692
|
### Patch Changes
|
|
2071
2693
|
|
|
2072
|
-
-
|
|
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.
|
|
2073
2697
|
|
|
2074
2698
|
## 0.0.5
|
|
2075
2699
|
|
|
2076
2700
|
### Patch Changes
|
|
2077
2701
|
|
|
2078
|
-
-
|
|
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
|
|
2079
2705
|
|
|
2080
2706
|
## 0.0.4
|
|
2081
2707
|
|
|
2082
2708
|
### Patch Changes
|
|
2083
2709
|
|
|
2084
|
-
-
|
|
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:
|
|
2085
2713
|
|
|
2086
|
-
|
|
2087
|
-
|
|
2088
|
-
|
|
2714
|
+
1. CSS
|
|
2715
|
+
1. Figma synchronizers
|
|
2716
|
+
1. Token name map
|
|
2089
2717
|
|
|
2090
2718
|
## 0.0.3
|
|
2091
2719
|
|
|
2092
2720
|
### Patch Changes
|
|
2093
2721
|
|
|
2094
|
-
-
|
|
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.
|
|
2095
2725
|
|
|
2096
2726
|
## 0.0.2
|
|
2097
2727
|
|
|
2098
2728
|
### Patch Changes
|
|
2099
2729
|
|
|
2100
|
-
-
|
|
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.
|
|
2101
2733
|
|
|
2102
2734
|
## 0.0.1
|
|
2103
2735
|
|
|
2104
2736
|
### Patch Changes
|
|
2105
2737
|
|
|
2106
|
-
-
|
|
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
|