@atlaskit/tokens 0.13.3 → 0.13.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (106) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/css/atlassian-dark.css +321 -321
  3. package/css/atlassian-legacy-dark.css +321 -321
  4. package/css/atlassian-legacy-light.css +321 -321
  5. package/css/atlassian-light.css +321 -321
  6. package/css/atlassian-spacing.css +31 -31
  7. package/css/atlassian-typography.css +6 -6
  8. package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +340 -340
  9. package/dist/cjs/artifacts/palettes-raw/palette.js +607 -607
  10. package/dist/cjs/artifacts/palettes-raw/spacing-scale.js +35 -35
  11. package/dist/cjs/artifacts/palettes-raw/typography-palette.js +43 -43
  12. package/dist/cjs/artifacts/replacement-mapping.js +112 -112
  13. package/dist/cjs/artifacts/token-default-values.js +199 -199
  14. package/dist/cjs/artifacts/token-names.js +199 -199
  15. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +3898 -3511
  16. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +3900 -3513
  17. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +3802 -3415
  18. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +3846 -3459
  19. package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +702 -622
  20. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +80 -60
  21. package/dist/cjs/entry-points/figma-sync.js +23 -0
  22. package/dist/cjs/get-token-value.js +1 -1
  23. package/dist/cjs/get-token.js +1 -1
  24. package/dist/cjs/tokens/default/color/background.js +2 -2
  25. package/dist/cjs/tokens/default/color/border.js +1 -1
  26. package/dist/cjs/tokens/default/color/chart.js +94 -94
  27. package/dist/cjs/tokens/default/color/icon.js +1 -1
  28. package/dist/cjs/tokens/default/color/text.js +1 -1
  29. package/dist/cjs/version.json +1 -1
  30. package/dist/es2019/artifacts/palettes-raw/legacy-palette.js +340 -340
  31. package/dist/es2019/artifacts/palettes-raw/palette.js +607 -607
  32. package/dist/es2019/artifacts/palettes-raw/spacing-scale.js +35 -35
  33. package/dist/es2019/artifacts/palettes-raw/typography-palette.js +43 -43
  34. package/dist/es2019/artifacts/replacement-mapping.js +112 -112
  35. package/dist/es2019/artifacts/token-default-values.js +199 -199
  36. package/dist/es2019/artifacts/token-names.js +199 -199
  37. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +3898 -3511
  38. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +3900 -3513
  39. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +3802 -3415
  40. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +3846 -3459
  41. package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +702 -622
  42. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +80 -60
  43. package/dist/es2019/entry-points/figma-sync.js +3 -0
  44. package/dist/es2019/get-token-value.js +1 -1
  45. package/dist/es2019/get-token.js +1 -1
  46. package/dist/es2019/tokens/default/color/background.js +2 -2
  47. package/dist/es2019/tokens/default/color/border.js +1 -1
  48. package/dist/es2019/tokens/default/color/chart.js +94 -94
  49. package/dist/es2019/tokens/default/color/icon.js +1 -1
  50. package/dist/es2019/tokens/default/color/text.js +1 -1
  51. package/dist/es2019/version.json +1 -1
  52. package/dist/esm/artifacts/palettes-raw/legacy-palette.js +340 -340
  53. package/dist/esm/artifacts/palettes-raw/palette.js +607 -607
  54. package/dist/esm/artifacts/palettes-raw/spacing-scale.js +35 -35
  55. package/dist/esm/artifacts/palettes-raw/typography-palette.js +43 -43
  56. package/dist/esm/artifacts/replacement-mapping.js +112 -112
  57. package/dist/esm/artifacts/token-default-values.js +199 -199
  58. package/dist/esm/artifacts/token-names.js +199 -199
  59. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +3898 -3511
  60. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +3900 -3513
  61. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +3802 -3415
  62. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +3846 -3459
  63. package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +702 -622
  64. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +80 -60
  65. package/dist/esm/entry-points/figma-sync.js +3 -0
  66. package/dist/esm/get-token-value.js +1 -1
  67. package/dist/esm/get-token.js +1 -1
  68. package/dist/esm/tokens/default/color/background.js +2 -2
  69. package/dist/esm/tokens/default/color/border.js +1 -1
  70. package/dist/esm/tokens/default/color/chart.js +94 -94
  71. package/dist/esm/tokens/default/color/icon.js +1 -1
  72. package/dist/esm/tokens/default/color/text.js +1 -1
  73. package/dist/esm/version.json +1 -1
  74. package/dist/types/artifacts/palettes-raw/legacy-palette.d.ts +5 -5
  75. package/dist/types/artifacts/palettes-raw/palette.d.ts +5 -5
  76. package/dist/types/artifacts/palettes-raw/spacing-scale.d.ts +1 -1
  77. package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  78. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  79. package/dist/types/artifacts/token-default-values.d.ts +199 -199
  80. package/dist/types/artifacts/token-names.d.ts +397 -397
  81. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +42 -37
  82. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +42 -37
  83. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +38 -33
  84. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +38 -33
  85. package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +22 -17
  86. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +2 -1
  87. package/dist/types/artifacts/types-internal.d.ts +2 -2
  88. package/dist/types/artifacts/types.d.ts +2 -2
  89. package/dist/types/entry-points/figma-sync.d.ts +3 -0
  90. package/dist/types/tokens/atlassian-dark/utility/utility.d.ts +1 -1
  91. package/dist/types/tokens/atlassian-legacy-dark/utility/utility.d.ts +1 -1
  92. package/dist/types/tokens/atlassian-legacy-light/utility/utility.d.ts +1 -1
  93. package/dist/types/tokens/atlassian-light/utility/utility.d.ts +1 -1
  94. package/dist/types/tokens/default/utility/utility.d.ts +1 -1
  95. package/figma-sync/package.json +17 -0
  96. package/package.json +4 -3
  97. package/report.api.md +396 -396
  98. package/tmp/api-report-tmp.d.ts +396 -396
  99. package/dist/cjs/figma/synchronize-figma-tokens.js +0 -220
  100. package/dist/cjs/figma/types.js +0 -5
  101. package/dist/es2019/figma/synchronize-figma-tokens.js +0 -212
  102. package/dist/es2019/figma/types.js +0 -1
  103. package/dist/esm/figma/synchronize-figma-tokens.js +0 -216
  104. package/dist/esm/figma/types.js +0 -1
  105. package/dist/types/figma/synchronize-figma-tokens.d.ts +0 -24
  106. package/dist/types/figma/types.d.ts +0 -40
package/tmp/api-report-tmp.d.ts CHANGED
@@ -9,8 +9,7 @@ export type CSSToken = CSSTokenMap[keyof CSSTokenMap];
9
9
 
10
10
  // @public (undocumented)
11
11
  type CSSTokenMap = {
12
- 'color.text.accent.blue': 'var(--ds-text-accent-blue)';
13
- 'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
12
+ 'color.text': 'var(--ds-text)';
14
13
  'color.text.accent.red': 'var(--ds-text-accent-red)';
15
14
  'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)';
16
15
  'color.text.accent.orange': 'var(--ds-text-accent-orange)';
@@ -19,139 +18,163 @@ type CSSTokenMap = {
19
18
  'color.text.accent.yellow.bolder': 'var(--ds-text-accent-yellow-bolder)';
20
19
  'color.text.accent.green': 'var(--ds-text-accent-green)';
21
20
  'color.text.accent.green.bolder': 'var(--ds-text-accent-green-bolder)';
22
- 'color.text.accent.purple': 'var(--ds-text-accent-purple)';
23
- 'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)';
24
21
  'color.text.accent.teal': 'var(--ds-text-accent-teal)';
25
22
  'color.text.accent.teal.bolder': 'var(--ds-text-accent-teal-bolder)';
23
+ 'color.text.accent.blue': 'var(--ds-text-accent-blue)';
24
+ 'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
25
+ 'color.text.accent.purple': 'var(--ds-text-accent-purple)';
26
+ 'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)';
26
27
  'color.text.accent.magenta': 'var(--ds-text-accent-magenta)';
27
28
  'color.text.accent.magenta.bolder': 'var(--ds-text-accent-magenta-bolder)';
28
29
  'color.text.accent.gray': 'var(--ds-text-accent-gray)';
29
30
  'color.text.accent.gray.bolder': 'var(--ds-text-accent-gray-bolder)';
30
- 'color.text': 'var(--ds-text)';
31
- 'color.text.subtle': 'var(--ds-text-subtle)';
32
- 'color.text.subtlest': 'var(--ds-text-subtlest)';
33
- 'color.text.inverse': 'var(--ds-text-inverse)';
34
31
  'color.text.disabled': 'var(--ds-text-disabled)';
35
- 'color.text.brand': 'var(--ds-text-brand)';
32
+ 'color.text.highEmphasis': 'var(--ds-text-highEmphasis)';
33
+ 'color.text.inverse': 'var(--ds-text-inverse)';
34
+ 'color.text.link.pressed': 'var(--ds-text-link-pressed)';
35
+ 'color.text.link.resting': 'var(--ds-text-link-resting)';
36
+ 'color.text.lowEmphasis': 'var(--ds-text-lowEmphasis)';
37
+ 'color.text.mediumEmphasis': 'var(--ds-text-mediumEmphasis)';
38
+ 'color.text.onBold': 'var(--ds-text-onBold)';
39
+ 'color.text.onBoldWarning': 'var(--ds-text-onBoldWarning)';
36
40
  'color.text.selected': 'var(--ds-text-selected)';
41
+ 'color.text.brand': 'var(--ds-text-brand)';
37
42
  'color.text.danger': 'var(--ds-text-danger)';
38
43
  'color.text.warning': 'var(--ds-text-warning)';
39
44
  'color.text.warning.inverse': 'var(--ds-text-warning-inverse)';
40
45
  'color.text.success': 'var(--ds-text-success)';
41
- 'color.text.information': 'var(--ds-text-information)';
42
46
  'color.text.discovery': 'var(--ds-text-discovery)';
43
- 'color.text.highEmphasis': 'var(--ds-text-highEmphasis)';
44
- 'color.text.mediumEmphasis': 'var(--ds-text-mediumEmphasis)';
45
- 'color.text.lowEmphasis': 'var(--ds-text-lowEmphasis)';
46
- 'color.text.link.resting': 'var(--ds-text-link-resting)';
47
- 'color.text.link.pressed': 'var(--ds-text-link-pressed)';
48
- 'color.text.onBold': 'var(--ds-text-onBold)';
49
- 'color.text.onBoldWarning': 'var(--ds-text-onBoldWarning)';
50
- 'color.icon.accent.blue': 'var(--ds-icon-accent-blue)';
47
+ 'color.text.information': 'var(--ds-text-information)';
48
+ 'color.text.subtlest': 'var(--ds-text-subtlest)';
49
+ 'color.text.subtle': 'var(--ds-text-subtle)';
50
+ 'color.link': 'var(--ds-link)';
51
+ 'color.link.pressed': 'var(--ds-link-pressed)';
52
+ 'color.icon': 'var(--ds-icon)';
51
53
  'color.icon.accent.red': 'var(--ds-icon-accent-red)';
52
54
  'color.icon.accent.orange': 'var(--ds-icon-accent-orange)';
53
55
  'color.icon.accent.yellow': 'var(--ds-icon-accent-yellow)';
54
56
  'color.icon.accent.green': 'var(--ds-icon-accent-green)';
55
- 'color.icon.accent.purple': 'var(--ds-icon-accent-purple)';
56
57
  'color.icon.accent.teal': 'var(--ds-icon-accent-teal)';
58
+ 'color.icon.accent.blue': 'var(--ds-icon-accent-blue)';
59
+ 'color.icon.accent.purple': 'var(--ds-icon-accent-purple)';
57
60
  'color.icon.accent.magenta': 'var(--ds-icon-accent-magenta)';
58
61
  'color.icon.accent.gray': 'var(--ds-icon-accent-gray)';
59
- 'color.icon': 'var(--ds-icon)';
60
- 'color.icon.subtle': 'var(--ds-icon-subtle)';
61
- 'color.icon.inverse': 'var(--ds-icon-inverse)';
62
62
  'color.icon.disabled': 'var(--ds-icon-disabled)';
63
- 'color.icon.brand': 'var(--ds-icon-brand)';
63
+ 'color.icon.inverse': 'var(--ds-icon-inverse)';
64
64
  'color.icon.selected': 'var(--ds-icon-selected)';
65
+ 'color.icon.brand': 'var(--ds-icon-brand)';
65
66
  'color.icon.danger': 'var(--ds-icon-danger)';
66
67
  'color.icon.warning': 'var(--ds-icon-warning)';
67
68
  'color.icon.warning.inverse': 'var(--ds-icon-warning-inverse)';
68
69
  'color.icon.success': 'var(--ds-icon-success)';
69
70
  'color.icon.discovery': 'var(--ds-icon-discovery)';
70
71
  'color.icon.information': 'var(--ds-icon-information)';
71
- 'color.border.accent.blue': 'var(--ds-border-accent-blue)';
72
+ 'color.icon.subtle': 'var(--ds-icon-subtle)';
73
+ 'color.border': 'var(--ds-border)';
72
74
  'color.border.accent.red': 'var(--ds-border-accent-red)';
73
75
  'color.border.accent.orange': 'var(--ds-border-accent-orange)';
74
76
  'color.border.accent.yellow': 'var(--ds-border-accent-yellow)';
75
77
  'color.border.accent.green': 'var(--ds-border-accent-green)';
76
- 'color.border.accent.purple': 'var(--ds-border-accent-purple)';
77
78
  'color.border.accent.teal': 'var(--ds-border-accent-teal)';
79
+ 'color.border.accent.blue': 'var(--ds-border-accent-blue)';
80
+ 'color.border.accent.purple': 'var(--ds-border-accent-purple)';
78
81
  'color.border.accent.magenta': 'var(--ds-border-accent-magenta)';
79
82
  'color.border.accent.gray': 'var(--ds-border-accent-gray)';
80
- 'color.border': 'var(--ds-border)';
81
- 'color.border.bold': 'var(--ds-border-bold)';
82
- 'color.border.inverse': 'var(--ds-border-inverse)';
83
+ 'color.border.disabled': 'var(--ds-border-disabled)';
84
+ 'color.border.focus': 'var(--ds-border-focus)';
83
85
  'color.border.focused': 'var(--ds-border-focused)';
84
86
  'color.border.input': 'var(--ds-border-input)';
85
- 'color.border.disabled': 'var(--ds-border-disabled)';
86
- 'color.border.brand': 'var(--ds-border-brand)';
87
+ 'color.border.inverse': 'var(--ds-border-inverse)';
88
+ 'color.border.neutral': 'var(--ds-border-neutral)';
87
89
  'color.border.selected': 'var(--ds-border-selected)';
90
+ 'color.border.brand': 'var(--ds-border-brand)';
88
91
  'color.border.danger': 'var(--ds-border-danger)';
89
92
  'color.border.warning': 'var(--ds-border-warning)';
90
93
  'color.border.success': 'var(--ds-border-success)';
91
94
  'color.border.discovery': 'var(--ds-border-discovery)';
92
95
  'color.border.information': 'var(--ds-border-information)';
93
- 'color.border.focus': 'var(--ds-border-focus)';
94
- 'color.border.neutral': 'var(--ds-border-neutral)';
95
- 'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)';
96
- 'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)';
97
- 'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)';
98
- 'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)';
99
- 'color.background.accent.blue': 'var(--ds-background-accent-blue)';
100
- 'color.background.accent.blue.bold': 'var(--ds-background-accent-blue-bold)';
96
+ 'color.border.bold': 'var(--ds-border-bold)';
97
+ 'color.background.accent.red': 'var(--ds-background-accent-red)';
101
98
  'color.background.accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)';
102
99
  'color.background.accent.red.subtler': 'var(--ds-background-accent-red-subtler)';
103
100
  'color.background.accent.red.subtle': 'var(--ds-background-accent-red-subtle)';
104
- 'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)';
105
- 'color.background.accent.red': 'var(--ds-background-accent-red)';
106
101
  'color.background.accent.red.bold': 'var(--ds-background-accent-red-bold)';
102
+ 'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)';
103
+ 'color.background.accent.orange': 'var(--ds-background-accent-orange)';
107
104
  'color.background.accent.orange.subtlest': 'var(--ds-background-accent-orange-subtlest)';
108
105
  'color.background.accent.orange.subtler': 'var(--ds-background-accent-orange-subtler)';
109
106
  'color.background.accent.orange.subtle': 'var(--ds-background-accent-orange-subtle)';
110
- 'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)';
111
- 'color.background.accent.orange': 'var(--ds-background-accent-orange)';
112
107
  'color.background.accent.orange.bold': 'var(--ds-background-accent-orange-bold)';
108
+ 'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)';
109
+ 'color.background.accent.yellow': 'var(--ds-background-accent-yellow)';
113
110
  'color.background.accent.yellow.subtlest': 'var(--ds-background-accent-yellow-subtlest)';
114
111
  'color.background.accent.yellow.subtler': 'var(--ds-background-accent-yellow-subtler)';
115
112
  'color.background.accent.yellow.subtle': 'var(--ds-background-accent-yellow-subtle)';
116
- 'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)';
117
- 'color.background.accent.yellow': 'var(--ds-background-accent-yellow)';
118
113
  'color.background.accent.yellow.bold': 'var(--ds-background-accent-yellow-bold)';
114
+ 'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)';
115
+ 'color.background.accent.green': 'var(--ds-background-accent-green)';
119
116
  'color.background.accent.green.subtlest': 'var(--ds-background-accent-green-subtlest)';
120
117
  'color.background.accent.green.subtler': 'var(--ds-background-accent-green-subtler)';
121
118
  'color.background.accent.green.subtle': 'var(--ds-background-accent-green-subtle)';
122
- 'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)';
123
- 'color.background.accent.green': 'var(--ds-background-accent-green)';
124
119
  'color.background.accent.green.bold': 'var(--ds-background-accent-green-bold)';
125
- 'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)';
126
- 'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)';
127
- 'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)';
128
- 'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)';
129
- 'color.background.accent.purple': 'var(--ds-background-accent-purple)';
130
- 'color.background.accent.purple.bold': 'var(--ds-background-accent-purple-bold)';
120
+ 'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)';
121
+ 'color.background.accent.teal': 'var(--ds-background-accent-teal)';
131
122
  'color.background.accent.teal.subtlest': 'var(--ds-background-accent-teal-subtlest)';
132
123
  'color.background.accent.teal.subtler': 'var(--ds-background-accent-teal-subtler)';
133
124
  'color.background.accent.teal.subtle': 'var(--ds-background-accent-teal-subtle)';
134
- 'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)';
135
- 'color.background.accent.teal': 'var(--ds-background-accent-teal)';
136
125
  'color.background.accent.teal.bold': 'var(--ds-background-accent-teal-bold)';
126
+ 'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)';
127
+ 'color.background.accent.blue': 'var(--ds-background-accent-blue)';
128
+ 'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)';
129
+ 'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)';
130
+ 'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)';
131
+ 'color.background.accent.blue.bold': 'var(--ds-background-accent-blue-bold)';
132
+ 'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)';
133
+ 'color.background.accent.purple': 'var(--ds-background-accent-purple)';
134
+ 'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)';
135
+ 'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)';
136
+ 'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)';
137
+ 'color.background.accent.purple.bold': 'var(--ds-background-accent-purple-bold)';
138
+ 'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)';
139
+ 'color.background.accent.magenta': 'var(--ds-background-accent-magenta)';
137
140
  'color.background.accent.magenta.subtlest': 'var(--ds-background-accent-magenta-subtlest)';
138
141
  'color.background.accent.magenta.subtler': 'var(--ds-background-accent-magenta-subtler)';
139
142
  'color.background.accent.magenta.subtle': 'var(--ds-background-accent-magenta-subtle)';
140
- 'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)';
141
- 'color.background.accent.magenta': 'var(--ds-background-accent-magenta)';
142
143
  'color.background.accent.magenta.bold': 'var(--ds-background-accent-magenta-bold)';
144
+ 'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)';
143
145
  'color.background.accent.gray.subtlest': 'var(--ds-background-accent-gray-subtlest)';
144
146
  'color.background.accent.gray.subtler': 'var(--ds-background-accent-gray-subtler)';
145
147
  'color.background.accent.gray.subtle': 'var(--ds-background-accent-gray-subtle)';
146
148
  'color.background.accent.gray.bolder': 'var(--ds-background-accent-gray-bolder)';
149
+ 'color.background.blanket': 'var(--ds-background-blanket)';
150
+ 'color.background.boldBrand.hover': 'var(--ds-background-boldBrand-hover)';
151
+ 'color.background.boldBrand.pressed': 'var(--ds-background-boldBrand-pressed)';
152
+ 'color.background.boldBrand.resting': 'var(--ds-background-boldBrand-resting)';
153
+ 'color.background.boldDanger.hover': 'var(--ds-background-boldDanger-hover)';
154
+ 'color.background.boldDanger.pressed': 'var(--ds-background-boldDanger-pressed)';
155
+ 'color.background.boldDanger.resting': 'var(--ds-background-boldDanger-resting)';
156
+ 'color.background.boldDiscovery.hover': 'var(--ds-background-boldDiscovery-hover)';
157
+ 'color.background.boldDiscovery.pressed': 'var(--ds-background-boldDiscovery-pressed)';
158
+ 'color.background.boldDiscovery.resting': 'var(--ds-background-boldDiscovery-resting)';
159
+ 'color.background.boldNeutral.hover': 'var(--ds-background-boldNeutral-hover)';
160
+ 'color.background.boldNeutral.pressed': 'var(--ds-background-boldNeutral-pressed)';
161
+ 'color.background.boldNeutral.resting': 'var(--ds-background-boldNeutral-resting)';
162
+ 'color.background.boldSuccess.hover': 'var(--ds-background-boldSuccess-hover)';
163
+ 'color.background.boldSuccess.pressed': 'var(--ds-background-boldSuccess-pressed)';
164
+ 'color.background.boldSuccess.resting': 'var(--ds-background-boldSuccess-resting)';
165
+ 'color.background.boldWarning.hover': 'var(--ds-background-boldWarning-hover)';
166
+ 'color.background.boldWarning.pressed': 'var(--ds-background-boldWarning-pressed)';
167
+ 'color.background.boldWarning.resting': 'var(--ds-background-boldWarning-resting)';
168
+ 'color.background.card': 'var(--ds-background-card)';
169
+ 'color.background.default': 'var(--ds-background-default)';
147
170
  'color.background.disabled': 'var(--ds-background-disabled)';
148
- 'color.background.inverse.subtle': 'var(--ds-background-inverse-subtle)';
149
- 'color.background.inverse.subtle.hovered': 'var(--ds-background-inverse-subtle-hovered)';
150
- 'color.background.inverse.subtle.pressed': 'var(--ds-background-inverse-subtle-pressed)';
151
- 'color.background.inverse': 'var(--ds-background-inverse)';
152
171
  'color.background.input': 'var(--ds-background-input)';
153
172
  'color.background.input.hovered': 'var(--ds-background-input-hovered)';
154
173
  'color.background.input.pressed': 'var(--ds-background-input-pressed)';
174
+ 'color.background.inverse': 'var(--ds-background-inverse)';
175
+ 'color.background.inverse.subtle': 'var(--ds-background-inverse-subtle)';
176
+ 'color.background.inverse.subtle.hovered': 'var(--ds-background-inverse-subtle-hovered)';
177
+ 'color.background.inverse.subtle.pressed': 'var(--ds-background-inverse-subtle-pressed)';
155
178
  'color.background.neutral': 'var(--ds-background-neutral)';
156
179
  'color.background.neutral.hovered': 'var(--ds-background-neutral-hovered)';
157
180
  'color.background.neutral.pressed': 'var(--ds-background-neutral-pressed)';
@@ -161,20 +184,44 @@ type CSSTokenMap = {
161
184
  'color.background.neutral.bold': 'var(--ds-background-neutral-bold)';
162
185
  'color.background.neutral.bold.hovered': 'var(--ds-background-neutral-bold-hovered)';
163
186
  'color.background.neutral.bold.pressed': 'var(--ds-background-neutral-bold-pressed)';
164
- 'color.background.brand.bold': 'var(--ds-background-brand-bold)';
165
- 'color.background.brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)';
166
- 'color.background.brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)';
167
- 'color.background.brand': 'var(--ds-background-brand)';
168
- 'color.background.brand.hovered': 'var(--ds-background-brand-hovered)';
169
- 'color.background.brand.pressed': 'var(--ds-background-brand-pressed)';
187
+ 'color.background.overlay': 'var(--ds-background-overlay)';
170
188
  'color.background.selected': 'var(--ds-background-selected)';
171
189
  'color.background.selected.hovered': 'var(--ds-background-selected-hovered)';
172
190
  'color.background.selected.pressed': 'var(--ds-background-selected-pressed)';
191
+ 'color.background.selected.hover': 'var(--ds-background-selected-hover)';
192
+ 'color.background.selected.resting': 'var(--ds-background-selected-resting)';
173
193
  'color.background.selected.bold': 'var(--ds-background-selected-bold)';
174
194
  'color.background.selected.bold.hovered': 'var(--ds-background-selected-bold-hovered)';
175
195
  'color.background.selected.bold.pressed': 'var(--ds-background-selected-bold-pressed)';
176
- 'color.background.selected.resting': 'var(--ds-background-selected-resting)';
177
- 'color.background.selected.hover': 'var(--ds-background-selected-hover)';
196
+ 'color.background.subtleBorderedNeutral.pressed': 'var(--ds-background-subtleBorderedNeutral-pressed)';
197
+ 'color.background.subtleBorderedNeutral.resting': 'var(--ds-background-subtleBorderedNeutral-resting)';
198
+ 'color.background.subtleBrand.hover': 'var(--ds-background-subtleBrand-hover)';
199
+ 'color.background.subtleBrand.pressed': 'var(--ds-background-subtleBrand-pressed)';
200
+ 'color.background.subtleBrand.resting': 'var(--ds-background-subtleBrand-resting)';
201
+ 'color.background.subtleDanger.hover': 'var(--ds-background-subtleDanger-hover)';
202
+ 'color.background.subtleDanger.pressed': 'var(--ds-background-subtleDanger-pressed)';
203
+ 'color.background.subtleDanger.resting': 'var(--ds-background-subtleDanger-resting)';
204
+ 'color.background.subtleDiscovery.hover': 'var(--ds-background-subtleDiscovery-hover)';
205
+ 'color.background.subtleDiscovery.pressed': 'var(--ds-background-subtleDiscovery-pressed)';
206
+ 'color.background.subtleDiscovery.resting': 'var(--ds-background-subtleDiscovery-resting)';
207
+ 'color.background.subtleNeutral.hover': 'var(--ds-background-subtleNeutral-hover)';
208
+ 'color.background.subtleNeutral.pressed': 'var(--ds-background-subtleNeutral-pressed)';
209
+ 'color.background.subtleNeutral.resting': 'var(--ds-background-subtleNeutral-resting)';
210
+ 'color.background.subtleSuccess.hover': 'var(--ds-background-subtleSuccess-hover)';
211
+ 'color.background.subtleSuccess.pressed': 'var(--ds-background-subtleSuccess-pressed)';
212
+ 'color.background.subtleSuccess.resting': 'var(--ds-background-subtleSuccess-resting)';
213
+ 'color.background.subtleWarning.hover': 'var(--ds-background-subtleWarning-hover)';
214
+ 'color.background.subtleWarning.pressed': 'var(--ds-background-subtleWarning-pressed)';
215
+ 'color.background.subtleWarning.resting': 'var(--ds-background-subtleWarning-resting)';
216
+ 'color.background.sunken': 'var(--ds-background-sunken)';
217
+ 'color.background.transparentNeutral.hover': 'var(--ds-background-transparentNeutral-hover)';
218
+ 'color.background.transparentNeutral.pressed': 'var(--ds-background-transparentNeutral-pressed)';
219
+ 'color.background.brand': 'var(--ds-background-brand)';
220
+ 'color.background.brand.hovered': 'var(--ds-background-brand-hovered)';
221
+ 'color.background.brand.pressed': 'var(--ds-background-brand-pressed)';
222
+ 'color.background.brand.bold': 'var(--ds-background-brand-bold)';
223
+ 'color.background.brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)';
224
+ 'color.background.brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)';
178
225
  'color.background.danger': 'var(--ds-background-danger)';
179
226
  'color.background.danger.hovered': 'var(--ds-background-danger-hovered)';
180
227
  'color.background.danger.pressed': 'var(--ds-background-danger-pressed)';
@@ -205,78 +252,15 @@ type CSSTokenMap = {
205
252
  'color.background.information.bold': 'var(--ds-background-information-bold)';
206
253
  'color.background.information.bold.hovered': 'var(--ds-background-information-bold-hovered)';
207
254
  'color.background.information.bold.pressed': 'var(--ds-background-information-bold-pressed)';
208
- 'color.background.blanket': 'var(--ds-background-blanket)';
209
- 'color.background.boldBrand.resting': 'var(--ds-background-boldBrand-resting)';
210
- 'color.background.boldBrand.hover': 'var(--ds-background-boldBrand-hover)';
211
- 'color.background.boldBrand.pressed': 'var(--ds-background-boldBrand-pressed)';
212
- 'color.background.boldDanger.resting': 'var(--ds-background-boldDanger-resting)';
213
- 'color.background.boldDanger.hover': 'var(--ds-background-boldDanger-hover)';
214
- 'color.background.boldDanger.pressed': 'var(--ds-background-boldDanger-pressed)';
215
- 'color.background.boldDiscovery.resting': 'var(--ds-background-boldDiscovery-resting)';
216
- 'color.background.boldDiscovery.hover': 'var(--ds-background-boldDiscovery-hover)';
217
- 'color.background.boldDiscovery.pressed': 'var(--ds-background-boldDiscovery-pressed)';
218
- 'color.background.boldNeutral.resting': 'var(--ds-background-boldNeutral-resting)';
219
- 'color.background.boldNeutral.hover': 'var(--ds-background-boldNeutral-hover)';
220
- 'color.background.boldNeutral.pressed': 'var(--ds-background-boldNeutral-pressed)';
221
- 'color.background.boldSuccess.resting': 'var(--ds-background-boldSuccess-resting)';
222
- 'color.background.boldSuccess.hover': 'var(--ds-background-boldSuccess-hover)';
223
- 'color.background.boldSuccess.pressed': 'var(--ds-background-boldSuccess-pressed)';
224
- 'color.background.boldWarning.resting': 'var(--ds-background-boldWarning-resting)';
225
- 'color.background.boldWarning.hover': 'var(--ds-background-boldWarning-hover)';
226
- 'color.background.boldWarning.pressed': 'var(--ds-background-boldWarning-pressed)';
227
- 'color.background.default': 'var(--ds-background-default)';
228
- 'color.background.card': 'var(--ds-background-card)';
229
- 'color.background.overlay': 'var(--ds-background-overlay)';
230
- 'color.background.subtleBorderedNeutral.resting': 'var(--ds-background-subtleBorderedNeutral-resting)';
231
- 'color.background.subtleBorderedNeutral.pressed': 'var(--ds-background-subtleBorderedNeutral-pressed)';
232
- 'color.background.subtleBrand.resting': 'var(--ds-background-subtleBrand-resting)';
233
- 'color.background.subtleBrand.hover': 'var(--ds-background-subtleBrand-hover)';
234
- 'color.background.subtleBrand.pressed': 'var(--ds-background-subtleBrand-pressed)';
235
- 'color.background.subtleDanger.resting': 'var(--ds-background-subtleDanger-resting)';
236
- 'color.background.subtleDanger.hover': 'var(--ds-background-subtleDanger-hover)';
237
- 'color.background.subtleDanger.pressed': 'var(--ds-background-subtleDanger-pressed)';
238
- 'color.background.subtleDiscovery.resting': 'var(--ds-background-subtleDiscovery-resting)';
239
- 'color.background.subtleDiscovery.hover': 'var(--ds-background-subtleDiscovery-hover)';
240
- 'color.background.subtleDiscovery.pressed': 'var(--ds-background-subtleDiscovery-pressed)';
241
- 'color.background.subtleNeutral.resting': 'var(--ds-background-subtleNeutral-resting)';
242
- 'color.background.subtleNeutral.hover': 'var(--ds-background-subtleNeutral-hover)';
243
- 'color.background.subtleNeutral.pressed': 'var(--ds-background-subtleNeutral-pressed)';
244
- 'color.background.subtleSuccess.resting': 'var(--ds-background-subtleSuccess-resting)';
245
- 'color.background.subtleSuccess.hover': 'var(--ds-background-subtleSuccess-hover)';
246
- 'color.background.subtleSuccess.pressed': 'var(--ds-background-subtleSuccess-pressed)';
247
- 'color.background.subtleWarning.resting': 'var(--ds-background-subtleWarning-resting)';
248
- 'color.background.subtleWarning.hover': 'var(--ds-background-subtleWarning-hover)';
249
- 'color.background.subtleWarning.pressed': 'var(--ds-background-subtleWarning-pressed)';
250
- 'color.background.sunken': 'var(--ds-background-sunken)';
251
- 'color.background.transparentNeutral.hover': 'var(--ds-background-transparentNeutral-hover)';
252
- 'color.background.transparentNeutral.pressed': 'var(--ds-background-transparentNeutral-pressed)';
253
255
  'color.blanket': 'var(--ds-blanket)';
254
256
  'color.blanket.selected': 'var(--ds-blanket-selected)';
255
257
  'color.blanket.danger': 'var(--ds-blanket-danger)';
256
- 'color.chart.brand': 'var(--ds-chart-brand)';
257
- 'color.chart.brand.hovered': 'var(--ds-chart-brand-hovered)';
258
- 'color.chart.neutral': 'var(--ds-chart-neutral)';
259
- 'color.chart.neutral.hovered': 'var(--ds-chart-neutral-hovered)';
260
- 'color.chart.success': 'var(--ds-chart-success)';
261
- 'color.chart.success.hovered': 'var(--ds-chart-success-hovered)';
262
- 'color.chart.success.bold': 'var(--ds-chart-success-bold)';
263
- 'color.chart.success.bold.hovered': 'var(--ds-chart-success-bold-hovered)';
264
- 'color.chart.danger': 'var(--ds-chart-danger)';
265
- 'color.chart.danger.hovered': 'var(--ds-chart-danger-hovered)';
266
- 'color.chart.danger.bold': 'var(--ds-chart-danger-bold)';
267
- 'color.chart.danger.bold.hovered': 'var(--ds-chart-danger-bold-hovered)';
268
- 'color.chart.warning': 'var(--ds-chart-warning)';
269
- 'color.chart.warning.hovered': 'var(--ds-chart-warning-hovered)';
270
- 'color.chart.warning.bold': 'var(--ds-chart-warning-bold)';
271
- 'color.chart.warning.bold.hovered': 'var(--ds-chart-warning-bold-hovered)';
272
- 'color.chart.information': 'var(--ds-chart-information)';
273
- 'color.chart.information.hovered': 'var(--ds-chart-information-hovered)';
274
- 'color.chart.information.bold': 'var(--ds-chart-information-bold)';
275
- 'color.chart.information.bold.hovered': 'var(--ds-chart-information-bold-hovered)';
276
- 'color.chart.discovery': 'var(--ds-chart-discovery)';
277
- 'color.chart.discovery.hovered': 'var(--ds-chart-discovery-hovered)';
278
- 'color.chart.discovery.bold': 'var(--ds-chart-discovery-bold)';
279
- 'color.chart.discovery.bold.hovered': 'var(--ds-chart-discovery-bold-hovered)';
258
+ 'color.interaction.hovered': 'var(--ds-interaction-hovered)';
259
+ 'color.interaction.inverse.hovered': 'var(--ds-interaction-inverse-hovered)';
260
+ 'color.interaction.inverse.pressed': 'var(--ds-interaction-inverse-pressed)';
261
+ 'color.interaction.pressed': 'var(--ds-interaction-pressed)';
262
+ 'color.skeleton': 'var(--ds-skeleton)';
263
+ 'color.skeleton.subtle': 'var(--ds-skeleton-subtle)';
280
264
  'color.chart.categorical.1': 'var(--ds-chart-categorical-1)';
281
265
  'color.chart.categorical.1.hovered': 'var(--ds-chart-categorical-1-hovered)';
282
266
  'color.chart.categorical.2': 'var(--ds-chart-categorical-2)';
@@ -293,12 +277,8 @@ type CSSTokenMap = {
293
277
  'color.chart.categorical.7.hovered': 'var(--ds-chart-categorical-7-hovered)';
294
278
  'color.chart.categorical.8': 'var(--ds-chart-categorical-8)';
295
279
  'color.chart.categorical.8.hovered': 'var(--ds-chart-categorical-8-hovered)';
296
- 'color.chart.blue.bold': 'var(--ds-chart-blue-bold)';
297
- 'color.chart.blue.bold.hovered': 'var(--ds-chart-blue-bold-hovered)';
298
- 'color.chart.blue.bolder': 'var(--ds-chart-blue-bolder)';
299
- 'color.chart.blue.bolder.hovered': 'var(--ds-chart-blue-bolder-hovered)';
300
- 'color.chart.blue.boldest': 'var(--ds-chart-blue-boldest)';
301
- 'color.chart.blue.boldest.hovered': 'var(--ds-chart-blue-boldest-hovered)';
280
+ 'color.chart.neutral': 'var(--ds-chart-neutral)';
281
+ 'color.chart.neutral.hovered': 'var(--ds-chart-neutral-hovered)';
302
282
  'color.chart.red.bold': 'var(--ds-chart-red-bold)';
303
283
  'color.chart.red.bold.hovered': 'var(--ds-chart-red-bold-hovered)';
304
284
  'color.chart.red.bolder': 'var(--ds-chart-red-bolder)';
@@ -329,6 +309,12 @@ type CSSTokenMap = {
329
309
  'color.chart.teal.bolder.hovered': 'var(--ds-chart-teal-bolder-hovered)';
330
310
  'color.chart.teal.boldest': 'var(--ds-chart-teal-boldest)';
331
311
  'color.chart.teal.boldest.hovered': 'var(--ds-chart-teal-boldest-hovered)';
312
+ 'color.chart.blue.bold': 'var(--ds-chart-blue-bold)';
313
+ 'color.chart.blue.bold.hovered': 'var(--ds-chart-blue-bold-hovered)';
314
+ 'color.chart.blue.bolder': 'var(--ds-chart-blue-bolder)';
315
+ 'color.chart.blue.bolder.hovered': 'var(--ds-chart-blue-bolder-hovered)';
316
+ 'color.chart.blue.boldest': 'var(--ds-chart-blue-boldest)';
317
+ 'color.chart.blue.boldest.hovered': 'var(--ds-chart-blue-boldest-hovered)';
332
318
  'color.chart.purple.bold': 'var(--ds-chart-purple-bold)';
333
319
  'color.chart.purple.bold.hovered': 'var(--ds-chart-purple-bold-hovered)';
334
320
  'color.chart.purple.bolder': 'var(--ds-chart-purple-bolder)';
@@ -347,14 +333,28 @@ type CSSTokenMap = {
347
333
  'color.chart.gray.bolder.hovered': 'var(--ds-chart-gray-bolder-hovered)';
348
334
  'color.chart.gray.boldest': 'var(--ds-chart-gray-boldest)';
349
335
  'color.chart.gray.boldest.hovered': 'var(--ds-chart-gray-boldest-hovered)';
350
- 'color.interaction.hovered': 'var(--ds-interaction-hovered)';
351
- 'color.interaction.pressed': 'var(--ds-interaction-pressed)';
352
- 'color.interaction.inverse.hovered': 'var(--ds-interaction-inverse-hovered)';
353
- 'color.interaction.inverse.pressed': 'var(--ds-interaction-inverse-pressed)';
354
- 'color.skeleton': 'var(--ds-skeleton)';
355
- 'color.skeleton.subtle': 'var(--ds-skeleton-subtle)';
356
- 'color.link': 'var(--ds-link)';
357
- 'color.link.pressed': 'var(--ds-link-pressed)';
336
+ 'color.chart.brand': 'var(--ds-chart-brand)';
337
+ 'color.chart.brand.hovered': 'var(--ds-chart-brand-hovered)';
338
+ 'color.chart.danger': 'var(--ds-chart-danger)';
339
+ 'color.chart.danger.hovered': 'var(--ds-chart-danger-hovered)';
340
+ 'color.chart.danger.bold': 'var(--ds-chart-danger-bold)';
341
+ 'color.chart.danger.bold.hovered': 'var(--ds-chart-danger-bold-hovered)';
342
+ 'color.chart.warning': 'var(--ds-chart-warning)';
343
+ 'color.chart.warning.hovered': 'var(--ds-chart-warning-hovered)';
344
+ 'color.chart.warning.bold': 'var(--ds-chart-warning-bold)';
345
+ 'color.chart.warning.bold.hovered': 'var(--ds-chart-warning-bold-hovered)';
346
+ 'color.chart.success': 'var(--ds-chart-success)';
347
+ 'color.chart.success.hovered': 'var(--ds-chart-success-hovered)';
348
+ 'color.chart.success.bold': 'var(--ds-chart-success-bold)';
349
+ 'color.chart.success.bold.hovered': 'var(--ds-chart-success-bold-hovered)';
350
+ 'color.chart.discovery': 'var(--ds-chart-discovery)';
351
+ 'color.chart.discovery.hovered': 'var(--ds-chart-discovery-hovered)';
352
+ 'color.chart.discovery.bold': 'var(--ds-chart-discovery-bold)';
353
+ 'color.chart.discovery.bold.hovered': 'var(--ds-chart-discovery-bold-hovered)';
354
+ 'color.chart.information': 'var(--ds-chart-information)';
355
+ 'color.chart.information.hovered': 'var(--ds-chart-information-hovered)';
356
+ 'color.chart.information.bold': 'var(--ds-chart-information-bold)';
357
+ 'color.chart.information.bold.hovered': 'var(--ds-chart-information-bold-hovered)';
358
358
  'color.accent.boldBlue': 'var(--ds-accent-boldBlue)';
359
359
  'color.accent.boldGreen': 'var(--ds-accent-boldGreen)';
360
360
  'color.accent.boldOrange': 'var(--ds-accent-boldOrange)';
@@ -375,42 +375,31 @@ type CSSTokenMap = {
375
375
  'color.iconBorder.discovery': 'var(--ds-iconBorder-discovery)';
376
376
  'color.overlay.hover': 'var(--ds-overlay-hover)';
377
377
  'color.overlay.pressed': 'var(--ds-overlay-pressed)';
378
- 'shadow.card': 'var(--ds-card)';
379
- 'shadow.overlay': 'var(--ds-overlay)';
380
- 'elevation.shadow.raised': 'var(--ds-shadow-raised)';
381
- 'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
382
- 'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)';
383
- 'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)';
384
- 'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
385
378
  'elevation.surface': 'var(--ds-surface)';
386
379
  'elevation.surface.hovered': 'var(--ds-surface-hovered)';
387
380
  'elevation.surface.pressed': 'var(--ds-surface-pressed)';
388
- 'elevation.surface.sunken': 'var(--ds-surface-sunken)';
389
- 'elevation.surface.raised': 'var(--ds-surface-raised)';
390
- 'elevation.surface.raised.hovered': 'var(--ds-surface-raised-hovered)';
391
- 'elevation.surface.raised.pressed': 'var(--ds-surface-raised-pressed)';
392
381
  'elevation.surface.overlay': 'var(--ds-surface-overlay)';
393
382
  'elevation.surface.overlay.hovered': 'var(--ds-surface-overlay-hovered)';
394
383
  'elevation.surface.overlay.pressed': 'var(--ds-surface-overlay-pressed)';
384
+ 'elevation.surface.raised': 'var(--ds-surface-raised)';
385
+ 'elevation.surface.raised.hovered': 'var(--ds-surface-raised-hovered)';
386
+ 'elevation.surface.raised.pressed': 'var(--ds-surface-raised-pressed)';
387
+ 'elevation.surface.sunken': 'var(--ds-surface-sunken)';
388
+ 'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
389
+ 'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)';
390
+ 'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)';
391
+ 'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
392
+ 'elevation.shadow.raised': 'var(--ds-shadow-raised)';
395
393
  'opacity.disabled': 'var(--ds-opacity-disabled)';
396
394
  'opacity.loading': 'var(--ds-opacity-loading)';
397
- 'utility.UNSAFE_util.transparent': 'var(--ds-UNSAFE_util-transparent)';
395
+ 'shadow.card': 'var(--ds-card)';
396
+ 'shadow.overlay': 'var(--ds-overlay)';
398
397
  'utility.UNSAFE_util.MISSING_TOKEN': 'var(--ds-UNSAFE_util-MISSING_TOKEN)';
399
- 'space.0': 'var(--ds-space-0)';
400
- 'space.100': 'var(--ds-space-100)';
401
- 'space.150': 'var(--ds-space-150)';
402
- 'space.200': 'var(--ds-space-200)';
403
- 'space.250': 'var(--ds-space-250)';
404
- 'space.300': 'var(--ds-space-300)';
405
- 'space.400': 'var(--ds-space-400)';
406
- 'space.500': 'var(--ds-space-500)';
407
- 'space.600': 'var(--ds-space-600)';
408
- 'space.800': 'var(--ds-space-800)';
409
- 'space.1000': 'var(--ds-space-1000)';
410
- 'space.025': 'var(--ds-space-025)';
411
- 'space.050': 'var(--ds-space-050)';
412
- 'space.075': 'var(--ds-space-075)';
398
+ 'utility.UNSAFE_util.transparent': 'var(--ds-UNSAFE_util-transparent)';
413
399
  'spacing.scale.0': 'var(--ds-scale-0)';
400
+ 'spacing.scale.025': 'var(--ds-scale-025)';
401
+ 'spacing.scale.050': 'var(--ds-scale-050)';
402
+ 'spacing.scale.075': 'var(--ds-scale-075)';
414
403
  'spacing.scale.100': 'var(--ds-scale-100)';
415
404
  'spacing.scale.150': 'var(--ds-scale-150)';
416
405
  'spacing.scale.200': 'var(--ds-scale-200)';
@@ -421,9 +410,6 @@ type CSSTokenMap = {
421
410
  'spacing.scale.600': 'var(--ds-scale-600)';
422
411
  'spacing.scale.800': 'var(--ds-scale-800)';
423
412
  'spacing.scale.1000': 'var(--ds-scale-1000)';
424
- 'spacing.scale.025': 'var(--ds-scale-025)';
425
- 'spacing.scale.050': 'var(--ds-scale-050)';
426
- 'spacing.scale.075': 'var(--ds-scale-075)';
427
413
  'spacing.scaleLinear.0': 'var(--ds-scaleLinear-0)';
428
414
  'spacing.scaleLinear.100': 'var(--ds-scaleLinear-100)';
429
415
  'spacing.scaleLinear.200': 'var(--ds-scaleLinear-200)';
@@ -448,14 +434,20 @@ type CSSTokenMap = {
448
434
  'spacing.size.xxlarge': 'var(--ds-size-xxlarge)';
449
435
  'spacing.size.xxxlarge': 'var(--ds-size-xxxlarge)';
450
436
  'spacing.size.xxxxlarge': 'var(--ds-size-xxxxlarge)';
451
- 'spacing.ecl.element.2': 'var(--ds-ecl-element-2)';
452
- 'spacing.ecl.element.4': 'var(--ds-ecl-element-4)';
453
- 'spacing.ecl.element.6': 'var(--ds-ecl-element-6)';
454
- 'spacing.ecl.element.8': 'var(--ds-ecl-element-8)';
437
+ 'spacing.gap.100': 'var(--ds-gap-100)';
438
+ 'spacing.gap.200': 'var(--ds-gap-200)';
439
+ 'spacing.gap.300': 'var(--ds-gap-300)';
440
+ 'spacing.inset.100': 'var(--ds-inset-100)';
441
+ 'spacing.inset.200': 'var(--ds-inset-200)';
442
+ 'spacing.inset.300': 'var(--ds-inset-300)';
455
443
  'spacing.ecl.container.12': 'var(--ds-ecl-container-12)';
456
444
  'spacing.ecl.container.16': 'var(--ds-ecl-container-16)';
457
445
  'spacing.ecl.container.20': 'var(--ds-ecl-container-20)';
458
446
  'spacing.ecl.container.24': 'var(--ds-ecl-container-24)';
447
+ 'spacing.ecl.element.2': 'var(--ds-ecl-element-2)';
448
+ 'spacing.ecl.element.4': 'var(--ds-ecl-element-4)';
449
+ 'spacing.ecl.element.6': 'var(--ds-ecl-element-6)';
450
+ 'spacing.ecl.element.8': 'var(--ds-ecl-element-8)';
459
451
  'spacing.ecl.layout.32': 'var(--ds-ecl-layout-32)';
460
452
  'spacing.ecl.layout.40': 'var(--ds-ecl-layout-40)';
461
453
  'spacing.ecl.layout.64': 'var(--ds-ecl-layout-64)';
@@ -463,33 +455,41 @@ type CSSTokenMap = {
463
455
  'spacing.ccc.component.4': 'var(--ds-ccc-component-4)';
464
456
  'spacing.ccc.component.6': 'var(--ds-ccc-component-6)';
465
457
  'spacing.ccc.component.8': 'var(--ds-ccc-component-8)';
458
+ 'spacing.ccc.container.32': 'var(--ds-ccc-container-32)';
459
+ 'spacing.ccc.container.40': 'var(--ds-ccc-container-40)';
460
+ 'spacing.ccc.container.48': 'var(--ds-ccc-container-48)';
466
461
  'spacing.ccc.content.12': 'var(--ds-ccc-content-12)';
467
462
  'spacing.ccc.content.16': 'var(--ds-ccc-content-16)';
468
463
  'spacing.ccc.content.20': 'var(--ds-ccc-content-20)';
469
464
  'spacing.ccc.content.24': 'var(--ds-ccc-content-24)';
470
- 'spacing.ccc.container.32': 'var(--ds-ccc-container-32)';
471
- 'spacing.ccc.container.40': 'var(--ds-ccc-container-40)';
472
- 'spacing.ccc.container.48': 'var(--ds-ccc-container-48)';
473
- 'spacing.gap.100': 'var(--ds-gap-100)';
474
- 'spacing.gap.200': 'var(--ds-gap-200)';
475
- 'spacing.gap.300': 'var(--ds-gap-300)';
476
- 'spacing.inset.100': 'var(--ds-inset-100)';
477
- 'spacing.inset.200': 'var(--ds-inset-200)';
478
- 'spacing.inset.300': 'var(--ds-inset-300)';
479
- 'font.family.sans': 'var(--ds-font-family-sans)';
465
+ 'space.0': 'var(--ds-space-0)';
466
+ 'space.025': 'var(--ds-space-025)';
467
+ 'space.050': 'var(--ds-space-050)';
468
+ 'space.075': 'var(--ds-space-075)';
469
+ 'space.100': 'var(--ds-space-100)';
470
+ 'space.150': 'var(--ds-space-150)';
471
+ 'space.200': 'var(--ds-space-200)';
472
+ 'space.250': 'var(--ds-space-250)';
473
+ 'space.300': 'var(--ds-space-300)';
474
+ 'space.400': 'var(--ds-space-400)';
475
+ 'space.500': 'var(--ds-space-500)';
476
+ 'space.600': 'var(--ds-space-600)';
477
+ 'space.800': 'var(--ds-space-800)';
478
+ 'space.1000': 'var(--ds-space-1000)';
480
479
  'font.family.monospace': 'var(--ds-font-family-monospace)';
480
+ 'font.family.sans': 'var(--ds-font-family-sans)';
481
+ 'font.size.050': 'var(--ds-font-size-050)';
482
+ 'font.size.075': 'var(--ds-font-size-075)';
481
483
  'font.size.100': 'var(--ds-font-size-100)';
482
484
  'font.size.200': 'var(--ds-font-size-200)';
483
485
  'font.size.300': 'var(--ds-font-size-300)';
484
486
  'font.size.400': 'var(--ds-font-size-400)';
485
487
  'font.size.500': 'var(--ds-font-size-500)';
486
488
  'font.size.600': 'var(--ds-font-size-600)';
487
- 'font.size.050': 'var(--ds-font-size-050)';
488
- 'font.size.075': 'var(--ds-font-size-075)';
489
- 'font.weight.regular': 'var(--ds-font-weight-regular)';
489
+ 'font.weight.bold': 'var(--ds-font-weight-bold)';
490
490
  'font.weight.medium': 'var(--ds-font-weight-medium)';
491
+ 'font.weight.regular': 'var(--ds-font-weight-regular)';
491
492
  'font.weight.semibold': 'var(--ds-font-weight-semibold)';
492
- 'font.weight.bold': 'var(--ds-font-weight-bold)';
493
493
  'font.lineHeight.100': 'var(--ds-font-lineHeight-100)';
494
494
  'font.lineHeight.200': 'var(--ds-font-lineHeight-200)';
495
495
  'font.lineHeight.300': 'var(--ds-font-lineHeight-300)';
@@ -564,8 +564,7 @@ type Tokens = typeof tokens;
564
564
 
565
565
  // @public
566
566
  const tokens: {
567
- readonly 'color.text.accent.blue': "--ds-text-accent-blue";
568
- readonly 'color.text.accent.blue.bolder': "--ds-text-accent-blue-bolder";
567
+ readonly 'color.text': "--ds-text";
569
568
  readonly 'color.text.accent.red': "--ds-text-accent-red";
570
569
  readonly 'color.text.accent.red.bolder': "--ds-text-accent-red-bolder";
571
570
  readonly 'color.text.accent.orange': "--ds-text-accent-orange";
@@ -574,139 +573,163 @@ const tokens: {
574
573
  readonly 'color.text.accent.yellow.bolder': "--ds-text-accent-yellow-bolder";
575
574
  readonly 'color.text.accent.green': "--ds-text-accent-green";
576
575
  readonly 'color.text.accent.green.bolder': "--ds-text-accent-green-bolder";
577
- readonly 'color.text.accent.purple': "--ds-text-accent-purple";
578
- readonly 'color.text.accent.purple.bolder': "--ds-text-accent-purple-bolder";
579
576
  readonly 'color.text.accent.teal': "--ds-text-accent-teal";
580
577
  readonly 'color.text.accent.teal.bolder': "--ds-text-accent-teal-bolder";
578
+ readonly 'color.text.accent.blue': "--ds-text-accent-blue";
579
+ readonly 'color.text.accent.blue.bolder': "--ds-text-accent-blue-bolder";
580
+ readonly 'color.text.accent.purple': "--ds-text-accent-purple";
581
+ readonly 'color.text.accent.purple.bolder': "--ds-text-accent-purple-bolder";
581
582
  readonly 'color.text.accent.magenta': "--ds-text-accent-magenta";
582
583
  readonly 'color.text.accent.magenta.bolder': "--ds-text-accent-magenta-bolder";
583
584
  readonly 'color.text.accent.gray': "--ds-text-accent-gray";
584
585
  readonly 'color.text.accent.gray.bolder': "--ds-text-accent-gray-bolder";
585
- readonly 'color.text': "--ds-text";
586
- readonly 'color.text.subtle': "--ds-text-subtle";
587
- readonly 'color.text.subtlest': "--ds-text-subtlest";
588
- readonly 'color.text.inverse': "--ds-text-inverse";
589
586
  readonly 'color.text.disabled': "--ds-text-disabled";
590
- readonly 'color.text.brand': "--ds-text-brand";
587
+ readonly 'color.text.highEmphasis': "--ds-text-highEmphasis";
588
+ readonly 'color.text.inverse': "--ds-text-inverse";
589
+ readonly 'color.text.link.pressed': "--ds-text-link-pressed";
590
+ readonly 'color.text.link.resting': "--ds-text-link-resting";
591
+ readonly 'color.text.lowEmphasis': "--ds-text-lowEmphasis";
592
+ readonly 'color.text.mediumEmphasis': "--ds-text-mediumEmphasis";
593
+ readonly 'color.text.onBold': "--ds-text-onBold";
594
+ readonly 'color.text.onBoldWarning': "--ds-text-onBoldWarning";
591
595
  readonly 'color.text.selected': "--ds-text-selected";
596
+ readonly 'color.text.brand': "--ds-text-brand";
592
597
  readonly 'color.text.danger': "--ds-text-danger";
593
598
  readonly 'color.text.warning': "--ds-text-warning";
594
599
  readonly 'color.text.warning.inverse': "--ds-text-warning-inverse";
595
600
  readonly 'color.text.success': "--ds-text-success";
596
- readonly 'color.text.information': "--ds-text-information";
597
601
  readonly 'color.text.discovery': "--ds-text-discovery";
598
- readonly 'color.text.highEmphasis': "--ds-text-highEmphasis";
599
- readonly 'color.text.mediumEmphasis': "--ds-text-mediumEmphasis";
600
- readonly 'color.text.lowEmphasis': "--ds-text-lowEmphasis";
601
- readonly 'color.text.link.resting': "--ds-text-link-resting";
602
- readonly 'color.text.link.pressed': "--ds-text-link-pressed";
603
- readonly 'color.text.onBold': "--ds-text-onBold";
604
- readonly 'color.text.onBoldWarning': "--ds-text-onBoldWarning";
605
- readonly 'color.icon.accent.blue': "--ds-icon-accent-blue";
602
+ readonly 'color.text.information': "--ds-text-information";
603
+ readonly 'color.text.subtlest': "--ds-text-subtlest";
604
+ readonly 'color.text.subtle': "--ds-text-subtle";
605
+ readonly 'color.link': "--ds-link";
606
+ readonly 'color.link.pressed': "--ds-link-pressed";
607
+ readonly 'color.icon': "--ds-icon";
606
608
  readonly 'color.icon.accent.red': "--ds-icon-accent-red";
607
609
  readonly 'color.icon.accent.orange': "--ds-icon-accent-orange";
608
610
  readonly 'color.icon.accent.yellow': "--ds-icon-accent-yellow";
609
611
  readonly 'color.icon.accent.green': "--ds-icon-accent-green";
610
- readonly 'color.icon.accent.purple': "--ds-icon-accent-purple";
611
612
  readonly 'color.icon.accent.teal': "--ds-icon-accent-teal";
613
+ readonly 'color.icon.accent.blue': "--ds-icon-accent-blue";
614
+ readonly 'color.icon.accent.purple': "--ds-icon-accent-purple";
612
615
  readonly 'color.icon.accent.magenta': "--ds-icon-accent-magenta";
613
616
  readonly 'color.icon.accent.gray': "--ds-icon-accent-gray";
614
- readonly 'color.icon': "--ds-icon";
615
- readonly 'color.icon.subtle': "--ds-icon-subtle";
616
- readonly 'color.icon.inverse': "--ds-icon-inverse";
617
617
  readonly 'color.icon.disabled': "--ds-icon-disabled";
618
- readonly 'color.icon.brand': "--ds-icon-brand";
618
+ readonly 'color.icon.inverse': "--ds-icon-inverse";
619
619
  readonly 'color.icon.selected': "--ds-icon-selected";
620
+ readonly 'color.icon.brand': "--ds-icon-brand";
620
621
  readonly 'color.icon.danger': "--ds-icon-danger";
621
622
  readonly 'color.icon.warning': "--ds-icon-warning";
622
623
  readonly 'color.icon.warning.inverse': "--ds-icon-warning-inverse";
623
624
  readonly 'color.icon.success': "--ds-icon-success";
624
625
  readonly 'color.icon.discovery': "--ds-icon-discovery";
625
626
  readonly 'color.icon.information': "--ds-icon-information";
626
- readonly 'color.border.accent.blue': "--ds-border-accent-blue";
627
+ readonly 'color.icon.subtle': "--ds-icon-subtle";
628
+ readonly 'color.border': "--ds-border";
627
629
  readonly 'color.border.accent.red': "--ds-border-accent-red";
628
630
  readonly 'color.border.accent.orange': "--ds-border-accent-orange";
629
631
  readonly 'color.border.accent.yellow': "--ds-border-accent-yellow";
630
632
  readonly 'color.border.accent.green': "--ds-border-accent-green";
631
- readonly 'color.border.accent.purple': "--ds-border-accent-purple";
632
633
  readonly 'color.border.accent.teal': "--ds-border-accent-teal";
634
+ readonly 'color.border.accent.blue': "--ds-border-accent-blue";
635
+ readonly 'color.border.accent.purple': "--ds-border-accent-purple";
633
636
  readonly 'color.border.accent.magenta': "--ds-border-accent-magenta";
634
637
  readonly 'color.border.accent.gray': "--ds-border-accent-gray";
635
- readonly 'color.border': "--ds-border";
636
- readonly 'color.border.bold': "--ds-border-bold";
637
- readonly 'color.border.inverse': "--ds-border-inverse";
638
+ readonly 'color.border.disabled': "--ds-border-disabled";
639
+ readonly 'color.border.focus': "--ds-border-focus";
638
640
  readonly 'color.border.focused': "--ds-border-focused";
639
641
  readonly 'color.border.input': "--ds-border-input";
640
- readonly 'color.border.disabled': "--ds-border-disabled";
641
- readonly 'color.border.brand': "--ds-border-brand";
642
+ readonly 'color.border.inverse': "--ds-border-inverse";
643
+ readonly 'color.border.neutral': "--ds-border-neutral";
642
644
  readonly 'color.border.selected': "--ds-border-selected";
645
+ readonly 'color.border.brand': "--ds-border-brand";
643
646
  readonly 'color.border.danger': "--ds-border-danger";
644
647
  readonly 'color.border.warning': "--ds-border-warning";
645
648
  readonly 'color.border.success': "--ds-border-success";
646
649
  readonly 'color.border.discovery': "--ds-border-discovery";
647
650
  readonly 'color.border.information': "--ds-border-information";
648
- readonly 'color.border.focus': "--ds-border-focus";
649
- readonly 'color.border.neutral': "--ds-border-neutral";
650
- readonly 'color.background.accent.blue.subtlest': "--ds-background-accent-blue-subtlest";
651
- readonly 'color.background.accent.blue.subtler': "--ds-background-accent-blue-subtler";
652
- readonly 'color.background.accent.blue.subtle': "--ds-background-accent-blue-subtle";
653
- readonly 'color.background.accent.blue.bolder': "--ds-background-accent-blue-bolder";
654
- readonly 'color.background.accent.blue': "--ds-background-accent-blue";
655
- readonly 'color.background.accent.blue.bold': "--ds-background-accent-blue-bold";
651
+ readonly 'color.border.bold': "--ds-border-bold";
652
+ readonly 'color.background.accent.red': "--ds-background-accent-red";
656
653
  readonly 'color.background.accent.red.subtlest': "--ds-background-accent-red-subtlest";
657
654
  readonly 'color.background.accent.red.subtler': "--ds-background-accent-red-subtler";
658
655
  readonly 'color.background.accent.red.subtle': "--ds-background-accent-red-subtle";
659
- readonly 'color.background.accent.red.bolder': "--ds-background-accent-red-bolder";
660
- readonly 'color.background.accent.red': "--ds-background-accent-red";
661
656
  readonly 'color.background.accent.red.bold': "--ds-background-accent-red-bold";
657
+ readonly 'color.background.accent.red.bolder': "--ds-background-accent-red-bolder";
658
+ readonly 'color.background.accent.orange': "--ds-background-accent-orange";
662
659
  readonly 'color.background.accent.orange.subtlest': "--ds-background-accent-orange-subtlest";
663
660
  readonly 'color.background.accent.orange.subtler': "--ds-background-accent-orange-subtler";
664
661
  readonly 'color.background.accent.orange.subtle': "--ds-background-accent-orange-subtle";
665
- readonly 'color.background.accent.orange.bolder': "--ds-background-accent-orange-bolder";
666
- readonly 'color.background.accent.orange': "--ds-background-accent-orange";
667
662
  readonly 'color.background.accent.orange.bold': "--ds-background-accent-orange-bold";
663
+ readonly 'color.background.accent.orange.bolder': "--ds-background-accent-orange-bolder";
664
+ readonly 'color.background.accent.yellow': "--ds-background-accent-yellow";
668
665
  readonly 'color.background.accent.yellow.subtlest': "--ds-background-accent-yellow-subtlest";
669
666
  readonly 'color.background.accent.yellow.subtler': "--ds-background-accent-yellow-subtler";
670
667
  readonly 'color.background.accent.yellow.subtle': "--ds-background-accent-yellow-subtle";
671
- readonly 'color.background.accent.yellow.bolder': "--ds-background-accent-yellow-bolder";
672
- readonly 'color.background.accent.yellow': "--ds-background-accent-yellow";
673
668
  readonly 'color.background.accent.yellow.bold': "--ds-background-accent-yellow-bold";
669
+ readonly 'color.background.accent.yellow.bolder': "--ds-background-accent-yellow-bolder";
670
+ readonly 'color.background.accent.green': "--ds-background-accent-green";
674
671
  readonly 'color.background.accent.green.subtlest': "--ds-background-accent-green-subtlest";
675
672
  readonly 'color.background.accent.green.subtler': "--ds-background-accent-green-subtler";
676
673
  readonly 'color.background.accent.green.subtle': "--ds-background-accent-green-subtle";
677
- readonly 'color.background.accent.green.bolder': "--ds-background-accent-green-bolder";
678
- readonly 'color.background.accent.green': "--ds-background-accent-green";
679
674
  readonly 'color.background.accent.green.bold': "--ds-background-accent-green-bold";
680
- readonly 'color.background.accent.purple.subtlest': "--ds-background-accent-purple-subtlest";
681
- readonly 'color.background.accent.purple.subtler': "--ds-background-accent-purple-subtler";
682
- readonly 'color.background.accent.purple.subtle': "--ds-background-accent-purple-subtle";
683
- readonly 'color.background.accent.purple.bolder': "--ds-background-accent-purple-bolder";
684
- readonly 'color.background.accent.purple': "--ds-background-accent-purple";
685
- readonly 'color.background.accent.purple.bold': "--ds-background-accent-purple-bold";
675
+ readonly 'color.background.accent.green.bolder': "--ds-background-accent-green-bolder";
676
+ readonly 'color.background.accent.teal': "--ds-background-accent-teal";
686
677
  readonly 'color.background.accent.teal.subtlest': "--ds-background-accent-teal-subtlest";
687
678
  readonly 'color.background.accent.teal.subtler': "--ds-background-accent-teal-subtler";
688
679
  readonly 'color.background.accent.teal.subtle': "--ds-background-accent-teal-subtle";
689
- readonly 'color.background.accent.teal.bolder': "--ds-background-accent-teal-bolder";
690
- readonly 'color.background.accent.teal': "--ds-background-accent-teal";
691
680
  readonly 'color.background.accent.teal.bold': "--ds-background-accent-teal-bold";
681
+ readonly 'color.background.accent.teal.bolder': "--ds-background-accent-teal-bolder";
682
+ readonly 'color.background.accent.blue': "--ds-background-accent-blue";
683
+ readonly 'color.background.accent.blue.subtlest': "--ds-background-accent-blue-subtlest";
684
+ readonly 'color.background.accent.blue.subtler': "--ds-background-accent-blue-subtler";
685
+ readonly 'color.background.accent.blue.subtle': "--ds-background-accent-blue-subtle";
686
+ readonly 'color.background.accent.blue.bold': "--ds-background-accent-blue-bold";
687
+ readonly 'color.background.accent.blue.bolder': "--ds-background-accent-blue-bolder";
688
+ readonly 'color.background.accent.purple': "--ds-background-accent-purple";
689
+ readonly 'color.background.accent.purple.subtlest': "--ds-background-accent-purple-subtlest";
690
+ readonly 'color.background.accent.purple.subtler': "--ds-background-accent-purple-subtler";
691
+ readonly 'color.background.accent.purple.subtle': "--ds-background-accent-purple-subtle";
692
+ readonly 'color.background.accent.purple.bold': "--ds-background-accent-purple-bold";
693
+ readonly 'color.background.accent.purple.bolder': "--ds-background-accent-purple-bolder";
694
+ readonly 'color.background.accent.magenta': "--ds-background-accent-magenta";
692
695
  readonly 'color.background.accent.magenta.subtlest': "--ds-background-accent-magenta-subtlest";
693
696
  readonly 'color.background.accent.magenta.subtler': "--ds-background-accent-magenta-subtler";
694
697
  readonly 'color.background.accent.magenta.subtle': "--ds-background-accent-magenta-subtle";
695
- readonly 'color.background.accent.magenta.bolder': "--ds-background-accent-magenta-bolder";
696
- readonly 'color.background.accent.magenta': "--ds-background-accent-magenta";
697
698
  readonly 'color.background.accent.magenta.bold': "--ds-background-accent-magenta-bold";
699
+ readonly 'color.background.accent.magenta.bolder': "--ds-background-accent-magenta-bolder";
698
700
  readonly 'color.background.accent.gray.subtlest': "--ds-background-accent-gray-subtlest";
699
701
  readonly 'color.background.accent.gray.subtler': "--ds-background-accent-gray-subtler";
700
702
  readonly 'color.background.accent.gray.subtle': "--ds-background-accent-gray-subtle";
701
703
  readonly 'color.background.accent.gray.bolder': "--ds-background-accent-gray-bolder";
704
+ readonly 'color.background.blanket': "--ds-background-blanket";
705
+ readonly 'color.background.boldBrand.hover': "--ds-background-boldBrand-hover";
706
+ readonly 'color.background.boldBrand.pressed': "--ds-background-boldBrand-pressed";
707
+ readonly 'color.background.boldBrand.resting': "--ds-background-boldBrand-resting";
708
+ readonly 'color.background.boldDanger.hover': "--ds-background-boldDanger-hover";
709
+ readonly 'color.background.boldDanger.pressed': "--ds-background-boldDanger-pressed";
710
+ readonly 'color.background.boldDanger.resting': "--ds-background-boldDanger-resting";
711
+ readonly 'color.background.boldDiscovery.hover': "--ds-background-boldDiscovery-hover";
712
+ readonly 'color.background.boldDiscovery.pressed': "--ds-background-boldDiscovery-pressed";
713
+ readonly 'color.background.boldDiscovery.resting': "--ds-background-boldDiscovery-resting";
714
+ readonly 'color.background.boldNeutral.hover': "--ds-background-boldNeutral-hover";
715
+ readonly 'color.background.boldNeutral.pressed': "--ds-background-boldNeutral-pressed";
716
+ readonly 'color.background.boldNeutral.resting': "--ds-background-boldNeutral-resting";
717
+ readonly 'color.background.boldSuccess.hover': "--ds-background-boldSuccess-hover";
718
+ readonly 'color.background.boldSuccess.pressed': "--ds-background-boldSuccess-pressed";
719
+ readonly 'color.background.boldSuccess.resting': "--ds-background-boldSuccess-resting";
720
+ readonly 'color.background.boldWarning.hover': "--ds-background-boldWarning-hover";
721
+ readonly 'color.background.boldWarning.pressed': "--ds-background-boldWarning-pressed";
722
+ readonly 'color.background.boldWarning.resting': "--ds-background-boldWarning-resting";
723
+ readonly 'color.background.card': "--ds-background-card";
724
+ readonly 'color.background.default': "--ds-background-default";
702
725
  readonly 'color.background.disabled': "--ds-background-disabled";
703
- readonly 'color.background.inverse.subtle': "--ds-background-inverse-subtle";
704
- readonly 'color.background.inverse.subtle.hovered': "--ds-background-inverse-subtle-hovered";
705
- readonly 'color.background.inverse.subtle.pressed': "--ds-background-inverse-subtle-pressed";
706
- readonly 'color.background.inverse': "--ds-background-inverse";
707
726
  readonly 'color.background.input': "--ds-background-input";
708
727
  readonly 'color.background.input.hovered': "--ds-background-input-hovered";
709
728
  readonly 'color.background.input.pressed': "--ds-background-input-pressed";
729
+ readonly 'color.background.inverse': "--ds-background-inverse";
730
+ readonly 'color.background.inverse.subtle': "--ds-background-inverse-subtle";
731
+ readonly 'color.background.inverse.subtle.hovered': "--ds-background-inverse-subtle-hovered";
732
+ readonly 'color.background.inverse.subtle.pressed': "--ds-background-inverse-subtle-pressed";
710
733
  readonly 'color.background.neutral': "--ds-background-neutral";
711
734
  readonly 'color.background.neutral.hovered': "--ds-background-neutral-hovered";
712
735
  readonly 'color.background.neutral.pressed': "--ds-background-neutral-pressed";
@@ -716,20 +739,44 @@ const tokens: {
716
739
  readonly 'color.background.neutral.bold': "--ds-background-neutral-bold";
717
740
  readonly 'color.background.neutral.bold.hovered': "--ds-background-neutral-bold-hovered";
718
741
  readonly 'color.background.neutral.bold.pressed': "--ds-background-neutral-bold-pressed";
719
- readonly 'color.background.brand.bold': "--ds-background-brand-bold";
720
- readonly 'color.background.brand.bold.hovered': "--ds-background-brand-bold-hovered";
721
- readonly 'color.background.brand.bold.pressed': "--ds-background-brand-bold-pressed";
722
- readonly 'color.background.brand': "--ds-background-brand";
723
- readonly 'color.background.brand.hovered': "--ds-background-brand-hovered";
724
- readonly 'color.background.brand.pressed': "--ds-background-brand-pressed";
742
+ readonly 'color.background.overlay': "--ds-background-overlay";
725
743
  readonly 'color.background.selected': "--ds-background-selected";
726
744
  readonly 'color.background.selected.hovered': "--ds-background-selected-hovered";
727
745
  readonly 'color.background.selected.pressed': "--ds-background-selected-pressed";
746
+ readonly 'color.background.selected.hover': "--ds-background-selected-hover";
747
+ readonly 'color.background.selected.resting': "--ds-background-selected-resting";
728
748
  readonly 'color.background.selected.bold': "--ds-background-selected-bold";
729
749
  readonly 'color.background.selected.bold.hovered': "--ds-background-selected-bold-hovered";
730
750
  readonly 'color.background.selected.bold.pressed': "--ds-background-selected-bold-pressed";
731
- readonly 'color.background.selected.resting': "--ds-background-selected-resting";
732
- readonly 'color.background.selected.hover': "--ds-background-selected-hover";
751
+ readonly 'color.background.subtleBorderedNeutral.pressed': "--ds-background-subtleBorderedNeutral-pressed";
752
+ readonly 'color.background.subtleBorderedNeutral.resting': "--ds-background-subtleBorderedNeutral-resting";
753
+ readonly 'color.background.subtleBrand.hover': "--ds-background-subtleBrand-hover";
754
+ readonly 'color.background.subtleBrand.pressed': "--ds-background-subtleBrand-pressed";
755
+ readonly 'color.background.subtleBrand.resting': "--ds-background-subtleBrand-resting";
756
+ readonly 'color.background.subtleDanger.hover': "--ds-background-subtleDanger-hover";
757
+ readonly 'color.background.subtleDanger.pressed': "--ds-background-subtleDanger-pressed";
758
+ readonly 'color.background.subtleDanger.resting': "--ds-background-subtleDanger-resting";
759
+ readonly 'color.background.subtleDiscovery.hover': "--ds-background-subtleDiscovery-hover";
760
+ readonly 'color.background.subtleDiscovery.pressed': "--ds-background-subtleDiscovery-pressed";
761
+ readonly 'color.background.subtleDiscovery.resting': "--ds-background-subtleDiscovery-resting";
762
+ readonly 'color.background.subtleNeutral.hover': "--ds-background-subtleNeutral-hover";
763
+ readonly 'color.background.subtleNeutral.pressed': "--ds-background-subtleNeutral-pressed";
764
+ readonly 'color.background.subtleNeutral.resting': "--ds-background-subtleNeutral-resting";
765
+ readonly 'color.background.subtleSuccess.hover': "--ds-background-subtleSuccess-hover";
766
+ readonly 'color.background.subtleSuccess.pressed': "--ds-background-subtleSuccess-pressed";
767
+ readonly 'color.background.subtleSuccess.resting': "--ds-background-subtleSuccess-resting";
768
+ readonly 'color.background.subtleWarning.hover': "--ds-background-subtleWarning-hover";
769
+ readonly 'color.background.subtleWarning.pressed': "--ds-background-subtleWarning-pressed";
770
+ readonly 'color.background.subtleWarning.resting': "--ds-background-subtleWarning-resting";
771
+ readonly 'color.background.sunken': "--ds-background-sunken";
772
+ readonly 'color.background.transparentNeutral.hover': "--ds-background-transparentNeutral-hover";
773
+ readonly 'color.background.transparentNeutral.pressed': "--ds-background-transparentNeutral-pressed";
774
+ readonly 'color.background.brand': "--ds-background-brand";
775
+ readonly 'color.background.brand.hovered': "--ds-background-brand-hovered";
776
+ readonly 'color.background.brand.pressed': "--ds-background-brand-pressed";
777
+ readonly 'color.background.brand.bold': "--ds-background-brand-bold";
778
+ readonly 'color.background.brand.bold.hovered': "--ds-background-brand-bold-hovered";
779
+ readonly 'color.background.brand.bold.pressed': "--ds-background-brand-bold-pressed";
733
780
  readonly 'color.background.danger': "--ds-background-danger";
734
781
  readonly 'color.background.danger.hovered': "--ds-background-danger-hovered";
735
782
  readonly 'color.background.danger.pressed': "--ds-background-danger-pressed";
@@ -760,78 +807,15 @@ const tokens: {
760
807
  readonly 'color.background.information.bold': "--ds-background-information-bold";
761
808
  readonly 'color.background.information.bold.hovered': "--ds-background-information-bold-hovered";
762
809
  readonly 'color.background.information.bold.pressed': "--ds-background-information-bold-pressed";
763
- readonly 'color.background.blanket': "--ds-background-blanket";
764
- readonly 'color.background.boldBrand.resting': "--ds-background-boldBrand-resting";
765
- readonly 'color.background.boldBrand.hover': "--ds-background-boldBrand-hover";
766
- readonly 'color.background.boldBrand.pressed': "--ds-background-boldBrand-pressed";
767
- readonly 'color.background.boldDanger.resting': "--ds-background-boldDanger-resting";
768
- readonly 'color.background.boldDanger.hover': "--ds-background-boldDanger-hover";
769
- readonly 'color.background.boldDanger.pressed': "--ds-background-boldDanger-pressed";
770
- readonly 'color.background.boldDiscovery.resting': "--ds-background-boldDiscovery-resting";
771
- readonly 'color.background.boldDiscovery.hover': "--ds-background-boldDiscovery-hover";
772
- readonly 'color.background.boldDiscovery.pressed': "--ds-background-boldDiscovery-pressed";
773
- readonly 'color.background.boldNeutral.resting': "--ds-background-boldNeutral-resting";
774
- readonly 'color.background.boldNeutral.hover': "--ds-background-boldNeutral-hover";
775
- readonly 'color.background.boldNeutral.pressed': "--ds-background-boldNeutral-pressed";
776
- readonly 'color.background.boldSuccess.resting': "--ds-background-boldSuccess-resting";
777
- readonly 'color.background.boldSuccess.hover': "--ds-background-boldSuccess-hover";
778
- readonly 'color.background.boldSuccess.pressed': "--ds-background-boldSuccess-pressed";
779
- readonly 'color.background.boldWarning.resting': "--ds-background-boldWarning-resting";
780
- readonly 'color.background.boldWarning.hover': "--ds-background-boldWarning-hover";
781
- readonly 'color.background.boldWarning.pressed': "--ds-background-boldWarning-pressed";
782
- readonly 'color.background.default': "--ds-background-default";
783
- readonly 'color.background.card': "--ds-background-card";
784
- readonly 'color.background.overlay': "--ds-background-overlay";
785
- readonly 'color.background.subtleBorderedNeutral.resting': "--ds-background-subtleBorderedNeutral-resting";
786
- readonly 'color.background.subtleBorderedNeutral.pressed': "--ds-background-subtleBorderedNeutral-pressed";
787
- readonly 'color.background.subtleBrand.resting': "--ds-background-subtleBrand-resting";
788
- readonly 'color.background.subtleBrand.hover': "--ds-background-subtleBrand-hover";
789
- readonly 'color.background.subtleBrand.pressed': "--ds-background-subtleBrand-pressed";
790
- readonly 'color.background.subtleDanger.resting': "--ds-background-subtleDanger-resting";
791
- readonly 'color.background.subtleDanger.hover': "--ds-background-subtleDanger-hover";
792
- readonly 'color.background.subtleDanger.pressed': "--ds-background-subtleDanger-pressed";
793
- readonly 'color.background.subtleDiscovery.resting': "--ds-background-subtleDiscovery-resting";
794
- readonly 'color.background.subtleDiscovery.hover': "--ds-background-subtleDiscovery-hover";
795
- readonly 'color.background.subtleDiscovery.pressed': "--ds-background-subtleDiscovery-pressed";
796
- readonly 'color.background.subtleNeutral.resting': "--ds-background-subtleNeutral-resting";
797
- readonly 'color.background.subtleNeutral.hover': "--ds-background-subtleNeutral-hover";
798
- readonly 'color.background.subtleNeutral.pressed': "--ds-background-subtleNeutral-pressed";
799
- readonly 'color.background.subtleSuccess.resting': "--ds-background-subtleSuccess-resting";
800
- readonly 'color.background.subtleSuccess.hover': "--ds-background-subtleSuccess-hover";
801
- readonly 'color.background.subtleSuccess.pressed': "--ds-background-subtleSuccess-pressed";
802
- readonly 'color.background.subtleWarning.resting': "--ds-background-subtleWarning-resting";
803
- readonly 'color.background.subtleWarning.hover': "--ds-background-subtleWarning-hover";
804
- readonly 'color.background.subtleWarning.pressed': "--ds-background-subtleWarning-pressed";
805
- readonly 'color.background.sunken': "--ds-background-sunken";
806
- readonly 'color.background.transparentNeutral.hover': "--ds-background-transparentNeutral-hover";
807
- readonly 'color.background.transparentNeutral.pressed': "--ds-background-transparentNeutral-pressed";
808
810
  readonly 'color.blanket': "--ds-blanket";
809
811
  readonly 'color.blanket.selected': "--ds-blanket-selected";
810
812
  readonly 'color.blanket.danger': "--ds-blanket-danger";
811
- readonly 'color.chart.brand': "--ds-chart-brand";
812
- readonly 'color.chart.brand.hovered': "--ds-chart-brand-hovered";
813
- readonly 'color.chart.neutral': "--ds-chart-neutral";
814
- readonly 'color.chart.neutral.hovered': "--ds-chart-neutral-hovered";
815
- readonly 'color.chart.success': "--ds-chart-success";
816
- readonly 'color.chart.success.hovered': "--ds-chart-success-hovered";
817
- readonly 'color.chart.success.bold': "--ds-chart-success-bold";
818
- readonly 'color.chart.success.bold.hovered': "--ds-chart-success-bold-hovered";
819
- readonly 'color.chart.danger': "--ds-chart-danger";
820
- readonly 'color.chart.danger.hovered': "--ds-chart-danger-hovered";
821
- readonly 'color.chart.danger.bold': "--ds-chart-danger-bold";
822
- readonly 'color.chart.danger.bold.hovered': "--ds-chart-danger-bold-hovered";
823
- readonly 'color.chart.warning': "--ds-chart-warning";
824
- readonly 'color.chart.warning.hovered': "--ds-chart-warning-hovered";
825
- readonly 'color.chart.warning.bold': "--ds-chart-warning-bold";
826
- readonly 'color.chart.warning.bold.hovered': "--ds-chart-warning-bold-hovered";
827
- readonly 'color.chart.information': "--ds-chart-information";
828
- readonly 'color.chart.information.hovered': "--ds-chart-information-hovered";
829
- readonly 'color.chart.information.bold': "--ds-chart-information-bold";
830
- readonly 'color.chart.information.bold.hovered': "--ds-chart-information-bold-hovered";
831
- readonly 'color.chart.discovery': "--ds-chart-discovery";
832
- readonly 'color.chart.discovery.hovered': "--ds-chart-discovery-hovered";
833
- readonly 'color.chart.discovery.bold': "--ds-chart-discovery-bold";
834
- readonly 'color.chart.discovery.bold.hovered': "--ds-chart-discovery-bold-hovered";
813
+ readonly 'color.interaction.hovered': "--ds-interaction-hovered";
814
+ readonly 'color.interaction.inverse.hovered': "--ds-interaction-inverse-hovered";
815
+ readonly 'color.interaction.inverse.pressed': "--ds-interaction-inverse-pressed";
816
+ readonly 'color.interaction.pressed': "--ds-interaction-pressed";
817
+ readonly 'color.skeleton': "--ds-skeleton";
818
+ readonly 'color.skeleton.subtle': "--ds-skeleton-subtle";
835
819
  readonly 'color.chart.categorical.1': "--ds-chart-categorical-1";
836
820
  readonly 'color.chart.categorical.1.hovered': "--ds-chart-categorical-1-hovered";
837
821
  readonly 'color.chart.categorical.2': "--ds-chart-categorical-2";
@@ -848,12 +832,8 @@ const tokens: {
848
832
  readonly 'color.chart.categorical.7.hovered': "--ds-chart-categorical-7-hovered";
849
833
  readonly 'color.chart.categorical.8': "--ds-chart-categorical-8";
850
834
  readonly 'color.chart.categorical.8.hovered': "--ds-chart-categorical-8-hovered";
851
- readonly 'color.chart.blue.bold': "--ds-chart-blue-bold";
852
- readonly 'color.chart.blue.bold.hovered': "--ds-chart-blue-bold-hovered";
853
- readonly 'color.chart.blue.bolder': "--ds-chart-blue-bolder";
854
- readonly 'color.chart.blue.bolder.hovered': "--ds-chart-blue-bolder-hovered";
855
- readonly 'color.chart.blue.boldest': "--ds-chart-blue-boldest";
856
- readonly 'color.chart.blue.boldest.hovered': "--ds-chart-blue-boldest-hovered";
835
+ readonly 'color.chart.neutral': "--ds-chart-neutral";
836
+ readonly 'color.chart.neutral.hovered': "--ds-chart-neutral-hovered";
857
837
  readonly 'color.chart.red.bold': "--ds-chart-red-bold";
858
838
  readonly 'color.chart.red.bold.hovered': "--ds-chart-red-bold-hovered";
859
839
  readonly 'color.chart.red.bolder': "--ds-chart-red-bolder";
@@ -884,6 +864,12 @@ const tokens: {
884
864
  readonly 'color.chart.teal.bolder.hovered': "--ds-chart-teal-bolder-hovered";
885
865
  readonly 'color.chart.teal.boldest': "--ds-chart-teal-boldest";
886
866
  readonly 'color.chart.teal.boldest.hovered': "--ds-chart-teal-boldest-hovered";
867
+ readonly 'color.chart.blue.bold': "--ds-chart-blue-bold";
868
+ readonly 'color.chart.blue.bold.hovered': "--ds-chart-blue-bold-hovered";
869
+ readonly 'color.chart.blue.bolder': "--ds-chart-blue-bolder";
870
+ readonly 'color.chart.blue.bolder.hovered': "--ds-chart-blue-bolder-hovered";
871
+ readonly 'color.chart.blue.boldest': "--ds-chart-blue-boldest";
872
+ readonly 'color.chart.blue.boldest.hovered': "--ds-chart-blue-boldest-hovered";
887
873
  readonly 'color.chart.purple.bold': "--ds-chart-purple-bold";
888
874
  readonly 'color.chart.purple.bold.hovered': "--ds-chart-purple-bold-hovered";
889
875
  readonly 'color.chart.purple.bolder': "--ds-chart-purple-bolder";
@@ -902,14 +888,28 @@ const tokens: {
902
888
  readonly 'color.chart.gray.bolder.hovered': "--ds-chart-gray-bolder-hovered";
903
889
  readonly 'color.chart.gray.boldest': "--ds-chart-gray-boldest";
904
890
  readonly 'color.chart.gray.boldest.hovered': "--ds-chart-gray-boldest-hovered";
905
- readonly 'color.interaction.hovered': "--ds-interaction-hovered";
906
- readonly 'color.interaction.pressed': "--ds-interaction-pressed";
907
- readonly 'color.interaction.inverse.hovered': "--ds-interaction-inverse-hovered";
908
- readonly 'color.interaction.inverse.pressed': "--ds-interaction-inverse-pressed";
909
- readonly 'color.skeleton': "--ds-skeleton";
910
- readonly 'color.skeleton.subtle': "--ds-skeleton-subtle";
911
- readonly 'color.link': "--ds-link";
912
- readonly 'color.link.pressed': "--ds-link-pressed";
891
+ readonly 'color.chart.brand': "--ds-chart-brand";
892
+ readonly 'color.chart.brand.hovered': "--ds-chart-brand-hovered";
893
+ readonly 'color.chart.danger': "--ds-chart-danger";
894
+ readonly 'color.chart.danger.hovered': "--ds-chart-danger-hovered";
895
+ readonly 'color.chart.danger.bold': "--ds-chart-danger-bold";
896
+ readonly 'color.chart.danger.bold.hovered': "--ds-chart-danger-bold-hovered";
897
+ readonly 'color.chart.warning': "--ds-chart-warning";
898
+ readonly 'color.chart.warning.hovered': "--ds-chart-warning-hovered";
899
+ readonly 'color.chart.warning.bold': "--ds-chart-warning-bold";
900
+ readonly 'color.chart.warning.bold.hovered': "--ds-chart-warning-bold-hovered";
901
+ readonly 'color.chart.success': "--ds-chart-success";
902
+ readonly 'color.chart.success.hovered': "--ds-chart-success-hovered";
903
+ readonly 'color.chart.success.bold': "--ds-chart-success-bold";
904
+ readonly 'color.chart.success.bold.hovered': "--ds-chart-success-bold-hovered";
905
+ readonly 'color.chart.discovery': "--ds-chart-discovery";
906
+ readonly 'color.chart.discovery.hovered': "--ds-chart-discovery-hovered";
907
+ readonly 'color.chart.discovery.bold': "--ds-chart-discovery-bold";
908
+ readonly 'color.chart.discovery.bold.hovered': "--ds-chart-discovery-bold-hovered";
909
+ readonly 'color.chart.information': "--ds-chart-information";
910
+ readonly 'color.chart.information.hovered': "--ds-chart-information-hovered";
911
+ readonly 'color.chart.information.bold': "--ds-chart-information-bold";
912
+ readonly 'color.chart.information.bold.hovered': "--ds-chart-information-bold-hovered";
913
913
  readonly 'color.accent.boldBlue': "--ds-accent-boldBlue";
914
914
  readonly 'color.accent.boldGreen': "--ds-accent-boldGreen";
915
915
  readonly 'color.accent.boldOrange': "--ds-accent-boldOrange";
@@ -930,42 +930,31 @@ const tokens: {
930
930
  readonly 'color.iconBorder.discovery': "--ds-iconBorder-discovery";
931
931
  readonly 'color.overlay.hover': "--ds-overlay-hover";
932
932
  readonly 'color.overlay.pressed': "--ds-overlay-pressed";
933
- readonly 'shadow.card': "--ds-card";
934
- readonly 'shadow.overlay': "--ds-overlay";
935
- readonly 'elevation.shadow.raised': "--ds-shadow-raised";
936
- readonly 'elevation.shadow.overflow': "--ds-shadow-overflow";
937
- readonly 'elevation.shadow.overflow.spread': "--ds-shadow-overflow-spread";
938
- readonly 'elevation.shadow.overflow.perimeter': "--ds-shadow-overflow-perimeter";
939
- readonly 'elevation.shadow.overlay': "--ds-shadow-overlay";
940
933
  readonly 'elevation.surface': "--ds-surface";
941
934
  readonly 'elevation.surface.hovered': "--ds-surface-hovered";
942
935
  readonly 'elevation.surface.pressed': "--ds-surface-pressed";
943
- readonly 'elevation.surface.sunken': "--ds-surface-sunken";
944
- readonly 'elevation.surface.raised': "--ds-surface-raised";
945
- readonly 'elevation.surface.raised.hovered': "--ds-surface-raised-hovered";
946
- readonly 'elevation.surface.raised.pressed': "--ds-surface-raised-pressed";
947
936
  readonly 'elevation.surface.overlay': "--ds-surface-overlay";
948
937
  readonly 'elevation.surface.overlay.hovered': "--ds-surface-overlay-hovered";
949
938
  readonly 'elevation.surface.overlay.pressed': "--ds-surface-overlay-pressed";
939
+ readonly 'elevation.surface.raised': "--ds-surface-raised";
940
+ readonly 'elevation.surface.raised.hovered': "--ds-surface-raised-hovered";
941
+ readonly 'elevation.surface.raised.pressed': "--ds-surface-raised-pressed";
942
+ readonly 'elevation.surface.sunken': "--ds-surface-sunken";
943
+ readonly 'elevation.shadow.overflow': "--ds-shadow-overflow";
944
+ readonly 'elevation.shadow.overflow.perimeter': "--ds-shadow-overflow-perimeter";
945
+ readonly 'elevation.shadow.overflow.spread': "--ds-shadow-overflow-spread";
946
+ readonly 'elevation.shadow.overlay': "--ds-shadow-overlay";
947
+ readonly 'elevation.shadow.raised': "--ds-shadow-raised";
950
948
  readonly 'opacity.disabled': "--ds-opacity-disabled";
951
949
  readonly 'opacity.loading': "--ds-opacity-loading";
952
- readonly 'utility.UNSAFE_util.transparent': "--ds-UNSAFE_util-transparent";
950
+ readonly 'shadow.card': "--ds-card";
951
+ readonly 'shadow.overlay': "--ds-overlay";
953
952
  readonly 'utility.UNSAFE_util.MISSING_TOKEN': "--ds-UNSAFE_util-MISSING_TOKEN";
954
- readonly 'space.0': "--ds-space-0";
955
- readonly 'space.100': "--ds-space-100";
956
- readonly 'space.150': "--ds-space-150";
957
- readonly 'space.200': "--ds-space-200";
958
- readonly 'space.250': "--ds-space-250";
959
- readonly 'space.300': "--ds-space-300";
960
- readonly 'space.400': "--ds-space-400";
961
- readonly 'space.500': "--ds-space-500";
962
- readonly 'space.600': "--ds-space-600";
963
- readonly 'space.800': "--ds-space-800";
964
- readonly 'space.1000': "--ds-space-1000";
965
- readonly 'space.025': "--ds-space-025";
966
- readonly 'space.050': "--ds-space-050";
967
- readonly 'space.075': "--ds-space-075";
953
+ readonly 'utility.UNSAFE_util.transparent': "--ds-UNSAFE_util-transparent";
968
954
  readonly 'spacing.scale.0': "--ds-scale-0";
955
+ readonly 'spacing.scale.025': "--ds-scale-025";
956
+ readonly 'spacing.scale.050': "--ds-scale-050";
957
+ readonly 'spacing.scale.075': "--ds-scale-075";
969
958
  readonly 'spacing.scale.100': "--ds-scale-100";
970
959
  readonly 'spacing.scale.150': "--ds-scale-150";
971
960
  readonly 'spacing.scale.200': "--ds-scale-200";
@@ -976,9 +965,6 @@ const tokens: {
976
965
  readonly 'spacing.scale.600': "--ds-scale-600";
977
966
  readonly 'spacing.scale.800': "--ds-scale-800";
978
967
  readonly 'spacing.scale.1000': "--ds-scale-1000";
979
- readonly 'spacing.scale.025': "--ds-scale-025";
980
- readonly 'spacing.scale.050': "--ds-scale-050";
981
- readonly 'spacing.scale.075': "--ds-scale-075";
982
968
  readonly 'spacing.scaleLinear.0': "--ds-scaleLinear-0";
983
969
  readonly 'spacing.scaleLinear.100': "--ds-scaleLinear-100";
984
970
  readonly 'spacing.scaleLinear.200': "--ds-scaleLinear-200";
@@ -1003,14 +989,20 @@ const tokens: {
1003
989
  readonly 'spacing.size.xxlarge': "--ds-size-xxlarge";
1004
990
  readonly 'spacing.size.xxxlarge': "--ds-size-xxxlarge";
1005
991
  readonly 'spacing.size.xxxxlarge': "--ds-size-xxxxlarge";
1006
- readonly 'spacing.ecl.element.2': "--ds-ecl-element-2";
1007
- readonly 'spacing.ecl.element.4': "--ds-ecl-element-4";
1008
- readonly 'spacing.ecl.element.6': "--ds-ecl-element-6";
1009
- readonly 'spacing.ecl.element.8': "--ds-ecl-element-8";
992
+ readonly 'spacing.gap.100': "--ds-gap-100";
993
+ readonly 'spacing.gap.200': "--ds-gap-200";
994
+ readonly 'spacing.gap.300': "--ds-gap-300";
995
+ readonly 'spacing.inset.100': "--ds-inset-100";
996
+ readonly 'spacing.inset.200': "--ds-inset-200";
997
+ readonly 'spacing.inset.300': "--ds-inset-300";
1010
998
  readonly 'spacing.ecl.container.12': "--ds-ecl-container-12";
1011
999
  readonly 'spacing.ecl.container.16': "--ds-ecl-container-16";
1012
1000
  readonly 'spacing.ecl.container.20': "--ds-ecl-container-20";
1013
1001
  readonly 'spacing.ecl.container.24': "--ds-ecl-container-24";
1002
+ readonly 'spacing.ecl.element.2': "--ds-ecl-element-2";
1003
+ readonly 'spacing.ecl.element.4': "--ds-ecl-element-4";
1004
+ readonly 'spacing.ecl.element.6': "--ds-ecl-element-6";
1005
+ readonly 'spacing.ecl.element.8': "--ds-ecl-element-8";
1014
1006
  readonly 'spacing.ecl.layout.32': "--ds-ecl-layout-32";
1015
1007
  readonly 'spacing.ecl.layout.40': "--ds-ecl-layout-40";
1016
1008
  readonly 'spacing.ecl.layout.64': "--ds-ecl-layout-64";
@@ -1018,33 +1010,41 @@ const tokens: {
1018
1010
  readonly 'spacing.ccc.component.4': "--ds-ccc-component-4";
1019
1011
  readonly 'spacing.ccc.component.6': "--ds-ccc-component-6";
1020
1012
  readonly 'spacing.ccc.component.8': "--ds-ccc-component-8";
1013
+ readonly 'spacing.ccc.container.32': "--ds-ccc-container-32";
1014
+ readonly 'spacing.ccc.container.40': "--ds-ccc-container-40";
1015
+ readonly 'spacing.ccc.container.48': "--ds-ccc-container-48";
1021
1016
  readonly 'spacing.ccc.content.12': "--ds-ccc-content-12";
1022
1017
  readonly 'spacing.ccc.content.16': "--ds-ccc-content-16";
1023
1018
  readonly 'spacing.ccc.content.20': "--ds-ccc-content-20";
1024
1019
  readonly 'spacing.ccc.content.24': "--ds-ccc-content-24";
1025
- readonly 'spacing.ccc.container.32': "--ds-ccc-container-32";
1026
- readonly 'spacing.ccc.container.40': "--ds-ccc-container-40";
1027
- readonly 'spacing.ccc.container.48': "--ds-ccc-container-48";
1028
- readonly 'spacing.gap.100': "--ds-gap-100";
1029
- readonly 'spacing.gap.200': "--ds-gap-200";
1030
- readonly 'spacing.gap.300': "--ds-gap-300";
1031
- readonly 'spacing.inset.100': "--ds-inset-100";
1032
- readonly 'spacing.inset.200': "--ds-inset-200";
1033
- readonly 'spacing.inset.300': "--ds-inset-300";
1034
- readonly 'font.family.sans': "--ds-font-family-sans";
1020
+ readonly 'space.0': "--ds-space-0";
1021
+ readonly 'space.025': "--ds-space-025";
1022
+ readonly 'space.050': "--ds-space-050";
1023
+ readonly 'space.075': "--ds-space-075";
1024
+ readonly 'space.100': "--ds-space-100";
1025
+ readonly 'space.150': "--ds-space-150";
1026
+ readonly 'space.200': "--ds-space-200";
1027
+ readonly 'space.250': "--ds-space-250";
1028
+ readonly 'space.300': "--ds-space-300";
1029
+ readonly 'space.400': "--ds-space-400";
1030
+ readonly 'space.500': "--ds-space-500";
1031
+ readonly 'space.600': "--ds-space-600";
1032
+ readonly 'space.800': "--ds-space-800";
1033
+ readonly 'space.1000': "--ds-space-1000";
1035
1034
  readonly 'font.family.monospace': "--ds-font-family-monospace";
1035
+ readonly 'font.family.sans': "--ds-font-family-sans";
1036
+ readonly 'font.size.050': "--ds-font-size-050";
1037
+ readonly 'font.size.075': "--ds-font-size-075";
1036
1038
  readonly 'font.size.100': "--ds-font-size-100";
1037
1039
  readonly 'font.size.200': "--ds-font-size-200";
1038
1040
  readonly 'font.size.300': "--ds-font-size-300";
1039
1041
  readonly 'font.size.400': "--ds-font-size-400";
1040
1042
  readonly 'font.size.500': "--ds-font-size-500";
1041
1043
  readonly 'font.size.600': "--ds-font-size-600";
1042
- readonly 'font.size.050': "--ds-font-size-050";
1043
- readonly 'font.size.075': "--ds-font-size-075";
1044
- readonly 'font.weight.regular': "--ds-font-weight-regular";
1044
+ readonly 'font.weight.bold': "--ds-font-weight-bold";
1045
1045
  readonly 'font.weight.medium': "--ds-font-weight-medium";
1046
+ readonly 'font.weight.regular': "--ds-font-weight-regular";
1046
1047
  readonly 'font.weight.semibold': "--ds-font-weight-semibold";
1047
- readonly 'font.weight.bold': "--ds-font-weight-bold";
1048
1048
  readonly 'font.lineHeight.100': "--ds-font-lineHeight-100";
1049
1049
  readonly 'font.lineHeight.200': "--ds-font-lineHeight-200";
1050
1050
  readonly 'font.lineHeight.300': "--ds-font-lineHeight-300";