@atlaskit/tokens 0.13.3 → 0.13.5

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 (107) hide show
  1. package/CHANGELOG.md +13 -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/get-token-value.js +1 -1
  22. package/dist/cjs/get-token.js +1 -1
  23. package/dist/cjs/tokens/default/color/background.js +2 -2
  24. package/dist/cjs/tokens/default/color/border.js +1 -1
  25. package/dist/cjs/tokens/default/color/chart.js +94 -94
  26. package/dist/cjs/tokens/default/color/icon.js +1 -1
  27. package/dist/cjs/tokens/default/color/text.js +1 -1
  28. package/dist/cjs/version.json +1 -1
  29. package/dist/es2019/artifacts/palettes-raw/legacy-palette.js +340 -340
  30. package/dist/es2019/artifacts/palettes-raw/palette.js +607 -607
  31. package/dist/es2019/artifacts/palettes-raw/spacing-scale.js +35 -35
  32. package/dist/es2019/artifacts/palettes-raw/typography-palette.js +43 -43
  33. package/dist/es2019/artifacts/replacement-mapping.js +112 -112
  34. package/dist/es2019/artifacts/token-default-values.js +199 -199
  35. package/dist/es2019/artifacts/token-names.js +199 -199
  36. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +3898 -3511
  37. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +3900 -3513
  38. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +3802 -3415
  39. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +3846 -3459
  40. package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +702 -622
  41. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +80 -60
  42. package/dist/es2019/get-token-value.js +1 -1
  43. package/dist/es2019/get-token.js +1 -1
  44. package/dist/es2019/tokens/default/color/background.js +2 -2
  45. package/dist/es2019/tokens/default/color/border.js +1 -1
  46. package/dist/es2019/tokens/default/color/chart.js +94 -94
  47. package/dist/es2019/tokens/default/color/icon.js +1 -1
  48. package/dist/es2019/tokens/default/color/text.js +1 -1
  49. package/dist/es2019/version.json +1 -1
  50. package/dist/esm/artifacts/palettes-raw/legacy-palette.js +340 -340
  51. package/dist/esm/artifacts/palettes-raw/palette.js +607 -607
  52. package/dist/esm/artifacts/palettes-raw/spacing-scale.js +35 -35
  53. package/dist/esm/artifacts/palettes-raw/typography-palette.js +43 -43
  54. package/dist/esm/artifacts/replacement-mapping.js +112 -112
  55. package/dist/esm/artifacts/token-default-values.js +199 -199
  56. package/dist/esm/artifacts/token-names.js +199 -199
  57. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +3898 -3511
  58. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +3900 -3513
  59. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +3802 -3415
  60. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +3846 -3459
  61. package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +702 -622
  62. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +80 -60
  63. package/dist/esm/get-token-value.js +1 -1
  64. package/dist/esm/get-token.js +1 -1
  65. package/dist/esm/tokens/default/color/background.js +2 -2
  66. package/dist/esm/tokens/default/color/border.js +1 -1
  67. package/dist/esm/tokens/default/color/chart.js +94 -94
  68. package/dist/esm/tokens/default/color/icon.js +1 -1
  69. package/dist/esm/tokens/default/color/text.js +1 -1
  70. package/dist/esm/version.json +1 -1
  71. package/dist/types/artifacts/palettes-raw/legacy-palette.d.ts +5 -5
  72. package/dist/types/artifacts/palettes-raw/palette.d.ts +5 -5
  73. package/dist/types/artifacts/palettes-raw/spacing-scale.d.ts +1 -1
  74. package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  75. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  76. package/dist/types/artifacts/token-default-values.d.ts +199 -199
  77. package/dist/types/artifacts/token-names.d.ts +397 -397
  78. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +42 -37
  79. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +42 -37
  80. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +38 -33
  81. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +38 -33
  82. package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +22 -17
  83. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +2 -1
  84. package/dist/types/artifacts/types-internal.d.ts +2 -2
  85. package/dist/types/artifacts/types.d.ts +2 -2
  86. package/dist/types/tokens/atlassian-dark/utility/utility.d.ts +1 -1
  87. package/dist/types/tokens/atlassian-legacy-dark/utility/utility.d.ts +1 -1
  88. package/dist/types/tokens/atlassian-legacy-light/utility/utility.d.ts +1 -1
  89. package/dist/types/tokens/atlassian-light/utility/utility.d.ts +1 -1
  90. package/dist/types/tokens/default/utility/utility.d.ts +1 -1
  91. package/figma/atlassian-dark.json +2733 -0
  92. package/figma/atlassian-legacy-dark.json +2733 -0
  93. package/figma/atlassian-legacy-light.json +2711 -0
  94. package/figma/atlassian-light.json +2711 -0
  95. package/figma/atlassian-spacing.json +956 -0
  96. package/figma/atlassian-typography.json +114 -0
  97. package/package.json +5 -3
  98. package/report.api.md +396 -396
  99. package/tmp/api-report-tmp.d.ts +396 -396
  100. package/dist/cjs/figma/synchronize-figma-tokens.js +0 -220
  101. package/dist/cjs/figma/types.js +0 -5
  102. package/dist/es2019/figma/synchronize-figma-tokens.js +0 -212
  103. package/dist/es2019/figma/types.js +0 -1
  104. package/dist/esm/figma/synchronize-figma-tokens.js +0 -216
  105. package/dist/esm/figma/types.js +0 -1
  106. package/dist/types/figma/synchronize-figma-tokens.d.ts +0 -24
  107. package/dist/types/figma/types.d.ts +0 -40
package/report.api.md CHANGED
@@ -20,8 +20,7 @@ export type CSSToken = CSSTokenMap[keyof CSSTokenMap];
20
20
 
21
21
  // @public (undocumented)
22
22
  type CSSTokenMap = {
23
- 'color.text.accent.blue': 'var(--ds-text-accent-blue)';
24
- 'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
23
+ 'color.text': 'var(--ds-text)';
25
24
  'color.text.accent.red': 'var(--ds-text-accent-red)';
26
25
  'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)';
27
26
  'color.text.accent.orange': 'var(--ds-text-accent-orange)';
@@ -30,139 +29,163 @@ type CSSTokenMap = {
30
29
  'color.text.accent.yellow.bolder': 'var(--ds-text-accent-yellow-bolder)';
31
30
  'color.text.accent.green': 'var(--ds-text-accent-green)';
32
31
  'color.text.accent.green.bolder': 'var(--ds-text-accent-green-bolder)';
33
- 'color.text.accent.purple': 'var(--ds-text-accent-purple)';
34
- 'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)';
35
32
  'color.text.accent.teal': 'var(--ds-text-accent-teal)';
36
33
  'color.text.accent.teal.bolder': 'var(--ds-text-accent-teal-bolder)';
34
+ 'color.text.accent.blue': 'var(--ds-text-accent-blue)';
35
+ 'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
36
+ 'color.text.accent.purple': 'var(--ds-text-accent-purple)';
37
+ 'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)';
37
38
  'color.text.accent.magenta': 'var(--ds-text-accent-magenta)';
38
39
  'color.text.accent.magenta.bolder': 'var(--ds-text-accent-magenta-bolder)';
39
40
  'color.text.accent.gray': 'var(--ds-text-accent-gray)';
40
41
  'color.text.accent.gray.bolder': 'var(--ds-text-accent-gray-bolder)';
41
- 'color.text': 'var(--ds-text)';
42
- 'color.text.subtle': 'var(--ds-text-subtle)';
43
- 'color.text.subtlest': 'var(--ds-text-subtlest)';
44
- 'color.text.inverse': 'var(--ds-text-inverse)';
45
42
  'color.text.disabled': 'var(--ds-text-disabled)';
46
- 'color.text.brand': 'var(--ds-text-brand)';
43
+ 'color.text.highEmphasis': 'var(--ds-text-highEmphasis)';
44
+ 'color.text.inverse': 'var(--ds-text-inverse)';
45
+ 'color.text.link.pressed': 'var(--ds-text-link-pressed)';
46
+ 'color.text.link.resting': 'var(--ds-text-link-resting)';
47
+ 'color.text.lowEmphasis': 'var(--ds-text-lowEmphasis)';
48
+ 'color.text.mediumEmphasis': 'var(--ds-text-mediumEmphasis)';
49
+ 'color.text.onBold': 'var(--ds-text-onBold)';
50
+ 'color.text.onBoldWarning': 'var(--ds-text-onBoldWarning)';
47
51
  'color.text.selected': 'var(--ds-text-selected)';
52
+ 'color.text.brand': 'var(--ds-text-brand)';
48
53
  'color.text.danger': 'var(--ds-text-danger)';
49
54
  'color.text.warning': 'var(--ds-text-warning)';
50
55
  'color.text.warning.inverse': 'var(--ds-text-warning-inverse)';
51
56
  'color.text.success': 'var(--ds-text-success)';
52
- 'color.text.information': 'var(--ds-text-information)';
53
57
  'color.text.discovery': 'var(--ds-text-discovery)';
54
- 'color.text.highEmphasis': 'var(--ds-text-highEmphasis)';
55
- 'color.text.mediumEmphasis': 'var(--ds-text-mediumEmphasis)';
56
- 'color.text.lowEmphasis': 'var(--ds-text-lowEmphasis)';
57
- 'color.text.link.resting': 'var(--ds-text-link-resting)';
58
- 'color.text.link.pressed': 'var(--ds-text-link-pressed)';
59
- 'color.text.onBold': 'var(--ds-text-onBold)';
60
- 'color.text.onBoldWarning': 'var(--ds-text-onBoldWarning)';
61
- 'color.icon.accent.blue': 'var(--ds-icon-accent-blue)';
58
+ 'color.text.information': 'var(--ds-text-information)';
59
+ 'color.text.subtlest': 'var(--ds-text-subtlest)';
60
+ 'color.text.subtle': 'var(--ds-text-subtle)';
61
+ 'color.link': 'var(--ds-link)';
62
+ 'color.link.pressed': 'var(--ds-link-pressed)';
63
+ 'color.icon': 'var(--ds-icon)';
62
64
  'color.icon.accent.red': 'var(--ds-icon-accent-red)';
63
65
  'color.icon.accent.orange': 'var(--ds-icon-accent-orange)';
64
66
  'color.icon.accent.yellow': 'var(--ds-icon-accent-yellow)';
65
67
  'color.icon.accent.green': 'var(--ds-icon-accent-green)';
66
- 'color.icon.accent.purple': 'var(--ds-icon-accent-purple)';
67
68
  'color.icon.accent.teal': 'var(--ds-icon-accent-teal)';
69
+ 'color.icon.accent.blue': 'var(--ds-icon-accent-blue)';
70
+ 'color.icon.accent.purple': 'var(--ds-icon-accent-purple)';
68
71
  'color.icon.accent.magenta': 'var(--ds-icon-accent-magenta)';
69
72
  'color.icon.accent.gray': 'var(--ds-icon-accent-gray)';
70
- 'color.icon': 'var(--ds-icon)';
71
- 'color.icon.subtle': 'var(--ds-icon-subtle)';
72
- 'color.icon.inverse': 'var(--ds-icon-inverse)';
73
73
  'color.icon.disabled': 'var(--ds-icon-disabled)';
74
- 'color.icon.brand': 'var(--ds-icon-brand)';
74
+ 'color.icon.inverse': 'var(--ds-icon-inverse)';
75
75
  'color.icon.selected': 'var(--ds-icon-selected)';
76
+ 'color.icon.brand': 'var(--ds-icon-brand)';
76
77
  'color.icon.danger': 'var(--ds-icon-danger)';
77
78
  'color.icon.warning': 'var(--ds-icon-warning)';
78
79
  'color.icon.warning.inverse': 'var(--ds-icon-warning-inverse)';
79
80
  'color.icon.success': 'var(--ds-icon-success)';
80
81
  'color.icon.discovery': 'var(--ds-icon-discovery)';
81
82
  'color.icon.information': 'var(--ds-icon-information)';
82
- 'color.border.accent.blue': 'var(--ds-border-accent-blue)';
83
+ 'color.icon.subtle': 'var(--ds-icon-subtle)';
84
+ 'color.border': 'var(--ds-border)';
83
85
  'color.border.accent.red': 'var(--ds-border-accent-red)';
84
86
  'color.border.accent.orange': 'var(--ds-border-accent-orange)';
85
87
  'color.border.accent.yellow': 'var(--ds-border-accent-yellow)';
86
88
  'color.border.accent.green': 'var(--ds-border-accent-green)';
87
- 'color.border.accent.purple': 'var(--ds-border-accent-purple)';
88
89
  'color.border.accent.teal': 'var(--ds-border-accent-teal)';
90
+ 'color.border.accent.blue': 'var(--ds-border-accent-blue)';
91
+ 'color.border.accent.purple': 'var(--ds-border-accent-purple)';
89
92
  'color.border.accent.magenta': 'var(--ds-border-accent-magenta)';
90
93
  'color.border.accent.gray': 'var(--ds-border-accent-gray)';
91
- 'color.border': 'var(--ds-border)';
92
- 'color.border.bold': 'var(--ds-border-bold)';
93
- 'color.border.inverse': 'var(--ds-border-inverse)';
94
+ 'color.border.disabled': 'var(--ds-border-disabled)';
95
+ 'color.border.focus': 'var(--ds-border-focus)';
94
96
  'color.border.focused': 'var(--ds-border-focused)';
95
97
  'color.border.input': 'var(--ds-border-input)';
96
- 'color.border.disabled': 'var(--ds-border-disabled)';
97
- 'color.border.brand': 'var(--ds-border-brand)';
98
+ 'color.border.inverse': 'var(--ds-border-inverse)';
99
+ 'color.border.neutral': 'var(--ds-border-neutral)';
98
100
  'color.border.selected': 'var(--ds-border-selected)';
101
+ 'color.border.brand': 'var(--ds-border-brand)';
99
102
  'color.border.danger': 'var(--ds-border-danger)';
100
103
  'color.border.warning': 'var(--ds-border-warning)';
101
104
  'color.border.success': 'var(--ds-border-success)';
102
105
  'color.border.discovery': 'var(--ds-border-discovery)';
103
106
  'color.border.information': 'var(--ds-border-information)';
104
- 'color.border.focus': 'var(--ds-border-focus)';
105
- 'color.border.neutral': 'var(--ds-border-neutral)';
106
- 'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)';
107
- 'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)';
108
- 'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)';
109
- 'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)';
110
- 'color.background.accent.blue': 'var(--ds-background-accent-blue)';
111
- 'color.background.accent.blue.bold': 'var(--ds-background-accent-blue-bold)';
107
+ 'color.border.bold': 'var(--ds-border-bold)';
108
+ 'color.background.accent.red': 'var(--ds-background-accent-red)';
112
109
  'color.background.accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)';
113
110
  'color.background.accent.red.subtler': 'var(--ds-background-accent-red-subtler)';
114
111
  'color.background.accent.red.subtle': 'var(--ds-background-accent-red-subtle)';
115
- 'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)';
116
- 'color.background.accent.red': 'var(--ds-background-accent-red)';
117
112
  'color.background.accent.red.bold': 'var(--ds-background-accent-red-bold)';
113
+ 'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)';
114
+ 'color.background.accent.orange': 'var(--ds-background-accent-orange)';
118
115
  'color.background.accent.orange.subtlest': 'var(--ds-background-accent-orange-subtlest)';
119
116
  'color.background.accent.orange.subtler': 'var(--ds-background-accent-orange-subtler)';
120
117
  'color.background.accent.orange.subtle': 'var(--ds-background-accent-orange-subtle)';
121
- 'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)';
122
- 'color.background.accent.orange': 'var(--ds-background-accent-orange)';
123
118
  'color.background.accent.orange.bold': 'var(--ds-background-accent-orange-bold)';
119
+ 'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)';
120
+ 'color.background.accent.yellow': 'var(--ds-background-accent-yellow)';
124
121
  'color.background.accent.yellow.subtlest': 'var(--ds-background-accent-yellow-subtlest)';
125
122
  'color.background.accent.yellow.subtler': 'var(--ds-background-accent-yellow-subtler)';
126
123
  'color.background.accent.yellow.subtle': 'var(--ds-background-accent-yellow-subtle)';
127
- 'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)';
128
- 'color.background.accent.yellow': 'var(--ds-background-accent-yellow)';
129
124
  'color.background.accent.yellow.bold': 'var(--ds-background-accent-yellow-bold)';
125
+ 'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)';
126
+ 'color.background.accent.green': 'var(--ds-background-accent-green)';
130
127
  'color.background.accent.green.subtlest': 'var(--ds-background-accent-green-subtlest)';
131
128
  'color.background.accent.green.subtler': 'var(--ds-background-accent-green-subtler)';
132
129
  'color.background.accent.green.subtle': 'var(--ds-background-accent-green-subtle)';
133
- 'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)';
134
- 'color.background.accent.green': 'var(--ds-background-accent-green)';
135
130
  'color.background.accent.green.bold': 'var(--ds-background-accent-green-bold)';
136
- 'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)';
137
- 'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)';
138
- 'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)';
139
- 'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)';
140
- 'color.background.accent.purple': 'var(--ds-background-accent-purple)';
141
- 'color.background.accent.purple.bold': 'var(--ds-background-accent-purple-bold)';
131
+ 'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)';
132
+ 'color.background.accent.teal': 'var(--ds-background-accent-teal)';
142
133
  'color.background.accent.teal.subtlest': 'var(--ds-background-accent-teal-subtlest)';
143
134
  'color.background.accent.teal.subtler': 'var(--ds-background-accent-teal-subtler)';
144
135
  'color.background.accent.teal.subtle': 'var(--ds-background-accent-teal-subtle)';
145
- 'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)';
146
- 'color.background.accent.teal': 'var(--ds-background-accent-teal)';
147
136
  'color.background.accent.teal.bold': 'var(--ds-background-accent-teal-bold)';
137
+ 'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)';
138
+ 'color.background.accent.blue': 'var(--ds-background-accent-blue)';
139
+ 'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)';
140
+ 'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)';
141
+ 'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)';
142
+ 'color.background.accent.blue.bold': 'var(--ds-background-accent-blue-bold)';
143
+ 'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)';
144
+ 'color.background.accent.purple': 'var(--ds-background-accent-purple)';
145
+ 'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)';
146
+ 'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)';
147
+ 'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)';
148
+ 'color.background.accent.purple.bold': 'var(--ds-background-accent-purple-bold)';
149
+ 'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)';
150
+ 'color.background.accent.magenta': 'var(--ds-background-accent-magenta)';
148
151
  'color.background.accent.magenta.subtlest': 'var(--ds-background-accent-magenta-subtlest)';
149
152
  'color.background.accent.magenta.subtler': 'var(--ds-background-accent-magenta-subtler)';
150
153
  'color.background.accent.magenta.subtle': 'var(--ds-background-accent-magenta-subtle)';
151
- 'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)';
152
- 'color.background.accent.magenta': 'var(--ds-background-accent-magenta)';
153
154
  'color.background.accent.magenta.bold': 'var(--ds-background-accent-magenta-bold)';
155
+ 'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)';
154
156
  'color.background.accent.gray.subtlest': 'var(--ds-background-accent-gray-subtlest)';
155
157
  'color.background.accent.gray.subtler': 'var(--ds-background-accent-gray-subtler)';
156
158
  'color.background.accent.gray.subtle': 'var(--ds-background-accent-gray-subtle)';
157
159
  'color.background.accent.gray.bolder': 'var(--ds-background-accent-gray-bolder)';
160
+ 'color.background.blanket': 'var(--ds-background-blanket)';
161
+ 'color.background.boldBrand.hover': 'var(--ds-background-boldBrand-hover)';
162
+ 'color.background.boldBrand.pressed': 'var(--ds-background-boldBrand-pressed)';
163
+ 'color.background.boldBrand.resting': 'var(--ds-background-boldBrand-resting)';
164
+ 'color.background.boldDanger.hover': 'var(--ds-background-boldDanger-hover)';
165
+ 'color.background.boldDanger.pressed': 'var(--ds-background-boldDanger-pressed)';
166
+ 'color.background.boldDanger.resting': 'var(--ds-background-boldDanger-resting)';
167
+ 'color.background.boldDiscovery.hover': 'var(--ds-background-boldDiscovery-hover)';
168
+ 'color.background.boldDiscovery.pressed': 'var(--ds-background-boldDiscovery-pressed)';
169
+ 'color.background.boldDiscovery.resting': 'var(--ds-background-boldDiscovery-resting)';
170
+ 'color.background.boldNeutral.hover': 'var(--ds-background-boldNeutral-hover)';
171
+ 'color.background.boldNeutral.pressed': 'var(--ds-background-boldNeutral-pressed)';
172
+ 'color.background.boldNeutral.resting': 'var(--ds-background-boldNeutral-resting)';
173
+ 'color.background.boldSuccess.hover': 'var(--ds-background-boldSuccess-hover)';
174
+ 'color.background.boldSuccess.pressed': 'var(--ds-background-boldSuccess-pressed)';
175
+ 'color.background.boldSuccess.resting': 'var(--ds-background-boldSuccess-resting)';
176
+ 'color.background.boldWarning.hover': 'var(--ds-background-boldWarning-hover)';
177
+ 'color.background.boldWarning.pressed': 'var(--ds-background-boldWarning-pressed)';
178
+ 'color.background.boldWarning.resting': 'var(--ds-background-boldWarning-resting)';
179
+ 'color.background.card': 'var(--ds-background-card)';
180
+ 'color.background.default': 'var(--ds-background-default)';
158
181
  'color.background.disabled': 'var(--ds-background-disabled)';
159
- 'color.background.inverse.subtle': 'var(--ds-background-inverse-subtle)';
160
- 'color.background.inverse.subtle.hovered': 'var(--ds-background-inverse-subtle-hovered)';
161
- 'color.background.inverse.subtle.pressed': 'var(--ds-background-inverse-subtle-pressed)';
162
- 'color.background.inverse': 'var(--ds-background-inverse)';
163
182
  'color.background.input': 'var(--ds-background-input)';
164
183
  'color.background.input.hovered': 'var(--ds-background-input-hovered)';
165
184
  'color.background.input.pressed': 'var(--ds-background-input-pressed)';
185
+ 'color.background.inverse': 'var(--ds-background-inverse)';
186
+ 'color.background.inverse.subtle': 'var(--ds-background-inverse-subtle)';
187
+ 'color.background.inverse.subtle.hovered': 'var(--ds-background-inverse-subtle-hovered)';
188
+ 'color.background.inverse.subtle.pressed': 'var(--ds-background-inverse-subtle-pressed)';
166
189
  'color.background.neutral': 'var(--ds-background-neutral)';
167
190
  'color.background.neutral.hovered': 'var(--ds-background-neutral-hovered)';
168
191
  'color.background.neutral.pressed': 'var(--ds-background-neutral-pressed)';
@@ -172,20 +195,44 @@ type CSSTokenMap = {
172
195
  'color.background.neutral.bold': 'var(--ds-background-neutral-bold)';
173
196
  'color.background.neutral.bold.hovered': 'var(--ds-background-neutral-bold-hovered)';
174
197
  'color.background.neutral.bold.pressed': 'var(--ds-background-neutral-bold-pressed)';
175
- 'color.background.brand.bold': 'var(--ds-background-brand-bold)';
176
- 'color.background.brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)';
177
- 'color.background.brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)';
178
- 'color.background.brand': 'var(--ds-background-brand)';
179
- 'color.background.brand.hovered': 'var(--ds-background-brand-hovered)';
180
- 'color.background.brand.pressed': 'var(--ds-background-brand-pressed)';
198
+ 'color.background.overlay': 'var(--ds-background-overlay)';
181
199
  'color.background.selected': 'var(--ds-background-selected)';
182
200
  'color.background.selected.hovered': 'var(--ds-background-selected-hovered)';
183
201
  'color.background.selected.pressed': 'var(--ds-background-selected-pressed)';
202
+ 'color.background.selected.hover': 'var(--ds-background-selected-hover)';
203
+ 'color.background.selected.resting': 'var(--ds-background-selected-resting)';
184
204
  'color.background.selected.bold': 'var(--ds-background-selected-bold)';
185
205
  'color.background.selected.bold.hovered': 'var(--ds-background-selected-bold-hovered)';
186
206
  'color.background.selected.bold.pressed': 'var(--ds-background-selected-bold-pressed)';
187
- 'color.background.selected.resting': 'var(--ds-background-selected-resting)';
188
- 'color.background.selected.hover': 'var(--ds-background-selected-hover)';
207
+ 'color.background.subtleBorderedNeutral.pressed': 'var(--ds-background-subtleBorderedNeutral-pressed)';
208
+ 'color.background.subtleBorderedNeutral.resting': 'var(--ds-background-subtleBorderedNeutral-resting)';
209
+ 'color.background.subtleBrand.hover': 'var(--ds-background-subtleBrand-hover)';
210
+ 'color.background.subtleBrand.pressed': 'var(--ds-background-subtleBrand-pressed)';
211
+ 'color.background.subtleBrand.resting': 'var(--ds-background-subtleBrand-resting)';
212
+ 'color.background.subtleDanger.hover': 'var(--ds-background-subtleDanger-hover)';
213
+ 'color.background.subtleDanger.pressed': 'var(--ds-background-subtleDanger-pressed)';
214
+ 'color.background.subtleDanger.resting': 'var(--ds-background-subtleDanger-resting)';
215
+ 'color.background.subtleDiscovery.hover': 'var(--ds-background-subtleDiscovery-hover)';
216
+ 'color.background.subtleDiscovery.pressed': 'var(--ds-background-subtleDiscovery-pressed)';
217
+ 'color.background.subtleDiscovery.resting': 'var(--ds-background-subtleDiscovery-resting)';
218
+ 'color.background.subtleNeutral.hover': 'var(--ds-background-subtleNeutral-hover)';
219
+ 'color.background.subtleNeutral.pressed': 'var(--ds-background-subtleNeutral-pressed)';
220
+ 'color.background.subtleNeutral.resting': 'var(--ds-background-subtleNeutral-resting)';
221
+ 'color.background.subtleSuccess.hover': 'var(--ds-background-subtleSuccess-hover)';
222
+ 'color.background.subtleSuccess.pressed': 'var(--ds-background-subtleSuccess-pressed)';
223
+ 'color.background.subtleSuccess.resting': 'var(--ds-background-subtleSuccess-resting)';
224
+ 'color.background.subtleWarning.hover': 'var(--ds-background-subtleWarning-hover)';
225
+ 'color.background.subtleWarning.pressed': 'var(--ds-background-subtleWarning-pressed)';
226
+ 'color.background.subtleWarning.resting': 'var(--ds-background-subtleWarning-resting)';
227
+ 'color.background.sunken': 'var(--ds-background-sunken)';
228
+ 'color.background.transparentNeutral.hover': 'var(--ds-background-transparentNeutral-hover)';
229
+ 'color.background.transparentNeutral.pressed': 'var(--ds-background-transparentNeutral-pressed)';
230
+ 'color.background.brand': 'var(--ds-background-brand)';
231
+ 'color.background.brand.hovered': 'var(--ds-background-brand-hovered)';
232
+ 'color.background.brand.pressed': 'var(--ds-background-brand-pressed)';
233
+ 'color.background.brand.bold': 'var(--ds-background-brand-bold)';
234
+ 'color.background.brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)';
235
+ 'color.background.brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)';
189
236
  'color.background.danger': 'var(--ds-background-danger)';
190
237
  'color.background.danger.hovered': 'var(--ds-background-danger-hovered)';
191
238
  'color.background.danger.pressed': 'var(--ds-background-danger-pressed)';
@@ -216,78 +263,15 @@ type CSSTokenMap = {
216
263
  'color.background.information.bold': 'var(--ds-background-information-bold)';
217
264
  'color.background.information.bold.hovered': 'var(--ds-background-information-bold-hovered)';
218
265
  'color.background.information.bold.pressed': 'var(--ds-background-information-bold-pressed)';
219
- 'color.background.blanket': 'var(--ds-background-blanket)';
220
- 'color.background.boldBrand.resting': 'var(--ds-background-boldBrand-resting)';
221
- 'color.background.boldBrand.hover': 'var(--ds-background-boldBrand-hover)';
222
- 'color.background.boldBrand.pressed': 'var(--ds-background-boldBrand-pressed)';
223
- 'color.background.boldDanger.resting': 'var(--ds-background-boldDanger-resting)';
224
- 'color.background.boldDanger.hover': 'var(--ds-background-boldDanger-hover)';
225
- 'color.background.boldDanger.pressed': 'var(--ds-background-boldDanger-pressed)';
226
- 'color.background.boldDiscovery.resting': 'var(--ds-background-boldDiscovery-resting)';
227
- 'color.background.boldDiscovery.hover': 'var(--ds-background-boldDiscovery-hover)';
228
- 'color.background.boldDiscovery.pressed': 'var(--ds-background-boldDiscovery-pressed)';
229
- 'color.background.boldNeutral.resting': 'var(--ds-background-boldNeutral-resting)';
230
- 'color.background.boldNeutral.hover': 'var(--ds-background-boldNeutral-hover)';
231
- 'color.background.boldNeutral.pressed': 'var(--ds-background-boldNeutral-pressed)';
232
- 'color.background.boldSuccess.resting': 'var(--ds-background-boldSuccess-resting)';
233
- 'color.background.boldSuccess.hover': 'var(--ds-background-boldSuccess-hover)';
234
- 'color.background.boldSuccess.pressed': 'var(--ds-background-boldSuccess-pressed)';
235
- 'color.background.boldWarning.resting': 'var(--ds-background-boldWarning-resting)';
236
- 'color.background.boldWarning.hover': 'var(--ds-background-boldWarning-hover)';
237
- 'color.background.boldWarning.pressed': 'var(--ds-background-boldWarning-pressed)';
238
- 'color.background.default': 'var(--ds-background-default)';
239
- 'color.background.card': 'var(--ds-background-card)';
240
- 'color.background.overlay': 'var(--ds-background-overlay)';
241
- 'color.background.subtleBorderedNeutral.resting': 'var(--ds-background-subtleBorderedNeutral-resting)';
242
- 'color.background.subtleBorderedNeutral.pressed': 'var(--ds-background-subtleBorderedNeutral-pressed)';
243
- 'color.background.subtleBrand.resting': 'var(--ds-background-subtleBrand-resting)';
244
- 'color.background.subtleBrand.hover': 'var(--ds-background-subtleBrand-hover)';
245
- 'color.background.subtleBrand.pressed': 'var(--ds-background-subtleBrand-pressed)';
246
- 'color.background.subtleDanger.resting': 'var(--ds-background-subtleDanger-resting)';
247
- 'color.background.subtleDanger.hover': 'var(--ds-background-subtleDanger-hover)';
248
- 'color.background.subtleDanger.pressed': 'var(--ds-background-subtleDanger-pressed)';
249
- 'color.background.subtleDiscovery.resting': 'var(--ds-background-subtleDiscovery-resting)';
250
- 'color.background.subtleDiscovery.hover': 'var(--ds-background-subtleDiscovery-hover)';
251
- 'color.background.subtleDiscovery.pressed': 'var(--ds-background-subtleDiscovery-pressed)';
252
- 'color.background.subtleNeutral.resting': 'var(--ds-background-subtleNeutral-resting)';
253
- 'color.background.subtleNeutral.hover': 'var(--ds-background-subtleNeutral-hover)';
254
- 'color.background.subtleNeutral.pressed': 'var(--ds-background-subtleNeutral-pressed)';
255
- 'color.background.subtleSuccess.resting': 'var(--ds-background-subtleSuccess-resting)';
256
- 'color.background.subtleSuccess.hover': 'var(--ds-background-subtleSuccess-hover)';
257
- 'color.background.subtleSuccess.pressed': 'var(--ds-background-subtleSuccess-pressed)';
258
- 'color.background.subtleWarning.resting': 'var(--ds-background-subtleWarning-resting)';
259
- 'color.background.subtleWarning.hover': 'var(--ds-background-subtleWarning-hover)';
260
- 'color.background.subtleWarning.pressed': 'var(--ds-background-subtleWarning-pressed)';
261
- 'color.background.sunken': 'var(--ds-background-sunken)';
262
- 'color.background.transparentNeutral.hover': 'var(--ds-background-transparentNeutral-hover)';
263
- 'color.background.transparentNeutral.pressed': 'var(--ds-background-transparentNeutral-pressed)';
264
266
  'color.blanket': 'var(--ds-blanket)';
265
267
  'color.blanket.selected': 'var(--ds-blanket-selected)';
266
268
  'color.blanket.danger': 'var(--ds-blanket-danger)';
267
- 'color.chart.brand': 'var(--ds-chart-brand)';
268
- 'color.chart.brand.hovered': 'var(--ds-chart-brand-hovered)';
269
- 'color.chart.neutral': 'var(--ds-chart-neutral)';
270
- 'color.chart.neutral.hovered': 'var(--ds-chart-neutral-hovered)';
271
- 'color.chart.success': 'var(--ds-chart-success)';
272
- 'color.chart.success.hovered': 'var(--ds-chart-success-hovered)';
273
- 'color.chart.success.bold': 'var(--ds-chart-success-bold)';
274
- 'color.chart.success.bold.hovered': 'var(--ds-chart-success-bold-hovered)';
275
- 'color.chart.danger': 'var(--ds-chart-danger)';
276
- 'color.chart.danger.hovered': 'var(--ds-chart-danger-hovered)';
277
- 'color.chart.danger.bold': 'var(--ds-chart-danger-bold)';
278
- 'color.chart.danger.bold.hovered': 'var(--ds-chart-danger-bold-hovered)';
279
- 'color.chart.warning': 'var(--ds-chart-warning)';
280
- 'color.chart.warning.hovered': 'var(--ds-chart-warning-hovered)';
281
- 'color.chart.warning.bold': 'var(--ds-chart-warning-bold)';
282
- 'color.chart.warning.bold.hovered': 'var(--ds-chart-warning-bold-hovered)';
283
- 'color.chart.information': 'var(--ds-chart-information)';
284
- 'color.chart.information.hovered': 'var(--ds-chart-information-hovered)';
285
- 'color.chart.information.bold': 'var(--ds-chart-information-bold)';
286
- 'color.chart.information.bold.hovered': 'var(--ds-chart-information-bold-hovered)';
287
- 'color.chart.discovery': 'var(--ds-chart-discovery)';
288
- 'color.chart.discovery.hovered': 'var(--ds-chart-discovery-hovered)';
289
- 'color.chart.discovery.bold': 'var(--ds-chart-discovery-bold)';
290
- 'color.chart.discovery.bold.hovered': 'var(--ds-chart-discovery-bold-hovered)';
269
+ 'color.interaction.hovered': 'var(--ds-interaction-hovered)';
270
+ 'color.interaction.inverse.hovered': 'var(--ds-interaction-inverse-hovered)';
271
+ 'color.interaction.inverse.pressed': 'var(--ds-interaction-inverse-pressed)';
272
+ 'color.interaction.pressed': 'var(--ds-interaction-pressed)';
273
+ 'color.skeleton': 'var(--ds-skeleton)';
274
+ 'color.skeleton.subtle': 'var(--ds-skeleton-subtle)';
291
275
  'color.chart.categorical.1': 'var(--ds-chart-categorical-1)';
292
276
  'color.chart.categorical.1.hovered': 'var(--ds-chart-categorical-1-hovered)';
293
277
  'color.chart.categorical.2': 'var(--ds-chart-categorical-2)';
@@ -304,12 +288,8 @@ type CSSTokenMap = {
304
288
  'color.chart.categorical.7.hovered': 'var(--ds-chart-categorical-7-hovered)';
305
289
  'color.chart.categorical.8': 'var(--ds-chart-categorical-8)';
306
290
  'color.chart.categorical.8.hovered': 'var(--ds-chart-categorical-8-hovered)';
307
- 'color.chart.blue.bold': 'var(--ds-chart-blue-bold)';
308
- 'color.chart.blue.bold.hovered': 'var(--ds-chart-blue-bold-hovered)';
309
- 'color.chart.blue.bolder': 'var(--ds-chart-blue-bolder)';
310
- 'color.chart.blue.bolder.hovered': 'var(--ds-chart-blue-bolder-hovered)';
311
- 'color.chart.blue.boldest': 'var(--ds-chart-blue-boldest)';
312
- 'color.chart.blue.boldest.hovered': 'var(--ds-chart-blue-boldest-hovered)';
291
+ 'color.chart.neutral': 'var(--ds-chart-neutral)';
292
+ 'color.chart.neutral.hovered': 'var(--ds-chart-neutral-hovered)';
313
293
  'color.chart.red.bold': 'var(--ds-chart-red-bold)';
314
294
  'color.chart.red.bold.hovered': 'var(--ds-chart-red-bold-hovered)';
315
295
  'color.chart.red.bolder': 'var(--ds-chart-red-bolder)';
@@ -340,6 +320,12 @@ type CSSTokenMap = {
340
320
  'color.chart.teal.bolder.hovered': 'var(--ds-chart-teal-bolder-hovered)';
341
321
  'color.chart.teal.boldest': 'var(--ds-chart-teal-boldest)';
342
322
  'color.chart.teal.boldest.hovered': 'var(--ds-chart-teal-boldest-hovered)';
323
+ 'color.chart.blue.bold': 'var(--ds-chart-blue-bold)';
324
+ 'color.chart.blue.bold.hovered': 'var(--ds-chart-blue-bold-hovered)';
325
+ 'color.chart.blue.bolder': 'var(--ds-chart-blue-bolder)';
326
+ 'color.chart.blue.bolder.hovered': 'var(--ds-chart-blue-bolder-hovered)';
327
+ 'color.chart.blue.boldest': 'var(--ds-chart-blue-boldest)';
328
+ 'color.chart.blue.boldest.hovered': 'var(--ds-chart-blue-boldest-hovered)';
343
329
  'color.chart.purple.bold': 'var(--ds-chart-purple-bold)';
344
330
  'color.chart.purple.bold.hovered': 'var(--ds-chart-purple-bold-hovered)';
345
331
  'color.chart.purple.bolder': 'var(--ds-chart-purple-bolder)';
@@ -358,14 +344,28 @@ type CSSTokenMap = {
358
344
  'color.chart.gray.bolder.hovered': 'var(--ds-chart-gray-bolder-hovered)';
359
345
  'color.chart.gray.boldest': 'var(--ds-chart-gray-boldest)';
360
346
  'color.chart.gray.boldest.hovered': 'var(--ds-chart-gray-boldest-hovered)';
361
- 'color.interaction.hovered': 'var(--ds-interaction-hovered)';
362
- 'color.interaction.pressed': 'var(--ds-interaction-pressed)';
363
- 'color.interaction.inverse.hovered': 'var(--ds-interaction-inverse-hovered)';
364
- 'color.interaction.inverse.pressed': 'var(--ds-interaction-inverse-pressed)';
365
- 'color.skeleton': 'var(--ds-skeleton)';
366
- 'color.skeleton.subtle': 'var(--ds-skeleton-subtle)';
367
- 'color.link': 'var(--ds-link)';
368
- 'color.link.pressed': 'var(--ds-link-pressed)';
347
+ 'color.chart.brand': 'var(--ds-chart-brand)';
348
+ 'color.chart.brand.hovered': 'var(--ds-chart-brand-hovered)';
349
+ 'color.chart.danger': 'var(--ds-chart-danger)';
350
+ 'color.chart.danger.hovered': 'var(--ds-chart-danger-hovered)';
351
+ 'color.chart.danger.bold': 'var(--ds-chart-danger-bold)';
352
+ 'color.chart.danger.bold.hovered': 'var(--ds-chart-danger-bold-hovered)';
353
+ 'color.chart.warning': 'var(--ds-chart-warning)';
354
+ 'color.chart.warning.hovered': 'var(--ds-chart-warning-hovered)';
355
+ 'color.chart.warning.bold': 'var(--ds-chart-warning-bold)';
356
+ 'color.chart.warning.bold.hovered': 'var(--ds-chart-warning-bold-hovered)';
357
+ 'color.chart.success': 'var(--ds-chart-success)';
358
+ 'color.chart.success.hovered': 'var(--ds-chart-success-hovered)';
359
+ 'color.chart.success.bold': 'var(--ds-chart-success-bold)';
360
+ 'color.chart.success.bold.hovered': 'var(--ds-chart-success-bold-hovered)';
361
+ 'color.chart.discovery': 'var(--ds-chart-discovery)';
362
+ 'color.chart.discovery.hovered': 'var(--ds-chart-discovery-hovered)';
363
+ 'color.chart.discovery.bold': 'var(--ds-chart-discovery-bold)';
364
+ 'color.chart.discovery.bold.hovered': 'var(--ds-chart-discovery-bold-hovered)';
365
+ 'color.chart.information': 'var(--ds-chart-information)';
366
+ 'color.chart.information.hovered': 'var(--ds-chart-information-hovered)';
367
+ 'color.chart.information.bold': 'var(--ds-chart-information-bold)';
368
+ 'color.chart.information.bold.hovered': 'var(--ds-chart-information-bold-hovered)';
369
369
  'color.accent.boldBlue': 'var(--ds-accent-boldBlue)';
370
370
  'color.accent.boldGreen': 'var(--ds-accent-boldGreen)';
371
371
  'color.accent.boldOrange': 'var(--ds-accent-boldOrange)';
@@ -386,42 +386,31 @@ type CSSTokenMap = {
386
386
  'color.iconBorder.discovery': 'var(--ds-iconBorder-discovery)';
387
387
  'color.overlay.hover': 'var(--ds-overlay-hover)';
388
388
  'color.overlay.pressed': 'var(--ds-overlay-pressed)';
389
- 'shadow.card': 'var(--ds-card)';
390
- 'shadow.overlay': 'var(--ds-overlay)';
391
- 'elevation.shadow.raised': 'var(--ds-shadow-raised)';
392
- 'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
393
- 'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)';
394
- 'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)';
395
- 'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
396
389
  'elevation.surface': 'var(--ds-surface)';
397
390
  'elevation.surface.hovered': 'var(--ds-surface-hovered)';
398
391
  'elevation.surface.pressed': 'var(--ds-surface-pressed)';
399
- 'elevation.surface.sunken': 'var(--ds-surface-sunken)';
400
- 'elevation.surface.raised': 'var(--ds-surface-raised)';
401
- 'elevation.surface.raised.hovered': 'var(--ds-surface-raised-hovered)';
402
- 'elevation.surface.raised.pressed': 'var(--ds-surface-raised-pressed)';
403
392
  'elevation.surface.overlay': 'var(--ds-surface-overlay)';
404
393
  'elevation.surface.overlay.hovered': 'var(--ds-surface-overlay-hovered)';
405
394
  'elevation.surface.overlay.pressed': 'var(--ds-surface-overlay-pressed)';
395
+ 'elevation.surface.raised': 'var(--ds-surface-raised)';
396
+ 'elevation.surface.raised.hovered': 'var(--ds-surface-raised-hovered)';
397
+ 'elevation.surface.raised.pressed': 'var(--ds-surface-raised-pressed)';
398
+ 'elevation.surface.sunken': 'var(--ds-surface-sunken)';
399
+ 'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
400
+ 'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)';
401
+ 'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)';
402
+ 'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
403
+ 'elevation.shadow.raised': 'var(--ds-shadow-raised)';
406
404
  'opacity.disabled': 'var(--ds-opacity-disabled)';
407
405
  'opacity.loading': 'var(--ds-opacity-loading)';
408
- 'utility.UNSAFE_util.transparent': 'var(--ds-UNSAFE_util-transparent)';
406
+ 'shadow.card': 'var(--ds-card)';
407
+ 'shadow.overlay': 'var(--ds-overlay)';
409
408
  'utility.UNSAFE_util.MISSING_TOKEN': 'var(--ds-UNSAFE_util-MISSING_TOKEN)';
410
- 'space.0': 'var(--ds-space-0)';
411
- 'space.100': 'var(--ds-space-100)';
412
- 'space.150': 'var(--ds-space-150)';
413
- 'space.200': 'var(--ds-space-200)';
414
- 'space.250': 'var(--ds-space-250)';
415
- 'space.300': 'var(--ds-space-300)';
416
- 'space.400': 'var(--ds-space-400)';
417
- 'space.500': 'var(--ds-space-500)';
418
- 'space.600': 'var(--ds-space-600)';
419
- 'space.800': 'var(--ds-space-800)';
420
- 'space.1000': 'var(--ds-space-1000)';
421
- 'space.025': 'var(--ds-space-025)';
422
- 'space.050': 'var(--ds-space-050)';
423
- 'space.075': 'var(--ds-space-075)';
409
+ 'utility.UNSAFE_util.transparent': 'var(--ds-UNSAFE_util-transparent)';
424
410
  'spacing.scale.0': 'var(--ds-scale-0)';
411
+ 'spacing.scale.025': 'var(--ds-scale-025)';
412
+ 'spacing.scale.050': 'var(--ds-scale-050)';
413
+ 'spacing.scale.075': 'var(--ds-scale-075)';
425
414
  'spacing.scale.100': 'var(--ds-scale-100)';
426
415
  'spacing.scale.150': 'var(--ds-scale-150)';
427
416
  'spacing.scale.200': 'var(--ds-scale-200)';
@@ -432,9 +421,6 @@ type CSSTokenMap = {
432
421
  'spacing.scale.600': 'var(--ds-scale-600)';
433
422
  'spacing.scale.800': 'var(--ds-scale-800)';
434
423
  'spacing.scale.1000': 'var(--ds-scale-1000)';
435
- 'spacing.scale.025': 'var(--ds-scale-025)';
436
- 'spacing.scale.050': 'var(--ds-scale-050)';
437
- 'spacing.scale.075': 'var(--ds-scale-075)';
438
424
  'spacing.scaleLinear.0': 'var(--ds-scaleLinear-0)';
439
425
  'spacing.scaleLinear.100': 'var(--ds-scaleLinear-100)';
440
426
  'spacing.scaleLinear.200': 'var(--ds-scaleLinear-200)';
@@ -459,14 +445,20 @@ type CSSTokenMap = {
459
445
  'spacing.size.xxlarge': 'var(--ds-size-xxlarge)';
460
446
  'spacing.size.xxxlarge': 'var(--ds-size-xxxlarge)';
461
447
  'spacing.size.xxxxlarge': 'var(--ds-size-xxxxlarge)';
462
- 'spacing.ecl.element.2': 'var(--ds-ecl-element-2)';
463
- 'spacing.ecl.element.4': 'var(--ds-ecl-element-4)';
464
- 'spacing.ecl.element.6': 'var(--ds-ecl-element-6)';
465
- 'spacing.ecl.element.8': 'var(--ds-ecl-element-8)';
448
+ 'spacing.gap.100': 'var(--ds-gap-100)';
449
+ 'spacing.gap.200': 'var(--ds-gap-200)';
450
+ 'spacing.gap.300': 'var(--ds-gap-300)';
451
+ 'spacing.inset.100': 'var(--ds-inset-100)';
452
+ 'spacing.inset.200': 'var(--ds-inset-200)';
453
+ 'spacing.inset.300': 'var(--ds-inset-300)';
466
454
  'spacing.ecl.container.12': 'var(--ds-ecl-container-12)';
467
455
  'spacing.ecl.container.16': 'var(--ds-ecl-container-16)';
468
456
  'spacing.ecl.container.20': 'var(--ds-ecl-container-20)';
469
457
  'spacing.ecl.container.24': 'var(--ds-ecl-container-24)';
458
+ 'spacing.ecl.element.2': 'var(--ds-ecl-element-2)';
459
+ 'spacing.ecl.element.4': 'var(--ds-ecl-element-4)';
460
+ 'spacing.ecl.element.6': 'var(--ds-ecl-element-6)';
461
+ 'spacing.ecl.element.8': 'var(--ds-ecl-element-8)';
470
462
  'spacing.ecl.layout.32': 'var(--ds-ecl-layout-32)';
471
463
  'spacing.ecl.layout.40': 'var(--ds-ecl-layout-40)';
472
464
  'spacing.ecl.layout.64': 'var(--ds-ecl-layout-64)';
@@ -474,33 +466,41 @@ type CSSTokenMap = {
474
466
  'spacing.ccc.component.4': 'var(--ds-ccc-component-4)';
475
467
  'spacing.ccc.component.6': 'var(--ds-ccc-component-6)';
476
468
  'spacing.ccc.component.8': 'var(--ds-ccc-component-8)';
469
+ 'spacing.ccc.container.32': 'var(--ds-ccc-container-32)';
470
+ 'spacing.ccc.container.40': 'var(--ds-ccc-container-40)';
471
+ 'spacing.ccc.container.48': 'var(--ds-ccc-container-48)';
477
472
  'spacing.ccc.content.12': 'var(--ds-ccc-content-12)';
478
473
  'spacing.ccc.content.16': 'var(--ds-ccc-content-16)';
479
474
  'spacing.ccc.content.20': 'var(--ds-ccc-content-20)';
480
475
  'spacing.ccc.content.24': 'var(--ds-ccc-content-24)';
481
- 'spacing.ccc.container.32': 'var(--ds-ccc-container-32)';
482
- 'spacing.ccc.container.40': 'var(--ds-ccc-container-40)';
483
- 'spacing.ccc.container.48': 'var(--ds-ccc-container-48)';
484
- 'spacing.gap.100': 'var(--ds-gap-100)';
485
- 'spacing.gap.200': 'var(--ds-gap-200)';
486
- 'spacing.gap.300': 'var(--ds-gap-300)';
487
- 'spacing.inset.100': 'var(--ds-inset-100)';
488
- 'spacing.inset.200': 'var(--ds-inset-200)';
489
- 'spacing.inset.300': 'var(--ds-inset-300)';
490
- 'font.family.sans': 'var(--ds-font-family-sans)';
476
+ 'space.0': 'var(--ds-space-0)';
477
+ 'space.025': 'var(--ds-space-025)';
478
+ 'space.050': 'var(--ds-space-050)';
479
+ 'space.075': 'var(--ds-space-075)';
480
+ 'space.100': 'var(--ds-space-100)';
481
+ 'space.150': 'var(--ds-space-150)';
482
+ 'space.200': 'var(--ds-space-200)';
483
+ 'space.250': 'var(--ds-space-250)';
484
+ 'space.300': 'var(--ds-space-300)';
485
+ 'space.400': 'var(--ds-space-400)';
486
+ 'space.500': 'var(--ds-space-500)';
487
+ 'space.600': 'var(--ds-space-600)';
488
+ 'space.800': 'var(--ds-space-800)';
489
+ 'space.1000': 'var(--ds-space-1000)';
491
490
  'font.family.monospace': 'var(--ds-font-family-monospace)';
491
+ 'font.family.sans': 'var(--ds-font-family-sans)';
492
+ 'font.size.050': 'var(--ds-font-size-050)';
493
+ 'font.size.075': 'var(--ds-font-size-075)';
492
494
  'font.size.100': 'var(--ds-font-size-100)';
493
495
  'font.size.200': 'var(--ds-font-size-200)';
494
496
  'font.size.300': 'var(--ds-font-size-300)';
495
497
  'font.size.400': 'var(--ds-font-size-400)';
496
498
  'font.size.500': 'var(--ds-font-size-500)';
497
499
  'font.size.600': 'var(--ds-font-size-600)';
498
- 'font.size.050': 'var(--ds-font-size-050)';
499
- 'font.size.075': 'var(--ds-font-size-075)';
500
- 'font.weight.regular': 'var(--ds-font-weight-regular)';
500
+ 'font.weight.bold': 'var(--ds-font-weight-bold)';
501
501
  'font.weight.medium': 'var(--ds-font-weight-medium)';
502
+ 'font.weight.regular': 'var(--ds-font-weight-regular)';
502
503
  'font.weight.semibold': 'var(--ds-font-weight-semibold)';
503
- 'font.weight.bold': 'var(--ds-font-weight-bold)';
504
504
  'font.lineHeight.100': 'var(--ds-font-lineHeight-100)';
505
505
  'font.lineHeight.200': 'var(--ds-font-lineHeight-200)';
506
506
  'font.lineHeight.300': 'var(--ds-font-lineHeight-300)';
@@ -604,8 +604,7 @@ type Tokens = typeof tokens;
604
604
 
605
605
  // @public
606
606
  const tokens: {
607
- readonly 'color.text.accent.blue': '--ds-text-accent-blue';
608
- readonly 'color.text.accent.blue.bolder': '--ds-text-accent-blue-bolder';
607
+ readonly 'color.text': '--ds-text';
609
608
  readonly 'color.text.accent.red': '--ds-text-accent-red';
610
609
  readonly 'color.text.accent.red.bolder': '--ds-text-accent-red-bolder';
611
610
  readonly 'color.text.accent.orange': '--ds-text-accent-orange';
@@ -614,139 +613,163 @@ const tokens: {
614
613
  readonly 'color.text.accent.yellow.bolder': '--ds-text-accent-yellow-bolder';
615
614
  readonly 'color.text.accent.green': '--ds-text-accent-green';
616
615
  readonly 'color.text.accent.green.bolder': '--ds-text-accent-green-bolder';
617
- readonly 'color.text.accent.purple': '--ds-text-accent-purple';
618
- readonly 'color.text.accent.purple.bolder': '--ds-text-accent-purple-bolder';
619
616
  readonly 'color.text.accent.teal': '--ds-text-accent-teal';
620
617
  readonly 'color.text.accent.teal.bolder': '--ds-text-accent-teal-bolder';
618
+ readonly 'color.text.accent.blue': '--ds-text-accent-blue';
619
+ readonly 'color.text.accent.blue.bolder': '--ds-text-accent-blue-bolder';
620
+ readonly 'color.text.accent.purple': '--ds-text-accent-purple';
621
+ readonly 'color.text.accent.purple.bolder': '--ds-text-accent-purple-bolder';
621
622
  readonly 'color.text.accent.magenta': '--ds-text-accent-magenta';
622
623
  readonly 'color.text.accent.magenta.bolder': '--ds-text-accent-magenta-bolder';
623
624
  readonly 'color.text.accent.gray': '--ds-text-accent-gray';
624
625
  readonly 'color.text.accent.gray.bolder': '--ds-text-accent-gray-bolder';
625
- readonly 'color.text': '--ds-text';
626
- readonly 'color.text.subtle': '--ds-text-subtle';
627
- readonly 'color.text.subtlest': '--ds-text-subtlest';
628
- readonly 'color.text.inverse': '--ds-text-inverse';
629
626
  readonly 'color.text.disabled': '--ds-text-disabled';
630
- readonly 'color.text.brand': '--ds-text-brand';
627
+ readonly 'color.text.highEmphasis': '--ds-text-highEmphasis';
628
+ readonly 'color.text.inverse': '--ds-text-inverse';
629
+ readonly 'color.text.link.pressed': '--ds-text-link-pressed';
630
+ readonly 'color.text.link.resting': '--ds-text-link-resting';
631
+ readonly 'color.text.lowEmphasis': '--ds-text-lowEmphasis';
632
+ readonly 'color.text.mediumEmphasis': '--ds-text-mediumEmphasis';
633
+ readonly 'color.text.onBold': '--ds-text-onBold';
634
+ readonly 'color.text.onBoldWarning': '--ds-text-onBoldWarning';
631
635
  readonly 'color.text.selected': '--ds-text-selected';
636
+ readonly 'color.text.brand': '--ds-text-brand';
632
637
  readonly 'color.text.danger': '--ds-text-danger';
633
638
  readonly 'color.text.warning': '--ds-text-warning';
634
639
  readonly 'color.text.warning.inverse': '--ds-text-warning-inverse';
635
640
  readonly 'color.text.success': '--ds-text-success';
636
- readonly 'color.text.information': '--ds-text-information';
637
641
  readonly 'color.text.discovery': '--ds-text-discovery';
638
- readonly 'color.text.highEmphasis': '--ds-text-highEmphasis';
639
- readonly 'color.text.mediumEmphasis': '--ds-text-mediumEmphasis';
640
- readonly 'color.text.lowEmphasis': '--ds-text-lowEmphasis';
641
- readonly 'color.text.link.resting': '--ds-text-link-resting';
642
- readonly 'color.text.link.pressed': '--ds-text-link-pressed';
643
- readonly 'color.text.onBold': '--ds-text-onBold';
644
- readonly 'color.text.onBoldWarning': '--ds-text-onBoldWarning';
645
- readonly 'color.icon.accent.blue': '--ds-icon-accent-blue';
642
+ readonly 'color.text.information': '--ds-text-information';
643
+ readonly 'color.text.subtlest': '--ds-text-subtlest';
644
+ readonly 'color.text.subtle': '--ds-text-subtle';
645
+ readonly 'color.link': '--ds-link';
646
+ readonly 'color.link.pressed': '--ds-link-pressed';
647
+ readonly 'color.icon': '--ds-icon';
646
648
  readonly 'color.icon.accent.red': '--ds-icon-accent-red';
647
649
  readonly 'color.icon.accent.orange': '--ds-icon-accent-orange';
648
650
  readonly 'color.icon.accent.yellow': '--ds-icon-accent-yellow';
649
651
  readonly 'color.icon.accent.green': '--ds-icon-accent-green';
650
- readonly 'color.icon.accent.purple': '--ds-icon-accent-purple';
651
652
  readonly 'color.icon.accent.teal': '--ds-icon-accent-teal';
653
+ readonly 'color.icon.accent.blue': '--ds-icon-accent-blue';
654
+ readonly 'color.icon.accent.purple': '--ds-icon-accent-purple';
652
655
  readonly 'color.icon.accent.magenta': '--ds-icon-accent-magenta';
653
656
  readonly 'color.icon.accent.gray': '--ds-icon-accent-gray';
654
- readonly 'color.icon': '--ds-icon';
655
- readonly 'color.icon.subtle': '--ds-icon-subtle';
656
- readonly 'color.icon.inverse': '--ds-icon-inverse';
657
657
  readonly 'color.icon.disabled': '--ds-icon-disabled';
658
- readonly 'color.icon.brand': '--ds-icon-brand';
658
+ readonly 'color.icon.inverse': '--ds-icon-inverse';
659
659
  readonly 'color.icon.selected': '--ds-icon-selected';
660
+ readonly 'color.icon.brand': '--ds-icon-brand';
660
661
  readonly 'color.icon.danger': '--ds-icon-danger';
661
662
  readonly 'color.icon.warning': '--ds-icon-warning';
662
663
  readonly 'color.icon.warning.inverse': '--ds-icon-warning-inverse';
663
664
  readonly 'color.icon.success': '--ds-icon-success';
664
665
  readonly 'color.icon.discovery': '--ds-icon-discovery';
665
666
  readonly 'color.icon.information': '--ds-icon-information';
666
- readonly 'color.border.accent.blue': '--ds-border-accent-blue';
667
+ readonly 'color.icon.subtle': '--ds-icon-subtle';
668
+ readonly 'color.border': '--ds-border';
667
669
  readonly 'color.border.accent.red': '--ds-border-accent-red';
668
670
  readonly 'color.border.accent.orange': '--ds-border-accent-orange';
669
671
  readonly 'color.border.accent.yellow': '--ds-border-accent-yellow';
670
672
  readonly 'color.border.accent.green': '--ds-border-accent-green';
671
- readonly 'color.border.accent.purple': '--ds-border-accent-purple';
672
673
  readonly 'color.border.accent.teal': '--ds-border-accent-teal';
674
+ readonly 'color.border.accent.blue': '--ds-border-accent-blue';
675
+ readonly 'color.border.accent.purple': '--ds-border-accent-purple';
673
676
  readonly 'color.border.accent.magenta': '--ds-border-accent-magenta';
674
677
  readonly 'color.border.accent.gray': '--ds-border-accent-gray';
675
- readonly 'color.border': '--ds-border';
676
- readonly 'color.border.bold': '--ds-border-bold';
677
- readonly 'color.border.inverse': '--ds-border-inverse';
678
+ readonly 'color.border.disabled': '--ds-border-disabled';
679
+ readonly 'color.border.focus': '--ds-border-focus';
678
680
  readonly 'color.border.focused': '--ds-border-focused';
679
681
  readonly 'color.border.input': '--ds-border-input';
680
- readonly 'color.border.disabled': '--ds-border-disabled';
681
- readonly 'color.border.brand': '--ds-border-brand';
682
+ readonly 'color.border.inverse': '--ds-border-inverse';
683
+ readonly 'color.border.neutral': '--ds-border-neutral';
682
684
  readonly 'color.border.selected': '--ds-border-selected';
685
+ readonly 'color.border.brand': '--ds-border-brand';
683
686
  readonly 'color.border.danger': '--ds-border-danger';
684
687
  readonly 'color.border.warning': '--ds-border-warning';
685
688
  readonly 'color.border.success': '--ds-border-success';
686
689
  readonly 'color.border.discovery': '--ds-border-discovery';
687
690
  readonly 'color.border.information': '--ds-border-information';
688
- readonly 'color.border.focus': '--ds-border-focus';
689
- readonly 'color.border.neutral': '--ds-border-neutral';
690
- readonly 'color.background.accent.blue.subtlest': '--ds-background-accent-blue-subtlest';
691
- readonly 'color.background.accent.blue.subtler': '--ds-background-accent-blue-subtler';
692
- readonly 'color.background.accent.blue.subtle': '--ds-background-accent-blue-subtle';
693
- readonly 'color.background.accent.blue.bolder': '--ds-background-accent-blue-bolder';
694
- readonly 'color.background.accent.blue': '--ds-background-accent-blue';
695
- readonly 'color.background.accent.blue.bold': '--ds-background-accent-blue-bold';
691
+ readonly 'color.border.bold': '--ds-border-bold';
692
+ readonly 'color.background.accent.red': '--ds-background-accent-red';
696
693
  readonly 'color.background.accent.red.subtlest': '--ds-background-accent-red-subtlest';
697
694
  readonly 'color.background.accent.red.subtler': '--ds-background-accent-red-subtler';
698
695
  readonly 'color.background.accent.red.subtle': '--ds-background-accent-red-subtle';
699
- readonly 'color.background.accent.red.bolder': '--ds-background-accent-red-bolder';
700
- readonly 'color.background.accent.red': '--ds-background-accent-red';
701
696
  readonly 'color.background.accent.red.bold': '--ds-background-accent-red-bold';
697
+ readonly 'color.background.accent.red.bolder': '--ds-background-accent-red-bolder';
698
+ readonly 'color.background.accent.orange': '--ds-background-accent-orange';
702
699
  readonly 'color.background.accent.orange.subtlest': '--ds-background-accent-orange-subtlest';
703
700
  readonly 'color.background.accent.orange.subtler': '--ds-background-accent-orange-subtler';
704
701
  readonly 'color.background.accent.orange.subtle': '--ds-background-accent-orange-subtle';
705
- readonly 'color.background.accent.orange.bolder': '--ds-background-accent-orange-bolder';
706
- readonly 'color.background.accent.orange': '--ds-background-accent-orange';
707
702
  readonly 'color.background.accent.orange.bold': '--ds-background-accent-orange-bold';
703
+ readonly 'color.background.accent.orange.bolder': '--ds-background-accent-orange-bolder';
704
+ readonly 'color.background.accent.yellow': '--ds-background-accent-yellow';
708
705
  readonly 'color.background.accent.yellow.subtlest': '--ds-background-accent-yellow-subtlest';
709
706
  readonly 'color.background.accent.yellow.subtler': '--ds-background-accent-yellow-subtler';
710
707
  readonly 'color.background.accent.yellow.subtle': '--ds-background-accent-yellow-subtle';
711
- readonly 'color.background.accent.yellow.bolder': '--ds-background-accent-yellow-bolder';
712
- readonly 'color.background.accent.yellow': '--ds-background-accent-yellow';
713
708
  readonly 'color.background.accent.yellow.bold': '--ds-background-accent-yellow-bold';
709
+ readonly 'color.background.accent.yellow.bolder': '--ds-background-accent-yellow-bolder';
710
+ readonly 'color.background.accent.green': '--ds-background-accent-green';
714
711
  readonly 'color.background.accent.green.subtlest': '--ds-background-accent-green-subtlest';
715
712
  readonly 'color.background.accent.green.subtler': '--ds-background-accent-green-subtler';
716
713
  readonly 'color.background.accent.green.subtle': '--ds-background-accent-green-subtle';
717
- readonly 'color.background.accent.green.bolder': '--ds-background-accent-green-bolder';
718
- readonly 'color.background.accent.green': '--ds-background-accent-green';
719
714
  readonly 'color.background.accent.green.bold': '--ds-background-accent-green-bold';
720
- readonly 'color.background.accent.purple.subtlest': '--ds-background-accent-purple-subtlest';
721
- readonly 'color.background.accent.purple.subtler': '--ds-background-accent-purple-subtler';
722
- readonly 'color.background.accent.purple.subtle': '--ds-background-accent-purple-subtle';
723
- readonly 'color.background.accent.purple.bolder': '--ds-background-accent-purple-bolder';
724
- readonly 'color.background.accent.purple': '--ds-background-accent-purple';
725
- readonly 'color.background.accent.purple.bold': '--ds-background-accent-purple-bold';
715
+ readonly 'color.background.accent.green.bolder': '--ds-background-accent-green-bolder';
716
+ readonly 'color.background.accent.teal': '--ds-background-accent-teal';
726
717
  readonly 'color.background.accent.teal.subtlest': '--ds-background-accent-teal-subtlest';
727
718
  readonly 'color.background.accent.teal.subtler': '--ds-background-accent-teal-subtler';
728
719
  readonly 'color.background.accent.teal.subtle': '--ds-background-accent-teal-subtle';
729
- readonly 'color.background.accent.teal.bolder': '--ds-background-accent-teal-bolder';
730
- readonly 'color.background.accent.teal': '--ds-background-accent-teal';
731
720
  readonly 'color.background.accent.teal.bold': '--ds-background-accent-teal-bold';
721
+ readonly 'color.background.accent.teal.bolder': '--ds-background-accent-teal-bolder';
722
+ readonly 'color.background.accent.blue': '--ds-background-accent-blue';
723
+ readonly 'color.background.accent.blue.subtlest': '--ds-background-accent-blue-subtlest';
724
+ readonly 'color.background.accent.blue.subtler': '--ds-background-accent-blue-subtler';
725
+ readonly 'color.background.accent.blue.subtle': '--ds-background-accent-blue-subtle';
726
+ readonly 'color.background.accent.blue.bold': '--ds-background-accent-blue-bold';
727
+ readonly 'color.background.accent.blue.bolder': '--ds-background-accent-blue-bolder';
728
+ readonly 'color.background.accent.purple': '--ds-background-accent-purple';
729
+ readonly 'color.background.accent.purple.subtlest': '--ds-background-accent-purple-subtlest';
730
+ readonly 'color.background.accent.purple.subtler': '--ds-background-accent-purple-subtler';
731
+ readonly 'color.background.accent.purple.subtle': '--ds-background-accent-purple-subtle';
732
+ readonly 'color.background.accent.purple.bold': '--ds-background-accent-purple-bold';
733
+ readonly 'color.background.accent.purple.bolder': '--ds-background-accent-purple-bolder';
734
+ readonly 'color.background.accent.magenta': '--ds-background-accent-magenta';
732
735
  readonly 'color.background.accent.magenta.subtlest': '--ds-background-accent-magenta-subtlest';
733
736
  readonly 'color.background.accent.magenta.subtler': '--ds-background-accent-magenta-subtler';
734
737
  readonly 'color.background.accent.magenta.subtle': '--ds-background-accent-magenta-subtle';
735
- readonly 'color.background.accent.magenta.bolder': '--ds-background-accent-magenta-bolder';
736
- readonly 'color.background.accent.magenta': '--ds-background-accent-magenta';
737
738
  readonly 'color.background.accent.magenta.bold': '--ds-background-accent-magenta-bold';
739
+ readonly 'color.background.accent.magenta.bolder': '--ds-background-accent-magenta-bolder';
738
740
  readonly 'color.background.accent.gray.subtlest': '--ds-background-accent-gray-subtlest';
739
741
  readonly 'color.background.accent.gray.subtler': '--ds-background-accent-gray-subtler';
740
742
  readonly 'color.background.accent.gray.subtle': '--ds-background-accent-gray-subtle';
741
743
  readonly 'color.background.accent.gray.bolder': '--ds-background-accent-gray-bolder';
744
+ readonly 'color.background.blanket': '--ds-background-blanket';
745
+ readonly 'color.background.boldBrand.hover': '--ds-background-boldBrand-hover';
746
+ readonly 'color.background.boldBrand.pressed': '--ds-background-boldBrand-pressed';
747
+ readonly 'color.background.boldBrand.resting': '--ds-background-boldBrand-resting';
748
+ readonly 'color.background.boldDanger.hover': '--ds-background-boldDanger-hover';
749
+ readonly 'color.background.boldDanger.pressed': '--ds-background-boldDanger-pressed';
750
+ readonly 'color.background.boldDanger.resting': '--ds-background-boldDanger-resting';
751
+ readonly 'color.background.boldDiscovery.hover': '--ds-background-boldDiscovery-hover';
752
+ readonly 'color.background.boldDiscovery.pressed': '--ds-background-boldDiscovery-pressed';
753
+ readonly 'color.background.boldDiscovery.resting': '--ds-background-boldDiscovery-resting';
754
+ readonly 'color.background.boldNeutral.hover': '--ds-background-boldNeutral-hover';
755
+ readonly 'color.background.boldNeutral.pressed': '--ds-background-boldNeutral-pressed';
756
+ readonly 'color.background.boldNeutral.resting': '--ds-background-boldNeutral-resting';
757
+ readonly 'color.background.boldSuccess.hover': '--ds-background-boldSuccess-hover';
758
+ readonly 'color.background.boldSuccess.pressed': '--ds-background-boldSuccess-pressed';
759
+ readonly 'color.background.boldSuccess.resting': '--ds-background-boldSuccess-resting';
760
+ readonly 'color.background.boldWarning.hover': '--ds-background-boldWarning-hover';
761
+ readonly 'color.background.boldWarning.pressed': '--ds-background-boldWarning-pressed';
762
+ readonly 'color.background.boldWarning.resting': '--ds-background-boldWarning-resting';
763
+ readonly 'color.background.card': '--ds-background-card';
764
+ readonly 'color.background.default': '--ds-background-default';
742
765
  readonly 'color.background.disabled': '--ds-background-disabled';
743
- readonly 'color.background.inverse.subtle': '--ds-background-inverse-subtle';
744
- readonly 'color.background.inverse.subtle.hovered': '--ds-background-inverse-subtle-hovered';
745
- readonly 'color.background.inverse.subtle.pressed': '--ds-background-inverse-subtle-pressed';
746
- readonly 'color.background.inverse': '--ds-background-inverse';
747
766
  readonly 'color.background.input': '--ds-background-input';
748
767
  readonly 'color.background.input.hovered': '--ds-background-input-hovered';
749
768
  readonly 'color.background.input.pressed': '--ds-background-input-pressed';
769
+ readonly 'color.background.inverse': '--ds-background-inverse';
770
+ readonly 'color.background.inverse.subtle': '--ds-background-inverse-subtle';
771
+ readonly 'color.background.inverse.subtle.hovered': '--ds-background-inverse-subtle-hovered';
772
+ readonly 'color.background.inverse.subtle.pressed': '--ds-background-inverse-subtle-pressed';
750
773
  readonly 'color.background.neutral': '--ds-background-neutral';
751
774
  readonly 'color.background.neutral.hovered': '--ds-background-neutral-hovered';
752
775
  readonly 'color.background.neutral.pressed': '--ds-background-neutral-pressed';
@@ -756,20 +779,44 @@ const tokens: {
756
779
  readonly 'color.background.neutral.bold': '--ds-background-neutral-bold';
757
780
  readonly 'color.background.neutral.bold.hovered': '--ds-background-neutral-bold-hovered';
758
781
  readonly 'color.background.neutral.bold.pressed': '--ds-background-neutral-bold-pressed';
759
- readonly 'color.background.brand.bold': '--ds-background-brand-bold';
760
- readonly 'color.background.brand.bold.hovered': '--ds-background-brand-bold-hovered';
761
- readonly 'color.background.brand.bold.pressed': '--ds-background-brand-bold-pressed';
762
- readonly 'color.background.brand': '--ds-background-brand';
763
- readonly 'color.background.brand.hovered': '--ds-background-brand-hovered';
764
- readonly 'color.background.brand.pressed': '--ds-background-brand-pressed';
782
+ readonly 'color.background.overlay': '--ds-background-overlay';
765
783
  readonly 'color.background.selected': '--ds-background-selected';
766
784
  readonly 'color.background.selected.hovered': '--ds-background-selected-hovered';
767
785
  readonly 'color.background.selected.pressed': '--ds-background-selected-pressed';
786
+ readonly 'color.background.selected.hover': '--ds-background-selected-hover';
787
+ readonly 'color.background.selected.resting': '--ds-background-selected-resting';
768
788
  readonly 'color.background.selected.bold': '--ds-background-selected-bold';
769
789
  readonly 'color.background.selected.bold.hovered': '--ds-background-selected-bold-hovered';
770
790
  readonly 'color.background.selected.bold.pressed': '--ds-background-selected-bold-pressed';
771
- readonly 'color.background.selected.resting': '--ds-background-selected-resting';
772
- readonly 'color.background.selected.hover': '--ds-background-selected-hover';
791
+ readonly 'color.background.subtleBorderedNeutral.pressed': '--ds-background-subtleBorderedNeutral-pressed';
792
+ readonly 'color.background.subtleBorderedNeutral.resting': '--ds-background-subtleBorderedNeutral-resting';
793
+ readonly 'color.background.subtleBrand.hover': '--ds-background-subtleBrand-hover';
794
+ readonly 'color.background.subtleBrand.pressed': '--ds-background-subtleBrand-pressed';
795
+ readonly 'color.background.subtleBrand.resting': '--ds-background-subtleBrand-resting';
796
+ readonly 'color.background.subtleDanger.hover': '--ds-background-subtleDanger-hover';
797
+ readonly 'color.background.subtleDanger.pressed': '--ds-background-subtleDanger-pressed';
798
+ readonly 'color.background.subtleDanger.resting': '--ds-background-subtleDanger-resting';
799
+ readonly 'color.background.subtleDiscovery.hover': '--ds-background-subtleDiscovery-hover';
800
+ readonly 'color.background.subtleDiscovery.pressed': '--ds-background-subtleDiscovery-pressed';
801
+ readonly 'color.background.subtleDiscovery.resting': '--ds-background-subtleDiscovery-resting';
802
+ readonly 'color.background.subtleNeutral.hover': '--ds-background-subtleNeutral-hover';
803
+ readonly 'color.background.subtleNeutral.pressed': '--ds-background-subtleNeutral-pressed';
804
+ readonly 'color.background.subtleNeutral.resting': '--ds-background-subtleNeutral-resting';
805
+ readonly 'color.background.subtleSuccess.hover': '--ds-background-subtleSuccess-hover';
806
+ readonly 'color.background.subtleSuccess.pressed': '--ds-background-subtleSuccess-pressed';
807
+ readonly 'color.background.subtleSuccess.resting': '--ds-background-subtleSuccess-resting';
808
+ readonly 'color.background.subtleWarning.hover': '--ds-background-subtleWarning-hover';
809
+ readonly 'color.background.subtleWarning.pressed': '--ds-background-subtleWarning-pressed';
810
+ readonly 'color.background.subtleWarning.resting': '--ds-background-subtleWarning-resting';
811
+ readonly 'color.background.sunken': '--ds-background-sunken';
812
+ readonly 'color.background.transparentNeutral.hover': '--ds-background-transparentNeutral-hover';
813
+ readonly 'color.background.transparentNeutral.pressed': '--ds-background-transparentNeutral-pressed';
814
+ readonly 'color.background.brand': '--ds-background-brand';
815
+ readonly 'color.background.brand.hovered': '--ds-background-brand-hovered';
816
+ readonly 'color.background.brand.pressed': '--ds-background-brand-pressed';
817
+ readonly 'color.background.brand.bold': '--ds-background-brand-bold';
818
+ readonly 'color.background.brand.bold.hovered': '--ds-background-brand-bold-hovered';
819
+ readonly 'color.background.brand.bold.pressed': '--ds-background-brand-bold-pressed';
773
820
  readonly 'color.background.danger': '--ds-background-danger';
774
821
  readonly 'color.background.danger.hovered': '--ds-background-danger-hovered';
775
822
  readonly 'color.background.danger.pressed': '--ds-background-danger-pressed';
@@ -800,78 +847,15 @@ const tokens: {
800
847
  readonly 'color.background.information.bold': '--ds-background-information-bold';
801
848
  readonly 'color.background.information.bold.hovered': '--ds-background-information-bold-hovered';
802
849
  readonly 'color.background.information.bold.pressed': '--ds-background-information-bold-pressed';
803
- readonly 'color.background.blanket': '--ds-background-blanket';
804
- readonly 'color.background.boldBrand.resting': '--ds-background-boldBrand-resting';
805
- readonly 'color.background.boldBrand.hover': '--ds-background-boldBrand-hover';
806
- readonly 'color.background.boldBrand.pressed': '--ds-background-boldBrand-pressed';
807
- readonly 'color.background.boldDanger.resting': '--ds-background-boldDanger-resting';
808
- readonly 'color.background.boldDanger.hover': '--ds-background-boldDanger-hover';
809
- readonly 'color.background.boldDanger.pressed': '--ds-background-boldDanger-pressed';
810
- readonly 'color.background.boldDiscovery.resting': '--ds-background-boldDiscovery-resting';
811
- readonly 'color.background.boldDiscovery.hover': '--ds-background-boldDiscovery-hover';
812
- readonly 'color.background.boldDiscovery.pressed': '--ds-background-boldDiscovery-pressed';
813
- readonly 'color.background.boldNeutral.resting': '--ds-background-boldNeutral-resting';
814
- readonly 'color.background.boldNeutral.hover': '--ds-background-boldNeutral-hover';
815
- readonly 'color.background.boldNeutral.pressed': '--ds-background-boldNeutral-pressed';
816
- readonly 'color.background.boldSuccess.resting': '--ds-background-boldSuccess-resting';
817
- readonly 'color.background.boldSuccess.hover': '--ds-background-boldSuccess-hover';
818
- readonly 'color.background.boldSuccess.pressed': '--ds-background-boldSuccess-pressed';
819
- readonly 'color.background.boldWarning.resting': '--ds-background-boldWarning-resting';
820
- readonly 'color.background.boldWarning.hover': '--ds-background-boldWarning-hover';
821
- readonly 'color.background.boldWarning.pressed': '--ds-background-boldWarning-pressed';
822
- readonly 'color.background.default': '--ds-background-default';
823
- readonly 'color.background.card': '--ds-background-card';
824
- readonly 'color.background.overlay': '--ds-background-overlay';
825
- readonly 'color.background.subtleBorderedNeutral.resting': '--ds-background-subtleBorderedNeutral-resting';
826
- readonly 'color.background.subtleBorderedNeutral.pressed': '--ds-background-subtleBorderedNeutral-pressed';
827
- readonly 'color.background.subtleBrand.resting': '--ds-background-subtleBrand-resting';
828
- readonly 'color.background.subtleBrand.hover': '--ds-background-subtleBrand-hover';
829
- readonly 'color.background.subtleBrand.pressed': '--ds-background-subtleBrand-pressed';
830
- readonly 'color.background.subtleDanger.resting': '--ds-background-subtleDanger-resting';
831
- readonly 'color.background.subtleDanger.hover': '--ds-background-subtleDanger-hover';
832
- readonly 'color.background.subtleDanger.pressed': '--ds-background-subtleDanger-pressed';
833
- readonly 'color.background.subtleDiscovery.resting': '--ds-background-subtleDiscovery-resting';
834
- readonly 'color.background.subtleDiscovery.hover': '--ds-background-subtleDiscovery-hover';
835
- readonly 'color.background.subtleDiscovery.pressed': '--ds-background-subtleDiscovery-pressed';
836
- readonly 'color.background.subtleNeutral.resting': '--ds-background-subtleNeutral-resting';
837
- readonly 'color.background.subtleNeutral.hover': '--ds-background-subtleNeutral-hover';
838
- readonly 'color.background.subtleNeutral.pressed': '--ds-background-subtleNeutral-pressed';
839
- readonly 'color.background.subtleSuccess.resting': '--ds-background-subtleSuccess-resting';
840
- readonly 'color.background.subtleSuccess.hover': '--ds-background-subtleSuccess-hover';
841
- readonly 'color.background.subtleSuccess.pressed': '--ds-background-subtleSuccess-pressed';
842
- readonly 'color.background.subtleWarning.resting': '--ds-background-subtleWarning-resting';
843
- readonly 'color.background.subtleWarning.hover': '--ds-background-subtleWarning-hover';
844
- readonly 'color.background.subtleWarning.pressed': '--ds-background-subtleWarning-pressed';
845
- readonly 'color.background.sunken': '--ds-background-sunken';
846
- readonly 'color.background.transparentNeutral.hover': '--ds-background-transparentNeutral-hover';
847
- readonly 'color.background.transparentNeutral.pressed': '--ds-background-transparentNeutral-pressed';
848
850
  readonly 'color.blanket': '--ds-blanket';
849
851
  readonly 'color.blanket.selected': '--ds-blanket-selected';
850
852
  readonly 'color.blanket.danger': '--ds-blanket-danger';
851
- readonly 'color.chart.brand': '--ds-chart-brand';
852
- readonly 'color.chart.brand.hovered': '--ds-chart-brand-hovered';
853
- readonly 'color.chart.neutral': '--ds-chart-neutral';
854
- readonly 'color.chart.neutral.hovered': '--ds-chart-neutral-hovered';
855
- readonly 'color.chart.success': '--ds-chart-success';
856
- readonly 'color.chart.success.hovered': '--ds-chart-success-hovered';
857
- readonly 'color.chart.success.bold': '--ds-chart-success-bold';
858
- readonly 'color.chart.success.bold.hovered': '--ds-chart-success-bold-hovered';
859
- readonly 'color.chart.danger': '--ds-chart-danger';
860
- readonly 'color.chart.danger.hovered': '--ds-chart-danger-hovered';
861
- readonly 'color.chart.danger.bold': '--ds-chart-danger-bold';
862
- readonly 'color.chart.danger.bold.hovered': '--ds-chart-danger-bold-hovered';
863
- readonly 'color.chart.warning': '--ds-chart-warning';
864
- readonly 'color.chart.warning.hovered': '--ds-chart-warning-hovered';
865
- readonly 'color.chart.warning.bold': '--ds-chart-warning-bold';
866
- readonly 'color.chart.warning.bold.hovered': '--ds-chart-warning-bold-hovered';
867
- readonly 'color.chart.information': '--ds-chart-information';
868
- readonly 'color.chart.information.hovered': '--ds-chart-information-hovered';
869
- readonly 'color.chart.information.bold': '--ds-chart-information-bold';
870
- readonly 'color.chart.information.bold.hovered': '--ds-chart-information-bold-hovered';
871
- readonly 'color.chart.discovery': '--ds-chart-discovery';
872
- readonly 'color.chart.discovery.hovered': '--ds-chart-discovery-hovered';
873
- readonly 'color.chart.discovery.bold': '--ds-chart-discovery-bold';
874
- readonly 'color.chart.discovery.bold.hovered': '--ds-chart-discovery-bold-hovered';
853
+ readonly 'color.interaction.hovered': '--ds-interaction-hovered';
854
+ readonly 'color.interaction.inverse.hovered': '--ds-interaction-inverse-hovered';
855
+ readonly 'color.interaction.inverse.pressed': '--ds-interaction-inverse-pressed';
856
+ readonly 'color.interaction.pressed': '--ds-interaction-pressed';
857
+ readonly 'color.skeleton': '--ds-skeleton';
858
+ readonly 'color.skeleton.subtle': '--ds-skeleton-subtle';
875
859
  readonly 'color.chart.categorical.1': '--ds-chart-categorical-1';
876
860
  readonly 'color.chart.categorical.1.hovered': '--ds-chart-categorical-1-hovered';
877
861
  readonly 'color.chart.categorical.2': '--ds-chart-categorical-2';
@@ -888,12 +872,8 @@ const tokens: {
888
872
  readonly 'color.chart.categorical.7.hovered': '--ds-chart-categorical-7-hovered';
889
873
  readonly 'color.chart.categorical.8': '--ds-chart-categorical-8';
890
874
  readonly 'color.chart.categorical.8.hovered': '--ds-chart-categorical-8-hovered';
891
- readonly 'color.chart.blue.bold': '--ds-chart-blue-bold';
892
- readonly 'color.chart.blue.bold.hovered': '--ds-chart-blue-bold-hovered';
893
- readonly 'color.chart.blue.bolder': '--ds-chart-blue-bolder';
894
- readonly 'color.chart.blue.bolder.hovered': '--ds-chart-blue-bolder-hovered';
895
- readonly 'color.chart.blue.boldest': '--ds-chart-blue-boldest';
896
- readonly 'color.chart.blue.boldest.hovered': '--ds-chart-blue-boldest-hovered';
875
+ readonly 'color.chart.neutral': '--ds-chart-neutral';
876
+ readonly 'color.chart.neutral.hovered': '--ds-chart-neutral-hovered';
897
877
  readonly 'color.chart.red.bold': '--ds-chart-red-bold';
898
878
  readonly 'color.chart.red.bold.hovered': '--ds-chart-red-bold-hovered';
899
879
  readonly 'color.chart.red.bolder': '--ds-chart-red-bolder';
@@ -924,6 +904,12 @@ const tokens: {
924
904
  readonly 'color.chart.teal.bolder.hovered': '--ds-chart-teal-bolder-hovered';
925
905
  readonly 'color.chart.teal.boldest': '--ds-chart-teal-boldest';
926
906
  readonly 'color.chart.teal.boldest.hovered': '--ds-chart-teal-boldest-hovered';
907
+ readonly 'color.chart.blue.bold': '--ds-chart-blue-bold';
908
+ readonly 'color.chart.blue.bold.hovered': '--ds-chart-blue-bold-hovered';
909
+ readonly 'color.chart.blue.bolder': '--ds-chart-blue-bolder';
910
+ readonly 'color.chart.blue.bolder.hovered': '--ds-chart-blue-bolder-hovered';
911
+ readonly 'color.chart.blue.boldest': '--ds-chart-blue-boldest';
912
+ readonly 'color.chart.blue.boldest.hovered': '--ds-chart-blue-boldest-hovered';
927
913
  readonly 'color.chart.purple.bold': '--ds-chart-purple-bold';
928
914
  readonly 'color.chart.purple.bold.hovered': '--ds-chart-purple-bold-hovered';
929
915
  readonly 'color.chart.purple.bolder': '--ds-chart-purple-bolder';
@@ -942,14 +928,28 @@ const tokens: {
942
928
  readonly 'color.chart.gray.bolder.hovered': '--ds-chart-gray-bolder-hovered';
943
929
  readonly 'color.chart.gray.boldest': '--ds-chart-gray-boldest';
944
930
  readonly 'color.chart.gray.boldest.hovered': '--ds-chart-gray-boldest-hovered';
945
- readonly 'color.interaction.hovered': '--ds-interaction-hovered';
946
- readonly 'color.interaction.pressed': '--ds-interaction-pressed';
947
- readonly 'color.interaction.inverse.hovered': '--ds-interaction-inverse-hovered';
948
- readonly 'color.interaction.inverse.pressed': '--ds-interaction-inverse-pressed';
949
- readonly 'color.skeleton': '--ds-skeleton';
950
- readonly 'color.skeleton.subtle': '--ds-skeleton-subtle';
951
- readonly 'color.link': '--ds-link';
952
- readonly 'color.link.pressed': '--ds-link-pressed';
931
+ readonly 'color.chart.brand': '--ds-chart-brand';
932
+ readonly 'color.chart.brand.hovered': '--ds-chart-brand-hovered';
933
+ readonly 'color.chart.danger': '--ds-chart-danger';
934
+ readonly 'color.chart.danger.hovered': '--ds-chart-danger-hovered';
935
+ readonly 'color.chart.danger.bold': '--ds-chart-danger-bold';
936
+ readonly 'color.chart.danger.bold.hovered': '--ds-chart-danger-bold-hovered';
937
+ readonly 'color.chart.warning': '--ds-chart-warning';
938
+ readonly 'color.chart.warning.hovered': '--ds-chart-warning-hovered';
939
+ readonly 'color.chart.warning.bold': '--ds-chart-warning-bold';
940
+ readonly 'color.chart.warning.bold.hovered': '--ds-chart-warning-bold-hovered';
941
+ readonly 'color.chart.success': '--ds-chart-success';
942
+ readonly 'color.chart.success.hovered': '--ds-chart-success-hovered';
943
+ readonly 'color.chart.success.bold': '--ds-chart-success-bold';
944
+ readonly 'color.chart.success.bold.hovered': '--ds-chart-success-bold-hovered';
945
+ readonly 'color.chart.discovery': '--ds-chart-discovery';
946
+ readonly 'color.chart.discovery.hovered': '--ds-chart-discovery-hovered';
947
+ readonly 'color.chart.discovery.bold': '--ds-chart-discovery-bold';
948
+ readonly 'color.chart.discovery.bold.hovered': '--ds-chart-discovery-bold-hovered';
949
+ readonly 'color.chart.information': '--ds-chart-information';
950
+ readonly 'color.chart.information.hovered': '--ds-chart-information-hovered';
951
+ readonly 'color.chart.information.bold': '--ds-chart-information-bold';
952
+ readonly 'color.chart.information.bold.hovered': '--ds-chart-information-bold-hovered';
953
953
  readonly 'color.accent.boldBlue': '--ds-accent-boldBlue';
954
954
  readonly 'color.accent.boldGreen': '--ds-accent-boldGreen';
955
955
  readonly 'color.accent.boldOrange': '--ds-accent-boldOrange';
@@ -970,42 +970,31 @@ const tokens: {
970
970
  readonly 'color.iconBorder.discovery': '--ds-iconBorder-discovery';
971
971
  readonly 'color.overlay.hover': '--ds-overlay-hover';
972
972
  readonly 'color.overlay.pressed': '--ds-overlay-pressed';
973
- readonly 'shadow.card': '--ds-card';
974
- readonly 'shadow.overlay': '--ds-overlay';
975
- readonly 'elevation.shadow.raised': '--ds-shadow-raised';
976
- readonly 'elevation.shadow.overflow': '--ds-shadow-overflow';
977
- readonly 'elevation.shadow.overflow.spread': '--ds-shadow-overflow-spread';
978
- readonly 'elevation.shadow.overflow.perimeter': '--ds-shadow-overflow-perimeter';
979
- readonly 'elevation.shadow.overlay': '--ds-shadow-overlay';
980
973
  readonly 'elevation.surface': '--ds-surface';
981
974
  readonly 'elevation.surface.hovered': '--ds-surface-hovered';
982
975
  readonly 'elevation.surface.pressed': '--ds-surface-pressed';
983
- readonly 'elevation.surface.sunken': '--ds-surface-sunken';
984
- readonly 'elevation.surface.raised': '--ds-surface-raised';
985
- readonly 'elevation.surface.raised.hovered': '--ds-surface-raised-hovered';
986
- readonly 'elevation.surface.raised.pressed': '--ds-surface-raised-pressed';
987
976
  readonly 'elevation.surface.overlay': '--ds-surface-overlay';
988
977
  readonly 'elevation.surface.overlay.hovered': '--ds-surface-overlay-hovered';
989
978
  readonly 'elevation.surface.overlay.pressed': '--ds-surface-overlay-pressed';
979
+ readonly 'elevation.surface.raised': '--ds-surface-raised';
980
+ readonly 'elevation.surface.raised.hovered': '--ds-surface-raised-hovered';
981
+ readonly 'elevation.surface.raised.pressed': '--ds-surface-raised-pressed';
982
+ readonly 'elevation.surface.sunken': '--ds-surface-sunken';
983
+ readonly 'elevation.shadow.overflow': '--ds-shadow-overflow';
984
+ readonly 'elevation.shadow.overflow.perimeter': '--ds-shadow-overflow-perimeter';
985
+ readonly 'elevation.shadow.overflow.spread': '--ds-shadow-overflow-spread';
986
+ readonly 'elevation.shadow.overlay': '--ds-shadow-overlay';
987
+ readonly 'elevation.shadow.raised': '--ds-shadow-raised';
990
988
  readonly 'opacity.disabled': '--ds-opacity-disabled';
991
989
  readonly 'opacity.loading': '--ds-opacity-loading';
992
- readonly 'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent';
990
+ readonly 'shadow.card': '--ds-card';
991
+ readonly 'shadow.overlay': '--ds-overlay';
993
992
  readonly 'utility.UNSAFE_util.MISSING_TOKEN': '--ds-UNSAFE_util-MISSING_TOKEN';
994
- readonly 'space.0': '--ds-space-0';
995
- readonly 'space.100': '--ds-space-100';
996
- readonly 'space.150': '--ds-space-150';
997
- readonly 'space.200': '--ds-space-200';
998
- readonly 'space.250': '--ds-space-250';
999
- readonly 'space.300': '--ds-space-300';
1000
- readonly 'space.400': '--ds-space-400';
1001
- readonly 'space.500': '--ds-space-500';
1002
- readonly 'space.600': '--ds-space-600';
1003
- readonly 'space.800': '--ds-space-800';
1004
- readonly 'space.1000': '--ds-space-1000';
1005
- readonly 'space.025': '--ds-space-025';
1006
- readonly 'space.050': '--ds-space-050';
1007
- readonly 'space.075': '--ds-space-075';
993
+ readonly 'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent';
1008
994
  readonly 'spacing.scale.0': '--ds-scale-0';
995
+ readonly 'spacing.scale.025': '--ds-scale-025';
996
+ readonly 'spacing.scale.050': '--ds-scale-050';
997
+ readonly 'spacing.scale.075': '--ds-scale-075';
1009
998
  readonly 'spacing.scale.100': '--ds-scale-100';
1010
999
  readonly 'spacing.scale.150': '--ds-scale-150';
1011
1000
  readonly 'spacing.scale.200': '--ds-scale-200';
@@ -1016,9 +1005,6 @@ const tokens: {
1016
1005
  readonly 'spacing.scale.600': '--ds-scale-600';
1017
1006
  readonly 'spacing.scale.800': '--ds-scale-800';
1018
1007
  readonly 'spacing.scale.1000': '--ds-scale-1000';
1019
- readonly 'spacing.scale.025': '--ds-scale-025';
1020
- readonly 'spacing.scale.050': '--ds-scale-050';
1021
- readonly 'spacing.scale.075': '--ds-scale-075';
1022
1008
  readonly 'spacing.scaleLinear.0': '--ds-scaleLinear-0';
1023
1009
  readonly 'spacing.scaleLinear.100': '--ds-scaleLinear-100';
1024
1010
  readonly 'spacing.scaleLinear.200': '--ds-scaleLinear-200';
@@ -1043,14 +1029,20 @@ const tokens: {
1043
1029
  readonly 'spacing.size.xxlarge': '--ds-size-xxlarge';
1044
1030
  readonly 'spacing.size.xxxlarge': '--ds-size-xxxlarge';
1045
1031
  readonly 'spacing.size.xxxxlarge': '--ds-size-xxxxlarge';
1046
- readonly 'spacing.ecl.element.2': '--ds-ecl-element-2';
1047
- readonly 'spacing.ecl.element.4': '--ds-ecl-element-4';
1048
- readonly 'spacing.ecl.element.6': '--ds-ecl-element-6';
1049
- readonly 'spacing.ecl.element.8': '--ds-ecl-element-8';
1032
+ readonly 'spacing.gap.100': '--ds-gap-100';
1033
+ readonly 'spacing.gap.200': '--ds-gap-200';
1034
+ readonly 'spacing.gap.300': '--ds-gap-300';
1035
+ readonly 'spacing.inset.100': '--ds-inset-100';
1036
+ readonly 'spacing.inset.200': '--ds-inset-200';
1037
+ readonly 'spacing.inset.300': '--ds-inset-300';
1050
1038
  readonly 'spacing.ecl.container.12': '--ds-ecl-container-12';
1051
1039
  readonly 'spacing.ecl.container.16': '--ds-ecl-container-16';
1052
1040
  readonly 'spacing.ecl.container.20': '--ds-ecl-container-20';
1053
1041
  readonly 'spacing.ecl.container.24': '--ds-ecl-container-24';
1042
+ readonly 'spacing.ecl.element.2': '--ds-ecl-element-2';
1043
+ readonly 'spacing.ecl.element.4': '--ds-ecl-element-4';
1044
+ readonly 'spacing.ecl.element.6': '--ds-ecl-element-6';
1045
+ readonly 'spacing.ecl.element.8': '--ds-ecl-element-8';
1054
1046
  readonly 'spacing.ecl.layout.32': '--ds-ecl-layout-32';
1055
1047
  readonly 'spacing.ecl.layout.40': '--ds-ecl-layout-40';
1056
1048
  readonly 'spacing.ecl.layout.64': '--ds-ecl-layout-64';
@@ -1058,33 +1050,41 @@ const tokens: {
1058
1050
  readonly 'spacing.ccc.component.4': '--ds-ccc-component-4';
1059
1051
  readonly 'spacing.ccc.component.6': '--ds-ccc-component-6';
1060
1052
  readonly 'spacing.ccc.component.8': '--ds-ccc-component-8';
1053
+ readonly 'spacing.ccc.container.32': '--ds-ccc-container-32';
1054
+ readonly 'spacing.ccc.container.40': '--ds-ccc-container-40';
1055
+ readonly 'spacing.ccc.container.48': '--ds-ccc-container-48';
1061
1056
  readonly 'spacing.ccc.content.12': '--ds-ccc-content-12';
1062
1057
  readonly 'spacing.ccc.content.16': '--ds-ccc-content-16';
1063
1058
  readonly 'spacing.ccc.content.20': '--ds-ccc-content-20';
1064
1059
  readonly 'spacing.ccc.content.24': '--ds-ccc-content-24';
1065
- readonly 'spacing.ccc.container.32': '--ds-ccc-container-32';
1066
- readonly 'spacing.ccc.container.40': '--ds-ccc-container-40';
1067
- readonly 'spacing.ccc.container.48': '--ds-ccc-container-48';
1068
- readonly 'spacing.gap.100': '--ds-gap-100';
1069
- readonly 'spacing.gap.200': '--ds-gap-200';
1070
- readonly 'spacing.gap.300': '--ds-gap-300';
1071
- readonly 'spacing.inset.100': '--ds-inset-100';
1072
- readonly 'spacing.inset.200': '--ds-inset-200';
1073
- readonly 'spacing.inset.300': '--ds-inset-300';
1074
- readonly 'font.family.sans': '--ds-font-family-sans';
1060
+ readonly 'space.0': '--ds-space-0';
1061
+ readonly 'space.025': '--ds-space-025';
1062
+ readonly 'space.050': '--ds-space-050';
1063
+ readonly 'space.075': '--ds-space-075';
1064
+ readonly 'space.100': '--ds-space-100';
1065
+ readonly 'space.150': '--ds-space-150';
1066
+ readonly 'space.200': '--ds-space-200';
1067
+ readonly 'space.250': '--ds-space-250';
1068
+ readonly 'space.300': '--ds-space-300';
1069
+ readonly 'space.400': '--ds-space-400';
1070
+ readonly 'space.500': '--ds-space-500';
1071
+ readonly 'space.600': '--ds-space-600';
1072
+ readonly 'space.800': '--ds-space-800';
1073
+ readonly 'space.1000': '--ds-space-1000';
1075
1074
  readonly 'font.family.monospace': '--ds-font-family-monospace';
1075
+ readonly 'font.family.sans': '--ds-font-family-sans';
1076
+ readonly 'font.size.050': '--ds-font-size-050';
1077
+ readonly 'font.size.075': '--ds-font-size-075';
1076
1078
  readonly 'font.size.100': '--ds-font-size-100';
1077
1079
  readonly 'font.size.200': '--ds-font-size-200';
1078
1080
  readonly 'font.size.300': '--ds-font-size-300';
1079
1081
  readonly 'font.size.400': '--ds-font-size-400';
1080
1082
  readonly 'font.size.500': '--ds-font-size-500';
1081
1083
  readonly 'font.size.600': '--ds-font-size-600';
1082
- readonly 'font.size.050': '--ds-font-size-050';
1083
- readonly 'font.size.075': '--ds-font-size-075';
1084
- readonly 'font.weight.regular': '--ds-font-weight-regular';
1084
+ readonly 'font.weight.bold': '--ds-font-weight-bold';
1085
1085
  readonly 'font.weight.medium': '--ds-font-weight-medium';
1086
+ readonly 'font.weight.regular': '--ds-font-weight-regular';
1086
1087
  readonly 'font.weight.semibold': '--ds-font-weight-semibold';
1087
- readonly 'font.weight.bold': '--ds-font-weight-bold';
1088
1088
  readonly 'font.lineHeight.100': '--ds-font-lineHeight-100';
1089
1089
  readonly 'font.lineHeight.200': '--ds-font-lineHeight-200';
1090
1090
  readonly 'font.lineHeight.300': '--ds-font-lineHeight-300';