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