@atlaskit/tokens 0.13.5 → 1.1.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 (196) hide show
  1. package/CHANGELOG.md +305 -0
  2. package/README.md +7 -16
  3. package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +0 -1
  4. package/dist/cjs/artifacts/palettes-raw/palette.js +0 -1
  5. package/dist/cjs/artifacts/palettes-raw/spacing-scale.js +0 -1
  6. package/dist/cjs/artifacts/palettes-raw/typography-palette.js +0 -1
  7. package/dist/cjs/artifacts/replacement-mapping.js +3 -611
  8. package/dist/cjs/artifacts/theme-import-map.js +56 -0
  9. package/dist/cjs/artifacts/themes/atlassian-dark.js +13 -0
  10. package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +13 -0
  11. package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +13 -0
  12. package/dist/cjs/artifacts/themes/atlassian-light.js +13 -0
  13. package/dist/cjs/artifacts/themes/atlassian-spacing.js +13 -0
  14. package/dist/cjs/artifacts/themes/atlassian-typography.js +13 -0
  15. package/dist/cjs/artifacts/token-default-values.js +2 -170
  16. package/dist/cjs/artifacts/token-names.js +2 -170
  17. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1354 -4261
  18. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +1352 -4259
  19. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +1396 -4283
  20. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1365 -4252
  21. package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +1 -1582
  22. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +0 -1
  23. package/dist/cjs/artifacts/typescript/atlassian-dark-token-names.js +0 -1
  24. package/dist/cjs/artifacts/typescript/atlassian-light-token-names.js +0 -1
  25. package/dist/cjs/babel-plugin/index.js +0 -2
  26. package/dist/cjs/babel-plugin/plugin.js +17 -43
  27. package/dist/cjs/entry-points/babel-plugin.js +0 -2
  28. package/dist/cjs/entry-points/palettes-raw.js +0 -2
  29. package/dist/cjs/entry-points/rename-mapping.js +0 -2
  30. package/dist/cjs/entry-points/token-ids.js +0 -1
  31. package/dist/cjs/entry-points/token-names.js +0 -2
  32. package/dist/cjs/entry-points/tokens-raw.js +0 -5
  33. package/dist/cjs/get-global-theme.js +30 -0
  34. package/dist/cjs/get-token-value.js +1 -10
  35. package/dist/cjs/get-token.js +3 -13
  36. package/dist/cjs/index.js +46 -10
  37. package/dist/cjs/palettes/legacy-palette.js +1 -1
  38. package/dist/cjs/palettes/spacing-scale.js +1 -1
  39. package/dist/cjs/palettes/typography-palette.js +0 -5
  40. package/dist/cjs/set-global-theme.js +265 -39
  41. package/dist/cjs/theme-config.js +8 -23
  42. package/dist/cjs/{theme-change-observer.js → theme-mutation-observer.js} +5 -57
  43. package/dist/cjs/tokens/atlassian-dark/utility/utility.js +1 -4
  44. package/dist/cjs/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  45. package/dist/cjs/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  46. package/dist/cjs/tokens/atlassian-light/utility/utility.js +1 -4
  47. package/dist/cjs/tokens/atlassian-spacing/spacing.js +0 -228
  48. package/dist/cjs/tokens/default/spacing/spacing.js +0 -621
  49. package/dist/cjs/tokens/default/utility/utility.js +1 -9
  50. package/dist/cjs/use-theme-observer.js +41 -0
  51. package/dist/cjs/utils/color-detection.js +23 -43
  52. package/dist/cjs/utils/theme-loading.js +69 -0
  53. package/dist/cjs/utils/theme-state-transformer.js +73 -0
  54. package/dist/cjs/utils/token-ids.js +4 -12
  55. package/dist/cjs/version.json +1 -1
  56. package/dist/es2019/artifacts/replacement-mapping.js +3 -610
  57. package/dist/es2019/artifacts/theme-import-map.js +27 -0
  58. package/dist/es2019/artifacts/themes/atlassian-dark.js +296 -0
  59. package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +296 -0
  60. package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +296 -0
  61. package/dist/es2019/artifacts/themes/atlassian-light.js +296 -0
  62. package/dist/es2019/artifacts/themes/atlassian-spacing.js +23 -0
  63. package/{css/atlassian-typography.css → dist/es2019/artifacts/themes/atlassian-typography.js} +4 -2
  64. package/dist/es2019/artifacts/token-default-values.js +2 -169
  65. package/dist/es2019/artifacts/token-names.js +2 -169
  66. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
  67. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
  68. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
  69. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1360 -4246
  70. package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +1 -1581
  71. package/dist/es2019/babel-plugin/plugin.js +17 -37
  72. package/dist/es2019/get-global-theme.js +20 -0
  73. package/dist/es2019/get-token-value.js +1 -6
  74. package/dist/es2019/get-token.js +3 -8
  75. package/dist/es2019/index.js +5 -2
  76. package/dist/es2019/palettes/legacy-palette.js +1 -0
  77. package/dist/es2019/palettes/spacing-scale.js +1 -0
  78. package/dist/es2019/palettes/typography-palette.js +2 -1
  79. package/dist/es2019/set-global-theme.js +162 -32
  80. package/dist/es2019/theme-config.js +5 -21
  81. package/dist/es2019/{theme-change-observer.js → theme-mutation-observer.js} +4 -37
  82. package/dist/es2019/tokens/atlassian-dark/utility/utility.js +1 -4
  83. package/dist/es2019/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  84. package/dist/es2019/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  85. package/dist/es2019/tokens/atlassian-light/utility/utility.js +1 -4
  86. package/dist/es2019/tokens/atlassian-spacing/spacing.js +0 -227
  87. package/dist/es2019/tokens/default/spacing/spacing.js +0 -620
  88. package/dist/es2019/tokens/default/utility/utility.js +1 -9
  89. package/dist/es2019/use-theme-observer.js +26 -0
  90. package/dist/es2019/utils/color-detection.js +3 -5
  91. package/dist/es2019/utils/theme-loading.js +18 -0
  92. package/dist/es2019/utils/theme-state-transformer.js +47 -0
  93. package/dist/es2019/utils/token-ids.js +5 -4
  94. package/dist/es2019/version.json +1 -1
  95. package/dist/esm/artifacts/replacement-mapping.js +3 -610
  96. package/dist/esm/artifacts/theme-import-map.js +39 -0
  97. package/dist/esm/artifacts/themes/atlassian-dark.js +6 -0
  98. package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +6 -0
  99. package/dist/esm/artifacts/themes/atlassian-legacy-light.js +6 -0
  100. package/dist/esm/artifacts/themes/atlassian-light.js +6 -0
  101. package/dist/esm/artifacts/themes/atlassian-spacing.js +6 -0
  102. package/dist/esm/artifacts/themes/atlassian-typography.js +6 -0
  103. package/dist/esm/artifacts/token-default-values.js +2 -169
  104. package/dist/esm/artifacts/token-names.js +2 -169
  105. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
  106. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
  107. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
  108. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1360 -4246
  109. package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +1 -1581
  110. package/dist/esm/babel-plugin/plugin.js +17 -35
  111. package/dist/esm/get-global-theme.js +22 -0
  112. package/dist/esm/get-token-value.js +1 -6
  113. package/dist/esm/get-token.js +3 -8
  114. package/dist/esm/index.js +5 -2
  115. package/dist/esm/palettes/legacy-palette.js +1 -0
  116. package/dist/esm/palettes/spacing-scale.js +1 -0
  117. package/dist/esm/palettes/typography-palette.js +0 -3
  118. package/dist/esm/set-global-theme.js +263 -37
  119. package/dist/esm/theme-config.js +5 -21
  120. package/dist/esm/{theme-change-observer.js → theme-mutation-observer.js} +4 -49
  121. package/dist/esm/tokens/atlassian-dark/utility/utility.js +1 -4
  122. package/dist/esm/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  123. package/dist/esm/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  124. package/dist/esm/tokens/atlassian-light/utility/utility.js +1 -4
  125. package/dist/esm/tokens/atlassian-spacing/spacing.js +0 -227
  126. package/dist/esm/tokens/default/spacing/spacing.js +0 -620
  127. package/dist/esm/tokens/default/utility/utility.js +1 -9
  128. package/dist/esm/use-theme-observer.js +34 -0
  129. package/dist/esm/utils/color-detection.js +23 -30
  130. package/dist/esm/utils/theme-loading.js +60 -0
  131. package/dist/esm/utils/theme-state-transformer.js +64 -0
  132. package/dist/esm/utils/token-ids.js +5 -4
  133. package/dist/esm/version.json +1 -1
  134. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  135. package/dist/types/artifacts/theme-import-map.d.ts +16 -0
  136. package/dist/types/artifacts/themes/atlassian-dark.d.ts +7 -0
  137. package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +7 -0
  138. package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +7 -0
  139. package/dist/types/artifacts/themes/atlassian-light.d.ts +7 -0
  140. package/dist/types/artifacts/themes/atlassian-spacing.d.ts +7 -0
  141. package/dist/types/artifacts/themes/atlassian-typography.d.ts +7 -0
  142. package/dist/types/artifacts/token-default-values.d.ts +2 -169
  143. package/dist/types/artifacts/token-names.d.ts +3 -337
  144. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -115
  145. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -115
  146. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -91
  147. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -91
  148. package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +1 -89
  149. package/dist/types/artifacts/types-internal.d.ts +2 -2
  150. package/dist/types/artifacts/types.d.ts +2 -2
  151. package/dist/types/get-global-theme.d.ts +2 -0
  152. package/dist/types/index.d.ts +7 -3
  153. package/dist/types/set-global-theme.d.ts +63 -7
  154. package/dist/types/theme-config.d.ts +10 -7
  155. package/dist/types/{theme-change-observer.d.ts → theme-mutation-observer.d.ts} +2 -16
  156. package/dist/types/types.d.ts +1 -286
  157. package/dist/types/use-theme-observer.d.ts +15 -0
  158. package/dist/types/utils/theme-loading.d.ts +3 -0
  159. package/dist/types/utils/theme-state-transformer.d.ts +26 -0
  160. package/figma/atlassian-dark.json +1 -102
  161. package/figma/atlassian-legacy-dark.json +1 -102
  162. package/figma/atlassian-legacy-light.json +1 -102
  163. package/figma/atlassian-light.json +1 -102
  164. package/figma/atlassian-spacing.json +1 -761
  165. package/package.json +5 -8
  166. package/report.api.md +85 -351
  167. package/tmp/api-report-tmp.d.ts +58 -342
  168. package/css/atlassian-dark.css +0 -786
  169. package/css/atlassian-legacy-dark.css +0 -786
  170. package/css/atlassian-legacy-light.css +0 -786
  171. package/css/atlassian-light.css +0 -786
  172. package/css/atlassian-spacing.css +0 -87
  173. package/dist/cjs/artifacts/typescript/atlassian-light-token-default-values.js +0 -407
  174. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +0 -435
  175. package/dist/cjs/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -532
  176. package/dist/cjs/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -523
  177. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +0 -421
  178. package/dist/cjs/tokens/default/deprecated/deprecated.js +0 -1186
  179. package/dist/es2019/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
  180. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
  181. package/dist/es2019/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
  182. package/dist/es2019/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
  183. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +0 -414
  184. package/dist/es2019/tokens/default/deprecated/deprecated.js +0 -1217
  185. package/dist/esm/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
  186. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
  187. package/dist/esm/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
  188. package/dist/esm/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
  189. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +0 -414
  190. package/dist/esm/tokens/default/deprecated/deprecated.js +0 -1179
  191. package/dist/types/artifacts/typescript/atlassian-light-token-default-values.d.ts +0 -399
  192. package/dist/types/tokens/atlassian-dark/deprecated/deprecated.d.ts +0 -4
  193. package/dist/types/tokens/atlassian-legacy-dark/deprecated/deprecated.d.ts +0 -4
  194. package/dist/types/tokens/atlassian-legacy-light/deprecated/deprecated.d.ts +0 -4
  195. package/dist/types/tokens/atlassian-light/deprecated/deprecated.d.ts +0 -4
  196. package/dist/types/tokens/default/deprecated/deprecated.d.ts +0 -4
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::aa52bcdd2d60c876616cf469dedf12c2>>
3
+ * @codegen <<SignedSource::7d8f37c15df01017e141b2e709521993>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: {
@@ -24,14 +24,7 @@ declare const tokens: {
24
24
  readonly 'color.text.accent.gray': "--ds-text-accent-gray";
25
25
  readonly 'color.text.accent.gray.bolder': "--ds-text-accent-gray-bolder";
26
26
  readonly 'color.text.disabled': "--ds-text-disabled";
27
- readonly 'color.text.highEmphasis': "--ds-text-highEmphasis";
28
27
  readonly 'color.text.inverse': "--ds-text-inverse";
29
- readonly 'color.text.link.pressed': "--ds-text-link-pressed";
30
- readonly 'color.text.link.resting': "--ds-text-link-resting";
31
- readonly 'color.text.lowEmphasis': "--ds-text-lowEmphasis";
32
- readonly 'color.text.mediumEmphasis': "--ds-text-mediumEmphasis";
33
- readonly 'color.text.onBold': "--ds-text-onBold";
34
- readonly 'color.text.onBoldWarning': "--ds-text-onBoldWarning";
35
28
  readonly 'color.text.selected': "--ds-text-selected";
36
29
  readonly 'color.text.brand': "--ds-text-brand";
37
30
  readonly 'color.text.danger': "--ds-text-danger";
@@ -76,11 +69,9 @@ declare const tokens: {
76
69
  readonly 'color.border.accent.magenta': "--ds-border-accent-magenta";
77
70
  readonly 'color.border.accent.gray': "--ds-border-accent-gray";
78
71
  readonly 'color.border.disabled': "--ds-border-disabled";
79
- readonly 'color.border.focus': "--ds-border-focus";
80
72
  readonly 'color.border.focused': "--ds-border-focused";
81
73
  readonly 'color.border.input': "--ds-border-input";
82
74
  readonly 'color.border.inverse': "--ds-border-inverse";
83
- readonly 'color.border.neutral': "--ds-border-neutral";
84
75
  readonly 'color.border.selected': "--ds-border-selected";
85
76
  readonly 'color.border.brand': "--ds-border-brand";
86
77
  readonly 'color.border.danger': "--ds-border-danger";
@@ -89,84 +80,46 @@ declare const tokens: {
89
80
  readonly 'color.border.discovery': "--ds-border-discovery";
90
81
  readonly 'color.border.information': "--ds-border-information";
91
82
  readonly 'color.border.bold': "--ds-border-bold";
92
- readonly 'color.background.accent.red': "--ds-background-accent-red";
93
83
  readonly 'color.background.accent.red.subtlest': "--ds-background-accent-red-subtlest";
94
84
  readonly 'color.background.accent.red.subtler': "--ds-background-accent-red-subtler";
95
85
  readonly 'color.background.accent.red.subtle': "--ds-background-accent-red-subtle";
96
- readonly 'color.background.accent.red.bold': "--ds-background-accent-red-bold";
97
86
  readonly 'color.background.accent.red.bolder': "--ds-background-accent-red-bolder";
98
- readonly 'color.background.accent.orange': "--ds-background-accent-orange";
99
87
  readonly 'color.background.accent.orange.subtlest': "--ds-background-accent-orange-subtlest";
100
88
  readonly 'color.background.accent.orange.subtler': "--ds-background-accent-orange-subtler";
101
89
  readonly 'color.background.accent.orange.subtle': "--ds-background-accent-orange-subtle";
102
- readonly 'color.background.accent.orange.bold': "--ds-background-accent-orange-bold";
103
90
  readonly 'color.background.accent.orange.bolder': "--ds-background-accent-orange-bolder";
104
- readonly 'color.background.accent.yellow': "--ds-background-accent-yellow";
105
91
  readonly 'color.background.accent.yellow.subtlest': "--ds-background-accent-yellow-subtlest";
106
92
  readonly 'color.background.accent.yellow.subtler': "--ds-background-accent-yellow-subtler";
107
93
  readonly 'color.background.accent.yellow.subtle': "--ds-background-accent-yellow-subtle";
108
- readonly 'color.background.accent.yellow.bold': "--ds-background-accent-yellow-bold";
109
94
  readonly 'color.background.accent.yellow.bolder': "--ds-background-accent-yellow-bolder";
110
- readonly 'color.background.accent.green': "--ds-background-accent-green";
111
95
  readonly 'color.background.accent.green.subtlest': "--ds-background-accent-green-subtlest";
112
96
  readonly 'color.background.accent.green.subtler': "--ds-background-accent-green-subtler";
113
97
  readonly 'color.background.accent.green.subtle': "--ds-background-accent-green-subtle";
114
- readonly 'color.background.accent.green.bold': "--ds-background-accent-green-bold";
115
98
  readonly 'color.background.accent.green.bolder': "--ds-background-accent-green-bolder";
116
- readonly 'color.background.accent.teal': "--ds-background-accent-teal";
117
99
  readonly 'color.background.accent.teal.subtlest': "--ds-background-accent-teal-subtlest";
118
100
  readonly 'color.background.accent.teal.subtler': "--ds-background-accent-teal-subtler";
119
101
  readonly 'color.background.accent.teal.subtle': "--ds-background-accent-teal-subtle";
120
- readonly 'color.background.accent.teal.bold': "--ds-background-accent-teal-bold";
121
102
  readonly 'color.background.accent.teal.bolder': "--ds-background-accent-teal-bolder";
122
- readonly 'color.background.accent.blue': "--ds-background-accent-blue";
123
103
  readonly 'color.background.accent.blue.subtlest': "--ds-background-accent-blue-subtlest";
124
104
  readonly 'color.background.accent.blue.subtler': "--ds-background-accent-blue-subtler";
125
105
  readonly 'color.background.accent.blue.subtle': "--ds-background-accent-blue-subtle";
126
- readonly 'color.background.accent.blue.bold': "--ds-background-accent-blue-bold";
127
106
  readonly 'color.background.accent.blue.bolder': "--ds-background-accent-blue-bolder";
128
- readonly 'color.background.accent.purple': "--ds-background-accent-purple";
129
107
  readonly 'color.background.accent.purple.subtlest': "--ds-background-accent-purple-subtlest";
130
108
  readonly 'color.background.accent.purple.subtler': "--ds-background-accent-purple-subtler";
131
109
  readonly 'color.background.accent.purple.subtle': "--ds-background-accent-purple-subtle";
132
- readonly 'color.background.accent.purple.bold': "--ds-background-accent-purple-bold";
133
110
  readonly 'color.background.accent.purple.bolder': "--ds-background-accent-purple-bolder";
134
- readonly 'color.background.accent.magenta': "--ds-background-accent-magenta";
135
111
  readonly 'color.background.accent.magenta.subtlest': "--ds-background-accent-magenta-subtlest";
136
112
  readonly 'color.background.accent.magenta.subtler': "--ds-background-accent-magenta-subtler";
137
113
  readonly 'color.background.accent.magenta.subtle': "--ds-background-accent-magenta-subtle";
138
- readonly 'color.background.accent.magenta.bold': "--ds-background-accent-magenta-bold";
139
114
  readonly 'color.background.accent.magenta.bolder': "--ds-background-accent-magenta-bolder";
140
115
  readonly 'color.background.accent.gray.subtlest': "--ds-background-accent-gray-subtlest";
141
116
  readonly 'color.background.accent.gray.subtler': "--ds-background-accent-gray-subtler";
142
117
  readonly 'color.background.accent.gray.subtle': "--ds-background-accent-gray-subtle";
143
118
  readonly 'color.background.accent.gray.bolder': "--ds-background-accent-gray-bolder";
144
- readonly 'color.background.blanket': "--ds-background-blanket";
145
- readonly 'color.background.boldBrand.hover': "--ds-background-boldBrand-hover";
146
- readonly 'color.background.boldBrand.pressed': "--ds-background-boldBrand-pressed";
147
- readonly 'color.background.boldBrand.resting': "--ds-background-boldBrand-resting";
148
- readonly 'color.background.boldDanger.hover': "--ds-background-boldDanger-hover";
149
- readonly 'color.background.boldDanger.pressed': "--ds-background-boldDanger-pressed";
150
- readonly 'color.background.boldDanger.resting': "--ds-background-boldDanger-resting";
151
- readonly 'color.background.boldDiscovery.hover': "--ds-background-boldDiscovery-hover";
152
- readonly 'color.background.boldDiscovery.pressed': "--ds-background-boldDiscovery-pressed";
153
- readonly 'color.background.boldDiscovery.resting': "--ds-background-boldDiscovery-resting";
154
- readonly 'color.background.boldNeutral.hover': "--ds-background-boldNeutral-hover";
155
- readonly 'color.background.boldNeutral.pressed': "--ds-background-boldNeutral-pressed";
156
- readonly 'color.background.boldNeutral.resting': "--ds-background-boldNeutral-resting";
157
- readonly 'color.background.boldSuccess.hover': "--ds-background-boldSuccess-hover";
158
- readonly 'color.background.boldSuccess.pressed': "--ds-background-boldSuccess-pressed";
159
- readonly 'color.background.boldSuccess.resting': "--ds-background-boldSuccess-resting";
160
- readonly 'color.background.boldWarning.hover': "--ds-background-boldWarning-hover";
161
- readonly 'color.background.boldWarning.pressed': "--ds-background-boldWarning-pressed";
162
- readonly 'color.background.boldWarning.resting': "--ds-background-boldWarning-resting";
163
- readonly 'color.background.card': "--ds-background-card";
164
- readonly 'color.background.default': "--ds-background-default";
165
119
  readonly 'color.background.disabled': "--ds-background-disabled";
166
120
  readonly 'color.background.input': "--ds-background-input";
167
121
  readonly 'color.background.input.hovered': "--ds-background-input-hovered";
168
122
  readonly 'color.background.input.pressed': "--ds-background-input-pressed";
169
- readonly 'color.background.inverse': "--ds-background-inverse";
170
123
  readonly 'color.background.inverse.subtle': "--ds-background-inverse-subtle";
171
124
  readonly 'color.background.inverse.subtle.hovered': "--ds-background-inverse-subtle-hovered";
172
125
  readonly 'color.background.inverse.subtle.pressed': "--ds-background-inverse-subtle-pressed";
@@ -179,41 +132,12 @@ declare const tokens: {
179
132
  readonly 'color.background.neutral.bold': "--ds-background-neutral-bold";
180
133
  readonly 'color.background.neutral.bold.hovered': "--ds-background-neutral-bold-hovered";
181
134
  readonly 'color.background.neutral.bold.pressed': "--ds-background-neutral-bold-pressed";
182
- readonly 'color.background.overlay': "--ds-background-overlay";
183
135
  readonly 'color.background.selected': "--ds-background-selected";
184
136
  readonly 'color.background.selected.hovered': "--ds-background-selected-hovered";
185
137
  readonly 'color.background.selected.pressed': "--ds-background-selected-pressed";
186
- readonly 'color.background.selected.hover': "--ds-background-selected-hover";
187
- readonly 'color.background.selected.resting': "--ds-background-selected-resting";
188
138
  readonly 'color.background.selected.bold': "--ds-background-selected-bold";
189
139
  readonly 'color.background.selected.bold.hovered': "--ds-background-selected-bold-hovered";
190
140
  readonly 'color.background.selected.bold.pressed': "--ds-background-selected-bold-pressed";
191
- readonly 'color.background.subtleBorderedNeutral.pressed': "--ds-background-subtleBorderedNeutral-pressed";
192
- readonly 'color.background.subtleBorderedNeutral.resting': "--ds-background-subtleBorderedNeutral-resting";
193
- readonly 'color.background.subtleBrand.hover': "--ds-background-subtleBrand-hover";
194
- readonly 'color.background.subtleBrand.pressed': "--ds-background-subtleBrand-pressed";
195
- readonly 'color.background.subtleBrand.resting': "--ds-background-subtleBrand-resting";
196
- readonly 'color.background.subtleDanger.hover': "--ds-background-subtleDanger-hover";
197
- readonly 'color.background.subtleDanger.pressed': "--ds-background-subtleDanger-pressed";
198
- readonly 'color.background.subtleDanger.resting': "--ds-background-subtleDanger-resting";
199
- readonly 'color.background.subtleDiscovery.hover': "--ds-background-subtleDiscovery-hover";
200
- readonly 'color.background.subtleDiscovery.pressed': "--ds-background-subtleDiscovery-pressed";
201
- readonly 'color.background.subtleDiscovery.resting': "--ds-background-subtleDiscovery-resting";
202
- readonly 'color.background.subtleNeutral.hover': "--ds-background-subtleNeutral-hover";
203
- readonly 'color.background.subtleNeutral.pressed': "--ds-background-subtleNeutral-pressed";
204
- readonly 'color.background.subtleNeutral.resting': "--ds-background-subtleNeutral-resting";
205
- readonly 'color.background.subtleSuccess.hover': "--ds-background-subtleSuccess-hover";
206
- readonly 'color.background.subtleSuccess.pressed': "--ds-background-subtleSuccess-pressed";
207
- readonly 'color.background.subtleSuccess.resting': "--ds-background-subtleSuccess-resting";
208
- readonly 'color.background.subtleWarning.hover': "--ds-background-subtleWarning-hover";
209
- readonly 'color.background.subtleWarning.pressed': "--ds-background-subtleWarning-pressed";
210
- readonly 'color.background.subtleWarning.resting': "--ds-background-subtleWarning-resting";
211
- readonly 'color.background.sunken': "--ds-background-sunken";
212
- readonly 'color.background.transparentNeutral.hover': "--ds-background-transparentNeutral-hover";
213
- readonly 'color.background.transparentNeutral.pressed': "--ds-background-transparentNeutral-pressed";
214
- readonly 'color.background.brand': "--ds-background-brand";
215
- readonly 'color.background.brand.hovered': "--ds-background-brand-hovered";
216
- readonly 'color.background.brand.pressed': "--ds-background-brand-pressed";
217
141
  readonly 'color.background.brand.bold': "--ds-background-brand-bold";
218
142
  readonly 'color.background.brand.bold.hovered': "--ds-background-brand-bold-hovered";
219
143
  readonly 'color.background.brand.bold.pressed': "--ds-background-brand-bold-pressed";
@@ -251,8 +175,6 @@ declare const tokens: {
251
175
  readonly 'color.blanket.selected': "--ds-blanket-selected";
252
176
  readonly 'color.blanket.danger': "--ds-blanket-danger";
253
177
  readonly 'color.interaction.hovered': "--ds-interaction-hovered";
254
- readonly 'color.interaction.inverse.hovered': "--ds-interaction-inverse-hovered";
255
- readonly 'color.interaction.inverse.pressed': "--ds-interaction-inverse-pressed";
256
178
  readonly 'color.interaction.pressed': "--ds-interaction-pressed";
257
179
  readonly 'color.skeleton': "--ds-skeleton";
258
180
  readonly 'color.skeleton.subtle': "--ds-skeleton-subtle";
@@ -350,26 +272,6 @@ declare const tokens: {
350
272
  readonly 'color.chart.information.hovered': "--ds-chart-information-hovered";
351
273
  readonly 'color.chart.information.bold': "--ds-chart-information-bold";
352
274
  readonly 'color.chart.information.bold.hovered': "--ds-chart-information-bold-hovered";
353
- readonly 'color.accent.boldBlue': "--ds-accent-boldBlue";
354
- readonly 'color.accent.boldGreen': "--ds-accent-boldGreen";
355
- readonly 'color.accent.boldOrange': "--ds-accent-boldOrange";
356
- readonly 'color.accent.boldPurple': "--ds-accent-boldPurple";
357
- readonly 'color.accent.boldRed': "--ds-accent-boldRed";
358
- readonly 'color.accent.boldTeal': "--ds-accent-boldTeal";
359
- readonly 'color.accent.subtleBlue': "--ds-accent-subtleBlue";
360
- readonly 'color.accent.subtleGreen': "--ds-accent-subtleGreen";
361
- readonly 'color.accent.subtleMagenta': "--ds-accent-subtleMagenta";
362
- readonly 'color.accent.subtleOrange': "--ds-accent-subtleOrange";
363
- readonly 'color.accent.subtlePurple': "--ds-accent-subtlePurple";
364
- readonly 'color.accent.subtleRed': "--ds-accent-subtleRed";
365
- readonly 'color.accent.subtleTeal': "--ds-accent-subtleTeal";
366
- readonly 'color.iconBorder.brand': "--ds-iconBorder-brand";
367
- readonly 'color.iconBorder.danger': "--ds-iconBorder-danger";
368
- readonly 'color.iconBorder.warning': "--ds-iconBorder-warning";
369
- readonly 'color.iconBorder.success': "--ds-iconBorder-success";
370
- readonly 'color.iconBorder.discovery': "--ds-iconBorder-discovery";
371
- readonly 'color.overlay.hover': "--ds-overlay-hover";
372
- readonly 'color.overlay.pressed': "--ds-overlay-pressed";
373
275
  readonly 'elevation.surface': "--ds-surface";
374
276
  readonly 'elevation.surface.hovered': "--ds-surface-hovered";
375
277
  readonly 'elevation.surface.pressed': "--ds-surface-pressed";
@@ -387,76 +289,7 @@ declare const tokens: {
387
289
  readonly 'elevation.shadow.raised': "--ds-shadow-raised";
388
290
  readonly 'opacity.disabled': "--ds-opacity-disabled";
389
291
  readonly 'opacity.loading': "--ds-opacity-loading";
390
- readonly 'shadow.card': "--ds-card";
391
- readonly 'shadow.overlay': "--ds-overlay";
392
- readonly 'utility.UNSAFE_util.MISSING_TOKEN': "--ds-UNSAFE_util-MISSING_TOKEN";
393
- readonly 'utility.UNSAFE_util.transparent': "--ds-UNSAFE_util-transparent";
394
- readonly 'spacing.scale.0': "--ds-scale-0";
395
- readonly 'spacing.scale.025': "--ds-scale-025";
396
- readonly 'spacing.scale.050': "--ds-scale-050";
397
- readonly 'spacing.scale.075': "--ds-scale-075";
398
- readonly 'spacing.scale.100': "--ds-scale-100";
399
- readonly 'spacing.scale.150': "--ds-scale-150";
400
- readonly 'spacing.scale.200': "--ds-scale-200";
401
- readonly 'spacing.scale.250': "--ds-scale-250";
402
- readonly 'spacing.scale.300': "--ds-scale-300";
403
- readonly 'spacing.scale.400': "--ds-scale-400";
404
- readonly 'spacing.scale.500': "--ds-scale-500";
405
- readonly 'spacing.scale.600': "--ds-scale-600";
406
- readonly 'spacing.scale.800': "--ds-scale-800";
407
- readonly 'spacing.scale.1000': "--ds-scale-1000";
408
- readonly 'spacing.scaleLinear.0': "--ds-scaleLinear-0";
409
- readonly 'spacing.scaleLinear.100': "--ds-scaleLinear-100";
410
- readonly 'spacing.scaleLinear.200': "--ds-scaleLinear-200";
411
- readonly 'spacing.scaleLinear.300': "--ds-scaleLinear-300";
412
- readonly 'spacing.scaleLinear.400': "--ds-scaleLinear-400";
413
- readonly 'spacing.scaleLinear.500': "--ds-scaleLinear-500";
414
- readonly 'spacing.scaleLinear.600': "--ds-scaleLinear-600";
415
- readonly 'spacing.scaleLinear.700': "--ds-scaleLinear-700";
416
- readonly 'spacing.scaleLinear.800': "--ds-scaleLinear-800";
417
- readonly 'spacing.scaleLinear.900': "--ds-scaleLinear-900";
418
- readonly 'spacing.scaleLinear.1000': "--ds-scaleLinear-1000";
419
- readonly 'spacing.scaleLinear.1100': "--ds-scaleLinear-1100";
420
- readonly 'spacing.size.none': "--ds-size-none";
421
- readonly 'spacing.size.xxxxSmall': "--ds-size-xxxxSmall";
422
- readonly 'spacing.size.xxxSmall': "--ds-size-xxxSmall";
423
- readonly 'spacing.size.xxSmall': "--ds-size-xxSmall";
424
- readonly 'spacing.size.xsmall': "--ds-size-xsmall";
425
- readonly 'spacing.size.small': "--ds-size-small";
426
- readonly 'spacing.size.medium': "--ds-size-medium";
427
- readonly 'spacing.size.large': "--ds-size-large";
428
- readonly 'spacing.size.xlarge': "--ds-size-xlarge";
429
- readonly 'spacing.size.xxlarge': "--ds-size-xxlarge";
430
- readonly 'spacing.size.xxxlarge': "--ds-size-xxxlarge";
431
- readonly 'spacing.size.xxxxlarge': "--ds-size-xxxxlarge";
432
- readonly 'spacing.gap.100': "--ds-gap-100";
433
- readonly 'spacing.gap.200': "--ds-gap-200";
434
- readonly 'spacing.gap.300': "--ds-gap-300";
435
- readonly 'spacing.inset.100': "--ds-inset-100";
436
- readonly 'spacing.inset.200': "--ds-inset-200";
437
- readonly 'spacing.inset.300': "--ds-inset-300";
438
- readonly 'spacing.ecl.container.12': "--ds-ecl-container-12";
439
- readonly 'spacing.ecl.container.16': "--ds-ecl-container-16";
440
- readonly 'spacing.ecl.container.20': "--ds-ecl-container-20";
441
- readonly 'spacing.ecl.container.24': "--ds-ecl-container-24";
442
- readonly 'spacing.ecl.element.2': "--ds-ecl-element-2";
443
- readonly 'spacing.ecl.element.4': "--ds-ecl-element-4";
444
- readonly 'spacing.ecl.element.6': "--ds-ecl-element-6";
445
- readonly 'spacing.ecl.element.8': "--ds-ecl-element-8";
446
- readonly 'spacing.ecl.layout.32': "--ds-ecl-layout-32";
447
- readonly 'spacing.ecl.layout.40': "--ds-ecl-layout-40";
448
- readonly 'spacing.ecl.layout.64': "--ds-ecl-layout-64";
449
- readonly 'spacing.ccc.component.2': "--ds-ccc-component-2";
450
- readonly 'spacing.ccc.component.4': "--ds-ccc-component-4";
451
- readonly 'spacing.ccc.component.6': "--ds-ccc-component-6";
452
- readonly 'spacing.ccc.component.8': "--ds-ccc-component-8";
453
- readonly 'spacing.ccc.container.32': "--ds-ccc-container-32";
454
- readonly 'spacing.ccc.container.40': "--ds-ccc-container-40";
455
- readonly 'spacing.ccc.container.48': "--ds-ccc-container-48";
456
- readonly 'spacing.ccc.content.12': "--ds-ccc-content-12";
457
- readonly 'spacing.ccc.content.16': "--ds-ccc-content-16";
458
- readonly 'spacing.ccc.content.20': "--ds-ccc-content-20";
459
- readonly 'spacing.ccc.content.24': "--ds-ccc-content-24";
292
+ readonly 'utility.UNSAFE.transparent': "--ds-UNSAFE-transparent";
460
293
  readonly 'space.0': "--ds-space-0";
461
294
  readonly 'space.025': "--ds-space-025";
462
295
  readonly 'space.050': "--ds-space-050";
@@ -513,14 +346,7 @@ export declare type CSSTokenMap = {
513
346
  'color.text.accent.gray': 'var(--ds-text-accent-gray)';
514
347
  'color.text.accent.gray.bolder': 'var(--ds-text-accent-gray-bolder)';
515
348
  'color.text.disabled': 'var(--ds-text-disabled)';
516
- 'color.text.highEmphasis': 'var(--ds-text-highEmphasis)';
517
349
  'color.text.inverse': 'var(--ds-text-inverse)';
518
- 'color.text.link.pressed': 'var(--ds-text-link-pressed)';
519
- 'color.text.link.resting': 'var(--ds-text-link-resting)';
520
- 'color.text.lowEmphasis': 'var(--ds-text-lowEmphasis)';
521
- 'color.text.mediumEmphasis': 'var(--ds-text-mediumEmphasis)';
522
- 'color.text.onBold': 'var(--ds-text-onBold)';
523
- 'color.text.onBoldWarning': 'var(--ds-text-onBoldWarning)';
524
350
  'color.text.selected': 'var(--ds-text-selected)';
525
351
  'color.text.brand': 'var(--ds-text-brand)';
526
352
  'color.text.danger': 'var(--ds-text-danger)';
@@ -565,11 +391,9 @@ export declare type CSSTokenMap = {
565
391
  'color.border.accent.magenta': 'var(--ds-border-accent-magenta)';
566
392
  'color.border.accent.gray': 'var(--ds-border-accent-gray)';
567
393
  'color.border.disabled': 'var(--ds-border-disabled)';
568
- 'color.border.focus': 'var(--ds-border-focus)';
569
394
  'color.border.focused': 'var(--ds-border-focused)';
570
395
  'color.border.input': 'var(--ds-border-input)';
571
396
  'color.border.inverse': 'var(--ds-border-inverse)';
572
- 'color.border.neutral': 'var(--ds-border-neutral)';
573
397
  'color.border.selected': 'var(--ds-border-selected)';
574
398
  'color.border.brand': 'var(--ds-border-brand)';
575
399
  'color.border.danger': 'var(--ds-border-danger)';
@@ -578,84 +402,46 @@ export declare type CSSTokenMap = {
578
402
  'color.border.discovery': 'var(--ds-border-discovery)';
579
403
  'color.border.information': 'var(--ds-border-information)';
580
404
  'color.border.bold': 'var(--ds-border-bold)';
581
- 'color.background.accent.red': 'var(--ds-background-accent-red)';
582
405
  'color.background.accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)';
583
406
  'color.background.accent.red.subtler': 'var(--ds-background-accent-red-subtler)';
584
407
  'color.background.accent.red.subtle': 'var(--ds-background-accent-red-subtle)';
585
- 'color.background.accent.red.bold': 'var(--ds-background-accent-red-bold)';
586
408
  'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)';
587
- 'color.background.accent.orange': 'var(--ds-background-accent-orange)';
588
409
  'color.background.accent.orange.subtlest': 'var(--ds-background-accent-orange-subtlest)';
589
410
  'color.background.accent.orange.subtler': 'var(--ds-background-accent-orange-subtler)';
590
411
  'color.background.accent.orange.subtle': 'var(--ds-background-accent-orange-subtle)';
591
- 'color.background.accent.orange.bold': 'var(--ds-background-accent-orange-bold)';
592
412
  'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)';
593
- 'color.background.accent.yellow': 'var(--ds-background-accent-yellow)';
594
413
  'color.background.accent.yellow.subtlest': 'var(--ds-background-accent-yellow-subtlest)';
595
414
  'color.background.accent.yellow.subtler': 'var(--ds-background-accent-yellow-subtler)';
596
415
  'color.background.accent.yellow.subtle': 'var(--ds-background-accent-yellow-subtle)';
597
- 'color.background.accent.yellow.bold': 'var(--ds-background-accent-yellow-bold)';
598
416
  'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)';
599
- 'color.background.accent.green': 'var(--ds-background-accent-green)';
600
417
  'color.background.accent.green.subtlest': 'var(--ds-background-accent-green-subtlest)';
601
418
  'color.background.accent.green.subtler': 'var(--ds-background-accent-green-subtler)';
602
419
  'color.background.accent.green.subtle': 'var(--ds-background-accent-green-subtle)';
603
- 'color.background.accent.green.bold': 'var(--ds-background-accent-green-bold)';
604
420
  'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)';
605
- 'color.background.accent.teal': 'var(--ds-background-accent-teal)';
606
421
  'color.background.accent.teal.subtlest': 'var(--ds-background-accent-teal-subtlest)';
607
422
  'color.background.accent.teal.subtler': 'var(--ds-background-accent-teal-subtler)';
608
423
  'color.background.accent.teal.subtle': 'var(--ds-background-accent-teal-subtle)';
609
- 'color.background.accent.teal.bold': 'var(--ds-background-accent-teal-bold)';
610
424
  'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)';
611
- 'color.background.accent.blue': 'var(--ds-background-accent-blue)';
612
425
  'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)';
613
426
  'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)';
614
427
  'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)';
615
- 'color.background.accent.blue.bold': 'var(--ds-background-accent-blue-bold)';
616
428
  'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)';
617
- 'color.background.accent.purple': 'var(--ds-background-accent-purple)';
618
429
  'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)';
619
430
  'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)';
620
431
  'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)';
621
- 'color.background.accent.purple.bold': 'var(--ds-background-accent-purple-bold)';
622
432
  'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)';
623
- 'color.background.accent.magenta': 'var(--ds-background-accent-magenta)';
624
433
  'color.background.accent.magenta.subtlest': 'var(--ds-background-accent-magenta-subtlest)';
625
434
  'color.background.accent.magenta.subtler': 'var(--ds-background-accent-magenta-subtler)';
626
435
  'color.background.accent.magenta.subtle': 'var(--ds-background-accent-magenta-subtle)';
627
- 'color.background.accent.magenta.bold': 'var(--ds-background-accent-magenta-bold)';
628
436
  'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)';
629
437
  'color.background.accent.gray.subtlest': 'var(--ds-background-accent-gray-subtlest)';
630
438
  'color.background.accent.gray.subtler': 'var(--ds-background-accent-gray-subtler)';
631
439
  'color.background.accent.gray.subtle': 'var(--ds-background-accent-gray-subtle)';
632
440
  'color.background.accent.gray.bolder': 'var(--ds-background-accent-gray-bolder)';
633
- 'color.background.blanket': 'var(--ds-background-blanket)';
634
- 'color.background.boldBrand.hover': 'var(--ds-background-boldBrand-hover)';
635
- 'color.background.boldBrand.pressed': 'var(--ds-background-boldBrand-pressed)';
636
- 'color.background.boldBrand.resting': 'var(--ds-background-boldBrand-resting)';
637
- 'color.background.boldDanger.hover': 'var(--ds-background-boldDanger-hover)';
638
- 'color.background.boldDanger.pressed': 'var(--ds-background-boldDanger-pressed)';
639
- 'color.background.boldDanger.resting': 'var(--ds-background-boldDanger-resting)';
640
- 'color.background.boldDiscovery.hover': 'var(--ds-background-boldDiscovery-hover)';
641
- 'color.background.boldDiscovery.pressed': 'var(--ds-background-boldDiscovery-pressed)';
642
- 'color.background.boldDiscovery.resting': 'var(--ds-background-boldDiscovery-resting)';
643
- 'color.background.boldNeutral.hover': 'var(--ds-background-boldNeutral-hover)';
644
- 'color.background.boldNeutral.pressed': 'var(--ds-background-boldNeutral-pressed)';
645
- 'color.background.boldNeutral.resting': 'var(--ds-background-boldNeutral-resting)';
646
- 'color.background.boldSuccess.hover': 'var(--ds-background-boldSuccess-hover)';
647
- 'color.background.boldSuccess.pressed': 'var(--ds-background-boldSuccess-pressed)';
648
- 'color.background.boldSuccess.resting': 'var(--ds-background-boldSuccess-resting)';
649
- 'color.background.boldWarning.hover': 'var(--ds-background-boldWarning-hover)';
650
- 'color.background.boldWarning.pressed': 'var(--ds-background-boldWarning-pressed)';
651
- 'color.background.boldWarning.resting': 'var(--ds-background-boldWarning-resting)';
652
- 'color.background.card': 'var(--ds-background-card)';
653
- 'color.background.default': 'var(--ds-background-default)';
654
441
  'color.background.disabled': 'var(--ds-background-disabled)';
655
442
  'color.background.input': 'var(--ds-background-input)';
656
443
  'color.background.input.hovered': 'var(--ds-background-input-hovered)';
657
444
  'color.background.input.pressed': 'var(--ds-background-input-pressed)';
658
- 'color.background.inverse': 'var(--ds-background-inverse)';
659
445
  'color.background.inverse.subtle': 'var(--ds-background-inverse-subtle)';
660
446
  'color.background.inverse.subtle.hovered': 'var(--ds-background-inverse-subtle-hovered)';
661
447
  'color.background.inverse.subtle.pressed': 'var(--ds-background-inverse-subtle-pressed)';
@@ -668,41 +454,12 @@ export declare type CSSTokenMap = {
668
454
  'color.background.neutral.bold': 'var(--ds-background-neutral-bold)';
669
455
  'color.background.neutral.bold.hovered': 'var(--ds-background-neutral-bold-hovered)';
670
456
  'color.background.neutral.bold.pressed': 'var(--ds-background-neutral-bold-pressed)';
671
- 'color.background.overlay': 'var(--ds-background-overlay)';
672
457
  'color.background.selected': 'var(--ds-background-selected)';
673
458
  'color.background.selected.hovered': 'var(--ds-background-selected-hovered)';
674
459
  'color.background.selected.pressed': 'var(--ds-background-selected-pressed)';
675
- 'color.background.selected.hover': 'var(--ds-background-selected-hover)';
676
- 'color.background.selected.resting': 'var(--ds-background-selected-resting)';
677
460
  'color.background.selected.bold': 'var(--ds-background-selected-bold)';
678
461
  'color.background.selected.bold.hovered': 'var(--ds-background-selected-bold-hovered)';
679
462
  'color.background.selected.bold.pressed': 'var(--ds-background-selected-bold-pressed)';
680
- 'color.background.subtleBorderedNeutral.pressed': 'var(--ds-background-subtleBorderedNeutral-pressed)';
681
- 'color.background.subtleBorderedNeutral.resting': 'var(--ds-background-subtleBorderedNeutral-resting)';
682
- 'color.background.subtleBrand.hover': 'var(--ds-background-subtleBrand-hover)';
683
- 'color.background.subtleBrand.pressed': 'var(--ds-background-subtleBrand-pressed)';
684
- 'color.background.subtleBrand.resting': 'var(--ds-background-subtleBrand-resting)';
685
- 'color.background.subtleDanger.hover': 'var(--ds-background-subtleDanger-hover)';
686
- 'color.background.subtleDanger.pressed': 'var(--ds-background-subtleDanger-pressed)';
687
- 'color.background.subtleDanger.resting': 'var(--ds-background-subtleDanger-resting)';
688
- 'color.background.subtleDiscovery.hover': 'var(--ds-background-subtleDiscovery-hover)';
689
- 'color.background.subtleDiscovery.pressed': 'var(--ds-background-subtleDiscovery-pressed)';
690
- 'color.background.subtleDiscovery.resting': 'var(--ds-background-subtleDiscovery-resting)';
691
- 'color.background.subtleNeutral.hover': 'var(--ds-background-subtleNeutral-hover)';
692
- 'color.background.subtleNeutral.pressed': 'var(--ds-background-subtleNeutral-pressed)';
693
- 'color.background.subtleNeutral.resting': 'var(--ds-background-subtleNeutral-resting)';
694
- 'color.background.subtleSuccess.hover': 'var(--ds-background-subtleSuccess-hover)';
695
- 'color.background.subtleSuccess.pressed': 'var(--ds-background-subtleSuccess-pressed)';
696
- 'color.background.subtleSuccess.resting': 'var(--ds-background-subtleSuccess-resting)';
697
- 'color.background.subtleWarning.hover': 'var(--ds-background-subtleWarning-hover)';
698
- 'color.background.subtleWarning.pressed': 'var(--ds-background-subtleWarning-pressed)';
699
- 'color.background.subtleWarning.resting': 'var(--ds-background-subtleWarning-resting)';
700
- 'color.background.sunken': 'var(--ds-background-sunken)';
701
- 'color.background.transparentNeutral.hover': 'var(--ds-background-transparentNeutral-hover)';
702
- 'color.background.transparentNeutral.pressed': 'var(--ds-background-transparentNeutral-pressed)';
703
- 'color.background.brand': 'var(--ds-background-brand)';
704
- 'color.background.brand.hovered': 'var(--ds-background-brand-hovered)';
705
- 'color.background.brand.pressed': 'var(--ds-background-brand-pressed)';
706
463
  'color.background.brand.bold': 'var(--ds-background-brand-bold)';
707
464
  'color.background.brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)';
708
465
  'color.background.brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)';
@@ -740,8 +497,6 @@ export declare type CSSTokenMap = {
740
497
  'color.blanket.selected': 'var(--ds-blanket-selected)';
741
498
  'color.blanket.danger': 'var(--ds-blanket-danger)';
742
499
  'color.interaction.hovered': 'var(--ds-interaction-hovered)';
743
- 'color.interaction.inverse.hovered': 'var(--ds-interaction-inverse-hovered)';
744
- 'color.interaction.inverse.pressed': 'var(--ds-interaction-inverse-pressed)';
745
500
  'color.interaction.pressed': 'var(--ds-interaction-pressed)';
746
501
  'color.skeleton': 'var(--ds-skeleton)';
747
502
  'color.skeleton.subtle': 'var(--ds-skeleton-subtle)';
@@ -839,26 +594,6 @@ export declare type CSSTokenMap = {
839
594
  'color.chart.information.hovered': 'var(--ds-chart-information-hovered)';
840
595
  'color.chart.information.bold': 'var(--ds-chart-information-bold)';
841
596
  'color.chart.information.bold.hovered': 'var(--ds-chart-information-bold-hovered)';
842
- 'color.accent.boldBlue': 'var(--ds-accent-boldBlue)';
843
- 'color.accent.boldGreen': 'var(--ds-accent-boldGreen)';
844
- 'color.accent.boldOrange': 'var(--ds-accent-boldOrange)';
845
- 'color.accent.boldPurple': 'var(--ds-accent-boldPurple)';
846
- 'color.accent.boldRed': 'var(--ds-accent-boldRed)';
847
- 'color.accent.boldTeal': 'var(--ds-accent-boldTeal)';
848
- 'color.accent.subtleBlue': 'var(--ds-accent-subtleBlue)';
849
- 'color.accent.subtleGreen': 'var(--ds-accent-subtleGreen)';
850
- 'color.accent.subtleMagenta': 'var(--ds-accent-subtleMagenta)';
851
- 'color.accent.subtleOrange': 'var(--ds-accent-subtleOrange)';
852
- 'color.accent.subtlePurple': 'var(--ds-accent-subtlePurple)';
853
- 'color.accent.subtleRed': 'var(--ds-accent-subtleRed)';
854
- 'color.accent.subtleTeal': 'var(--ds-accent-subtleTeal)';
855
- 'color.iconBorder.brand': 'var(--ds-iconBorder-brand)';
856
- 'color.iconBorder.danger': 'var(--ds-iconBorder-danger)';
857
- 'color.iconBorder.warning': 'var(--ds-iconBorder-warning)';
858
- 'color.iconBorder.success': 'var(--ds-iconBorder-success)';
859
- 'color.iconBorder.discovery': 'var(--ds-iconBorder-discovery)';
860
- 'color.overlay.hover': 'var(--ds-overlay-hover)';
861
- 'color.overlay.pressed': 'var(--ds-overlay-pressed)';
862
597
  'elevation.surface': 'var(--ds-surface)';
863
598
  'elevation.surface.hovered': 'var(--ds-surface-hovered)';
864
599
  'elevation.surface.pressed': 'var(--ds-surface-pressed)';
@@ -876,76 +611,7 @@ export declare type CSSTokenMap = {
876
611
  'elevation.shadow.raised': 'var(--ds-shadow-raised)';
877
612
  'opacity.disabled': 'var(--ds-opacity-disabled)';
878
613
  'opacity.loading': 'var(--ds-opacity-loading)';
879
- 'shadow.card': 'var(--ds-card)';
880
- 'shadow.overlay': 'var(--ds-overlay)';
881
- 'utility.UNSAFE_util.MISSING_TOKEN': 'var(--ds-UNSAFE_util-MISSING_TOKEN)';
882
- 'utility.UNSAFE_util.transparent': 'var(--ds-UNSAFE_util-transparent)';
883
- 'spacing.scale.0': 'var(--ds-scale-0)';
884
- 'spacing.scale.025': 'var(--ds-scale-025)';
885
- 'spacing.scale.050': 'var(--ds-scale-050)';
886
- 'spacing.scale.075': 'var(--ds-scale-075)';
887
- 'spacing.scale.100': 'var(--ds-scale-100)';
888
- 'spacing.scale.150': 'var(--ds-scale-150)';
889
- 'spacing.scale.200': 'var(--ds-scale-200)';
890
- 'spacing.scale.250': 'var(--ds-scale-250)';
891
- 'spacing.scale.300': 'var(--ds-scale-300)';
892
- 'spacing.scale.400': 'var(--ds-scale-400)';
893
- 'spacing.scale.500': 'var(--ds-scale-500)';
894
- 'spacing.scale.600': 'var(--ds-scale-600)';
895
- 'spacing.scale.800': 'var(--ds-scale-800)';
896
- 'spacing.scale.1000': 'var(--ds-scale-1000)';
897
- 'spacing.scaleLinear.0': 'var(--ds-scaleLinear-0)';
898
- 'spacing.scaleLinear.100': 'var(--ds-scaleLinear-100)';
899
- 'spacing.scaleLinear.200': 'var(--ds-scaleLinear-200)';
900
- 'spacing.scaleLinear.300': 'var(--ds-scaleLinear-300)';
901
- 'spacing.scaleLinear.400': 'var(--ds-scaleLinear-400)';
902
- 'spacing.scaleLinear.500': 'var(--ds-scaleLinear-500)';
903
- 'spacing.scaleLinear.600': 'var(--ds-scaleLinear-600)';
904
- 'spacing.scaleLinear.700': 'var(--ds-scaleLinear-700)';
905
- 'spacing.scaleLinear.800': 'var(--ds-scaleLinear-800)';
906
- 'spacing.scaleLinear.900': 'var(--ds-scaleLinear-900)';
907
- 'spacing.scaleLinear.1000': 'var(--ds-scaleLinear-1000)';
908
- 'spacing.scaleLinear.1100': 'var(--ds-scaleLinear-1100)';
909
- 'spacing.size.none': 'var(--ds-size-none)';
910
- 'spacing.size.xxxxSmall': 'var(--ds-size-xxxxSmall)';
911
- 'spacing.size.xxxSmall': 'var(--ds-size-xxxSmall)';
912
- 'spacing.size.xxSmall': 'var(--ds-size-xxSmall)';
913
- 'spacing.size.xsmall': 'var(--ds-size-xsmall)';
914
- 'spacing.size.small': 'var(--ds-size-small)';
915
- 'spacing.size.medium': 'var(--ds-size-medium)';
916
- 'spacing.size.large': 'var(--ds-size-large)';
917
- 'spacing.size.xlarge': 'var(--ds-size-xlarge)';
918
- 'spacing.size.xxlarge': 'var(--ds-size-xxlarge)';
919
- 'spacing.size.xxxlarge': 'var(--ds-size-xxxlarge)';
920
- 'spacing.size.xxxxlarge': 'var(--ds-size-xxxxlarge)';
921
- 'spacing.gap.100': 'var(--ds-gap-100)';
922
- 'spacing.gap.200': 'var(--ds-gap-200)';
923
- 'spacing.gap.300': 'var(--ds-gap-300)';
924
- 'spacing.inset.100': 'var(--ds-inset-100)';
925
- 'spacing.inset.200': 'var(--ds-inset-200)';
926
- 'spacing.inset.300': 'var(--ds-inset-300)';
927
- 'spacing.ecl.container.12': 'var(--ds-ecl-container-12)';
928
- 'spacing.ecl.container.16': 'var(--ds-ecl-container-16)';
929
- 'spacing.ecl.container.20': 'var(--ds-ecl-container-20)';
930
- 'spacing.ecl.container.24': 'var(--ds-ecl-container-24)';
931
- 'spacing.ecl.element.2': 'var(--ds-ecl-element-2)';
932
- 'spacing.ecl.element.4': 'var(--ds-ecl-element-4)';
933
- 'spacing.ecl.element.6': 'var(--ds-ecl-element-6)';
934
- 'spacing.ecl.element.8': 'var(--ds-ecl-element-8)';
935
- 'spacing.ecl.layout.32': 'var(--ds-ecl-layout-32)';
936
- 'spacing.ecl.layout.40': 'var(--ds-ecl-layout-40)';
937
- 'spacing.ecl.layout.64': 'var(--ds-ecl-layout-64)';
938
- 'spacing.ccc.component.2': 'var(--ds-ccc-component-2)';
939
- 'spacing.ccc.component.4': 'var(--ds-ccc-component-4)';
940
- 'spacing.ccc.component.6': 'var(--ds-ccc-component-6)';
941
- 'spacing.ccc.component.8': 'var(--ds-ccc-component-8)';
942
- 'spacing.ccc.container.32': 'var(--ds-ccc-container-32)';
943
- 'spacing.ccc.container.40': 'var(--ds-ccc-container-40)';
944
- 'spacing.ccc.container.48': 'var(--ds-ccc-container-48)';
945
- 'spacing.ccc.content.12': 'var(--ds-ccc-content-12)';
946
- 'spacing.ccc.content.16': 'var(--ds-ccc-content-16)';
947
- 'spacing.ccc.content.20': 'var(--ds-ccc-content-20)';
948
- 'spacing.ccc.content.24': 'var(--ds-ccc-content-24)';
614
+ 'utility.UNSAFE.transparent': 'var(--ds-UNSAFE-transparent)';
949
615
  'space.0': 'var(--ds-space-0)';
950
616
  'space.025': 'var(--ds-space-025)';
951
617
  'space.050': 'var(--ds-space-050)';