@atlaskit/tokens 0.6.1 → 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 (95) hide show
  1. package/CHANGELOG.md +64 -0
  2. package/css/atlassian-dark.css +55 -8
  3. package/css/atlassian-light.css +54 -7
  4. package/dist/cjs/artifacts/rename-mapping.js +100 -32
  5. package/dist/cjs/artifacts/token-default-values.js +54 -7
  6. package/dist/cjs/artifacts/token-names.js +54 -7
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1173 -246
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1151 -224
  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 +16 -3
  13. package/dist/cjs/tokens/atlassian-dark/color/border.js +3 -0
  14. package/dist/cjs/tokens/atlassian-dark/color/icon.js +3 -0
  15. package/dist/cjs/tokens/atlassian-dark/color/text.js +3 -0
  16. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +79 -6
  17. package/dist/cjs/tokens/atlassian-dark/elevation/surface.js +1 -1
  18. package/dist/cjs/tokens/atlassian-light/color/accent.js +112 -24
  19. package/dist/cjs/tokens/atlassian-light/color/background.js +13 -0
  20. package/dist/cjs/tokens/atlassian-light/color/border.js +3 -0
  21. package/dist/cjs/tokens/atlassian-light/color/icon.js +3 -0
  22. package/dist/cjs/tokens/atlassian-light/color/text.js +3 -0
  23. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +79 -6
  24. package/dist/cjs/tokens/default/color/accent.js +234 -50
  25. package/dist/cjs/tokens/default/color/background.js +30 -5
  26. package/dist/cjs/tokens/default/color/border.js +7 -0
  27. package/dist/cjs/tokens/default/color/icon.js +7 -0
  28. package/dist/cjs/tokens/default/color/text.js +7 -0
  29. package/dist/cjs/tokens/default/deprecated/deprecated.js +192 -34
  30. package/dist/cjs/tokens/palette.js +6 -0
  31. package/dist/cjs/version.json +1 -1
  32. package/dist/es2019/artifacts/rename-mapping.js +100 -32
  33. package/dist/es2019/artifacts/token-default-values.js +54 -7
  34. package/dist/es2019/artifacts/token-names.js +54 -7
  35. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1173 -246
  36. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1151 -224
  37. package/dist/es2019/figma/synchronize-figma-tokens.js +32 -9
  38. package/dist/es2019/get-token.js +1 -1
  39. package/dist/es2019/tokens/atlassian-dark/color/accent.js +120 -32
  40. package/dist/es2019/tokens/atlassian-dark/color/background.js +16 -3
  41. package/dist/es2019/tokens/atlassian-dark/color/border.js +3 -0
  42. package/dist/es2019/tokens/atlassian-dark/color/icon.js +3 -0
  43. package/dist/es2019/tokens/atlassian-dark/color/text.js +3 -0
  44. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +79 -6
  45. package/dist/es2019/tokens/atlassian-dark/elevation/surface.js +1 -1
  46. package/dist/es2019/tokens/atlassian-light/color/accent.js +112 -24
  47. package/dist/es2019/tokens/atlassian-light/color/background.js +13 -0
  48. package/dist/es2019/tokens/atlassian-light/color/border.js +3 -0
  49. package/dist/es2019/tokens/atlassian-light/color/icon.js +3 -0
  50. package/dist/es2019/tokens/atlassian-light/color/text.js +3 -0
  51. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +79 -6
  52. package/dist/es2019/tokens/default/color/accent.js +234 -50
  53. package/dist/es2019/tokens/default/color/background.js +30 -5
  54. package/dist/es2019/tokens/default/color/border.js +7 -0
  55. package/dist/es2019/tokens/default/color/icon.js +7 -0
  56. package/dist/es2019/tokens/default/color/text.js +7 -0
  57. package/dist/es2019/tokens/default/deprecated/deprecated.js +192 -34
  58. package/dist/es2019/tokens/palette.js +6 -0
  59. package/dist/es2019/version.json +1 -1
  60. package/dist/esm/artifacts/rename-mapping.js +100 -32
  61. package/dist/esm/artifacts/token-default-values.js +54 -7
  62. package/dist/esm/artifacts/token-names.js +54 -7
  63. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1173 -246
  64. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1151 -224
  65. package/dist/esm/figma/synchronize-figma-tokens.js +34 -9
  66. package/dist/esm/get-token.js +1 -1
  67. package/dist/esm/tokens/atlassian-dark/color/accent.js +120 -32
  68. package/dist/esm/tokens/atlassian-dark/color/background.js +16 -3
  69. package/dist/esm/tokens/atlassian-dark/color/border.js +3 -0
  70. package/dist/esm/tokens/atlassian-dark/color/icon.js +3 -0
  71. package/dist/esm/tokens/atlassian-dark/color/text.js +3 -0
  72. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +79 -6
  73. package/dist/esm/tokens/atlassian-dark/elevation/surface.js +1 -1
  74. package/dist/esm/tokens/atlassian-light/color/accent.js +112 -24
  75. package/dist/esm/tokens/atlassian-light/color/background.js +13 -0
  76. package/dist/esm/tokens/atlassian-light/color/border.js +3 -0
  77. package/dist/esm/tokens/atlassian-light/color/icon.js +3 -0
  78. package/dist/esm/tokens/atlassian-light/color/text.js +3 -0
  79. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +79 -6
  80. package/dist/esm/tokens/default/color/accent.js +234 -50
  81. package/dist/esm/tokens/default/color/background.js +30 -5
  82. package/dist/esm/tokens/default/color/border.js +7 -0
  83. package/dist/esm/tokens/default/color/icon.js +7 -0
  84. package/dist/esm/tokens/default/color/text.js +7 -0
  85. package/dist/esm/tokens/default/deprecated/deprecated.js +192 -34
  86. package/dist/esm/tokens/palette.js +6 -0
  87. package/dist/esm/version.json +1 -1
  88. package/dist/types/artifacts/token-default-values.d.ts +54 -7
  89. package/dist/types/artifacts/token-names.d.ts +108 -14
  90. package/dist/types/artifacts/types-internal.d.ts +1 -1
  91. package/dist/types/artifacts/types.d.ts +1 -1
  92. package/dist/types/figma/synchronize-figma-tokens.d.ts +9 -1
  93. package/dist/types/tokens/default/utility/utility.d.ts +10 -10
  94. package/dist/types/types.d.ts +116 -26
  95. package/package.json +2 -4
package/dist/types/artifacts/token-names.d.ts CHANGED
@@ -1,18 +1,27 @@
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";
13
21
  readonly 'color.text.disabled': "--ds-text-disabled";
14
22
  readonly 'color.text.inverse': "--ds-text-inverse";
15
23
  readonly 'color.text.brand': "--ds-text-brand";
24
+ readonly 'color.text.selected': "--ds-text-selected";
16
25
  readonly 'color.text.danger': "--ds-text-danger";
17
26
  readonly 'color.text.warning': "--ds-text-warning";
18
27
  readonly 'color.text.warning.inverse': "--ds-text-warning-inverse";
@@ -26,7 +35,6 @@ declare const tokens: {
26
35
  readonly 'color.text.mediumEmphasis': "--ds-text-mediumEmphasis";
27
36
  readonly 'color.text.onBold': "--ds-text-onBold";
28
37
  readonly 'color.text.onBoldWarning': "--ds-text-onBoldWarning";
29
- readonly 'color.text.selected': "--ds-text-selected";
30
38
  readonly 'color.icon.accent.blue': "--ds-icon-accent-blue";
31
39
  readonly 'color.icon.accent.red': "--ds-icon-accent-red";
32
40
  readonly 'color.icon.accent.orange': "--ds-icon-accent-orange";
@@ -40,6 +48,7 @@ declare const tokens: {
40
48
  readonly 'color.icon.inverse': "--ds-icon-inverse";
41
49
  readonly 'color.icon.disabled': "--ds-icon-disabled";
42
50
  readonly 'color.icon.brand': "--ds-icon-brand";
51
+ readonly 'color.icon.selected': "--ds-icon-selected";
43
52
  readonly 'color.icon.danger': "--ds-icon-danger";
44
53
  readonly 'color.icon.warning': "--ds-icon-warning";
45
54
  readonly 'color.icon.warning.inverse': "--ds-icon-warning-inverse";
@@ -59,6 +68,7 @@ declare const tokens: {
59
68
  readonly 'color.border.input': "--ds-border-input";
60
69
  readonly 'color.border.disabled': "--ds-border-disabled";
61
70
  readonly 'color.border.brand': "--ds-border-brand";
71
+ readonly 'color.border.selected': "--ds-border-selected";
62
72
  readonly 'color.border.danger': "--ds-border-danger";
63
73
  readonly 'color.border.warning': "--ds-border-warning";
64
74
  readonly 'color.border.success': "--ds-border-success";
@@ -66,20 +76,52 @@ declare const tokens: {
66
76
  readonly 'color.border.information': "--ds-border-information";
67
77
  readonly 'color.border.focus': "--ds-border-focus";
68
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";
69
83
  readonly 'color.background.accent.blue': "--ds-background-accent-blue";
70
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";
71
89
  readonly 'color.background.accent.red': "--ds-background-accent-red";
72
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";
73
95
  readonly 'color.background.accent.orange': "--ds-background-accent-orange";
74
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";
75
101
  readonly 'color.background.accent.yellow': "--ds-background-accent-yellow";
76
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";
77
107
  readonly 'color.background.accent.green': "--ds-background-accent-green";
78
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";
79
113
  readonly 'color.background.accent.teal': "--ds-background-accent-teal";
80
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";
81
119
  readonly 'color.background.accent.purple': "--ds-background-accent-purple";
82
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";
83
125
  readonly 'color.background.accent.magenta': "--ds-background-accent-magenta";
84
126
  readonly 'color.background.accent.magenta.bold': "--ds-background-accent-magenta-bold";
85
127
  readonly 'color.background.disabled': "--ds-background-disabled";
@@ -96,12 +138,20 @@ declare const tokens: {
96
138
  readonly 'color.background.neutral.bold': "--ds-background-neutral-bold";
97
139
  readonly 'color.background.neutral.bold.hovered': "--ds-background-neutral-bold-hovered";
98
140
  readonly 'color.background.neutral.bold.pressed': "--ds-background-neutral-bold-pressed";
99
- readonly 'color.background.brand': "--ds-background-brand";
100
- readonly 'color.background.brand.hovered': "--ds-background-brand-hovered";
101
- readonly 'color.background.brand.pressed': "--ds-background-brand-pressed";
102
141
  readonly 'color.background.brand.bold': "--ds-background-brand-bold";
103
142
  readonly 'color.background.brand.bold.hovered': "--ds-background-brand-bold-hovered";
104
143
  readonly 'color.background.brand.bold.pressed': "--ds-background-brand-bold-pressed";
144
+ readonly 'color.background.brand': "--ds-background-brand";
145
+ readonly 'color.background.brand.hovered': "--ds-background-brand-hovered";
146
+ readonly 'color.background.brand.pressed': "--ds-background-brand-pressed";
147
+ readonly 'color.background.selected': "--ds-background-selected";
148
+ readonly 'color.background.selected.hovered': "--ds-background-selected-hovered";
149
+ readonly 'color.background.selected.pressed': "--ds-background-selected-pressed";
150
+ readonly 'color.background.selected.bold': "--ds-background-selected-bold";
151
+ readonly 'color.background.selected.bold.hovered': "--ds-background-selected-bold-hovered";
152
+ readonly 'color.background.selected.bold.pressed': "--ds-background-selected-bold-pressed";
153
+ readonly 'color.background.selected.resting': "--ds-background-selected-resting";
154
+ readonly 'color.background.selected.hover': "--ds-background-selected-hover";
105
155
  readonly 'color.background.danger': "--ds-background-danger";
106
156
  readonly 'color.background.danger.hovered': "--ds-background-danger-hovered";
107
157
  readonly 'color.background.danger.pressed': "--ds-background-danger-pressed";
@@ -154,9 +204,6 @@ declare const tokens: {
154
204
  readonly 'color.background.card': "--ds-background-card";
155
205
  readonly 'color.background.default': "--ds-background-default";
156
206
  readonly 'color.background.overlay': "--ds-background-overlay";
157
- readonly 'color.background.selected.resting': "--ds-background-selected-resting";
158
- readonly 'color.background.selected.hover': "--ds-background-selected-hover";
159
- readonly 'color.background.selected.pressed': "--ds-background-selected-pressed";
160
207
  readonly 'color.background.subtleBorderedNeutral.pressed': "--ds-background-subtleBorderedNeutral-pressed";
161
208
  readonly 'color.background.subtleBorderedNeutral.resting': "--ds-background-subtleBorderedNeutral-resting";
162
209
  readonly 'color.background.subtleBrand.hover': "--ds-background-subtleBrand-hover";
@@ -220,19 +267,28 @@ declare const tokens: {
220
267
  };
221
268
  export declare type CSSTokenMap = {
222
269
  'color.text.accent.blue': 'var(--ds-text-accent-blue)';
270
+ 'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
223
271
  'color.text.accent.red': 'var(--ds-text-accent-red)';
272
+ 'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)';
224
273
  'color.text.accent.orange': 'var(--ds-text-accent-orange)';
274
+ 'color.text.accent.orange.bolder': 'var(--ds-text-accent-orange-bolder)';
225
275
  'color.text.accent.yellow': 'var(--ds-text-accent-yellow)';
276
+ 'color.text.accent.yellow.bolder': 'var(--ds-text-accent-yellow-bolder)';
226
277
  'color.text.accent.green': 'var(--ds-text-accent-green)';
278
+ 'color.text.accent.green.bolder': 'var(--ds-text-accent-green-bolder)';
227
279
  'color.text.accent.purple': 'var(--ds-text-accent-purple)';
280
+ 'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)';
228
281
  'color.text.accent.teal': 'var(--ds-text-accent-teal)';
282
+ 'color.text.accent.teal.bolder': 'var(--ds-text-accent-teal-bolder)';
229
283
  'color.text.accent.magenta': 'var(--ds-text-accent-magenta)';
284
+ 'color.text.accent.magenta.bolder': 'var(--ds-text-accent-magenta-bolder)';
230
285
  'color.text': 'var(--ds-text)';
231
286
  'color.text.subtle': 'var(--ds-text-subtle)';
232
287
  'color.text.subtlest': 'var(--ds-text-subtlest)';
233
288
  'color.text.disabled': 'var(--ds-text-disabled)';
234
289
  'color.text.inverse': 'var(--ds-text-inverse)';
235
290
  'color.text.brand': 'var(--ds-text-brand)';
291
+ 'color.text.selected': 'var(--ds-text-selected)';
236
292
  'color.text.danger': 'var(--ds-text-danger)';
237
293
  'color.text.warning': 'var(--ds-text-warning)';
238
294
  'color.text.warning.inverse': 'var(--ds-text-warning-inverse)';
@@ -246,7 +302,6 @@ export declare type CSSTokenMap = {
246
302
  'color.text.mediumEmphasis': 'var(--ds-text-mediumEmphasis)';
247
303
  'color.text.onBold': 'var(--ds-text-onBold)';
248
304
  'color.text.onBoldWarning': 'var(--ds-text-onBoldWarning)';
249
- 'color.text.selected': 'var(--ds-text-selected)';
250
305
  'color.icon.accent.blue': 'var(--ds-icon-accent-blue)';
251
306
  'color.icon.accent.red': 'var(--ds-icon-accent-red)';
252
307
  'color.icon.accent.orange': 'var(--ds-icon-accent-orange)';
@@ -260,6 +315,7 @@ export declare type CSSTokenMap = {
260
315
  'color.icon.inverse': 'var(--ds-icon-inverse)';
261
316
  'color.icon.disabled': 'var(--ds-icon-disabled)';
262
317
  'color.icon.brand': 'var(--ds-icon-brand)';
318
+ 'color.icon.selected': 'var(--ds-icon-selected)';
263
319
  'color.icon.danger': 'var(--ds-icon-danger)';
264
320
  'color.icon.warning': 'var(--ds-icon-warning)';
265
321
  'color.icon.warning.inverse': 'var(--ds-icon-warning-inverse)';
@@ -279,6 +335,7 @@ export declare type CSSTokenMap = {
279
335
  'color.border.input': 'var(--ds-border-input)';
280
336
  'color.border.disabled': 'var(--ds-border-disabled)';
281
337
  'color.border.brand': 'var(--ds-border-brand)';
338
+ 'color.border.selected': 'var(--ds-border-selected)';
282
339
  'color.border.danger': 'var(--ds-border-danger)';
283
340
  'color.border.warning': 'var(--ds-border-warning)';
284
341
  'color.border.success': 'var(--ds-border-success)';
@@ -286,20 +343,52 @@ export declare type CSSTokenMap = {
286
343
  'color.border.information': 'var(--ds-border-information)';
287
344
  'color.border.focus': 'var(--ds-border-focus)';
288
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)';
289
350
  'color.background.accent.blue': 'var(--ds-background-accent-blue)';
290
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)';
291
356
  'color.background.accent.red': 'var(--ds-background-accent-red)';
292
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)';
293
362
  'color.background.accent.orange': 'var(--ds-background-accent-orange)';
294
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)';
295
368
  'color.background.accent.yellow': 'var(--ds-background-accent-yellow)';
296
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)';
297
374
  'color.background.accent.green': 'var(--ds-background-accent-green)';
298
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)';
299
380
  'color.background.accent.teal': 'var(--ds-background-accent-teal)';
300
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)';
301
386
  'color.background.accent.purple': 'var(--ds-background-accent-purple)';
302
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)';
303
392
  'color.background.accent.magenta': 'var(--ds-background-accent-magenta)';
304
393
  'color.background.accent.magenta.bold': 'var(--ds-background-accent-magenta-bold)';
305
394
  'color.background.disabled': 'var(--ds-background-disabled)';
@@ -316,12 +405,20 @@ export declare type CSSTokenMap = {
316
405
  'color.background.neutral.bold': 'var(--ds-background-neutral-bold)';
317
406
  'color.background.neutral.bold.hovered': 'var(--ds-background-neutral-bold-hovered)';
318
407
  'color.background.neutral.bold.pressed': 'var(--ds-background-neutral-bold-pressed)';
319
- 'color.background.brand': 'var(--ds-background-brand)';
320
- 'color.background.brand.hovered': 'var(--ds-background-brand-hovered)';
321
- 'color.background.brand.pressed': 'var(--ds-background-brand-pressed)';
322
408
  'color.background.brand.bold': 'var(--ds-background-brand-bold)';
323
409
  'color.background.brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)';
324
410
  'color.background.brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)';
411
+ 'color.background.brand': 'var(--ds-background-brand)';
412
+ 'color.background.brand.hovered': 'var(--ds-background-brand-hovered)';
413
+ 'color.background.brand.pressed': 'var(--ds-background-brand-pressed)';
414
+ 'color.background.selected': 'var(--ds-background-selected)';
415
+ 'color.background.selected.hovered': 'var(--ds-background-selected-hovered)';
416
+ 'color.background.selected.pressed': 'var(--ds-background-selected-pressed)';
417
+ 'color.background.selected.bold': 'var(--ds-background-selected-bold)';
418
+ 'color.background.selected.bold.hovered': 'var(--ds-background-selected-bold-hovered)';
419
+ 'color.background.selected.bold.pressed': 'var(--ds-background-selected-bold-pressed)';
420
+ 'color.background.selected.resting': 'var(--ds-background-selected-resting)';
421
+ 'color.background.selected.hover': 'var(--ds-background-selected-hover)';
325
422
  'color.background.danger': 'var(--ds-background-danger)';
326
423
  'color.background.danger.hovered': 'var(--ds-background-danger-hovered)';
327
424
  'color.background.danger.pressed': 'var(--ds-background-danger-pressed)';
@@ -374,9 +471,6 @@ export declare type CSSTokenMap = {
374
471
  'color.background.card': 'var(--ds-background-card)';
375
472
  'color.background.default': 'var(--ds-background-default)';
376
473
  'color.background.overlay': 'var(--ds-background-overlay)';
377
- 'color.background.selected.resting': 'var(--ds-background-selected-resting)';
378
- 'color.background.selected.hover': 'var(--ds-background-selected-hover)';
379
- 'color.background.selected.pressed': 'var(--ds-background-selected-pressed)';
380
474
  'color.background.subtleBorderedNeutral.pressed': 'var(--ds-background-subtleBorderedNeutral-pressed)';
381
475
  'color.background.subtleBorderedNeutral.resting': 'var(--ds-background-subtleBorderedNeutral-resting)';
382
476
  'color.background.subtleBrand.hover': 'var(--ds-background-subtleBrand-hover)';
package/dist/types/artifacts/types-internal.d.ts CHANGED
@@ -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.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.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.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.[default].[default]' | 'color.background.brand.[default].hovered' | 'color.background.brand.[default].pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.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';
package/dist/types/artifacts/types.d.ts CHANGED
@@ -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.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.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.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' | 'color.background.brand.hovered' | 'color.background.brand.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.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';
package/dist/types/figma/synchronize-figma-tokens.d.ts CHANGED
@@ -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
  *