@atlaskit/tokens 0.6.3 → 0.7.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.
Files changed (53) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/css/atlassian-dark.css +43 -3
  3. package/css/atlassian-light.css +40 -0
  4. package/dist/cjs/artifacts/rename-mapping.js +77 -13
  5. package/dist/cjs/artifacts/token-default-values.js +40 -0
  6. package/dist/cjs/artifacts/token-names.js +40 -0
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +936 -144
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +922 -130
  9. package/dist/cjs/figma/synchronize-figma-tokens.js +34 -9
  10. package/dist/cjs/get-token.js +1 -1
  11. package/dist/cjs/tokens/atlassian-dark/color/accent.js +120 -32
  12. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +69 -3
  13. package/dist/cjs/tokens/atlassian-light/color/accent.js +112 -24
  14. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +66 -0
  15. package/dist/cjs/tokens/default/color/accent.js +234 -50
  16. package/dist/cjs/tokens/default/deprecated/deprecated.js +159 -13
  17. package/dist/cjs/version.json +1 -1
  18. package/dist/es2019/artifacts/rename-mapping.js +77 -13
  19. package/dist/es2019/artifacts/token-default-values.js +40 -0
  20. package/dist/es2019/artifacts/token-names.js +40 -0
  21. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +936 -144
  22. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +922 -130
  23. package/dist/es2019/figma/synchronize-figma-tokens.js +32 -9
  24. package/dist/es2019/get-token.js +1 -1
  25. package/dist/es2019/tokens/atlassian-dark/color/accent.js +120 -32
  26. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +69 -3
  27. package/dist/es2019/tokens/atlassian-light/color/accent.js +112 -24
  28. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +66 -0
  29. package/dist/es2019/tokens/default/color/accent.js +234 -50
  30. package/dist/es2019/tokens/default/deprecated/deprecated.js +159 -13
  31. package/dist/es2019/version.json +1 -1
  32. package/dist/esm/artifacts/rename-mapping.js +77 -13
  33. package/dist/esm/artifacts/token-default-values.js +40 -0
  34. package/dist/esm/artifacts/token-names.js +40 -0
  35. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +936 -144
  36. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +922 -130
  37. package/dist/esm/figma/synchronize-figma-tokens.js +34 -9
  38. package/dist/esm/get-token.js +1 -1
  39. package/dist/esm/tokens/atlassian-dark/color/accent.js +120 -32
  40. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +69 -3
  41. package/dist/esm/tokens/atlassian-light/color/accent.js +112 -24
  42. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +66 -0
  43. package/dist/esm/tokens/default/color/accent.js +234 -50
  44. package/dist/esm/tokens/default/deprecated/deprecated.js +159 -13
  45. package/dist/esm/version.json +1 -1
  46. package/dist/types/artifacts/token-default-values.d.ts +40 -0
  47. package/dist/types/artifacts/token-names.d.ts +80 -0
  48. package/dist/types/artifacts/types-internal.d.ts +1 -1
  49. package/dist/types/artifacts/types.d.ts +1 -1
  50. package/dist/types/figma/synchronize-figma-tokens.d.ts +9 -1
  51. package/dist/types/tokens/default/utility/utility.d.ts +10 -10
  52. package/dist/types/types.d.ts +98 -24
  53. package/package.json +1 -1
@@ -5,7 +5,7 @@ var color = {
5
5
  attributes: {
6
6
  group: 'paint',
7
7
  state: 'deprecated',
8
- replacement: 'color.background.accent.blue.bold',
8
+ replacement: 'color.background.accent.blue.bolder',
9
9
  description: 'Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
10
10
  }
11
11
  },
@@ -13,7 +13,7 @@ var color = {
13
13
  attributes: {
14
14
  group: 'paint',
15
15
  state: 'deprecated',
16
- replacement: 'color.background.accent.green.bold',
16
+ replacement: 'color.background.accent.green.bolder',
17
17
  description: 'Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
18
18
  }
19
19
  },
@@ -21,7 +21,7 @@ var color = {
21
21
  attributes: {
22
22
  group: 'paint',
23
23
  state: 'deprecated',
24
- replacement: 'color.background.accent.orange.bold',
24
+ replacement: 'color.background.accent.orange.bolder',
25
25
  description: 'Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
26
26
  }
27
27
  },
@@ -29,7 +29,7 @@ var color = {
29
29
  attributes: {
30
30
  group: 'paint',
31
31
  state: 'deprecated',
32
- replacement: 'color.background.accent.purple.bold',
32
+ replacement: 'color.background.accent.purple.bolder',
33
33
  description: 'Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
34
34
  }
35
35
  },
@@ -37,7 +37,7 @@ var color = {
37
37
  attributes: {
38
38
  group: 'paint',
39
39
  state: 'deprecated',
40
- replacement: 'color.background.accent.red.bold',
40
+ replacement: 'color.background.accent.red.bolder',
41
41
  description: 'Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
42
42
  }
43
43
  },
@@ -45,7 +45,7 @@ var color = {
45
45
  attributes: {
46
46
  group: 'paint',
47
47
  state: 'deprecated',
48
- replacement: 'color.background.accent.teal.bold',
48
+ replacement: 'color.background.accent.teal.bolder',
49
49
  description: 'Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
50
50
  }
51
51
  },
@@ -53,7 +53,7 @@ var color = {
53
53
  attributes: {
54
54
  group: 'paint',
55
55
  state: 'deprecated',
56
- replacement: 'color.background.accent.blue.[default]',
56
+ replacement: 'color.background.accent.blue.subtler',
57
57
  description: 'Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
58
58
  }
59
59
  },
@@ -61,7 +61,7 @@ var color = {
61
61
  attributes: {
62
62
  group: 'paint',
63
63
  state: 'deprecated',
64
- replacement: 'color.background.accent.green.[default]',
64
+ replacement: 'color.background.accent.green.subtler',
65
65
  description: 'Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
66
66
  }
67
67
  },
@@ -69,7 +69,7 @@ var color = {
69
69
  attributes: {
70
70
  group: 'paint',
71
71
  state: 'deprecated',
72
- replacement: 'color.background.accent.magenta.[default]',
72
+ replacement: 'color.background.accent.magenta.subtler',
73
73
  description: 'Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
74
74
  }
75
75
  },
@@ -77,7 +77,7 @@ var color = {
77
77
  attributes: {
78
78
  group: 'paint',
79
79
  state: 'deprecated',
80
- replacement: 'color.background.accent.orange.[default]',
80
+ replacement: 'color.background.accent.orange.subtler',
81
81
  description: 'Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
82
82
  }
83
83
  },
@@ -85,7 +85,7 @@ var color = {
85
85
  attributes: {
86
86
  group: 'paint',
87
87
  state: 'deprecated',
88
- replacement: 'color.background.accent.purple.[default]',
88
+ replacement: 'color.background.accent.purple.subtler',
89
89
  description: 'Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
90
90
  }
91
91
  },
@@ -93,7 +93,7 @@ var color = {
93
93
  attributes: {
94
94
  group: 'paint',
95
95
  state: 'deprecated',
96
- replacement: 'color.background.accent.red.[default]',
96
+ replacement: 'color.background.accent.red.subtler',
97
97
  description: 'Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
98
98
  }
99
99
  },
@@ -101,12 +101,158 @@ var color = {
101
101
  attributes: {
102
102
  group: 'paint',
103
103
  state: 'deprecated',
104
- replacement: 'color.background.accent.teal.[default]',
104
+ replacement: 'color.background.accent.teal.subtler',
105
105
  description: 'Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
106
106
  }
107
107
  }
108
108
  },
109
109
  background: {
110
+ accent: {
111
+ blue: {
112
+ '[default]': {
113
+ attributes: {
114
+ group: 'paint',
115
+ state: 'deprecated',
116
+ replacement: 'color.background.accent.blue.subtler',
117
+ description: 'Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags.'
118
+ }
119
+ },
120
+ bold: {
121
+ attributes: {
122
+ group: 'paint',
123
+ state: 'deprecated',
124
+ replacement: 'color.background.accent.blue.subtle',
125
+ description: 'Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
126
+ }
127
+ }
128
+ },
129
+ red: {
130
+ '[default]': {
131
+ attributes: {
132
+ group: 'paint',
133
+ state: 'deprecated',
134
+ replacement: 'color.background.accent.red.subtler',
135
+ description: 'Use for red backgrounds when there is no meaning tied to the color, such as colored tags.'
136
+ }
137
+ },
138
+ bold: {
139
+ attributes: {
140
+ group: 'paint',
141
+ state: 'deprecated',
142
+ replacement: 'color.background.accent.red.subtle',
143
+ description: 'Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
144
+ }
145
+ }
146
+ },
147
+ orange: {
148
+ '[default]': {
149
+ attributes: {
150
+ group: 'paint',
151
+ state: 'deprecated',
152
+ replacement: 'color.background.accent.orange.subtler',
153
+ description: 'Use for orange backgrounds when there is no meaning tied to the color, such as colored tags.'
154
+ }
155
+ },
156
+ bold: {
157
+ attributes: {
158
+ group: 'paint',
159
+ state: 'deprecated',
160
+ replacement: 'color.background.accent.orange.subtle',
161
+ description: 'Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
162
+ }
163
+ }
164
+ },
165
+ yellow: {
166
+ '[default]': {
167
+ attributes: {
168
+ group: 'paint',
169
+ state: 'deprecated',
170
+ replacement: 'color.background.accent.yellow.subtler',
171
+ description: 'Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags.'
172
+ }
173
+ },
174
+ bold: {
175
+ attributes: {
176
+ group: 'paint',
177
+ state: 'deprecated',
178
+ replacement: 'color.background.accent.yellow.subtle',
179
+ description: 'Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
180
+ }
181
+ }
182
+ },
183
+ green: {
184
+ '[default]': {
185
+ attributes: {
186
+ group: 'paint',
187
+ state: 'deprecated',
188
+ replacement: 'color.background.accent.green.subtler',
189
+ description: 'Use for green backgrounds when there is no meaning tied to the color, such as colored tags.'
190
+ }
191
+ },
192
+ bold: {
193
+ attributes: {
194
+ group: 'paint',
195
+ state: 'deprecated',
196
+ replacement: 'color.background.accent.green.subtle',
197
+ description: 'Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
198
+ }
199
+ }
200
+ },
201
+ teal: {
202
+ '[default]': {
203
+ attributes: {
204
+ group: 'paint',
205
+ state: 'deprecated',
206
+ replacement: 'color.background.accent.teal.subtler',
207
+ description: 'Use for teal backgrounds when there is no meaning tied to the color, such as colored tags.'
208
+ }
209
+ },
210
+ bold: {
211
+ attributes: {
212
+ group: 'paint',
213
+ state: 'deprecated',
214
+ replacement: 'color.background.accent.teal.subtle',
215
+ description: 'Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
216
+ }
217
+ }
218
+ },
219
+ purple: {
220
+ '[default]': {
221
+ attributes: {
222
+ group: 'paint',
223
+ state: 'deprecated',
224
+ replacement: 'color.background.accent.purple.subtler',
225
+ description: 'Use for purple backgrounds when there is no meaning tied to the color, such as colored tags.'
226
+ }
227
+ },
228
+ bold: {
229
+ attributes: {
230
+ group: 'paint',
231
+ state: 'deprecated',
232
+ replacement: 'color.background.accent.purple.subtle',
233
+ description: 'Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
234
+ }
235
+ }
236
+ },
237
+ magenta: {
238
+ '[default]': {
239
+ attributes: {
240
+ group: 'paint',
241
+ state: 'deprecated',
242
+ replacement: 'color.background.accent.magenta.subtler',
243
+ description: 'Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags.'
244
+ }
245
+ },
246
+ bold: {
247
+ attributes: {
248
+ group: 'paint',
249
+ state: 'deprecated',
250
+ replacement: 'color.background.accent.magenta.subtle',
251
+ description: 'Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
252
+ }
253
+ }
254
+ }
255
+ },
110
256
  blanket: {
111
257
  attributes: {
112
258
  group: 'paint',
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "0.6.3",
3
+ "version": "0.7.0",
4
4
  "sideEffects": false
5
5
  }
@@ -3,13 +3,21 @@
3
3
  */
4
4
  declare const defaultTokenValues: {
5
5
  readonly 'color.text.accent.blue': "#0055CC";
6
+ readonly 'color.text.accent.blue.bolder': "#09326C";
6
7
  readonly 'color.text.accent.red': "#AE2A19";
8
+ readonly 'color.text.accent.red.bolder': "#601E16";
7
9
  readonly 'color.text.accent.orange': "#974F0C";
10
+ readonly 'color.text.accent.orange.bolder': "#5F3811";
8
11
  readonly 'color.text.accent.yellow': "#7F5F01";
12
+ readonly 'color.text.accent.yellow.bolder': "#533F04";
9
13
  readonly 'color.text.accent.green': "#216E4E";
14
+ readonly 'color.text.accent.green.bolder': "#164B35";
10
15
  readonly 'color.text.accent.purple': "#5E4DB2";
16
+ readonly 'color.text.accent.purple.bolder': "#352C63";
11
17
  readonly 'color.text.accent.teal': "#206B74";
18
+ readonly 'color.text.accent.teal.bolder': "#1D474C";
12
19
  readonly 'color.text.accent.magenta': "#943D73";
20
+ readonly 'color.text.accent.magenta.bolder': "#50253F";
13
21
  readonly 'color.text': "#172B4D";
14
22
  readonly 'color.text.subtle': "#44546F";
15
23
  readonly 'color.text.subtlest': "#626F86";
@@ -71,20 +79,52 @@ declare const defaultTokenValues: {
71
79
  readonly 'color.border.information': "#1D7AFC";
72
80
  readonly 'color.border.focus': "#388BFF";
73
81
  readonly 'color.border.neutral': "#091E4224";
82
+ readonly 'color.background.accent.blue.subtlest': "#E9F2FF";
83
+ readonly 'color.background.accent.blue.subtler': "#CCE0FF";
84
+ readonly 'color.background.accent.blue.subtle': "#579DFF";
85
+ readonly 'color.background.accent.blue.bolder': "#0C66E4";
74
86
  readonly 'color.background.accent.blue': "#CCE0FF";
75
87
  readonly 'color.background.accent.blue.bold': "#579DFF";
88
+ readonly 'color.background.accent.red.subtlest': "#FFEDEB";
89
+ readonly 'color.background.accent.red.subtler': "#FFD2CC";
90
+ readonly 'color.background.accent.red.subtle': "#F87462";
91
+ readonly 'color.background.accent.red.bolder': "#CA3521";
76
92
  readonly 'color.background.accent.red': "#FFD2CC";
77
93
  readonly 'color.background.accent.red.bold': "#F87462";
94
+ readonly 'color.background.accent.orange.subtlest': "#FFF4E5";
95
+ readonly 'color.background.accent.orange.subtler': "#FFE2BD";
96
+ readonly 'color.background.accent.orange.subtle': "#FAA53D";
97
+ readonly 'color.background.accent.orange.bolder': "#B65C02";
78
98
  readonly 'color.background.accent.orange': "#FFE2BD";
79
99
  readonly 'color.background.accent.orange.bold': "#FAA53D";
100
+ readonly 'color.background.accent.yellow.subtlest': "#FFF7D6";
101
+ readonly 'color.background.accent.yellow.subtler': "#F8E6A0";
102
+ readonly 'color.background.accent.yellow.subtle': "#E2B203";
103
+ readonly 'color.background.accent.yellow.bolder': "#946F00";
80
104
  readonly 'color.background.accent.yellow': "#F8E6A0";
81
105
  readonly 'color.background.accent.yellow.bold': "#E2B203";
106
+ readonly 'color.background.accent.green.subtlest': "#DFFCF0";
107
+ readonly 'color.background.accent.green.subtler': "#BAF3DB";
108
+ readonly 'color.background.accent.green.subtle': "#4BCE97";
109
+ readonly 'color.background.accent.green.bolder': "#1F845A";
82
110
  readonly 'color.background.accent.green': "#BAF3DB";
83
111
  readonly 'color.background.accent.green.bold': "#4BCE97";
112
+ readonly 'color.background.accent.teal.subtlest': "#E3FAFC";
113
+ readonly 'color.background.accent.teal.subtler': "#C1F0F5";
114
+ readonly 'color.background.accent.teal.subtle': "#60C6D2";
115
+ readonly 'color.background.accent.teal.bolder': "#1D7F8C";
84
116
  readonly 'color.background.accent.teal': "#C1F0F5";
85
117
  readonly 'color.background.accent.teal.bold': "#60C6D2";
118
+ readonly 'color.background.accent.purple.subtlest': "#F3F0FF";
119
+ readonly 'color.background.accent.purple.subtler': "#DFD8FD";
120
+ readonly 'color.background.accent.purple.subtle': "#9F8FEF";
121
+ readonly 'color.background.accent.purple.bolder': "#6E5DC6";
86
122
  readonly 'color.background.accent.purple': "#DFD8FD";
87
123
  readonly 'color.background.accent.purple.bold': "#9F8FEF";
124
+ readonly 'color.background.accent.magenta.subtlest': "#FFECF8";
125
+ readonly 'color.background.accent.magenta.subtler': "#FDD0EC";
126
+ readonly 'color.background.accent.magenta.subtle': "#E774BB";
127
+ readonly 'color.background.accent.magenta.bolder': "#AE4787";
88
128
  readonly 'color.background.accent.magenta': "#FDD0EC";
89
129
  readonly 'color.background.accent.magenta.bold': "#E774BB";
90
130
  readonly 'color.background.disabled': "#091E420F";
@@ -1,12 +1,20 @@
1
1
  declare const tokens: {
2
2
  readonly 'color.text.accent.blue': "--ds-text-accent-blue";
3
+ readonly 'color.text.accent.blue.bolder': "--ds-text-accent-blue-bolder";
3
4
  readonly 'color.text.accent.red': "--ds-text-accent-red";
5
+ readonly 'color.text.accent.red.bolder': "--ds-text-accent-red-bolder";
4
6
  readonly 'color.text.accent.orange': "--ds-text-accent-orange";
7
+ readonly 'color.text.accent.orange.bolder': "--ds-text-accent-orange-bolder";
5
8
  readonly 'color.text.accent.yellow': "--ds-text-accent-yellow";
9
+ readonly 'color.text.accent.yellow.bolder': "--ds-text-accent-yellow-bolder";
6
10
  readonly 'color.text.accent.green': "--ds-text-accent-green";
11
+ readonly 'color.text.accent.green.bolder': "--ds-text-accent-green-bolder";
7
12
  readonly 'color.text.accent.purple': "--ds-text-accent-purple";
13
+ readonly 'color.text.accent.purple.bolder': "--ds-text-accent-purple-bolder";
8
14
  readonly 'color.text.accent.teal': "--ds-text-accent-teal";
15
+ readonly 'color.text.accent.teal.bolder': "--ds-text-accent-teal-bolder";
9
16
  readonly 'color.text.accent.magenta': "--ds-text-accent-magenta";
17
+ readonly 'color.text.accent.magenta.bolder': "--ds-text-accent-magenta-bolder";
10
18
  readonly 'color.text': "--ds-text";
11
19
  readonly 'color.text.subtle': "--ds-text-subtle";
12
20
  readonly 'color.text.subtlest': "--ds-text-subtlest";
@@ -68,20 +76,52 @@ declare const tokens: {
68
76
  readonly 'color.border.information': "--ds-border-information";
69
77
  readonly 'color.border.focus': "--ds-border-focus";
70
78
  readonly 'color.border.neutral': "--ds-border-neutral";
79
+ readonly 'color.background.accent.blue.subtlest': "--ds-background-accent-blue-subtlest";
80
+ readonly 'color.background.accent.blue.subtler': "--ds-background-accent-blue-subtler";
81
+ readonly 'color.background.accent.blue.subtle': "--ds-background-accent-blue-subtle";
82
+ readonly 'color.background.accent.blue.bolder': "--ds-background-accent-blue-bolder";
71
83
  readonly 'color.background.accent.blue': "--ds-background-accent-blue";
72
84
  readonly 'color.background.accent.blue.bold': "--ds-background-accent-blue-bold";
85
+ readonly 'color.background.accent.red.subtlest': "--ds-background-accent-red-subtlest";
86
+ readonly 'color.background.accent.red.subtler': "--ds-background-accent-red-subtler";
87
+ readonly 'color.background.accent.red.subtle': "--ds-background-accent-red-subtle";
88
+ readonly 'color.background.accent.red.bolder': "--ds-background-accent-red-bolder";
73
89
  readonly 'color.background.accent.red': "--ds-background-accent-red";
74
90
  readonly 'color.background.accent.red.bold': "--ds-background-accent-red-bold";
91
+ readonly 'color.background.accent.orange.subtlest': "--ds-background-accent-orange-subtlest";
92
+ readonly 'color.background.accent.orange.subtler': "--ds-background-accent-orange-subtler";
93
+ readonly 'color.background.accent.orange.subtle': "--ds-background-accent-orange-subtle";
94
+ readonly 'color.background.accent.orange.bolder': "--ds-background-accent-orange-bolder";
75
95
  readonly 'color.background.accent.orange': "--ds-background-accent-orange";
76
96
  readonly 'color.background.accent.orange.bold': "--ds-background-accent-orange-bold";
97
+ readonly 'color.background.accent.yellow.subtlest': "--ds-background-accent-yellow-subtlest";
98
+ readonly 'color.background.accent.yellow.subtler': "--ds-background-accent-yellow-subtler";
99
+ readonly 'color.background.accent.yellow.subtle': "--ds-background-accent-yellow-subtle";
100
+ readonly 'color.background.accent.yellow.bolder': "--ds-background-accent-yellow-bolder";
77
101
  readonly 'color.background.accent.yellow': "--ds-background-accent-yellow";
78
102
  readonly 'color.background.accent.yellow.bold': "--ds-background-accent-yellow-bold";
103
+ readonly 'color.background.accent.green.subtlest': "--ds-background-accent-green-subtlest";
104
+ readonly 'color.background.accent.green.subtler': "--ds-background-accent-green-subtler";
105
+ readonly 'color.background.accent.green.subtle': "--ds-background-accent-green-subtle";
106
+ readonly 'color.background.accent.green.bolder': "--ds-background-accent-green-bolder";
79
107
  readonly 'color.background.accent.green': "--ds-background-accent-green";
80
108
  readonly 'color.background.accent.green.bold': "--ds-background-accent-green-bold";
109
+ readonly 'color.background.accent.teal.subtlest': "--ds-background-accent-teal-subtlest";
110
+ readonly 'color.background.accent.teal.subtler': "--ds-background-accent-teal-subtler";
111
+ readonly 'color.background.accent.teal.subtle': "--ds-background-accent-teal-subtle";
112
+ readonly 'color.background.accent.teal.bolder': "--ds-background-accent-teal-bolder";
81
113
  readonly 'color.background.accent.teal': "--ds-background-accent-teal";
82
114
  readonly 'color.background.accent.teal.bold': "--ds-background-accent-teal-bold";
115
+ readonly 'color.background.accent.purple.subtlest': "--ds-background-accent-purple-subtlest";
116
+ readonly 'color.background.accent.purple.subtler': "--ds-background-accent-purple-subtler";
117
+ readonly 'color.background.accent.purple.subtle': "--ds-background-accent-purple-subtle";
118
+ readonly 'color.background.accent.purple.bolder': "--ds-background-accent-purple-bolder";
83
119
  readonly 'color.background.accent.purple': "--ds-background-accent-purple";
84
120
  readonly 'color.background.accent.purple.bold': "--ds-background-accent-purple-bold";
121
+ readonly 'color.background.accent.magenta.subtlest': "--ds-background-accent-magenta-subtlest";
122
+ readonly 'color.background.accent.magenta.subtler': "--ds-background-accent-magenta-subtler";
123
+ readonly 'color.background.accent.magenta.subtle': "--ds-background-accent-magenta-subtle";
124
+ readonly 'color.background.accent.magenta.bolder': "--ds-background-accent-magenta-bolder";
85
125
  readonly 'color.background.accent.magenta': "--ds-background-accent-magenta";
86
126
  readonly 'color.background.accent.magenta.bold': "--ds-background-accent-magenta-bold";
87
127
  readonly 'color.background.disabled': "--ds-background-disabled";
@@ -227,13 +267,21 @@ declare const tokens: {
227
267
  };
228
268
  export declare type CSSTokenMap = {
229
269
  'color.text.accent.blue': 'var(--ds-text-accent-blue)';
270
+ 'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
230
271
  'color.text.accent.red': 'var(--ds-text-accent-red)';
272
+ 'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)';
231
273
  'color.text.accent.orange': 'var(--ds-text-accent-orange)';
274
+ 'color.text.accent.orange.bolder': 'var(--ds-text-accent-orange-bolder)';
232
275
  'color.text.accent.yellow': 'var(--ds-text-accent-yellow)';
276
+ 'color.text.accent.yellow.bolder': 'var(--ds-text-accent-yellow-bolder)';
233
277
  'color.text.accent.green': 'var(--ds-text-accent-green)';
278
+ 'color.text.accent.green.bolder': 'var(--ds-text-accent-green-bolder)';
234
279
  'color.text.accent.purple': 'var(--ds-text-accent-purple)';
280
+ 'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)';
235
281
  'color.text.accent.teal': 'var(--ds-text-accent-teal)';
282
+ 'color.text.accent.teal.bolder': 'var(--ds-text-accent-teal-bolder)';
236
283
  'color.text.accent.magenta': 'var(--ds-text-accent-magenta)';
284
+ 'color.text.accent.magenta.bolder': 'var(--ds-text-accent-magenta-bolder)';
237
285
  'color.text': 'var(--ds-text)';
238
286
  'color.text.subtle': 'var(--ds-text-subtle)';
239
287
  'color.text.subtlest': 'var(--ds-text-subtlest)';
@@ -295,20 +343,52 @@ export declare type CSSTokenMap = {
295
343
  'color.border.information': 'var(--ds-border-information)';
296
344
  'color.border.focus': 'var(--ds-border-focus)';
297
345
  'color.border.neutral': 'var(--ds-border-neutral)';
346
+ 'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)';
347
+ 'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)';
348
+ 'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)';
349
+ 'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)';
298
350
  'color.background.accent.blue': 'var(--ds-background-accent-blue)';
299
351
  'color.background.accent.blue.bold': 'var(--ds-background-accent-blue-bold)';
352
+ 'color.background.accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)';
353
+ 'color.background.accent.red.subtler': 'var(--ds-background-accent-red-subtler)';
354
+ 'color.background.accent.red.subtle': 'var(--ds-background-accent-red-subtle)';
355
+ 'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)';
300
356
  'color.background.accent.red': 'var(--ds-background-accent-red)';
301
357
  'color.background.accent.red.bold': 'var(--ds-background-accent-red-bold)';
358
+ 'color.background.accent.orange.subtlest': 'var(--ds-background-accent-orange-subtlest)';
359
+ 'color.background.accent.orange.subtler': 'var(--ds-background-accent-orange-subtler)';
360
+ 'color.background.accent.orange.subtle': 'var(--ds-background-accent-orange-subtle)';
361
+ 'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)';
302
362
  'color.background.accent.orange': 'var(--ds-background-accent-orange)';
303
363
  'color.background.accent.orange.bold': 'var(--ds-background-accent-orange-bold)';
364
+ 'color.background.accent.yellow.subtlest': 'var(--ds-background-accent-yellow-subtlest)';
365
+ 'color.background.accent.yellow.subtler': 'var(--ds-background-accent-yellow-subtler)';
366
+ 'color.background.accent.yellow.subtle': 'var(--ds-background-accent-yellow-subtle)';
367
+ 'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)';
304
368
  'color.background.accent.yellow': 'var(--ds-background-accent-yellow)';
305
369
  'color.background.accent.yellow.bold': 'var(--ds-background-accent-yellow-bold)';
370
+ 'color.background.accent.green.subtlest': 'var(--ds-background-accent-green-subtlest)';
371
+ 'color.background.accent.green.subtler': 'var(--ds-background-accent-green-subtler)';
372
+ 'color.background.accent.green.subtle': 'var(--ds-background-accent-green-subtle)';
373
+ 'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)';
306
374
  'color.background.accent.green': 'var(--ds-background-accent-green)';
307
375
  'color.background.accent.green.bold': 'var(--ds-background-accent-green-bold)';
376
+ 'color.background.accent.teal.subtlest': 'var(--ds-background-accent-teal-subtlest)';
377
+ 'color.background.accent.teal.subtler': 'var(--ds-background-accent-teal-subtler)';
378
+ 'color.background.accent.teal.subtle': 'var(--ds-background-accent-teal-subtle)';
379
+ 'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)';
308
380
  'color.background.accent.teal': 'var(--ds-background-accent-teal)';
309
381
  'color.background.accent.teal.bold': 'var(--ds-background-accent-teal-bold)';
382
+ 'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)';
383
+ 'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)';
384
+ 'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)';
385
+ 'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)';
310
386
  'color.background.accent.purple': 'var(--ds-background-accent-purple)';
311
387
  'color.background.accent.purple.bold': 'var(--ds-background-accent-purple-bold)';
388
+ 'color.background.accent.magenta.subtlest': 'var(--ds-background-accent-magenta-subtlest)';
389
+ 'color.background.accent.magenta.subtler': 'var(--ds-background-accent-magenta-subtler)';
390
+ 'color.background.accent.magenta.subtle': 'var(--ds-background-accent-magenta-subtle)';
391
+ 'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)';
312
392
  'color.background.accent.magenta': 'var(--ds-background-accent-magenta)';
313
393
  'color.background.accent.magenta.bold': 'var(--ds-background-accent-magenta-bold)';
314
394
  'color.background.disabled': 'var(--ds-background-disabled)';
@@ -1,4 +1,4 @@
1
1
  /**
2
2
  * Internally types used for handling token ids
3
3
  */
4
- export declare type InternalTokenIds = 'color.text.accent.blue' | 'color.text.accent.red' | 'color.text.accent.orange' | 'color.text.accent.yellow' | 'color.text.accent.green' | 'color.text.accent.purple' | 'color.text.accent.teal' | 'color.text.accent.magenta' | 'color.text.[default]' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.[default]' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.[default]' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.[default]' | 'color.background.accent.blue.bold' | 'color.background.accent.red.[default]' | 'color.background.accent.red.bold' | 'color.background.accent.orange.[default]' | 'color.background.accent.orange.bold' | 'color.background.accent.yellow.[default]' | 'color.background.accent.yellow.bold' | 'color.background.accent.green.[default]' | 'color.background.accent.green.bold' | 'color.background.accent.teal.[default]' | 'color.background.accent.teal.bold' | 'color.background.accent.purple.[default]' | 'color.background.accent.purple.bold' | 'color.background.accent.magenta.[default]' | 'color.background.accent.magenta.bold' | 'color.background.disabled' | 'color.background.inverse' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.interaction.inverse.hovered' | 'color.interaction.inverse.pressed' | 'color.link.[default]' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overlay' | 'elevation.surface.[default]' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.overlay' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
4
+ export declare type InternalTokenIds = 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.[default]' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.[default]' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.[default]' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.disabled' | 'color.background.inverse' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.interaction.inverse.hovered' | 'color.interaction.inverse.pressed' | 'color.link.[default]' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overlay' | 'elevation.surface.[default]' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.overlay' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
@@ -1,4 +1,4 @@
1
1
  /**
2
2
  * Type representing the currently active tokens
3
3
  */
4
- export declare type ActiveTokens = 'color.text.accent.blue' | 'color.text.accent.red' | 'color.text.accent.orange' | 'color.text.accent.yellow' | 'color.text.accent.green' | 'color.text.accent.purple' | 'color.text.accent.teal' | 'color.text.accent.magenta' | 'color.text' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue' | 'color.background.accent.blue.bold' | 'color.background.accent.red' | 'color.background.accent.red.bold' | 'color.background.accent.orange' | 'color.background.accent.orange.bold' | 'color.background.accent.yellow' | 'color.background.accent.yellow.bold' | 'color.background.accent.green' | 'color.background.accent.green.bold' | 'color.background.accent.teal' | 'color.background.accent.teal.bold' | 'color.background.accent.purple' | 'color.background.accent.purple.bold' | 'color.background.accent.magenta' | 'color.background.accent.magenta.bold' | 'color.background.disabled' | 'color.background.inverse' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.interaction.inverse.hovered' | 'color.interaction.inverse.pressed' | 'color.link' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overlay' | 'elevation.surface' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.overlay' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
4
+ export declare type ActiveTokens = 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.disabled' | 'color.background.inverse' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.interaction.inverse.hovered' | 'color.interaction.inverse.pressed' | 'color.link' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overlay' | 'elevation.surface' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.overlay' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
@@ -1,9 +1,17 @@
1
1
  import type { PaintToken, ShadowToken } from '../types';
2
2
  import type { FigmaEffect, FigmaPaint } from './types';
3
3
  declare function createPaint(hex: string): FigmaPaint;
4
+ declare function createEffects(value: ShadowToken<string>['value']): FigmaEffect[];
5
+ /**
6
+ * Formats a token description for use in Figma,
7
+ * including deprecated warnings
8
+ *
9
+ * @param token
10
+ */
11
+ declare function formatDescription(token: PaintToken<string> | ShadowToken<string>): string;
4
12
  export declare type CreateEffects = typeof createEffects;
5
13
  export declare type CreatePaint = typeof createPaint;
6
- declare function createEffects(value: ShadowToken<string>['value']): FigmaEffect[];
14
+ export declare type FormatDescription = typeof formatDescription;
7
15
  /**
8
16
  * Adds tokens under a specified theme as paint styles to Figma.
9
17
  *