@atlaskit/tokens 0.13.3 → 0.13.4

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 (106) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/css/atlassian-dark.css +321 -321
  3. package/css/atlassian-legacy-dark.css +321 -321
  4. package/css/atlassian-legacy-light.css +321 -321
  5. package/css/atlassian-light.css +321 -321
  6. package/css/atlassian-spacing.css +31 -31
  7. package/css/atlassian-typography.css +6 -6
  8. package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +340 -340
  9. package/dist/cjs/artifacts/palettes-raw/palette.js +607 -607
  10. package/dist/cjs/artifacts/palettes-raw/spacing-scale.js +35 -35
  11. package/dist/cjs/artifacts/palettes-raw/typography-palette.js +43 -43
  12. package/dist/cjs/artifacts/replacement-mapping.js +112 -112
  13. package/dist/cjs/artifacts/token-default-values.js +199 -199
  14. package/dist/cjs/artifacts/token-names.js +199 -199
  15. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +3898 -3511
  16. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +3900 -3513
  17. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +3802 -3415
  18. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +3846 -3459
  19. package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +702 -622
  20. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +80 -60
  21. package/dist/cjs/entry-points/figma-sync.js +23 -0
  22. package/dist/cjs/get-token-value.js +1 -1
  23. package/dist/cjs/get-token.js +1 -1
  24. package/dist/cjs/tokens/default/color/background.js +2 -2
  25. package/dist/cjs/tokens/default/color/border.js +1 -1
  26. package/dist/cjs/tokens/default/color/chart.js +94 -94
  27. package/dist/cjs/tokens/default/color/icon.js +1 -1
  28. package/dist/cjs/tokens/default/color/text.js +1 -1
  29. package/dist/cjs/version.json +1 -1
  30. package/dist/es2019/artifacts/palettes-raw/legacy-palette.js +340 -340
  31. package/dist/es2019/artifacts/palettes-raw/palette.js +607 -607
  32. package/dist/es2019/artifacts/palettes-raw/spacing-scale.js +35 -35
  33. package/dist/es2019/artifacts/palettes-raw/typography-palette.js +43 -43
  34. package/dist/es2019/artifacts/replacement-mapping.js +112 -112
  35. package/dist/es2019/artifacts/token-default-values.js +199 -199
  36. package/dist/es2019/artifacts/token-names.js +199 -199
  37. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +3898 -3511
  38. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +3900 -3513
  39. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +3802 -3415
  40. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +3846 -3459
  41. package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +702 -622
  42. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +80 -60
  43. package/dist/es2019/entry-points/figma-sync.js +3 -0
  44. package/dist/es2019/get-token-value.js +1 -1
  45. package/dist/es2019/get-token.js +1 -1
  46. package/dist/es2019/tokens/default/color/background.js +2 -2
  47. package/dist/es2019/tokens/default/color/border.js +1 -1
  48. package/dist/es2019/tokens/default/color/chart.js +94 -94
  49. package/dist/es2019/tokens/default/color/icon.js +1 -1
  50. package/dist/es2019/tokens/default/color/text.js +1 -1
  51. package/dist/es2019/version.json +1 -1
  52. package/dist/esm/artifacts/palettes-raw/legacy-palette.js +340 -340
  53. package/dist/esm/artifacts/palettes-raw/palette.js +607 -607
  54. package/dist/esm/artifacts/palettes-raw/spacing-scale.js +35 -35
  55. package/dist/esm/artifacts/palettes-raw/typography-palette.js +43 -43
  56. package/dist/esm/artifacts/replacement-mapping.js +112 -112
  57. package/dist/esm/artifacts/token-default-values.js +199 -199
  58. package/dist/esm/artifacts/token-names.js +199 -199
  59. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +3898 -3511
  60. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +3900 -3513
  61. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +3802 -3415
  62. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +3846 -3459
  63. package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +702 -622
  64. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +80 -60
  65. package/dist/esm/entry-points/figma-sync.js +3 -0
  66. package/dist/esm/get-token-value.js +1 -1
  67. package/dist/esm/get-token.js +1 -1
  68. package/dist/esm/tokens/default/color/background.js +2 -2
  69. package/dist/esm/tokens/default/color/border.js +1 -1
  70. package/dist/esm/tokens/default/color/chart.js +94 -94
  71. package/dist/esm/tokens/default/color/icon.js +1 -1
  72. package/dist/esm/tokens/default/color/text.js +1 -1
  73. package/dist/esm/version.json +1 -1
  74. package/dist/types/artifacts/palettes-raw/legacy-palette.d.ts +5 -5
  75. package/dist/types/artifacts/palettes-raw/palette.d.ts +5 -5
  76. package/dist/types/artifacts/palettes-raw/spacing-scale.d.ts +1 -1
  77. package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  78. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  79. package/dist/types/artifacts/token-default-values.d.ts +199 -199
  80. package/dist/types/artifacts/token-names.d.ts +397 -397
  81. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +42 -37
  82. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +42 -37
  83. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +38 -33
  84. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +38 -33
  85. package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +22 -17
  86. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +2 -1
  87. package/dist/types/artifacts/types-internal.d.ts +2 -2
  88. package/dist/types/artifacts/types.d.ts +2 -2
  89. package/dist/types/entry-points/figma-sync.d.ts +3 -0
  90. package/dist/types/tokens/atlassian-dark/utility/utility.d.ts +1 -1
  91. package/dist/types/tokens/atlassian-legacy-dark/utility/utility.d.ts +1 -1
  92. package/dist/types/tokens/atlassian-legacy-light/utility/utility.d.ts +1 -1
  93. package/dist/types/tokens/atlassian-light/utility/utility.d.ts +1 -1
  94. package/dist/types/tokens/default/utility/utility.d.ts +1 -1
  95. package/figma-sync/package.json +17 -0
  96. package/package.json +4 -3
  97. package/report.api.md +396 -396
  98. package/tmp/api-report-tmp.d.ts +396 -396
  99. package/dist/cjs/figma/synchronize-figma-tokens.js +0 -220
  100. package/dist/cjs/figma/types.js +0 -5
  101. package/dist/es2019/figma/synchronize-figma-tokens.js +0 -212
  102. package/dist/es2019/figma/types.js +0 -1
  103. package/dist/esm/figma/synchronize-figma-tokens.js +0 -216
  104. package/dist/esm/figma/types.js +0 -1
  105. package/dist/types/figma/synchronize-figma-tokens.d.ts +0 -24
  106. package/dist/types/figma/types.d.ts +0 -40
package/dist/types/artifacts/token-names.d.ts CHANGED
@@ -1,11 +1,10 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::da0a371535fe8d9484ef4d1f97070077>>
3
+ * @codegen <<SignedSource::aa52bcdd2d60c876616cf469dedf12c2>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: {
7
- readonly 'color.text.accent.blue': "--ds-text-accent-blue";
8
- readonly 'color.text.accent.blue.bolder': "--ds-text-accent-blue-bolder";
7
+ readonly 'color.text': "--ds-text";
9
8
  readonly 'color.text.accent.red': "--ds-text-accent-red";
10
9
  readonly 'color.text.accent.red.bolder': "--ds-text-accent-red-bolder";
11
10
  readonly 'color.text.accent.orange': "--ds-text-accent-orange";
@@ -14,139 +13,163 @@ declare const tokens: {
14
13
  readonly 'color.text.accent.yellow.bolder': "--ds-text-accent-yellow-bolder";
15
14
  readonly 'color.text.accent.green': "--ds-text-accent-green";
16
15
  readonly 'color.text.accent.green.bolder': "--ds-text-accent-green-bolder";
17
- readonly 'color.text.accent.purple': "--ds-text-accent-purple";
18
- readonly 'color.text.accent.purple.bolder': "--ds-text-accent-purple-bolder";
19
16
  readonly 'color.text.accent.teal': "--ds-text-accent-teal";
20
17
  readonly 'color.text.accent.teal.bolder': "--ds-text-accent-teal-bolder";
18
+ readonly 'color.text.accent.blue': "--ds-text-accent-blue";
19
+ readonly 'color.text.accent.blue.bolder': "--ds-text-accent-blue-bolder";
20
+ readonly 'color.text.accent.purple': "--ds-text-accent-purple";
21
+ readonly 'color.text.accent.purple.bolder': "--ds-text-accent-purple-bolder";
21
22
  readonly 'color.text.accent.magenta': "--ds-text-accent-magenta";
22
23
  readonly 'color.text.accent.magenta.bolder': "--ds-text-accent-magenta-bolder";
23
24
  readonly 'color.text.accent.gray': "--ds-text-accent-gray";
24
25
  readonly 'color.text.accent.gray.bolder': "--ds-text-accent-gray-bolder";
25
- readonly 'color.text': "--ds-text";
26
- readonly 'color.text.subtle': "--ds-text-subtle";
27
- readonly 'color.text.subtlest': "--ds-text-subtlest";
28
- readonly 'color.text.inverse': "--ds-text-inverse";
29
26
  readonly 'color.text.disabled': "--ds-text-disabled";
30
- readonly 'color.text.brand': "--ds-text-brand";
27
+ readonly 'color.text.highEmphasis': "--ds-text-highEmphasis";
28
+ 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";
31
35
  readonly 'color.text.selected': "--ds-text-selected";
36
+ readonly 'color.text.brand': "--ds-text-brand";
32
37
  readonly 'color.text.danger': "--ds-text-danger";
33
38
  readonly 'color.text.warning': "--ds-text-warning";
34
39
  readonly 'color.text.warning.inverse': "--ds-text-warning-inverse";
35
40
  readonly 'color.text.success': "--ds-text-success";
36
- readonly 'color.text.information': "--ds-text-information";
37
41
  readonly 'color.text.discovery': "--ds-text-discovery";
38
- readonly 'color.text.highEmphasis': "--ds-text-highEmphasis";
39
- readonly 'color.text.mediumEmphasis': "--ds-text-mediumEmphasis";
40
- readonly 'color.text.lowEmphasis': "--ds-text-lowEmphasis";
41
- readonly 'color.text.link.resting': "--ds-text-link-resting";
42
- readonly 'color.text.link.pressed': "--ds-text-link-pressed";
43
- readonly 'color.text.onBold': "--ds-text-onBold";
44
- readonly 'color.text.onBoldWarning': "--ds-text-onBoldWarning";
45
- readonly 'color.icon.accent.blue': "--ds-icon-accent-blue";
42
+ readonly 'color.text.information': "--ds-text-information";
43
+ readonly 'color.text.subtlest': "--ds-text-subtlest";
44
+ readonly 'color.text.subtle': "--ds-text-subtle";
45
+ readonly 'color.link': "--ds-link";
46
+ readonly 'color.link.pressed': "--ds-link-pressed";
47
+ readonly 'color.icon': "--ds-icon";
46
48
  readonly 'color.icon.accent.red': "--ds-icon-accent-red";
47
49
  readonly 'color.icon.accent.orange': "--ds-icon-accent-orange";
48
50
  readonly 'color.icon.accent.yellow': "--ds-icon-accent-yellow";
49
51
  readonly 'color.icon.accent.green': "--ds-icon-accent-green";
50
- readonly 'color.icon.accent.purple': "--ds-icon-accent-purple";
51
52
  readonly 'color.icon.accent.teal': "--ds-icon-accent-teal";
53
+ readonly 'color.icon.accent.blue': "--ds-icon-accent-blue";
54
+ readonly 'color.icon.accent.purple': "--ds-icon-accent-purple";
52
55
  readonly 'color.icon.accent.magenta': "--ds-icon-accent-magenta";
53
56
  readonly 'color.icon.accent.gray': "--ds-icon-accent-gray";
54
- readonly 'color.icon': "--ds-icon";
55
- readonly 'color.icon.subtle': "--ds-icon-subtle";
56
- readonly 'color.icon.inverse': "--ds-icon-inverse";
57
57
  readonly 'color.icon.disabled': "--ds-icon-disabled";
58
- readonly 'color.icon.brand': "--ds-icon-brand";
58
+ readonly 'color.icon.inverse': "--ds-icon-inverse";
59
59
  readonly 'color.icon.selected': "--ds-icon-selected";
60
+ readonly 'color.icon.brand': "--ds-icon-brand";
60
61
  readonly 'color.icon.danger': "--ds-icon-danger";
61
62
  readonly 'color.icon.warning': "--ds-icon-warning";
62
63
  readonly 'color.icon.warning.inverse': "--ds-icon-warning-inverse";
63
64
  readonly 'color.icon.success': "--ds-icon-success";
64
65
  readonly 'color.icon.discovery': "--ds-icon-discovery";
65
66
  readonly 'color.icon.information': "--ds-icon-information";
66
- readonly 'color.border.accent.blue': "--ds-border-accent-blue";
67
+ readonly 'color.icon.subtle': "--ds-icon-subtle";
68
+ readonly 'color.border': "--ds-border";
67
69
  readonly 'color.border.accent.red': "--ds-border-accent-red";
68
70
  readonly 'color.border.accent.orange': "--ds-border-accent-orange";
69
71
  readonly 'color.border.accent.yellow': "--ds-border-accent-yellow";
70
72
  readonly 'color.border.accent.green': "--ds-border-accent-green";
71
- readonly 'color.border.accent.purple': "--ds-border-accent-purple";
72
73
  readonly 'color.border.accent.teal': "--ds-border-accent-teal";
74
+ readonly 'color.border.accent.blue': "--ds-border-accent-blue";
75
+ readonly 'color.border.accent.purple': "--ds-border-accent-purple";
73
76
  readonly 'color.border.accent.magenta': "--ds-border-accent-magenta";
74
77
  readonly 'color.border.accent.gray': "--ds-border-accent-gray";
75
- readonly 'color.border': "--ds-border";
76
- readonly 'color.border.bold': "--ds-border-bold";
77
- readonly 'color.border.inverse': "--ds-border-inverse";
78
+ readonly 'color.border.disabled': "--ds-border-disabled";
79
+ readonly 'color.border.focus': "--ds-border-focus";
78
80
  readonly 'color.border.focused': "--ds-border-focused";
79
81
  readonly 'color.border.input': "--ds-border-input";
80
- readonly 'color.border.disabled': "--ds-border-disabled";
81
- readonly 'color.border.brand': "--ds-border-brand";
82
+ readonly 'color.border.inverse': "--ds-border-inverse";
83
+ readonly 'color.border.neutral': "--ds-border-neutral";
82
84
  readonly 'color.border.selected': "--ds-border-selected";
85
+ readonly 'color.border.brand': "--ds-border-brand";
83
86
  readonly 'color.border.danger': "--ds-border-danger";
84
87
  readonly 'color.border.warning': "--ds-border-warning";
85
88
  readonly 'color.border.success': "--ds-border-success";
86
89
  readonly 'color.border.discovery': "--ds-border-discovery";
87
90
  readonly 'color.border.information': "--ds-border-information";
88
- readonly 'color.border.focus': "--ds-border-focus";
89
- readonly 'color.border.neutral': "--ds-border-neutral";
90
- readonly 'color.background.accent.blue.subtlest': "--ds-background-accent-blue-subtlest";
91
- readonly 'color.background.accent.blue.subtler': "--ds-background-accent-blue-subtler";
92
- readonly 'color.background.accent.blue.subtle': "--ds-background-accent-blue-subtle";
93
- readonly 'color.background.accent.blue.bolder': "--ds-background-accent-blue-bolder";
94
- readonly 'color.background.accent.blue': "--ds-background-accent-blue";
95
- readonly 'color.background.accent.blue.bold': "--ds-background-accent-blue-bold";
91
+ readonly 'color.border.bold': "--ds-border-bold";
92
+ readonly 'color.background.accent.red': "--ds-background-accent-red";
96
93
  readonly 'color.background.accent.red.subtlest': "--ds-background-accent-red-subtlest";
97
94
  readonly 'color.background.accent.red.subtler': "--ds-background-accent-red-subtler";
98
95
  readonly 'color.background.accent.red.subtle': "--ds-background-accent-red-subtle";
99
- readonly 'color.background.accent.red.bolder': "--ds-background-accent-red-bolder";
100
- readonly 'color.background.accent.red': "--ds-background-accent-red";
101
96
  readonly 'color.background.accent.red.bold': "--ds-background-accent-red-bold";
97
+ readonly 'color.background.accent.red.bolder': "--ds-background-accent-red-bolder";
98
+ readonly 'color.background.accent.orange': "--ds-background-accent-orange";
102
99
  readonly 'color.background.accent.orange.subtlest': "--ds-background-accent-orange-subtlest";
103
100
  readonly 'color.background.accent.orange.subtler': "--ds-background-accent-orange-subtler";
104
101
  readonly 'color.background.accent.orange.subtle': "--ds-background-accent-orange-subtle";
105
- readonly 'color.background.accent.orange.bolder': "--ds-background-accent-orange-bolder";
106
- readonly 'color.background.accent.orange': "--ds-background-accent-orange";
107
102
  readonly 'color.background.accent.orange.bold': "--ds-background-accent-orange-bold";
103
+ readonly 'color.background.accent.orange.bolder': "--ds-background-accent-orange-bolder";
104
+ readonly 'color.background.accent.yellow': "--ds-background-accent-yellow";
108
105
  readonly 'color.background.accent.yellow.subtlest': "--ds-background-accent-yellow-subtlest";
109
106
  readonly 'color.background.accent.yellow.subtler': "--ds-background-accent-yellow-subtler";
110
107
  readonly 'color.background.accent.yellow.subtle': "--ds-background-accent-yellow-subtle";
111
- readonly 'color.background.accent.yellow.bolder': "--ds-background-accent-yellow-bolder";
112
- readonly 'color.background.accent.yellow': "--ds-background-accent-yellow";
113
108
  readonly 'color.background.accent.yellow.bold': "--ds-background-accent-yellow-bold";
109
+ readonly 'color.background.accent.yellow.bolder': "--ds-background-accent-yellow-bolder";
110
+ readonly 'color.background.accent.green': "--ds-background-accent-green";
114
111
  readonly 'color.background.accent.green.subtlest': "--ds-background-accent-green-subtlest";
115
112
  readonly 'color.background.accent.green.subtler': "--ds-background-accent-green-subtler";
116
113
  readonly 'color.background.accent.green.subtle': "--ds-background-accent-green-subtle";
117
- readonly 'color.background.accent.green.bolder': "--ds-background-accent-green-bolder";
118
- readonly 'color.background.accent.green': "--ds-background-accent-green";
119
114
  readonly 'color.background.accent.green.bold': "--ds-background-accent-green-bold";
120
- readonly 'color.background.accent.purple.subtlest': "--ds-background-accent-purple-subtlest";
121
- readonly 'color.background.accent.purple.subtler': "--ds-background-accent-purple-subtler";
122
- readonly 'color.background.accent.purple.subtle': "--ds-background-accent-purple-subtle";
123
- readonly 'color.background.accent.purple.bolder': "--ds-background-accent-purple-bolder";
124
- readonly 'color.background.accent.purple': "--ds-background-accent-purple";
125
- readonly 'color.background.accent.purple.bold': "--ds-background-accent-purple-bold";
115
+ readonly 'color.background.accent.green.bolder': "--ds-background-accent-green-bolder";
116
+ readonly 'color.background.accent.teal': "--ds-background-accent-teal";
126
117
  readonly 'color.background.accent.teal.subtlest': "--ds-background-accent-teal-subtlest";
127
118
  readonly 'color.background.accent.teal.subtler': "--ds-background-accent-teal-subtler";
128
119
  readonly 'color.background.accent.teal.subtle': "--ds-background-accent-teal-subtle";
129
- readonly 'color.background.accent.teal.bolder': "--ds-background-accent-teal-bolder";
130
- readonly 'color.background.accent.teal': "--ds-background-accent-teal";
131
120
  readonly 'color.background.accent.teal.bold': "--ds-background-accent-teal-bold";
121
+ readonly 'color.background.accent.teal.bolder': "--ds-background-accent-teal-bolder";
122
+ readonly 'color.background.accent.blue': "--ds-background-accent-blue";
123
+ readonly 'color.background.accent.blue.subtlest': "--ds-background-accent-blue-subtlest";
124
+ readonly 'color.background.accent.blue.subtler': "--ds-background-accent-blue-subtler";
125
+ readonly 'color.background.accent.blue.subtle': "--ds-background-accent-blue-subtle";
126
+ readonly 'color.background.accent.blue.bold': "--ds-background-accent-blue-bold";
127
+ readonly 'color.background.accent.blue.bolder': "--ds-background-accent-blue-bolder";
128
+ readonly 'color.background.accent.purple': "--ds-background-accent-purple";
129
+ readonly 'color.background.accent.purple.subtlest': "--ds-background-accent-purple-subtlest";
130
+ readonly 'color.background.accent.purple.subtler': "--ds-background-accent-purple-subtler";
131
+ readonly 'color.background.accent.purple.subtle': "--ds-background-accent-purple-subtle";
132
+ readonly 'color.background.accent.purple.bold': "--ds-background-accent-purple-bold";
133
+ readonly 'color.background.accent.purple.bolder': "--ds-background-accent-purple-bolder";
134
+ readonly 'color.background.accent.magenta': "--ds-background-accent-magenta";
132
135
  readonly 'color.background.accent.magenta.subtlest': "--ds-background-accent-magenta-subtlest";
133
136
  readonly 'color.background.accent.magenta.subtler': "--ds-background-accent-magenta-subtler";
134
137
  readonly 'color.background.accent.magenta.subtle': "--ds-background-accent-magenta-subtle";
135
- readonly 'color.background.accent.magenta.bolder': "--ds-background-accent-magenta-bolder";
136
- readonly 'color.background.accent.magenta': "--ds-background-accent-magenta";
137
138
  readonly 'color.background.accent.magenta.bold': "--ds-background-accent-magenta-bold";
139
+ readonly 'color.background.accent.magenta.bolder': "--ds-background-accent-magenta-bolder";
138
140
  readonly 'color.background.accent.gray.subtlest': "--ds-background-accent-gray-subtlest";
139
141
  readonly 'color.background.accent.gray.subtler': "--ds-background-accent-gray-subtler";
140
142
  readonly 'color.background.accent.gray.subtle': "--ds-background-accent-gray-subtle";
141
143
  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";
142
165
  readonly 'color.background.disabled': "--ds-background-disabled";
143
- readonly 'color.background.inverse.subtle': "--ds-background-inverse-subtle";
144
- readonly 'color.background.inverse.subtle.hovered': "--ds-background-inverse-subtle-hovered";
145
- readonly 'color.background.inverse.subtle.pressed': "--ds-background-inverse-subtle-pressed";
146
- readonly 'color.background.inverse': "--ds-background-inverse";
147
166
  readonly 'color.background.input': "--ds-background-input";
148
167
  readonly 'color.background.input.hovered': "--ds-background-input-hovered";
149
168
  readonly 'color.background.input.pressed': "--ds-background-input-pressed";
169
+ readonly 'color.background.inverse': "--ds-background-inverse";
170
+ readonly 'color.background.inverse.subtle': "--ds-background-inverse-subtle";
171
+ readonly 'color.background.inverse.subtle.hovered': "--ds-background-inverse-subtle-hovered";
172
+ readonly 'color.background.inverse.subtle.pressed': "--ds-background-inverse-subtle-pressed";
150
173
  readonly 'color.background.neutral': "--ds-background-neutral";
151
174
  readonly 'color.background.neutral.hovered': "--ds-background-neutral-hovered";
152
175
  readonly 'color.background.neutral.pressed': "--ds-background-neutral-pressed";
@@ -156,20 +179,44 @@ declare const tokens: {
156
179
  readonly 'color.background.neutral.bold': "--ds-background-neutral-bold";
157
180
  readonly 'color.background.neutral.bold.hovered': "--ds-background-neutral-bold-hovered";
158
181
  readonly 'color.background.neutral.bold.pressed': "--ds-background-neutral-bold-pressed";
159
- readonly 'color.background.brand.bold': "--ds-background-brand-bold";
160
- readonly 'color.background.brand.bold.hovered': "--ds-background-brand-bold-hovered";
161
- readonly 'color.background.brand.bold.pressed': "--ds-background-brand-bold-pressed";
162
- readonly 'color.background.brand': "--ds-background-brand";
163
- readonly 'color.background.brand.hovered': "--ds-background-brand-hovered";
164
- readonly 'color.background.brand.pressed': "--ds-background-brand-pressed";
182
+ readonly 'color.background.overlay': "--ds-background-overlay";
165
183
  readonly 'color.background.selected': "--ds-background-selected";
166
184
  readonly 'color.background.selected.hovered': "--ds-background-selected-hovered";
167
185
  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";
168
188
  readonly 'color.background.selected.bold': "--ds-background-selected-bold";
169
189
  readonly 'color.background.selected.bold.hovered': "--ds-background-selected-bold-hovered";
170
190
  readonly 'color.background.selected.bold.pressed': "--ds-background-selected-bold-pressed";
171
- readonly 'color.background.selected.resting': "--ds-background-selected-resting";
172
- readonly 'color.background.selected.hover': "--ds-background-selected-hover";
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
+ readonly 'color.background.brand.bold': "--ds-background-brand-bold";
218
+ readonly 'color.background.brand.bold.hovered': "--ds-background-brand-bold-hovered";
219
+ readonly 'color.background.brand.bold.pressed': "--ds-background-brand-bold-pressed";
173
220
  readonly 'color.background.danger': "--ds-background-danger";
174
221
  readonly 'color.background.danger.hovered': "--ds-background-danger-hovered";
175
222
  readonly 'color.background.danger.pressed': "--ds-background-danger-pressed";
@@ -200,78 +247,15 @@ declare const tokens: {
200
247
  readonly 'color.background.information.bold': "--ds-background-information-bold";
201
248
  readonly 'color.background.information.bold.hovered': "--ds-background-information-bold-hovered";
202
249
  readonly 'color.background.information.bold.pressed': "--ds-background-information-bold-pressed";
203
- readonly 'color.background.blanket': "--ds-background-blanket";
204
- readonly 'color.background.boldBrand.resting': "--ds-background-boldBrand-resting";
205
- readonly 'color.background.boldBrand.hover': "--ds-background-boldBrand-hover";
206
- readonly 'color.background.boldBrand.pressed': "--ds-background-boldBrand-pressed";
207
- readonly 'color.background.boldDanger.resting': "--ds-background-boldDanger-resting";
208
- readonly 'color.background.boldDanger.hover': "--ds-background-boldDanger-hover";
209
- readonly 'color.background.boldDanger.pressed': "--ds-background-boldDanger-pressed";
210
- readonly 'color.background.boldDiscovery.resting': "--ds-background-boldDiscovery-resting";
211
- readonly 'color.background.boldDiscovery.hover': "--ds-background-boldDiscovery-hover";
212
- readonly 'color.background.boldDiscovery.pressed': "--ds-background-boldDiscovery-pressed";
213
- readonly 'color.background.boldNeutral.resting': "--ds-background-boldNeutral-resting";
214
- readonly 'color.background.boldNeutral.hover': "--ds-background-boldNeutral-hover";
215
- readonly 'color.background.boldNeutral.pressed': "--ds-background-boldNeutral-pressed";
216
- readonly 'color.background.boldSuccess.resting': "--ds-background-boldSuccess-resting";
217
- readonly 'color.background.boldSuccess.hover': "--ds-background-boldSuccess-hover";
218
- readonly 'color.background.boldSuccess.pressed': "--ds-background-boldSuccess-pressed";
219
- readonly 'color.background.boldWarning.resting': "--ds-background-boldWarning-resting";
220
- readonly 'color.background.boldWarning.hover': "--ds-background-boldWarning-hover";
221
- readonly 'color.background.boldWarning.pressed': "--ds-background-boldWarning-pressed";
222
- readonly 'color.background.default': "--ds-background-default";
223
- readonly 'color.background.card': "--ds-background-card";
224
- readonly 'color.background.overlay': "--ds-background-overlay";
225
- readonly 'color.background.subtleBorderedNeutral.resting': "--ds-background-subtleBorderedNeutral-resting";
226
- readonly 'color.background.subtleBorderedNeutral.pressed': "--ds-background-subtleBorderedNeutral-pressed";
227
- readonly 'color.background.subtleBrand.resting': "--ds-background-subtleBrand-resting";
228
- readonly 'color.background.subtleBrand.hover': "--ds-background-subtleBrand-hover";
229
- readonly 'color.background.subtleBrand.pressed': "--ds-background-subtleBrand-pressed";
230
- readonly 'color.background.subtleDanger.resting': "--ds-background-subtleDanger-resting";
231
- readonly 'color.background.subtleDanger.hover': "--ds-background-subtleDanger-hover";
232
- readonly 'color.background.subtleDanger.pressed': "--ds-background-subtleDanger-pressed";
233
- readonly 'color.background.subtleDiscovery.resting': "--ds-background-subtleDiscovery-resting";
234
- readonly 'color.background.subtleDiscovery.hover': "--ds-background-subtleDiscovery-hover";
235
- readonly 'color.background.subtleDiscovery.pressed': "--ds-background-subtleDiscovery-pressed";
236
- readonly 'color.background.subtleNeutral.resting': "--ds-background-subtleNeutral-resting";
237
- readonly 'color.background.subtleNeutral.hover': "--ds-background-subtleNeutral-hover";
238
- readonly 'color.background.subtleNeutral.pressed': "--ds-background-subtleNeutral-pressed";
239
- readonly 'color.background.subtleSuccess.resting': "--ds-background-subtleSuccess-resting";
240
- readonly 'color.background.subtleSuccess.hover': "--ds-background-subtleSuccess-hover";
241
- readonly 'color.background.subtleSuccess.pressed': "--ds-background-subtleSuccess-pressed";
242
- readonly 'color.background.subtleWarning.resting': "--ds-background-subtleWarning-resting";
243
- readonly 'color.background.subtleWarning.hover': "--ds-background-subtleWarning-hover";
244
- readonly 'color.background.subtleWarning.pressed': "--ds-background-subtleWarning-pressed";
245
- readonly 'color.background.sunken': "--ds-background-sunken";
246
- readonly 'color.background.transparentNeutral.hover': "--ds-background-transparentNeutral-hover";
247
- readonly 'color.background.transparentNeutral.pressed': "--ds-background-transparentNeutral-pressed";
248
250
  readonly 'color.blanket': "--ds-blanket";
249
251
  readonly 'color.blanket.selected': "--ds-blanket-selected";
250
252
  readonly 'color.blanket.danger': "--ds-blanket-danger";
251
- readonly 'color.chart.brand': "--ds-chart-brand";
252
- readonly 'color.chart.brand.hovered': "--ds-chart-brand-hovered";
253
- readonly 'color.chart.neutral': "--ds-chart-neutral";
254
- readonly 'color.chart.neutral.hovered': "--ds-chart-neutral-hovered";
255
- readonly 'color.chart.success': "--ds-chart-success";
256
- readonly 'color.chart.success.hovered': "--ds-chart-success-hovered";
257
- readonly 'color.chart.success.bold': "--ds-chart-success-bold";
258
- readonly 'color.chart.success.bold.hovered': "--ds-chart-success-bold-hovered";
259
- readonly 'color.chart.danger': "--ds-chart-danger";
260
- readonly 'color.chart.danger.hovered': "--ds-chart-danger-hovered";
261
- readonly 'color.chart.danger.bold': "--ds-chart-danger-bold";
262
- readonly 'color.chart.danger.bold.hovered': "--ds-chart-danger-bold-hovered";
263
- readonly 'color.chart.warning': "--ds-chart-warning";
264
- readonly 'color.chart.warning.hovered': "--ds-chart-warning-hovered";
265
- readonly 'color.chart.warning.bold': "--ds-chart-warning-bold";
266
- readonly 'color.chart.warning.bold.hovered': "--ds-chart-warning-bold-hovered";
267
- readonly 'color.chart.information': "--ds-chart-information";
268
- readonly 'color.chart.information.hovered': "--ds-chart-information-hovered";
269
- readonly 'color.chart.information.bold': "--ds-chart-information-bold";
270
- readonly 'color.chart.information.bold.hovered': "--ds-chart-information-bold-hovered";
271
- readonly 'color.chart.discovery': "--ds-chart-discovery";
272
- readonly 'color.chart.discovery.hovered': "--ds-chart-discovery-hovered";
273
- readonly 'color.chart.discovery.bold': "--ds-chart-discovery-bold";
274
- readonly 'color.chart.discovery.bold.hovered': "--ds-chart-discovery-bold-hovered";
253
+ 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
+ readonly 'color.interaction.pressed': "--ds-interaction-pressed";
257
+ readonly 'color.skeleton': "--ds-skeleton";
258
+ readonly 'color.skeleton.subtle': "--ds-skeleton-subtle";
275
259
  readonly 'color.chart.categorical.1': "--ds-chart-categorical-1";
276
260
  readonly 'color.chart.categorical.1.hovered': "--ds-chart-categorical-1-hovered";
277
261
  readonly 'color.chart.categorical.2': "--ds-chart-categorical-2";
@@ -288,12 +272,8 @@ declare const tokens: {
288
272
  readonly 'color.chart.categorical.7.hovered': "--ds-chart-categorical-7-hovered";
289
273
  readonly 'color.chart.categorical.8': "--ds-chart-categorical-8";
290
274
  readonly 'color.chart.categorical.8.hovered': "--ds-chart-categorical-8-hovered";
291
- readonly 'color.chart.blue.bold': "--ds-chart-blue-bold";
292
- readonly 'color.chart.blue.bold.hovered': "--ds-chart-blue-bold-hovered";
293
- readonly 'color.chart.blue.bolder': "--ds-chart-blue-bolder";
294
- readonly 'color.chart.blue.bolder.hovered': "--ds-chart-blue-bolder-hovered";
295
- readonly 'color.chart.blue.boldest': "--ds-chart-blue-boldest";
296
- readonly 'color.chart.blue.boldest.hovered': "--ds-chart-blue-boldest-hovered";
275
+ readonly 'color.chart.neutral': "--ds-chart-neutral";
276
+ readonly 'color.chart.neutral.hovered': "--ds-chart-neutral-hovered";
297
277
  readonly 'color.chart.red.bold': "--ds-chart-red-bold";
298
278
  readonly 'color.chart.red.bold.hovered': "--ds-chart-red-bold-hovered";
299
279
  readonly 'color.chart.red.bolder': "--ds-chart-red-bolder";
@@ -324,6 +304,12 @@ declare const tokens: {
324
304
  readonly 'color.chart.teal.bolder.hovered': "--ds-chart-teal-bolder-hovered";
325
305
  readonly 'color.chart.teal.boldest': "--ds-chart-teal-boldest";
326
306
  readonly 'color.chart.teal.boldest.hovered': "--ds-chart-teal-boldest-hovered";
307
+ readonly 'color.chart.blue.bold': "--ds-chart-blue-bold";
308
+ readonly 'color.chart.blue.bold.hovered': "--ds-chart-blue-bold-hovered";
309
+ readonly 'color.chart.blue.bolder': "--ds-chart-blue-bolder";
310
+ readonly 'color.chart.blue.bolder.hovered': "--ds-chart-blue-bolder-hovered";
311
+ readonly 'color.chart.blue.boldest': "--ds-chart-blue-boldest";
312
+ readonly 'color.chart.blue.boldest.hovered': "--ds-chart-blue-boldest-hovered";
327
313
  readonly 'color.chart.purple.bold': "--ds-chart-purple-bold";
328
314
  readonly 'color.chart.purple.bold.hovered': "--ds-chart-purple-bold-hovered";
329
315
  readonly 'color.chart.purple.bolder': "--ds-chart-purple-bolder";
@@ -342,14 +328,28 @@ declare const tokens: {
342
328
  readonly 'color.chart.gray.bolder.hovered': "--ds-chart-gray-bolder-hovered";
343
329
  readonly 'color.chart.gray.boldest': "--ds-chart-gray-boldest";
344
330
  readonly 'color.chart.gray.boldest.hovered': "--ds-chart-gray-boldest-hovered";
345
- readonly 'color.interaction.hovered': "--ds-interaction-hovered";
346
- readonly 'color.interaction.pressed': "--ds-interaction-pressed";
347
- readonly 'color.interaction.inverse.hovered': "--ds-interaction-inverse-hovered";
348
- readonly 'color.interaction.inverse.pressed': "--ds-interaction-inverse-pressed";
349
- readonly 'color.skeleton': "--ds-skeleton";
350
- readonly 'color.skeleton.subtle': "--ds-skeleton-subtle";
351
- readonly 'color.link': "--ds-link";
352
- readonly 'color.link.pressed': "--ds-link-pressed";
331
+ readonly 'color.chart.brand': "--ds-chart-brand";
332
+ readonly 'color.chart.brand.hovered': "--ds-chart-brand-hovered";
333
+ readonly 'color.chart.danger': "--ds-chart-danger";
334
+ readonly 'color.chart.danger.hovered': "--ds-chart-danger-hovered";
335
+ readonly 'color.chart.danger.bold': "--ds-chart-danger-bold";
336
+ readonly 'color.chart.danger.bold.hovered': "--ds-chart-danger-bold-hovered";
337
+ readonly 'color.chart.warning': "--ds-chart-warning";
338
+ readonly 'color.chart.warning.hovered': "--ds-chart-warning-hovered";
339
+ readonly 'color.chart.warning.bold': "--ds-chart-warning-bold";
340
+ readonly 'color.chart.warning.bold.hovered': "--ds-chart-warning-bold-hovered";
341
+ readonly 'color.chart.success': "--ds-chart-success";
342
+ readonly 'color.chart.success.hovered': "--ds-chart-success-hovered";
343
+ readonly 'color.chart.success.bold': "--ds-chart-success-bold";
344
+ readonly 'color.chart.success.bold.hovered': "--ds-chart-success-bold-hovered";
345
+ readonly 'color.chart.discovery': "--ds-chart-discovery";
346
+ readonly 'color.chart.discovery.hovered': "--ds-chart-discovery-hovered";
347
+ readonly 'color.chart.discovery.bold': "--ds-chart-discovery-bold";
348
+ readonly 'color.chart.discovery.bold.hovered': "--ds-chart-discovery-bold-hovered";
349
+ readonly 'color.chart.information': "--ds-chart-information";
350
+ readonly 'color.chart.information.hovered': "--ds-chart-information-hovered";
351
+ readonly 'color.chart.information.bold': "--ds-chart-information-bold";
352
+ readonly 'color.chart.information.bold.hovered': "--ds-chart-information-bold-hovered";
353
353
  readonly 'color.accent.boldBlue': "--ds-accent-boldBlue";
354
354
  readonly 'color.accent.boldGreen': "--ds-accent-boldGreen";
355
355
  readonly 'color.accent.boldOrange': "--ds-accent-boldOrange";
@@ -370,42 +370,31 @@ declare const tokens: {
370
370
  readonly 'color.iconBorder.discovery': "--ds-iconBorder-discovery";
371
371
  readonly 'color.overlay.hover': "--ds-overlay-hover";
372
372
  readonly 'color.overlay.pressed': "--ds-overlay-pressed";
373
- readonly 'shadow.card': "--ds-card";
374
- readonly 'shadow.overlay': "--ds-overlay";
375
- readonly 'elevation.shadow.raised': "--ds-shadow-raised";
376
- readonly 'elevation.shadow.overflow': "--ds-shadow-overflow";
377
- readonly 'elevation.shadow.overflow.spread': "--ds-shadow-overflow-spread";
378
- readonly 'elevation.shadow.overflow.perimeter': "--ds-shadow-overflow-perimeter";
379
- readonly 'elevation.shadow.overlay': "--ds-shadow-overlay";
380
373
  readonly 'elevation.surface': "--ds-surface";
381
374
  readonly 'elevation.surface.hovered': "--ds-surface-hovered";
382
375
  readonly 'elevation.surface.pressed': "--ds-surface-pressed";
383
- readonly 'elevation.surface.sunken': "--ds-surface-sunken";
384
- readonly 'elevation.surface.raised': "--ds-surface-raised";
385
- readonly 'elevation.surface.raised.hovered': "--ds-surface-raised-hovered";
386
- readonly 'elevation.surface.raised.pressed': "--ds-surface-raised-pressed";
387
376
  readonly 'elevation.surface.overlay': "--ds-surface-overlay";
388
377
  readonly 'elevation.surface.overlay.hovered': "--ds-surface-overlay-hovered";
389
378
  readonly 'elevation.surface.overlay.pressed': "--ds-surface-overlay-pressed";
379
+ readonly 'elevation.surface.raised': "--ds-surface-raised";
380
+ readonly 'elevation.surface.raised.hovered': "--ds-surface-raised-hovered";
381
+ readonly 'elevation.surface.raised.pressed': "--ds-surface-raised-pressed";
382
+ readonly 'elevation.surface.sunken': "--ds-surface-sunken";
383
+ readonly 'elevation.shadow.overflow': "--ds-shadow-overflow";
384
+ readonly 'elevation.shadow.overflow.perimeter': "--ds-shadow-overflow-perimeter";
385
+ readonly 'elevation.shadow.overflow.spread': "--ds-shadow-overflow-spread";
386
+ readonly 'elevation.shadow.overlay': "--ds-shadow-overlay";
387
+ readonly 'elevation.shadow.raised': "--ds-shadow-raised";
390
388
  readonly 'opacity.disabled': "--ds-opacity-disabled";
391
389
  readonly 'opacity.loading': "--ds-opacity-loading";
392
- readonly 'utility.UNSAFE_util.transparent': "--ds-UNSAFE_util-transparent";
390
+ readonly 'shadow.card': "--ds-card";
391
+ readonly 'shadow.overlay': "--ds-overlay";
393
392
  readonly 'utility.UNSAFE_util.MISSING_TOKEN': "--ds-UNSAFE_util-MISSING_TOKEN";
394
- readonly 'space.0': "--ds-space-0";
395
- readonly 'space.100': "--ds-space-100";
396
- readonly 'space.150': "--ds-space-150";
397
- readonly 'space.200': "--ds-space-200";
398
- readonly 'space.250': "--ds-space-250";
399
- readonly 'space.300': "--ds-space-300";
400
- readonly 'space.400': "--ds-space-400";
401
- readonly 'space.500': "--ds-space-500";
402
- readonly 'space.600': "--ds-space-600";
403
- readonly 'space.800': "--ds-space-800";
404
- readonly 'space.1000': "--ds-space-1000";
405
- readonly 'space.025': "--ds-space-025";
406
- readonly 'space.050': "--ds-space-050";
407
- readonly 'space.075': "--ds-space-075";
393
+ readonly 'utility.UNSAFE_util.transparent': "--ds-UNSAFE_util-transparent";
408
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";
409
398
  readonly 'spacing.scale.100': "--ds-scale-100";
410
399
  readonly 'spacing.scale.150': "--ds-scale-150";
411
400
  readonly 'spacing.scale.200': "--ds-scale-200";
@@ -416,9 +405,6 @@ declare const tokens: {
416
405
  readonly 'spacing.scale.600': "--ds-scale-600";
417
406
  readonly 'spacing.scale.800': "--ds-scale-800";
418
407
  readonly 'spacing.scale.1000': "--ds-scale-1000";
419
- readonly 'spacing.scale.025': "--ds-scale-025";
420
- readonly 'spacing.scale.050': "--ds-scale-050";
421
- readonly 'spacing.scale.075': "--ds-scale-075";
422
408
  readonly 'spacing.scaleLinear.0': "--ds-scaleLinear-0";
423
409
  readonly 'spacing.scaleLinear.100': "--ds-scaleLinear-100";
424
410
  readonly 'spacing.scaleLinear.200': "--ds-scaleLinear-200";
@@ -443,14 +429,20 @@ declare const tokens: {
443
429
  readonly 'spacing.size.xxlarge': "--ds-size-xxlarge";
444
430
  readonly 'spacing.size.xxxlarge': "--ds-size-xxxlarge";
445
431
  readonly 'spacing.size.xxxxlarge': "--ds-size-xxxxlarge";
446
- readonly 'spacing.ecl.element.2': "--ds-ecl-element-2";
447
- readonly 'spacing.ecl.element.4': "--ds-ecl-element-4";
448
- readonly 'spacing.ecl.element.6': "--ds-ecl-element-6";
449
- readonly 'spacing.ecl.element.8': "--ds-ecl-element-8";
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";
450
438
  readonly 'spacing.ecl.container.12': "--ds-ecl-container-12";
451
439
  readonly 'spacing.ecl.container.16': "--ds-ecl-container-16";
452
440
  readonly 'spacing.ecl.container.20': "--ds-ecl-container-20";
453
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";
454
446
  readonly 'spacing.ecl.layout.32': "--ds-ecl-layout-32";
455
447
  readonly 'spacing.ecl.layout.40': "--ds-ecl-layout-40";
456
448
  readonly 'spacing.ecl.layout.64': "--ds-ecl-layout-64";
@@ -458,33 +450,41 @@ declare const tokens: {
458
450
  readonly 'spacing.ccc.component.4': "--ds-ccc-component-4";
459
451
  readonly 'spacing.ccc.component.6': "--ds-ccc-component-6";
460
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";
461
456
  readonly 'spacing.ccc.content.12': "--ds-ccc-content-12";
462
457
  readonly 'spacing.ccc.content.16': "--ds-ccc-content-16";
463
458
  readonly 'spacing.ccc.content.20': "--ds-ccc-content-20";
464
459
  readonly 'spacing.ccc.content.24': "--ds-ccc-content-24";
465
- readonly 'spacing.ccc.container.32': "--ds-ccc-container-32";
466
- readonly 'spacing.ccc.container.40': "--ds-ccc-container-40";
467
- readonly 'spacing.ccc.container.48': "--ds-ccc-container-48";
468
- readonly 'spacing.gap.100': "--ds-gap-100";
469
- readonly 'spacing.gap.200': "--ds-gap-200";
470
- readonly 'spacing.gap.300': "--ds-gap-300";
471
- readonly 'spacing.inset.100': "--ds-inset-100";
472
- readonly 'spacing.inset.200': "--ds-inset-200";
473
- readonly 'spacing.inset.300': "--ds-inset-300";
474
- readonly 'font.family.sans': "--ds-font-family-sans";
460
+ readonly 'space.0': "--ds-space-0";
461
+ readonly 'space.025': "--ds-space-025";
462
+ readonly 'space.050': "--ds-space-050";
463
+ readonly 'space.075': "--ds-space-075";
464
+ readonly 'space.100': "--ds-space-100";
465
+ readonly 'space.150': "--ds-space-150";
466
+ readonly 'space.200': "--ds-space-200";
467
+ readonly 'space.250': "--ds-space-250";
468
+ readonly 'space.300': "--ds-space-300";
469
+ readonly 'space.400': "--ds-space-400";
470
+ readonly 'space.500': "--ds-space-500";
471
+ readonly 'space.600': "--ds-space-600";
472
+ readonly 'space.800': "--ds-space-800";
473
+ readonly 'space.1000': "--ds-space-1000";
475
474
  readonly 'font.family.monospace': "--ds-font-family-monospace";
475
+ readonly 'font.family.sans': "--ds-font-family-sans";
476
+ readonly 'font.size.050': "--ds-font-size-050";
477
+ readonly 'font.size.075': "--ds-font-size-075";
476
478
  readonly 'font.size.100': "--ds-font-size-100";
477
479
  readonly 'font.size.200': "--ds-font-size-200";
478
480
  readonly 'font.size.300': "--ds-font-size-300";
479
481
  readonly 'font.size.400': "--ds-font-size-400";
480
482
  readonly 'font.size.500': "--ds-font-size-500";
481
483
  readonly 'font.size.600': "--ds-font-size-600";
482
- readonly 'font.size.050': "--ds-font-size-050";
483
- readonly 'font.size.075': "--ds-font-size-075";
484
- readonly 'font.weight.regular': "--ds-font-weight-regular";
484
+ readonly 'font.weight.bold': "--ds-font-weight-bold";
485
485
  readonly 'font.weight.medium': "--ds-font-weight-medium";
486
+ readonly 'font.weight.regular': "--ds-font-weight-regular";
486
487
  readonly 'font.weight.semibold': "--ds-font-weight-semibold";
487
- readonly 'font.weight.bold': "--ds-font-weight-bold";
488
488
  readonly 'font.lineHeight.100': "--ds-font-lineHeight-100";
489
489
  readonly 'font.lineHeight.200': "--ds-font-lineHeight-200";
490
490
  readonly 'font.lineHeight.300': "--ds-font-lineHeight-300";
@@ -493,8 +493,7 @@ declare const tokens: {
493
493
  readonly 'font.lineHeight.600': "--ds-font-lineHeight-600";
494
494
  };
495
495
  export declare type CSSTokenMap = {
496
- 'color.text.accent.blue': 'var(--ds-text-accent-blue)';
497
- 'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
496
+ 'color.text': 'var(--ds-text)';
498
497
  'color.text.accent.red': 'var(--ds-text-accent-red)';
499
498
  'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)';
500
499
  'color.text.accent.orange': 'var(--ds-text-accent-orange)';
@@ -503,139 +502,163 @@ export declare type CSSTokenMap = {
503
502
  'color.text.accent.yellow.bolder': 'var(--ds-text-accent-yellow-bolder)';
504
503
  'color.text.accent.green': 'var(--ds-text-accent-green)';
505
504
  'color.text.accent.green.bolder': 'var(--ds-text-accent-green-bolder)';
506
- 'color.text.accent.purple': 'var(--ds-text-accent-purple)';
507
- 'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)';
508
505
  'color.text.accent.teal': 'var(--ds-text-accent-teal)';
509
506
  'color.text.accent.teal.bolder': 'var(--ds-text-accent-teal-bolder)';
507
+ 'color.text.accent.blue': 'var(--ds-text-accent-blue)';
508
+ 'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
509
+ 'color.text.accent.purple': 'var(--ds-text-accent-purple)';
510
+ 'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)';
510
511
  'color.text.accent.magenta': 'var(--ds-text-accent-magenta)';
511
512
  'color.text.accent.magenta.bolder': 'var(--ds-text-accent-magenta-bolder)';
512
513
  'color.text.accent.gray': 'var(--ds-text-accent-gray)';
513
514
  'color.text.accent.gray.bolder': 'var(--ds-text-accent-gray-bolder)';
514
- 'color.text': 'var(--ds-text)';
515
- 'color.text.subtle': 'var(--ds-text-subtle)';
516
- 'color.text.subtlest': 'var(--ds-text-subtlest)';
517
- 'color.text.inverse': 'var(--ds-text-inverse)';
518
515
  'color.text.disabled': 'var(--ds-text-disabled)';
519
- 'color.text.brand': 'var(--ds-text-brand)';
516
+ 'color.text.highEmphasis': 'var(--ds-text-highEmphasis)';
517
+ '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)';
520
524
  'color.text.selected': 'var(--ds-text-selected)';
525
+ 'color.text.brand': 'var(--ds-text-brand)';
521
526
  'color.text.danger': 'var(--ds-text-danger)';
522
527
  'color.text.warning': 'var(--ds-text-warning)';
523
528
  'color.text.warning.inverse': 'var(--ds-text-warning-inverse)';
524
529
  'color.text.success': 'var(--ds-text-success)';
525
- 'color.text.information': 'var(--ds-text-information)';
526
530
  'color.text.discovery': 'var(--ds-text-discovery)';
527
- 'color.text.highEmphasis': 'var(--ds-text-highEmphasis)';
528
- 'color.text.mediumEmphasis': 'var(--ds-text-mediumEmphasis)';
529
- 'color.text.lowEmphasis': 'var(--ds-text-lowEmphasis)';
530
- 'color.text.link.resting': 'var(--ds-text-link-resting)';
531
- 'color.text.link.pressed': 'var(--ds-text-link-pressed)';
532
- 'color.text.onBold': 'var(--ds-text-onBold)';
533
- 'color.text.onBoldWarning': 'var(--ds-text-onBoldWarning)';
534
- 'color.icon.accent.blue': 'var(--ds-icon-accent-blue)';
531
+ 'color.text.information': 'var(--ds-text-information)';
532
+ 'color.text.subtlest': 'var(--ds-text-subtlest)';
533
+ 'color.text.subtle': 'var(--ds-text-subtle)';
534
+ 'color.link': 'var(--ds-link)';
535
+ 'color.link.pressed': 'var(--ds-link-pressed)';
536
+ 'color.icon': 'var(--ds-icon)';
535
537
  'color.icon.accent.red': 'var(--ds-icon-accent-red)';
536
538
  'color.icon.accent.orange': 'var(--ds-icon-accent-orange)';
537
539
  'color.icon.accent.yellow': 'var(--ds-icon-accent-yellow)';
538
540
  'color.icon.accent.green': 'var(--ds-icon-accent-green)';
539
- 'color.icon.accent.purple': 'var(--ds-icon-accent-purple)';
540
541
  'color.icon.accent.teal': 'var(--ds-icon-accent-teal)';
542
+ 'color.icon.accent.blue': 'var(--ds-icon-accent-blue)';
543
+ 'color.icon.accent.purple': 'var(--ds-icon-accent-purple)';
541
544
  'color.icon.accent.magenta': 'var(--ds-icon-accent-magenta)';
542
545
  'color.icon.accent.gray': 'var(--ds-icon-accent-gray)';
543
- 'color.icon': 'var(--ds-icon)';
544
- 'color.icon.subtle': 'var(--ds-icon-subtle)';
545
- 'color.icon.inverse': 'var(--ds-icon-inverse)';
546
546
  'color.icon.disabled': 'var(--ds-icon-disabled)';
547
- 'color.icon.brand': 'var(--ds-icon-brand)';
547
+ 'color.icon.inverse': 'var(--ds-icon-inverse)';
548
548
  'color.icon.selected': 'var(--ds-icon-selected)';
549
+ 'color.icon.brand': 'var(--ds-icon-brand)';
549
550
  'color.icon.danger': 'var(--ds-icon-danger)';
550
551
  'color.icon.warning': 'var(--ds-icon-warning)';
551
552
  'color.icon.warning.inverse': 'var(--ds-icon-warning-inverse)';
552
553
  'color.icon.success': 'var(--ds-icon-success)';
553
554
  'color.icon.discovery': 'var(--ds-icon-discovery)';
554
555
  'color.icon.information': 'var(--ds-icon-information)';
555
- 'color.border.accent.blue': 'var(--ds-border-accent-blue)';
556
+ 'color.icon.subtle': 'var(--ds-icon-subtle)';
557
+ 'color.border': 'var(--ds-border)';
556
558
  'color.border.accent.red': 'var(--ds-border-accent-red)';
557
559
  'color.border.accent.orange': 'var(--ds-border-accent-orange)';
558
560
  'color.border.accent.yellow': 'var(--ds-border-accent-yellow)';
559
561
  'color.border.accent.green': 'var(--ds-border-accent-green)';
560
- 'color.border.accent.purple': 'var(--ds-border-accent-purple)';
561
562
  'color.border.accent.teal': 'var(--ds-border-accent-teal)';
563
+ 'color.border.accent.blue': 'var(--ds-border-accent-blue)';
564
+ 'color.border.accent.purple': 'var(--ds-border-accent-purple)';
562
565
  'color.border.accent.magenta': 'var(--ds-border-accent-magenta)';
563
566
  'color.border.accent.gray': 'var(--ds-border-accent-gray)';
564
- 'color.border': 'var(--ds-border)';
565
- 'color.border.bold': 'var(--ds-border-bold)';
566
- 'color.border.inverse': 'var(--ds-border-inverse)';
567
+ 'color.border.disabled': 'var(--ds-border-disabled)';
568
+ 'color.border.focus': 'var(--ds-border-focus)';
567
569
  'color.border.focused': 'var(--ds-border-focused)';
568
570
  'color.border.input': 'var(--ds-border-input)';
569
- 'color.border.disabled': 'var(--ds-border-disabled)';
570
- 'color.border.brand': 'var(--ds-border-brand)';
571
+ 'color.border.inverse': 'var(--ds-border-inverse)';
572
+ 'color.border.neutral': 'var(--ds-border-neutral)';
571
573
  'color.border.selected': 'var(--ds-border-selected)';
574
+ 'color.border.brand': 'var(--ds-border-brand)';
572
575
  'color.border.danger': 'var(--ds-border-danger)';
573
576
  'color.border.warning': 'var(--ds-border-warning)';
574
577
  'color.border.success': 'var(--ds-border-success)';
575
578
  'color.border.discovery': 'var(--ds-border-discovery)';
576
579
  'color.border.information': 'var(--ds-border-information)';
577
- 'color.border.focus': 'var(--ds-border-focus)';
578
- 'color.border.neutral': 'var(--ds-border-neutral)';
579
- 'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)';
580
- 'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)';
581
- 'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)';
582
- 'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)';
583
- 'color.background.accent.blue': 'var(--ds-background-accent-blue)';
584
- 'color.background.accent.blue.bold': 'var(--ds-background-accent-blue-bold)';
580
+ 'color.border.bold': 'var(--ds-border-bold)';
581
+ 'color.background.accent.red': 'var(--ds-background-accent-red)';
585
582
  'color.background.accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)';
586
583
  'color.background.accent.red.subtler': 'var(--ds-background-accent-red-subtler)';
587
584
  'color.background.accent.red.subtle': 'var(--ds-background-accent-red-subtle)';
588
- 'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)';
589
- 'color.background.accent.red': 'var(--ds-background-accent-red)';
590
585
  'color.background.accent.red.bold': 'var(--ds-background-accent-red-bold)';
586
+ 'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)';
587
+ 'color.background.accent.orange': 'var(--ds-background-accent-orange)';
591
588
  'color.background.accent.orange.subtlest': 'var(--ds-background-accent-orange-subtlest)';
592
589
  'color.background.accent.orange.subtler': 'var(--ds-background-accent-orange-subtler)';
593
590
  'color.background.accent.orange.subtle': 'var(--ds-background-accent-orange-subtle)';
594
- 'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)';
595
- 'color.background.accent.orange': 'var(--ds-background-accent-orange)';
596
591
  'color.background.accent.orange.bold': 'var(--ds-background-accent-orange-bold)';
592
+ 'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)';
593
+ 'color.background.accent.yellow': 'var(--ds-background-accent-yellow)';
597
594
  'color.background.accent.yellow.subtlest': 'var(--ds-background-accent-yellow-subtlest)';
598
595
  'color.background.accent.yellow.subtler': 'var(--ds-background-accent-yellow-subtler)';
599
596
  'color.background.accent.yellow.subtle': 'var(--ds-background-accent-yellow-subtle)';
600
- 'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)';
601
- 'color.background.accent.yellow': 'var(--ds-background-accent-yellow)';
602
597
  'color.background.accent.yellow.bold': 'var(--ds-background-accent-yellow-bold)';
598
+ 'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)';
599
+ 'color.background.accent.green': 'var(--ds-background-accent-green)';
603
600
  'color.background.accent.green.subtlest': 'var(--ds-background-accent-green-subtlest)';
604
601
  'color.background.accent.green.subtler': 'var(--ds-background-accent-green-subtler)';
605
602
  'color.background.accent.green.subtle': 'var(--ds-background-accent-green-subtle)';
606
- 'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)';
607
- 'color.background.accent.green': 'var(--ds-background-accent-green)';
608
603
  'color.background.accent.green.bold': 'var(--ds-background-accent-green-bold)';
609
- 'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)';
610
- 'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)';
611
- 'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)';
612
- 'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)';
613
- 'color.background.accent.purple': 'var(--ds-background-accent-purple)';
614
- 'color.background.accent.purple.bold': 'var(--ds-background-accent-purple-bold)';
604
+ 'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)';
605
+ 'color.background.accent.teal': 'var(--ds-background-accent-teal)';
615
606
  'color.background.accent.teal.subtlest': 'var(--ds-background-accent-teal-subtlest)';
616
607
  'color.background.accent.teal.subtler': 'var(--ds-background-accent-teal-subtler)';
617
608
  'color.background.accent.teal.subtle': 'var(--ds-background-accent-teal-subtle)';
618
- 'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)';
619
- 'color.background.accent.teal': 'var(--ds-background-accent-teal)';
620
609
  'color.background.accent.teal.bold': 'var(--ds-background-accent-teal-bold)';
610
+ 'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)';
611
+ 'color.background.accent.blue': 'var(--ds-background-accent-blue)';
612
+ 'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)';
613
+ 'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)';
614
+ 'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)';
615
+ 'color.background.accent.blue.bold': 'var(--ds-background-accent-blue-bold)';
616
+ 'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)';
617
+ 'color.background.accent.purple': 'var(--ds-background-accent-purple)';
618
+ 'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)';
619
+ 'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)';
620
+ 'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)';
621
+ 'color.background.accent.purple.bold': 'var(--ds-background-accent-purple-bold)';
622
+ 'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)';
623
+ 'color.background.accent.magenta': 'var(--ds-background-accent-magenta)';
621
624
  'color.background.accent.magenta.subtlest': 'var(--ds-background-accent-magenta-subtlest)';
622
625
  'color.background.accent.magenta.subtler': 'var(--ds-background-accent-magenta-subtler)';
623
626
  'color.background.accent.magenta.subtle': 'var(--ds-background-accent-magenta-subtle)';
624
- 'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)';
625
- 'color.background.accent.magenta': 'var(--ds-background-accent-magenta)';
626
627
  'color.background.accent.magenta.bold': 'var(--ds-background-accent-magenta-bold)';
628
+ 'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)';
627
629
  'color.background.accent.gray.subtlest': 'var(--ds-background-accent-gray-subtlest)';
628
630
  'color.background.accent.gray.subtler': 'var(--ds-background-accent-gray-subtler)';
629
631
  'color.background.accent.gray.subtle': 'var(--ds-background-accent-gray-subtle)';
630
632
  '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)';
631
654
  'color.background.disabled': 'var(--ds-background-disabled)';
632
- 'color.background.inverse.subtle': 'var(--ds-background-inverse-subtle)';
633
- 'color.background.inverse.subtle.hovered': 'var(--ds-background-inverse-subtle-hovered)';
634
- 'color.background.inverse.subtle.pressed': 'var(--ds-background-inverse-subtle-pressed)';
635
- 'color.background.inverse': 'var(--ds-background-inverse)';
636
655
  'color.background.input': 'var(--ds-background-input)';
637
656
  'color.background.input.hovered': 'var(--ds-background-input-hovered)';
638
657
  'color.background.input.pressed': 'var(--ds-background-input-pressed)';
658
+ 'color.background.inverse': 'var(--ds-background-inverse)';
659
+ 'color.background.inverse.subtle': 'var(--ds-background-inverse-subtle)';
660
+ 'color.background.inverse.subtle.hovered': 'var(--ds-background-inverse-subtle-hovered)';
661
+ 'color.background.inverse.subtle.pressed': 'var(--ds-background-inverse-subtle-pressed)';
639
662
  'color.background.neutral': 'var(--ds-background-neutral)';
640
663
  'color.background.neutral.hovered': 'var(--ds-background-neutral-hovered)';
641
664
  'color.background.neutral.pressed': 'var(--ds-background-neutral-pressed)';
@@ -645,20 +668,44 @@ export declare type CSSTokenMap = {
645
668
  'color.background.neutral.bold': 'var(--ds-background-neutral-bold)';
646
669
  'color.background.neutral.bold.hovered': 'var(--ds-background-neutral-bold-hovered)';
647
670
  'color.background.neutral.bold.pressed': 'var(--ds-background-neutral-bold-pressed)';
648
- 'color.background.brand.bold': 'var(--ds-background-brand-bold)';
649
- 'color.background.brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)';
650
- 'color.background.brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)';
651
- 'color.background.brand': 'var(--ds-background-brand)';
652
- 'color.background.brand.hovered': 'var(--ds-background-brand-hovered)';
653
- 'color.background.brand.pressed': 'var(--ds-background-brand-pressed)';
671
+ 'color.background.overlay': 'var(--ds-background-overlay)';
654
672
  'color.background.selected': 'var(--ds-background-selected)';
655
673
  'color.background.selected.hovered': 'var(--ds-background-selected-hovered)';
656
674
  '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)';
657
677
  'color.background.selected.bold': 'var(--ds-background-selected-bold)';
658
678
  'color.background.selected.bold.hovered': 'var(--ds-background-selected-bold-hovered)';
659
679
  'color.background.selected.bold.pressed': 'var(--ds-background-selected-bold-pressed)';
660
- 'color.background.selected.resting': 'var(--ds-background-selected-resting)';
661
- 'color.background.selected.hover': 'var(--ds-background-selected-hover)';
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
+ 'color.background.brand.bold': 'var(--ds-background-brand-bold)';
707
+ 'color.background.brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)';
708
+ 'color.background.brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)';
662
709
  'color.background.danger': 'var(--ds-background-danger)';
663
710
  'color.background.danger.hovered': 'var(--ds-background-danger-hovered)';
664
711
  'color.background.danger.pressed': 'var(--ds-background-danger-pressed)';
@@ -689,78 +736,15 @@ export declare type CSSTokenMap = {
689
736
  'color.background.information.bold': 'var(--ds-background-information-bold)';
690
737
  'color.background.information.bold.hovered': 'var(--ds-background-information-bold-hovered)';
691
738
  'color.background.information.bold.pressed': 'var(--ds-background-information-bold-pressed)';
692
- 'color.background.blanket': 'var(--ds-background-blanket)';
693
- 'color.background.boldBrand.resting': 'var(--ds-background-boldBrand-resting)';
694
- 'color.background.boldBrand.hover': 'var(--ds-background-boldBrand-hover)';
695
- 'color.background.boldBrand.pressed': 'var(--ds-background-boldBrand-pressed)';
696
- 'color.background.boldDanger.resting': 'var(--ds-background-boldDanger-resting)';
697
- 'color.background.boldDanger.hover': 'var(--ds-background-boldDanger-hover)';
698
- 'color.background.boldDanger.pressed': 'var(--ds-background-boldDanger-pressed)';
699
- 'color.background.boldDiscovery.resting': 'var(--ds-background-boldDiscovery-resting)';
700
- 'color.background.boldDiscovery.hover': 'var(--ds-background-boldDiscovery-hover)';
701
- 'color.background.boldDiscovery.pressed': 'var(--ds-background-boldDiscovery-pressed)';
702
- 'color.background.boldNeutral.resting': 'var(--ds-background-boldNeutral-resting)';
703
- 'color.background.boldNeutral.hover': 'var(--ds-background-boldNeutral-hover)';
704
- 'color.background.boldNeutral.pressed': 'var(--ds-background-boldNeutral-pressed)';
705
- 'color.background.boldSuccess.resting': 'var(--ds-background-boldSuccess-resting)';
706
- 'color.background.boldSuccess.hover': 'var(--ds-background-boldSuccess-hover)';
707
- 'color.background.boldSuccess.pressed': 'var(--ds-background-boldSuccess-pressed)';
708
- 'color.background.boldWarning.resting': 'var(--ds-background-boldWarning-resting)';
709
- 'color.background.boldWarning.hover': 'var(--ds-background-boldWarning-hover)';
710
- 'color.background.boldWarning.pressed': 'var(--ds-background-boldWarning-pressed)';
711
- 'color.background.default': 'var(--ds-background-default)';
712
- 'color.background.card': 'var(--ds-background-card)';
713
- 'color.background.overlay': 'var(--ds-background-overlay)';
714
- 'color.background.subtleBorderedNeutral.resting': 'var(--ds-background-subtleBorderedNeutral-resting)';
715
- 'color.background.subtleBorderedNeutral.pressed': 'var(--ds-background-subtleBorderedNeutral-pressed)';
716
- 'color.background.subtleBrand.resting': 'var(--ds-background-subtleBrand-resting)';
717
- 'color.background.subtleBrand.hover': 'var(--ds-background-subtleBrand-hover)';
718
- 'color.background.subtleBrand.pressed': 'var(--ds-background-subtleBrand-pressed)';
719
- 'color.background.subtleDanger.resting': 'var(--ds-background-subtleDanger-resting)';
720
- 'color.background.subtleDanger.hover': 'var(--ds-background-subtleDanger-hover)';
721
- 'color.background.subtleDanger.pressed': 'var(--ds-background-subtleDanger-pressed)';
722
- 'color.background.subtleDiscovery.resting': 'var(--ds-background-subtleDiscovery-resting)';
723
- 'color.background.subtleDiscovery.hover': 'var(--ds-background-subtleDiscovery-hover)';
724
- 'color.background.subtleDiscovery.pressed': 'var(--ds-background-subtleDiscovery-pressed)';
725
- 'color.background.subtleNeutral.resting': 'var(--ds-background-subtleNeutral-resting)';
726
- 'color.background.subtleNeutral.hover': 'var(--ds-background-subtleNeutral-hover)';
727
- 'color.background.subtleNeutral.pressed': 'var(--ds-background-subtleNeutral-pressed)';
728
- 'color.background.subtleSuccess.resting': 'var(--ds-background-subtleSuccess-resting)';
729
- 'color.background.subtleSuccess.hover': 'var(--ds-background-subtleSuccess-hover)';
730
- 'color.background.subtleSuccess.pressed': 'var(--ds-background-subtleSuccess-pressed)';
731
- 'color.background.subtleWarning.resting': 'var(--ds-background-subtleWarning-resting)';
732
- 'color.background.subtleWarning.hover': 'var(--ds-background-subtleWarning-hover)';
733
- 'color.background.subtleWarning.pressed': 'var(--ds-background-subtleWarning-pressed)';
734
- 'color.background.sunken': 'var(--ds-background-sunken)';
735
- 'color.background.transparentNeutral.hover': 'var(--ds-background-transparentNeutral-hover)';
736
- 'color.background.transparentNeutral.pressed': 'var(--ds-background-transparentNeutral-pressed)';
737
739
  'color.blanket': 'var(--ds-blanket)';
738
740
  'color.blanket.selected': 'var(--ds-blanket-selected)';
739
741
  'color.blanket.danger': 'var(--ds-blanket-danger)';
740
- 'color.chart.brand': 'var(--ds-chart-brand)';
741
- 'color.chart.brand.hovered': 'var(--ds-chart-brand-hovered)';
742
- 'color.chart.neutral': 'var(--ds-chart-neutral)';
743
- 'color.chart.neutral.hovered': 'var(--ds-chart-neutral-hovered)';
744
- 'color.chart.success': 'var(--ds-chart-success)';
745
- 'color.chart.success.hovered': 'var(--ds-chart-success-hovered)';
746
- 'color.chart.success.bold': 'var(--ds-chart-success-bold)';
747
- 'color.chart.success.bold.hovered': 'var(--ds-chart-success-bold-hovered)';
748
- 'color.chart.danger': 'var(--ds-chart-danger)';
749
- 'color.chart.danger.hovered': 'var(--ds-chart-danger-hovered)';
750
- 'color.chart.danger.bold': 'var(--ds-chart-danger-bold)';
751
- 'color.chart.danger.bold.hovered': 'var(--ds-chart-danger-bold-hovered)';
752
- 'color.chart.warning': 'var(--ds-chart-warning)';
753
- 'color.chart.warning.hovered': 'var(--ds-chart-warning-hovered)';
754
- 'color.chart.warning.bold': 'var(--ds-chart-warning-bold)';
755
- 'color.chart.warning.bold.hovered': 'var(--ds-chart-warning-bold-hovered)';
756
- 'color.chart.information': 'var(--ds-chart-information)';
757
- 'color.chart.information.hovered': 'var(--ds-chart-information-hovered)';
758
- 'color.chart.information.bold': 'var(--ds-chart-information-bold)';
759
- 'color.chart.information.bold.hovered': 'var(--ds-chart-information-bold-hovered)';
760
- 'color.chart.discovery': 'var(--ds-chart-discovery)';
761
- 'color.chart.discovery.hovered': 'var(--ds-chart-discovery-hovered)';
762
- 'color.chart.discovery.bold': 'var(--ds-chart-discovery-bold)';
763
- 'color.chart.discovery.bold.hovered': 'var(--ds-chart-discovery-bold-hovered)';
742
+ '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
+ 'color.interaction.pressed': 'var(--ds-interaction-pressed)';
746
+ 'color.skeleton': 'var(--ds-skeleton)';
747
+ 'color.skeleton.subtle': 'var(--ds-skeleton-subtle)';
764
748
  'color.chart.categorical.1': 'var(--ds-chart-categorical-1)';
765
749
  'color.chart.categorical.1.hovered': 'var(--ds-chart-categorical-1-hovered)';
766
750
  'color.chart.categorical.2': 'var(--ds-chart-categorical-2)';
@@ -777,12 +761,8 @@ export declare type CSSTokenMap = {
777
761
  'color.chart.categorical.7.hovered': 'var(--ds-chart-categorical-7-hovered)';
778
762
  'color.chart.categorical.8': 'var(--ds-chart-categorical-8)';
779
763
  'color.chart.categorical.8.hovered': 'var(--ds-chart-categorical-8-hovered)';
780
- 'color.chart.blue.bold': 'var(--ds-chart-blue-bold)';
781
- 'color.chart.blue.bold.hovered': 'var(--ds-chart-blue-bold-hovered)';
782
- 'color.chart.blue.bolder': 'var(--ds-chart-blue-bolder)';
783
- 'color.chart.blue.bolder.hovered': 'var(--ds-chart-blue-bolder-hovered)';
784
- 'color.chart.blue.boldest': 'var(--ds-chart-blue-boldest)';
785
- 'color.chart.blue.boldest.hovered': 'var(--ds-chart-blue-boldest-hovered)';
764
+ 'color.chart.neutral': 'var(--ds-chart-neutral)';
765
+ 'color.chart.neutral.hovered': 'var(--ds-chart-neutral-hovered)';
786
766
  'color.chart.red.bold': 'var(--ds-chart-red-bold)';
787
767
  'color.chart.red.bold.hovered': 'var(--ds-chart-red-bold-hovered)';
788
768
  'color.chart.red.bolder': 'var(--ds-chart-red-bolder)';
@@ -813,6 +793,12 @@ export declare type CSSTokenMap = {
813
793
  'color.chart.teal.bolder.hovered': 'var(--ds-chart-teal-bolder-hovered)';
814
794
  'color.chart.teal.boldest': 'var(--ds-chart-teal-boldest)';
815
795
  'color.chart.teal.boldest.hovered': 'var(--ds-chart-teal-boldest-hovered)';
796
+ 'color.chart.blue.bold': 'var(--ds-chart-blue-bold)';
797
+ 'color.chart.blue.bold.hovered': 'var(--ds-chart-blue-bold-hovered)';
798
+ 'color.chart.blue.bolder': 'var(--ds-chart-blue-bolder)';
799
+ 'color.chart.blue.bolder.hovered': 'var(--ds-chart-blue-bolder-hovered)';
800
+ 'color.chart.blue.boldest': 'var(--ds-chart-blue-boldest)';
801
+ 'color.chart.blue.boldest.hovered': 'var(--ds-chart-blue-boldest-hovered)';
816
802
  'color.chart.purple.bold': 'var(--ds-chart-purple-bold)';
817
803
  'color.chart.purple.bold.hovered': 'var(--ds-chart-purple-bold-hovered)';
818
804
  'color.chart.purple.bolder': 'var(--ds-chart-purple-bolder)';
@@ -831,14 +817,28 @@ export declare type CSSTokenMap = {
831
817
  'color.chart.gray.bolder.hovered': 'var(--ds-chart-gray-bolder-hovered)';
832
818
  'color.chart.gray.boldest': 'var(--ds-chart-gray-boldest)';
833
819
  'color.chart.gray.boldest.hovered': 'var(--ds-chart-gray-boldest-hovered)';
834
- 'color.interaction.hovered': 'var(--ds-interaction-hovered)';
835
- 'color.interaction.pressed': 'var(--ds-interaction-pressed)';
836
- 'color.interaction.inverse.hovered': 'var(--ds-interaction-inverse-hovered)';
837
- 'color.interaction.inverse.pressed': 'var(--ds-interaction-inverse-pressed)';
838
- 'color.skeleton': 'var(--ds-skeleton)';
839
- 'color.skeleton.subtle': 'var(--ds-skeleton-subtle)';
840
- 'color.link': 'var(--ds-link)';
841
- 'color.link.pressed': 'var(--ds-link-pressed)';
820
+ 'color.chart.brand': 'var(--ds-chart-brand)';
821
+ 'color.chart.brand.hovered': 'var(--ds-chart-brand-hovered)';
822
+ 'color.chart.danger': 'var(--ds-chart-danger)';
823
+ 'color.chart.danger.hovered': 'var(--ds-chart-danger-hovered)';
824
+ 'color.chart.danger.bold': 'var(--ds-chart-danger-bold)';
825
+ 'color.chart.danger.bold.hovered': 'var(--ds-chart-danger-bold-hovered)';
826
+ 'color.chart.warning': 'var(--ds-chart-warning)';
827
+ 'color.chart.warning.hovered': 'var(--ds-chart-warning-hovered)';
828
+ 'color.chart.warning.bold': 'var(--ds-chart-warning-bold)';
829
+ 'color.chart.warning.bold.hovered': 'var(--ds-chart-warning-bold-hovered)';
830
+ 'color.chart.success': 'var(--ds-chart-success)';
831
+ 'color.chart.success.hovered': 'var(--ds-chart-success-hovered)';
832
+ 'color.chart.success.bold': 'var(--ds-chart-success-bold)';
833
+ 'color.chart.success.bold.hovered': 'var(--ds-chart-success-bold-hovered)';
834
+ 'color.chart.discovery': 'var(--ds-chart-discovery)';
835
+ 'color.chart.discovery.hovered': 'var(--ds-chart-discovery-hovered)';
836
+ 'color.chart.discovery.bold': 'var(--ds-chart-discovery-bold)';
837
+ 'color.chart.discovery.bold.hovered': 'var(--ds-chart-discovery-bold-hovered)';
838
+ 'color.chart.information': 'var(--ds-chart-information)';
839
+ 'color.chart.information.hovered': 'var(--ds-chart-information-hovered)';
840
+ 'color.chart.information.bold': 'var(--ds-chart-information-bold)';
841
+ 'color.chart.information.bold.hovered': 'var(--ds-chart-information-bold-hovered)';
842
842
  'color.accent.boldBlue': 'var(--ds-accent-boldBlue)';
843
843
  'color.accent.boldGreen': 'var(--ds-accent-boldGreen)';
844
844
  'color.accent.boldOrange': 'var(--ds-accent-boldOrange)';
@@ -859,42 +859,31 @@ export declare type CSSTokenMap = {
859
859
  'color.iconBorder.discovery': 'var(--ds-iconBorder-discovery)';
860
860
  'color.overlay.hover': 'var(--ds-overlay-hover)';
861
861
  'color.overlay.pressed': 'var(--ds-overlay-pressed)';
862
- 'shadow.card': 'var(--ds-card)';
863
- 'shadow.overlay': 'var(--ds-overlay)';
864
- 'elevation.shadow.raised': 'var(--ds-shadow-raised)';
865
- 'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
866
- 'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)';
867
- 'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)';
868
- 'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
869
862
  'elevation.surface': 'var(--ds-surface)';
870
863
  'elevation.surface.hovered': 'var(--ds-surface-hovered)';
871
864
  'elevation.surface.pressed': 'var(--ds-surface-pressed)';
872
- 'elevation.surface.sunken': 'var(--ds-surface-sunken)';
873
- 'elevation.surface.raised': 'var(--ds-surface-raised)';
874
- 'elevation.surface.raised.hovered': 'var(--ds-surface-raised-hovered)';
875
- 'elevation.surface.raised.pressed': 'var(--ds-surface-raised-pressed)';
876
865
  'elevation.surface.overlay': 'var(--ds-surface-overlay)';
877
866
  'elevation.surface.overlay.hovered': 'var(--ds-surface-overlay-hovered)';
878
867
  'elevation.surface.overlay.pressed': 'var(--ds-surface-overlay-pressed)';
868
+ 'elevation.surface.raised': 'var(--ds-surface-raised)';
869
+ 'elevation.surface.raised.hovered': 'var(--ds-surface-raised-hovered)';
870
+ 'elevation.surface.raised.pressed': 'var(--ds-surface-raised-pressed)';
871
+ 'elevation.surface.sunken': 'var(--ds-surface-sunken)';
872
+ 'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
873
+ 'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)';
874
+ 'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)';
875
+ 'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
876
+ 'elevation.shadow.raised': 'var(--ds-shadow-raised)';
879
877
  'opacity.disabled': 'var(--ds-opacity-disabled)';
880
878
  'opacity.loading': 'var(--ds-opacity-loading)';
881
- 'utility.UNSAFE_util.transparent': 'var(--ds-UNSAFE_util-transparent)';
879
+ 'shadow.card': 'var(--ds-card)';
880
+ 'shadow.overlay': 'var(--ds-overlay)';
882
881
  'utility.UNSAFE_util.MISSING_TOKEN': 'var(--ds-UNSAFE_util-MISSING_TOKEN)';
883
- 'space.0': 'var(--ds-space-0)';
884
- 'space.100': 'var(--ds-space-100)';
885
- 'space.150': 'var(--ds-space-150)';
886
- 'space.200': 'var(--ds-space-200)';
887
- 'space.250': 'var(--ds-space-250)';
888
- 'space.300': 'var(--ds-space-300)';
889
- 'space.400': 'var(--ds-space-400)';
890
- 'space.500': 'var(--ds-space-500)';
891
- 'space.600': 'var(--ds-space-600)';
892
- 'space.800': 'var(--ds-space-800)';
893
- 'space.1000': 'var(--ds-space-1000)';
894
- 'space.025': 'var(--ds-space-025)';
895
- 'space.050': 'var(--ds-space-050)';
896
- 'space.075': 'var(--ds-space-075)';
882
+ 'utility.UNSAFE_util.transparent': 'var(--ds-UNSAFE_util-transparent)';
897
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)';
898
887
  'spacing.scale.100': 'var(--ds-scale-100)';
899
888
  'spacing.scale.150': 'var(--ds-scale-150)';
900
889
  'spacing.scale.200': 'var(--ds-scale-200)';
@@ -905,9 +894,6 @@ export declare type CSSTokenMap = {
905
894
  'spacing.scale.600': 'var(--ds-scale-600)';
906
895
  'spacing.scale.800': 'var(--ds-scale-800)';
907
896
  'spacing.scale.1000': 'var(--ds-scale-1000)';
908
- 'spacing.scale.025': 'var(--ds-scale-025)';
909
- 'spacing.scale.050': 'var(--ds-scale-050)';
910
- 'spacing.scale.075': 'var(--ds-scale-075)';
911
897
  'spacing.scaleLinear.0': 'var(--ds-scaleLinear-0)';
912
898
  'spacing.scaleLinear.100': 'var(--ds-scaleLinear-100)';
913
899
  'spacing.scaleLinear.200': 'var(--ds-scaleLinear-200)';
@@ -932,14 +918,20 @@ export declare type CSSTokenMap = {
932
918
  'spacing.size.xxlarge': 'var(--ds-size-xxlarge)';
933
919
  'spacing.size.xxxlarge': 'var(--ds-size-xxxlarge)';
934
920
  'spacing.size.xxxxlarge': 'var(--ds-size-xxxxlarge)';
935
- 'spacing.ecl.element.2': 'var(--ds-ecl-element-2)';
936
- 'spacing.ecl.element.4': 'var(--ds-ecl-element-4)';
937
- 'spacing.ecl.element.6': 'var(--ds-ecl-element-6)';
938
- 'spacing.ecl.element.8': 'var(--ds-ecl-element-8)';
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)';
939
927
  'spacing.ecl.container.12': 'var(--ds-ecl-container-12)';
940
928
  'spacing.ecl.container.16': 'var(--ds-ecl-container-16)';
941
929
  'spacing.ecl.container.20': 'var(--ds-ecl-container-20)';
942
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)';
943
935
  'spacing.ecl.layout.32': 'var(--ds-ecl-layout-32)';
944
936
  'spacing.ecl.layout.40': 'var(--ds-ecl-layout-40)';
945
937
  'spacing.ecl.layout.64': 'var(--ds-ecl-layout-64)';
@@ -947,33 +939,41 @@ export declare type CSSTokenMap = {
947
939
  'spacing.ccc.component.4': 'var(--ds-ccc-component-4)';
948
940
  'spacing.ccc.component.6': 'var(--ds-ccc-component-6)';
949
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)';
950
945
  'spacing.ccc.content.12': 'var(--ds-ccc-content-12)';
951
946
  'spacing.ccc.content.16': 'var(--ds-ccc-content-16)';
952
947
  'spacing.ccc.content.20': 'var(--ds-ccc-content-20)';
953
948
  'spacing.ccc.content.24': 'var(--ds-ccc-content-24)';
954
- 'spacing.ccc.container.32': 'var(--ds-ccc-container-32)';
955
- 'spacing.ccc.container.40': 'var(--ds-ccc-container-40)';
956
- 'spacing.ccc.container.48': 'var(--ds-ccc-container-48)';
957
- 'spacing.gap.100': 'var(--ds-gap-100)';
958
- 'spacing.gap.200': 'var(--ds-gap-200)';
959
- 'spacing.gap.300': 'var(--ds-gap-300)';
960
- 'spacing.inset.100': 'var(--ds-inset-100)';
961
- 'spacing.inset.200': 'var(--ds-inset-200)';
962
- 'spacing.inset.300': 'var(--ds-inset-300)';
963
- 'font.family.sans': 'var(--ds-font-family-sans)';
949
+ 'space.0': 'var(--ds-space-0)';
950
+ 'space.025': 'var(--ds-space-025)';
951
+ 'space.050': 'var(--ds-space-050)';
952
+ 'space.075': 'var(--ds-space-075)';
953
+ 'space.100': 'var(--ds-space-100)';
954
+ 'space.150': 'var(--ds-space-150)';
955
+ 'space.200': 'var(--ds-space-200)';
956
+ 'space.250': 'var(--ds-space-250)';
957
+ 'space.300': 'var(--ds-space-300)';
958
+ 'space.400': 'var(--ds-space-400)';
959
+ 'space.500': 'var(--ds-space-500)';
960
+ 'space.600': 'var(--ds-space-600)';
961
+ 'space.800': 'var(--ds-space-800)';
962
+ 'space.1000': 'var(--ds-space-1000)';
964
963
  'font.family.monospace': 'var(--ds-font-family-monospace)';
964
+ 'font.family.sans': 'var(--ds-font-family-sans)';
965
+ 'font.size.050': 'var(--ds-font-size-050)';
966
+ 'font.size.075': 'var(--ds-font-size-075)';
965
967
  'font.size.100': 'var(--ds-font-size-100)';
966
968
  'font.size.200': 'var(--ds-font-size-200)';
967
969
  'font.size.300': 'var(--ds-font-size-300)';
968
970
  'font.size.400': 'var(--ds-font-size-400)';
969
971
  'font.size.500': 'var(--ds-font-size-500)';
970
972
  'font.size.600': 'var(--ds-font-size-600)';
971
- 'font.size.050': 'var(--ds-font-size-050)';
972
- 'font.size.075': 'var(--ds-font-size-075)';
973
- 'font.weight.regular': 'var(--ds-font-weight-regular)';
973
+ 'font.weight.bold': 'var(--ds-font-weight-bold)';
974
974
  'font.weight.medium': 'var(--ds-font-weight-medium)';
975
+ 'font.weight.regular': 'var(--ds-font-weight-regular)';
975
976
  'font.weight.semibold': 'var(--ds-font-weight-semibold)';
976
- 'font.weight.bold': 'var(--ds-font-weight-bold)';
977
977
  'font.lineHeight.100': 'var(--ds-font-lineHeight-100)';
978
978
  'font.lineHeight.200': 'var(--ds-font-lineHeight-200)';
979
979
  'font.lineHeight.300': 'var(--ds-font-lineHeight-300)';