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