@atlaskit/tokens 0.6.3 → 0.7.2

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 (65) hide show
  1. package/CHANGELOG.md +38 -0
  2. package/css/atlassian-dark.css +45 -3
  3. package/css/atlassian-light.css +43 -1
  4. package/dist/cjs/artifacts/rename-mapping.js +78 -14
  5. package/dist/cjs/artifacts/token-default-values.js +43 -1
  6. package/dist/cjs/artifacts/token-names.js +42 -0
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1009 -179
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1007 -177
  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/color/background.js +11 -1
  13. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +69 -3
  14. package/dist/cjs/tokens/atlassian-light/color/accent.js +112 -24
  15. package/dist/cjs/tokens/atlassian-light/color/background.js +11 -1
  16. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +66 -0
  17. package/dist/cjs/tokens/atlassian-light/elevation/surface.js +1 -1
  18. package/dist/cjs/tokens/default/color/accent.js +234 -50
  19. package/dist/cjs/tokens/default/color/background.js +20 -4
  20. package/dist/cjs/tokens/default/deprecated/deprecated.js +160 -14
  21. package/dist/cjs/version.json +1 -1
  22. package/dist/es2019/artifacts/rename-mapping.js +78 -14
  23. package/dist/es2019/artifacts/token-default-values.js +43 -1
  24. package/dist/es2019/artifacts/token-names.js +42 -0
  25. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1009 -179
  26. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1007 -177
  27. package/dist/es2019/figma/synchronize-figma-tokens.js +32 -9
  28. package/dist/es2019/get-token.js +1 -1
  29. package/dist/es2019/tokens/atlassian-dark/color/accent.js +120 -32
  30. package/dist/es2019/tokens/atlassian-dark/color/background.js +11 -1
  31. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +69 -3
  32. package/dist/es2019/tokens/atlassian-light/color/accent.js +112 -24
  33. package/dist/es2019/tokens/atlassian-light/color/background.js +11 -1
  34. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +66 -0
  35. package/dist/es2019/tokens/atlassian-light/elevation/surface.js +1 -1
  36. package/dist/es2019/tokens/default/color/accent.js +234 -50
  37. package/dist/es2019/tokens/default/color/background.js +20 -4
  38. package/dist/es2019/tokens/default/deprecated/deprecated.js +160 -14
  39. package/dist/es2019/version.json +1 -1
  40. package/dist/esm/artifacts/rename-mapping.js +78 -14
  41. package/dist/esm/artifacts/token-default-values.js +43 -1
  42. package/dist/esm/artifacts/token-names.js +42 -0
  43. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1009 -179
  44. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1007 -177
  45. package/dist/esm/figma/synchronize-figma-tokens.js +34 -9
  46. package/dist/esm/get-token.js +1 -1
  47. package/dist/esm/tokens/atlassian-dark/color/accent.js +120 -32
  48. package/dist/esm/tokens/atlassian-dark/color/background.js +11 -1
  49. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +69 -3
  50. package/dist/esm/tokens/atlassian-light/color/accent.js +112 -24
  51. package/dist/esm/tokens/atlassian-light/color/background.js +11 -1
  52. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +66 -0
  53. package/dist/esm/tokens/atlassian-light/elevation/surface.js +1 -1
  54. package/dist/esm/tokens/default/color/accent.js +234 -50
  55. package/dist/esm/tokens/default/color/background.js +20 -4
  56. package/dist/esm/tokens/default/deprecated/deprecated.js +160 -14
  57. package/dist/esm/version.json +1 -1
  58. package/dist/types/artifacts/token-default-values.d.ts +43 -1
  59. package/dist/types/artifacts/token-names.d.ts +84 -0
  60. package/dist/types/artifacts/types-internal.d.ts +1 -1
  61. package/dist/types/artifacts/types.d.ts +1 -1
  62. package/dist/types/figma/synchronize-figma-tokens.d.ts +9 -1
  63. package/dist/types/tokens/default/utility/utility.d.ts +10 -10
  64. package/dist/types/types.d.ts +103 -25
  65. 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,17 +101,163 @@ 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',
113
259
  state: 'deprecated',
114
- replacement: 'color.blanket',
260
+ replacement: 'color.blanket.[default]',
115
261
  description: 'Use for the screen overlay that appears with modal dialogs'
116
262
  }
117
263
  },
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "0.6.3",
3
+ "version": "0.7.2",
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";
@@ -191,6 +231,8 @@ declare const defaultTokenValues: {
191
231
  readonly 'color.background.transparentNeutral.hover': "#091E420F";
192
232
  readonly 'color.background.transparentNeutral.pressed': "#091E4224";
193
233
  readonly 'color.blanket': "#091E427A";
234
+ readonly 'color.blanket.selected': "#388BFFCC";
235
+ readonly 'color.blanket.danger': "#EF5C48CC";
194
236
  readonly 'color.interaction.hovered': "#ffffff33";
195
237
  readonly 'color.interaction.pressed': "#ffffff5c";
196
238
  readonly 'color.interaction.inverse.hovered': "#00000029";
@@ -222,7 +264,7 @@ declare const defaultTokenValues: {
222
264
  readonly 'elevation.shadow.raised': "0px 1px 1px #091E4240, 0px 0px 1px #091E424F";
223
265
  readonly 'elevation.shadow.overlay': "0px 8px 12px #091E4226, 0px 0px 1px #091E424F";
224
266
  readonly 'elevation.surface': "#FFFFFF";
225
- readonly 'elevation.surface.sunken': "#091E4208";
267
+ readonly 'elevation.surface.sunken': "#F7F8F9";
226
268
  readonly 'elevation.surface.raised': "#FFFFFF";
227
269
  readonly 'elevation.surface.overlay': "#FFFFFF";
228
270
  readonly 'utility.UNSAFE_util.transparent': "transparent";
@@ -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";
@@ -188,6 +228,8 @@ declare const tokens: {
188
228
  readonly 'color.background.transparentNeutral.hover': "--ds-background-transparentNeutral-hover";
189
229
  readonly 'color.background.transparentNeutral.pressed': "--ds-background-transparentNeutral-pressed";
190
230
  readonly 'color.blanket': "--ds-blanket";
231
+ readonly 'color.blanket.selected': "--ds-blanket-selected";
232
+ readonly 'color.blanket.danger': "--ds-blanket-danger";
191
233
  readonly 'color.interaction.hovered': "--ds-interaction-hovered";
192
234
  readonly 'color.interaction.pressed': "--ds-interaction-pressed";
193
235
  readonly 'color.interaction.inverse.hovered': "--ds-interaction-inverse-hovered";
@@ -227,13 +269,21 @@ declare const tokens: {
227
269
  };
228
270
  export declare type CSSTokenMap = {
229
271
  'color.text.accent.blue': 'var(--ds-text-accent-blue)';
272
+ 'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
230
273
  'color.text.accent.red': 'var(--ds-text-accent-red)';
274
+ 'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)';
231
275
  'color.text.accent.orange': 'var(--ds-text-accent-orange)';
276
+ 'color.text.accent.orange.bolder': 'var(--ds-text-accent-orange-bolder)';
232
277
  'color.text.accent.yellow': 'var(--ds-text-accent-yellow)';
278
+ 'color.text.accent.yellow.bolder': 'var(--ds-text-accent-yellow-bolder)';
233
279
  'color.text.accent.green': 'var(--ds-text-accent-green)';
280
+ 'color.text.accent.green.bolder': 'var(--ds-text-accent-green-bolder)';
234
281
  'color.text.accent.purple': 'var(--ds-text-accent-purple)';
282
+ 'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)';
235
283
  'color.text.accent.teal': 'var(--ds-text-accent-teal)';
284
+ 'color.text.accent.teal.bolder': 'var(--ds-text-accent-teal-bolder)';
236
285
  'color.text.accent.magenta': 'var(--ds-text-accent-magenta)';
286
+ 'color.text.accent.magenta.bolder': 'var(--ds-text-accent-magenta-bolder)';
237
287
  'color.text': 'var(--ds-text)';
238
288
  'color.text.subtle': 'var(--ds-text-subtle)';
239
289
  'color.text.subtlest': 'var(--ds-text-subtlest)';
@@ -295,20 +345,52 @@ export declare type CSSTokenMap = {
295
345
  'color.border.information': 'var(--ds-border-information)';
296
346
  'color.border.focus': 'var(--ds-border-focus)';
297
347
  'color.border.neutral': 'var(--ds-border-neutral)';
348
+ 'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)';
349
+ 'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)';
350
+ 'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)';
351
+ 'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)';
298
352
  'color.background.accent.blue': 'var(--ds-background-accent-blue)';
299
353
  'color.background.accent.blue.bold': 'var(--ds-background-accent-blue-bold)';
354
+ 'color.background.accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)';
355
+ 'color.background.accent.red.subtler': 'var(--ds-background-accent-red-subtler)';
356
+ 'color.background.accent.red.subtle': 'var(--ds-background-accent-red-subtle)';
357
+ 'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)';
300
358
  'color.background.accent.red': 'var(--ds-background-accent-red)';
301
359
  'color.background.accent.red.bold': 'var(--ds-background-accent-red-bold)';
360
+ 'color.background.accent.orange.subtlest': 'var(--ds-background-accent-orange-subtlest)';
361
+ 'color.background.accent.orange.subtler': 'var(--ds-background-accent-orange-subtler)';
362
+ 'color.background.accent.orange.subtle': 'var(--ds-background-accent-orange-subtle)';
363
+ 'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)';
302
364
  'color.background.accent.orange': 'var(--ds-background-accent-orange)';
303
365
  'color.background.accent.orange.bold': 'var(--ds-background-accent-orange-bold)';
366
+ 'color.background.accent.yellow.subtlest': 'var(--ds-background-accent-yellow-subtlest)';
367
+ 'color.background.accent.yellow.subtler': 'var(--ds-background-accent-yellow-subtler)';
368
+ 'color.background.accent.yellow.subtle': 'var(--ds-background-accent-yellow-subtle)';
369
+ 'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)';
304
370
  'color.background.accent.yellow': 'var(--ds-background-accent-yellow)';
305
371
  'color.background.accent.yellow.bold': 'var(--ds-background-accent-yellow-bold)';
372
+ 'color.background.accent.green.subtlest': 'var(--ds-background-accent-green-subtlest)';
373
+ 'color.background.accent.green.subtler': 'var(--ds-background-accent-green-subtler)';
374
+ 'color.background.accent.green.subtle': 'var(--ds-background-accent-green-subtle)';
375
+ 'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)';
306
376
  'color.background.accent.green': 'var(--ds-background-accent-green)';
307
377
  'color.background.accent.green.bold': 'var(--ds-background-accent-green-bold)';
378
+ 'color.background.accent.teal.subtlest': 'var(--ds-background-accent-teal-subtlest)';
379
+ 'color.background.accent.teal.subtler': 'var(--ds-background-accent-teal-subtler)';
380
+ 'color.background.accent.teal.subtle': 'var(--ds-background-accent-teal-subtle)';
381
+ 'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)';
308
382
  'color.background.accent.teal': 'var(--ds-background-accent-teal)';
309
383
  'color.background.accent.teal.bold': 'var(--ds-background-accent-teal-bold)';
384
+ 'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)';
385
+ 'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)';
386
+ 'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)';
387
+ 'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)';
310
388
  'color.background.accent.purple': 'var(--ds-background-accent-purple)';
311
389
  'color.background.accent.purple.bold': 'var(--ds-background-accent-purple-bold)';
390
+ 'color.background.accent.magenta.subtlest': 'var(--ds-background-accent-magenta-subtlest)';
391
+ 'color.background.accent.magenta.subtler': 'var(--ds-background-accent-magenta-subtler)';
392
+ 'color.background.accent.magenta.subtle': 'var(--ds-background-accent-magenta-subtle)';
393
+ 'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)';
312
394
  'color.background.accent.magenta': 'var(--ds-background-accent-magenta)';
313
395
  'color.background.accent.magenta.bold': 'var(--ds-background-accent-magenta-bold)';
314
396
  'color.background.disabled': 'var(--ds-background-disabled)';
@@ -415,6 +497,8 @@ export declare type CSSTokenMap = {
415
497
  'color.background.transparentNeutral.hover': 'var(--ds-background-transparentNeutral-hover)';
416
498
  'color.background.transparentNeutral.pressed': 'var(--ds-background-transparentNeutral-pressed)';
417
499
  'color.blanket': 'var(--ds-blanket)';
500
+ 'color.blanket.selected': 'var(--ds-blanket-selected)';
501
+ 'color.blanket.danger': 'var(--ds-blanket-danger)';
418
502
  'color.interaction.hovered': 'var(--ds-interaction-hovered)';
419
503
  'color.interaction.pressed': 'var(--ds-interaction-pressed)';
420
504
  'color.interaction.inverse.hovered': 'var(--ds-interaction-inverse-hovered)';
@@ -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.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | '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.blanket.selected' | 'color.blanket.danger' | '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
  *