@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
@@ -1,11 +1,10 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::da0a371535fe8d9484ef4d1f97070077>>
3
+ * @codegen <<SignedSource::aa52bcdd2d60c876616cf469dedf12c2>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  const tokens = {
7
- 'color.text.accent.blue': '--ds-text-accent-blue',
8
- 'color.text.accent.blue.bolder': '--ds-text-accent-blue-bolder',
7
+ 'color.text': '--ds-text',
9
8
  'color.text.accent.red': '--ds-text-accent-red',
10
9
  'color.text.accent.red.bolder': '--ds-text-accent-red-bolder',
11
10
  'color.text.accent.orange': '--ds-text-accent-orange',
@@ -14,139 +13,163 @@ const tokens = {
14
13
  'color.text.accent.yellow.bolder': '--ds-text-accent-yellow-bolder',
15
14
  'color.text.accent.green': '--ds-text-accent-green',
16
15
  'color.text.accent.green.bolder': '--ds-text-accent-green-bolder',
17
- 'color.text.accent.purple': '--ds-text-accent-purple',
18
- 'color.text.accent.purple.bolder': '--ds-text-accent-purple-bolder',
19
16
  'color.text.accent.teal': '--ds-text-accent-teal',
20
17
  'color.text.accent.teal.bolder': '--ds-text-accent-teal-bolder',
18
+ 'color.text.accent.blue': '--ds-text-accent-blue',
19
+ 'color.text.accent.blue.bolder': '--ds-text-accent-blue-bolder',
20
+ 'color.text.accent.purple': '--ds-text-accent-purple',
21
+ 'color.text.accent.purple.bolder': '--ds-text-accent-purple-bolder',
21
22
  'color.text.accent.magenta': '--ds-text-accent-magenta',
22
23
  'color.text.accent.magenta.bolder': '--ds-text-accent-magenta-bolder',
23
24
  'color.text.accent.gray': '--ds-text-accent-gray',
24
25
  'color.text.accent.gray.bolder': '--ds-text-accent-gray-bolder',
25
- 'color.text': '--ds-text',
26
- 'color.text.subtle': '--ds-text-subtle',
27
- 'color.text.subtlest': '--ds-text-subtlest',
28
- 'color.text.inverse': '--ds-text-inverse',
29
26
  'color.text.disabled': '--ds-text-disabled',
30
- 'color.text.brand': '--ds-text-brand',
27
+ 'color.text.highEmphasis': '--ds-text-highEmphasis',
28
+ 'color.text.inverse': '--ds-text-inverse',
29
+ 'color.text.link.pressed': '--ds-text-link-pressed',
30
+ 'color.text.link.resting': '--ds-text-link-resting',
31
+ 'color.text.lowEmphasis': '--ds-text-lowEmphasis',
32
+ 'color.text.mediumEmphasis': '--ds-text-mediumEmphasis',
33
+ 'color.text.onBold': '--ds-text-onBold',
34
+ 'color.text.onBoldWarning': '--ds-text-onBoldWarning',
31
35
  'color.text.selected': '--ds-text-selected',
36
+ 'color.text.brand': '--ds-text-brand',
32
37
  'color.text.danger': '--ds-text-danger',
33
38
  'color.text.warning': '--ds-text-warning',
34
39
  'color.text.warning.inverse': '--ds-text-warning-inverse',
35
40
  'color.text.success': '--ds-text-success',
36
- 'color.text.information': '--ds-text-information',
37
41
  'color.text.discovery': '--ds-text-discovery',
38
- 'color.text.highEmphasis': '--ds-text-highEmphasis',
39
- 'color.text.mediumEmphasis': '--ds-text-mediumEmphasis',
40
- 'color.text.lowEmphasis': '--ds-text-lowEmphasis',
41
- 'color.text.link.resting': '--ds-text-link-resting',
42
- 'color.text.link.pressed': '--ds-text-link-pressed',
43
- 'color.text.onBold': '--ds-text-onBold',
44
- 'color.text.onBoldWarning': '--ds-text-onBoldWarning',
45
- 'color.icon.accent.blue': '--ds-icon-accent-blue',
42
+ 'color.text.information': '--ds-text-information',
43
+ 'color.text.subtlest': '--ds-text-subtlest',
44
+ 'color.text.subtle': '--ds-text-subtle',
45
+ 'color.link': '--ds-link',
46
+ 'color.link.pressed': '--ds-link-pressed',
47
+ 'color.icon': '--ds-icon',
46
48
  'color.icon.accent.red': '--ds-icon-accent-red',
47
49
  'color.icon.accent.orange': '--ds-icon-accent-orange',
48
50
  'color.icon.accent.yellow': '--ds-icon-accent-yellow',
49
51
  'color.icon.accent.green': '--ds-icon-accent-green',
50
- 'color.icon.accent.purple': '--ds-icon-accent-purple',
51
52
  'color.icon.accent.teal': '--ds-icon-accent-teal',
53
+ 'color.icon.accent.blue': '--ds-icon-accent-blue',
54
+ 'color.icon.accent.purple': '--ds-icon-accent-purple',
52
55
  'color.icon.accent.magenta': '--ds-icon-accent-magenta',
53
56
  'color.icon.accent.gray': '--ds-icon-accent-gray',
54
- 'color.icon': '--ds-icon',
55
- 'color.icon.subtle': '--ds-icon-subtle',
56
- 'color.icon.inverse': '--ds-icon-inverse',
57
57
  'color.icon.disabled': '--ds-icon-disabled',
58
- 'color.icon.brand': '--ds-icon-brand',
58
+ 'color.icon.inverse': '--ds-icon-inverse',
59
59
  'color.icon.selected': '--ds-icon-selected',
60
+ 'color.icon.brand': '--ds-icon-brand',
60
61
  'color.icon.danger': '--ds-icon-danger',
61
62
  'color.icon.warning': '--ds-icon-warning',
62
63
  'color.icon.warning.inverse': '--ds-icon-warning-inverse',
63
64
  'color.icon.success': '--ds-icon-success',
64
65
  'color.icon.discovery': '--ds-icon-discovery',
65
66
  'color.icon.information': '--ds-icon-information',
66
- 'color.border.accent.blue': '--ds-border-accent-blue',
67
+ 'color.icon.subtle': '--ds-icon-subtle',
68
+ 'color.border': '--ds-border',
67
69
  'color.border.accent.red': '--ds-border-accent-red',
68
70
  'color.border.accent.orange': '--ds-border-accent-orange',
69
71
  'color.border.accent.yellow': '--ds-border-accent-yellow',
70
72
  'color.border.accent.green': '--ds-border-accent-green',
71
- 'color.border.accent.purple': '--ds-border-accent-purple',
72
73
  'color.border.accent.teal': '--ds-border-accent-teal',
74
+ 'color.border.accent.blue': '--ds-border-accent-blue',
75
+ 'color.border.accent.purple': '--ds-border-accent-purple',
73
76
  'color.border.accent.magenta': '--ds-border-accent-magenta',
74
77
  'color.border.accent.gray': '--ds-border-accent-gray',
75
- 'color.border': '--ds-border',
76
- 'color.border.bold': '--ds-border-bold',
77
- 'color.border.inverse': '--ds-border-inverse',
78
+ 'color.border.disabled': '--ds-border-disabled',
79
+ 'color.border.focus': '--ds-border-focus',
78
80
  'color.border.focused': '--ds-border-focused',
79
81
  'color.border.input': '--ds-border-input',
80
- 'color.border.disabled': '--ds-border-disabled',
81
- 'color.border.brand': '--ds-border-brand',
82
+ 'color.border.inverse': '--ds-border-inverse',
83
+ 'color.border.neutral': '--ds-border-neutral',
82
84
  'color.border.selected': '--ds-border-selected',
85
+ 'color.border.brand': '--ds-border-brand',
83
86
  'color.border.danger': '--ds-border-danger',
84
87
  'color.border.warning': '--ds-border-warning',
85
88
  'color.border.success': '--ds-border-success',
86
89
  'color.border.discovery': '--ds-border-discovery',
87
90
  'color.border.information': '--ds-border-information',
88
- 'color.border.focus': '--ds-border-focus',
89
- 'color.border.neutral': '--ds-border-neutral',
90
- 'color.background.accent.blue.subtlest': '--ds-background-accent-blue-subtlest',
91
- 'color.background.accent.blue.subtler': '--ds-background-accent-blue-subtler',
92
- 'color.background.accent.blue.subtle': '--ds-background-accent-blue-subtle',
93
- 'color.background.accent.blue.bolder': '--ds-background-accent-blue-bolder',
94
- 'color.background.accent.blue': '--ds-background-accent-blue',
95
- 'color.background.accent.blue.bold': '--ds-background-accent-blue-bold',
91
+ 'color.border.bold': '--ds-border-bold',
92
+ 'color.background.accent.red': '--ds-background-accent-red',
96
93
  'color.background.accent.red.subtlest': '--ds-background-accent-red-subtlest',
97
94
  'color.background.accent.red.subtler': '--ds-background-accent-red-subtler',
98
95
  'color.background.accent.red.subtle': '--ds-background-accent-red-subtle',
99
- 'color.background.accent.red.bolder': '--ds-background-accent-red-bolder',
100
- 'color.background.accent.red': '--ds-background-accent-red',
101
96
  'color.background.accent.red.bold': '--ds-background-accent-red-bold',
97
+ 'color.background.accent.red.bolder': '--ds-background-accent-red-bolder',
98
+ 'color.background.accent.orange': '--ds-background-accent-orange',
102
99
  'color.background.accent.orange.subtlest': '--ds-background-accent-orange-subtlest',
103
100
  'color.background.accent.orange.subtler': '--ds-background-accent-orange-subtler',
104
101
  'color.background.accent.orange.subtle': '--ds-background-accent-orange-subtle',
105
- 'color.background.accent.orange.bolder': '--ds-background-accent-orange-bolder',
106
- 'color.background.accent.orange': '--ds-background-accent-orange',
107
102
  'color.background.accent.orange.bold': '--ds-background-accent-orange-bold',
103
+ 'color.background.accent.orange.bolder': '--ds-background-accent-orange-bolder',
104
+ 'color.background.accent.yellow': '--ds-background-accent-yellow',
108
105
  'color.background.accent.yellow.subtlest': '--ds-background-accent-yellow-subtlest',
109
106
  'color.background.accent.yellow.subtler': '--ds-background-accent-yellow-subtler',
110
107
  'color.background.accent.yellow.subtle': '--ds-background-accent-yellow-subtle',
111
- 'color.background.accent.yellow.bolder': '--ds-background-accent-yellow-bolder',
112
- 'color.background.accent.yellow': '--ds-background-accent-yellow',
113
108
  'color.background.accent.yellow.bold': '--ds-background-accent-yellow-bold',
109
+ 'color.background.accent.yellow.bolder': '--ds-background-accent-yellow-bolder',
110
+ 'color.background.accent.green': '--ds-background-accent-green',
114
111
  'color.background.accent.green.subtlest': '--ds-background-accent-green-subtlest',
115
112
  'color.background.accent.green.subtler': '--ds-background-accent-green-subtler',
116
113
  'color.background.accent.green.subtle': '--ds-background-accent-green-subtle',
117
- 'color.background.accent.green.bolder': '--ds-background-accent-green-bolder',
118
- 'color.background.accent.green': '--ds-background-accent-green',
119
114
  'color.background.accent.green.bold': '--ds-background-accent-green-bold',
120
- 'color.background.accent.purple.subtlest': '--ds-background-accent-purple-subtlest',
121
- 'color.background.accent.purple.subtler': '--ds-background-accent-purple-subtler',
122
- 'color.background.accent.purple.subtle': '--ds-background-accent-purple-subtle',
123
- 'color.background.accent.purple.bolder': '--ds-background-accent-purple-bolder',
124
- 'color.background.accent.purple': '--ds-background-accent-purple',
125
- 'color.background.accent.purple.bold': '--ds-background-accent-purple-bold',
115
+ 'color.background.accent.green.bolder': '--ds-background-accent-green-bolder',
116
+ 'color.background.accent.teal': '--ds-background-accent-teal',
126
117
  'color.background.accent.teal.subtlest': '--ds-background-accent-teal-subtlest',
127
118
  'color.background.accent.teal.subtler': '--ds-background-accent-teal-subtler',
128
119
  'color.background.accent.teal.subtle': '--ds-background-accent-teal-subtle',
129
- 'color.background.accent.teal.bolder': '--ds-background-accent-teal-bolder',
130
- 'color.background.accent.teal': '--ds-background-accent-teal',
131
120
  'color.background.accent.teal.bold': '--ds-background-accent-teal-bold',
121
+ 'color.background.accent.teal.bolder': '--ds-background-accent-teal-bolder',
122
+ 'color.background.accent.blue': '--ds-background-accent-blue',
123
+ 'color.background.accent.blue.subtlest': '--ds-background-accent-blue-subtlest',
124
+ 'color.background.accent.blue.subtler': '--ds-background-accent-blue-subtler',
125
+ 'color.background.accent.blue.subtle': '--ds-background-accent-blue-subtle',
126
+ 'color.background.accent.blue.bold': '--ds-background-accent-blue-bold',
127
+ 'color.background.accent.blue.bolder': '--ds-background-accent-blue-bolder',
128
+ 'color.background.accent.purple': '--ds-background-accent-purple',
129
+ 'color.background.accent.purple.subtlest': '--ds-background-accent-purple-subtlest',
130
+ 'color.background.accent.purple.subtler': '--ds-background-accent-purple-subtler',
131
+ 'color.background.accent.purple.subtle': '--ds-background-accent-purple-subtle',
132
+ 'color.background.accent.purple.bold': '--ds-background-accent-purple-bold',
133
+ 'color.background.accent.purple.bolder': '--ds-background-accent-purple-bolder',
134
+ 'color.background.accent.magenta': '--ds-background-accent-magenta',
132
135
  'color.background.accent.magenta.subtlest': '--ds-background-accent-magenta-subtlest',
133
136
  'color.background.accent.magenta.subtler': '--ds-background-accent-magenta-subtler',
134
137
  'color.background.accent.magenta.subtle': '--ds-background-accent-magenta-subtle',
135
- 'color.background.accent.magenta.bolder': '--ds-background-accent-magenta-bolder',
136
- 'color.background.accent.magenta': '--ds-background-accent-magenta',
137
138
  'color.background.accent.magenta.bold': '--ds-background-accent-magenta-bold',
139
+ 'color.background.accent.magenta.bolder': '--ds-background-accent-magenta-bolder',
138
140
  'color.background.accent.gray.subtlest': '--ds-background-accent-gray-subtlest',
139
141
  'color.background.accent.gray.subtler': '--ds-background-accent-gray-subtler',
140
142
  'color.background.accent.gray.subtle': '--ds-background-accent-gray-subtle',
141
143
  'color.background.accent.gray.bolder': '--ds-background-accent-gray-bolder',
144
+ 'color.background.blanket': '--ds-background-blanket',
145
+ 'color.background.boldBrand.hover': '--ds-background-boldBrand-hover',
146
+ 'color.background.boldBrand.pressed': '--ds-background-boldBrand-pressed',
147
+ 'color.background.boldBrand.resting': '--ds-background-boldBrand-resting',
148
+ 'color.background.boldDanger.hover': '--ds-background-boldDanger-hover',
149
+ 'color.background.boldDanger.pressed': '--ds-background-boldDanger-pressed',
150
+ 'color.background.boldDanger.resting': '--ds-background-boldDanger-resting',
151
+ 'color.background.boldDiscovery.hover': '--ds-background-boldDiscovery-hover',
152
+ 'color.background.boldDiscovery.pressed': '--ds-background-boldDiscovery-pressed',
153
+ 'color.background.boldDiscovery.resting': '--ds-background-boldDiscovery-resting',
154
+ 'color.background.boldNeutral.hover': '--ds-background-boldNeutral-hover',
155
+ 'color.background.boldNeutral.pressed': '--ds-background-boldNeutral-pressed',
156
+ 'color.background.boldNeutral.resting': '--ds-background-boldNeutral-resting',
157
+ 'color.background.boldSuccess.hover': '--ds-background-boldSuccess-hover',
158
+ 'color.background.boldSuccess.pressed': '--ds-background-boldSuccess-pressed',
159
+ 'color.background.boldSuccess.resting': '--ds-background-boldSuccess-resting',
160
+ 'color.background.boldWarning.hover': '--ds-background-boldWarning-hover',
161
+ 'color.background.boldWarning.pressed': '--ds-background-boldWarning-pressed',
162
+ 'color.background.boldWarning.resting': '--ds-background-boldWarning-resting',
163
+ 'color.background.card': '--ds-background-card',
164
+ 'color.background.default': '--ds-background-default',
142
165
  'color.background.disabled': '--ds-background-disabled',
143
- 'color.background.inverse.subtle': '--ds-background-inverse-subtle',
144
- 'color.background.inverse.subtle.hovered': '--ds-background-inverse-subtle-hovered',
145
- 'color.background.inverse.subtle.pressed': '--ds-background-inverse-subtle-pressed',
146
- 'color.background.inverse': '--ds-background-inverse',
147
166
  'color.background.input': '--ds-background-input',
148
167
  'color.background.input.hovered': '--ds-background-input-hovered',
149
168
  'color.background.input.pressed': '--ds-background-input-pressed',
169
+ 'color.background.inverse': '--ds-background-inverse',
170
+ 'color.background.inverse.subtle': '--ds-background-inverse-subtle',
171
+ 'color.background.inverse.subtle.hovered': '--ds-background-inverse-subtle-hovered',
172
+ 'color.background.inverse.subtle.pressed': '--ds-background-inverse-subtle-pressed',
150
173
  'color.background.neutral': '--ds-background-neutral',
151
174
  'color.background.neutral.hovered': '--ds-background-neutral-hovered',
152
175
  'color.background.neutral.pressed': '--ds-background-neutral-pressed',
@@ -156,20 +179,44 @@ const tokens = {
156
179
  'color.background.neutral.bold': '--ds-background-neutral-bold',
157
180
  'color.background.neutral.bold.hovered': '--ds-background-neutral-bold-hovered',
158
181
  'color.background.neutral.bold.pressed': '--ds-background-neutral-bold-pressed',
159
- 'color.background.brand.bold': '--ds-background-brand-bold',
160
- 'color.background.brand.bold.hovered': '--ds-background-brand-bold-hovered',
161
- 'color.background.brand.bold.pressed': '--ds-background-brand-bold-pressed',
162
- 'color.background.brand': '--ds-background-brand',
163
- 'color.background.brand.hovered': '--ds-background-brand-hovered',
164
- 'color.background.brand.pressed': '--ds-background-brand-pressed',
182
+ 'color.background.overlay': '--ds-background-overlay',
165
183
  'color.background.selected': '--ds-background-selected',
166
184
  'color.background.selected.hovered': '--ds-background-selected-hovered',
167
185
  'color.background.selected.pressed': '--ds-background-selected-pressed',
186
+ 'color.background.selected.hover': '--ds-background-selected-hover',
187
+ 'color.background.selected.resting': '--ds-background-selected-resting',
168
188
  'color.background.selected.bold': '--ds-background-selected-bold',
169
189
  'color.background.selected.bold.hovered': '--ds-background-selected-bold-hovered',
170
190
  'color.background.selected.bold.pressed': '--ds-background-selected-bold-pressed',
171
- 'color.background.selected.resting': '--ds-background-selected-resting',
172
- 'color.background.selected.hover': '--ds-background-selected-hover',
191
+ 'color.background.subtleBorderedNeutral.pressed': '--ds-background-subtleBorderedNeutral-pressed',
192
+ 'color.background.subtleBorderedNeutral.resting': '--ds-background-subtleBorderedNeutral-resting',
193
+ 'color.background.subtleBrand.hover': '--ds-background-subtleBrand-hover',
194
+ 'color.background.subtleBrand.pressed': '--ds-background-subtleBrand-pressed',
195
+ 'color.background.subtleBrand.resting': '--ds-background-subtleBrand-resting',
196
+ 'color.background.subtleDanger.hover': '--ds-background-subtleDanger-hover',
197
+ 'color.background.subtleDanger.pressed': '--ds-background-subtleDanger-pressed',
198
+ 'color.background.subtleDanger.resting': '--ds-background-subtleDanger-resting',
199
+ 'color.background.subtleDiscovery.hover': '--ds-background-subtleDiscovery-hover',
200
+ 'color.background.subtleDiscovery.pressed': '--ds-background-subtleDiscovery-pressed',
201
+ 'color.background.subtleDiscovery.resting': '--ds-background-subtleDiscovery-resting',
202
+ 'color.background.subtleNeutral.hover': '--ds-background-subtleNeutral-hover',
203
+ 'color.background.subtleNeutral.pressed': '--ds-background-subtleNeutral-pressed',
204
+ 'color.background.subtleNeutral.resting': '--ds-background-subtleNeutral-resting',
205
+ 'color.background.subtleSuccess.hover': '--ds-background-subtleSuccess-hover',
206
+ 'color.background.subtleSuccess.pressed': '--ds-background-subtleSuccess-pressed',
207
+ 'color.background.subtleSuccess.resting': '--ds-background-subtleSuccess-resting',
208
+ 'color.background.subtleWarning.hover': '--ds-background-subtleWarning-hover',
209
+ 'color.background.subtleWarning.pressed': '--ds-background-subtleWarning-pressed',
210
+ 'color.background.subtleWarning.resting': '--ds-background-subtleWarning-resting',
211
+ 'color.background.sunken': '--ds-background-sunken',
212
+ 'color.background.transparentNeutral.hover': '--ds-background-transparentNeutral-hover',
213
+ 'color.background.transparentNeutral.pressed': '--ds-background-transparentNeutral-pressed',
214
+ 'color.background.brand': '--ds-background-brand',
215
+ 'color.background.brand.hovered': '--ds-background-brand-hovered',
216
+ 'color.background.brand.pressed': '--ds-background-brand-pressed',
217
+ 'color.background.brand.bold': '--ds-background-brand-bold',
218
+ 'color.background.brand.bold.hovered': '--ds-background-brand-bold-hovered',
219
+ 'color.background.brand.bold.pressed': '--ds-background-brand-bold-pressed',
173
220
  'color.background.danger': '--ds-background-danger',
174
221
  'color.background.danger.hovered': '--ds-background-danger-hovered',
175
222
  'color.background.danger.pressed': '--ds-background-danger-pressed',
@@ -200,78 +247,15 @@ const tokens = {
200
247
  'color.background.information.bold': '--ds-background-information-bold',
201
248
  'color.background.information.bold.hovered': '--ds-background-information-bold-hovered',
202
249
  'color.background.information.bold.pressed': '--ds-background-information-bold-pressed',
203
- 'color.background.blanket': '--ds-background-blanket',
204
- 'color.background.boldBrand.resting': '--ds-background-boldBrand-resting',
205
- 'color.background.boldBrand.hover': '--ds-background-boldBrand-hover',
206
- 'color.background.boldBrand.pressed': '--ds-background-boldBrand-pressed',
207
- 'color.background.boldDanger.resting': '--ds-background-boldDanger-resting',
208
- 'color.background.boldDanger.hover': '--ds-background-boldDanger-hover',
209
- 'color.background.boldDanger.pressed': '--ds-background-boldDanger-pressed',
210
- 'color.background.boldDiscovery.resting': '--ds-background-boldDiscovery-resting',
211
- 'color.background.boldDiscovery.hover': '--ds-background-boldDiscovery-hover',
212
- 'color.background.boldDiscovery.pressed': '--ds-background-boldDiscovery-pressed',
213
- 'color.background.boldNeutral.resting': '--ds-background-boldNeutral-resting',
214
- 'color.background.boldNeutral.hover': '--ds-background-boldNeutral-hover',
215
- 'color.background.boldNeutral.pressed': '--ds-background-boldNeutral-pressed',
216
- 'color.background.boldSuccess.resting': '--ds-background-boldSuccess-resting',
217
- 'color.background.boldSuccess.hover': '--ds-background-boldSuccess-hover',
218
- 'color.background.boldSuccess.pressed': '--ds-background-boldSuccess-pressed',
219
- 'color.background.boldWarning.resting': '--ds-background-boldWarning-resting',
220
- 'color.background.boldWarning.hover': '--ds-background-boldWarning-hover',
221
- 'color.background.boldWarning.pressed': '--ds-background-boldWarning-pressed',
222
- 'color.background.default': '--ds-background-default',
223
- 'color.background.card': '--ds-background-card',
224
- 'color.background.overlay': '--ds-background-overlay',
225
- 'color.background.subtleBorderedNeutral.resting': '--ds-background-subtleBorderedNeutral-resting',
226
- 'color.background.subtleBorderedNeutral.pressed': '--ds-background-subtleBorderedNeutral-pressed',
227
- 'color.background.subtleBrand.resting': '--ds-background-subtleBrand-resting',
228
- 'color.background.subtleBrand.hover': '--ds-background-subtleBrand-hover',
229
- 'color.background.subtleBrand.pressed': '--ds-background-subtleBrand-pressed',
230
- 'color.background.subtleDanger.resting': '--ds-background-subtleDanger-resting',
231
- 'color.background.subtleDanger.hover': '--ds-background-subtleDanger-hover',
232
- 'color.background.subtleDanger.pressed': '--ds-background-subtleDanger-pressed',
233
- 'color.background.subtleDiscovery.resting': '--ds-background-subtleDiscovery-resting',
234
- 'color.background.subtleDiscovery.hover': '--ds-background-subtleDiscovery-hover',
235
- 'color.background.subtleDiscovery.pressed': '--ds-background-subtleDiscovery-pressed',
236
- 'color.background.subtleNeutral.resting': '--ds-background-subtleNeutral-resting',
237
- 'color.background.subtleNeutral.hover': '--ds-background-subtleNeutral-hover',
238
- 'color.background.subtleNeutral.pressed': '--ds-background-subtleNeutral-pressed',
239
- 'color.background.subtleSuccess.resting': '--ds-background-subtleSuccess-resting',
240
- 'color.background.subtleSuccess.hover': '--ds-background-subtleSuccess-hover',
241
- 'color.background.subtleSuccess.pressed': '--ds-background-subtleSuccess-pressed',
242
- 'color.background.subtleWarning.resting': '--ds-background-subtleWarning-resting',
243
- 'color.background.subtleWarning.hover': '--ds-background-subtleWarning-hover',
244
- 'color.background.subtleWarning.pressed': '--ds-background-subtleWarning-pressed',
245
- 'color.background.sunken': '--ds-background-sunken',
246
- 'color.background.transparentNeutral.hover': '--ds-background-transparentNeutral-hover',
247
- 'color.background.transparentNeutral.pressed': '--ds-background-transparentNeutral-pressed',
248
250
  'color.blanket': '--ds-blanket',
249
251
  'color.blanket.selected': '--ds-blanket-selected',
250
252
  'color.blanket.danger': '--ds-blanket-danger',
251
- 'color.chart.brand': '--ds-chart-brand',
252
- 'color.chart.brand.hovered': '--ds-chart-brand-hovered',
253
- 'color.chart.neutral': '--ds-chart-neutral',
254
- 'color.chart.neutral.hovered': '--ds-chart-neutral-hovered',
255
- 'color.chart.success': '--ds-chart-success',
256
- 'color.chart.success.hovered': '--ds-chart-success-hovered',
257
- 'color.chart.success.bold': '--ds-chart-success-bold',
258
- 'color.chart.success.bold.hovered': '--ds-chart-success-bold-hovered',
259
- 'color.chart.danger': '--ds-chart-danger',
260
- 'color.chart.danger.hovered': '--ds-chart-danger-hovered',
261
- 'color.chart.danger.bold': '--ds-chart-danger-bold',
262
- 'color.chart.danger.bold.hovered': '--ds-chart-danger-bold-hovered',
263
- 'color.chart.warning': '--ds-chart-warning',
264
- 'color.chart.warning.hovered': '--ds-chart-warning-hovered',
265
- 'color.chart.warning.bold': '--ds-chart-warning-bold',
266
- 'color.chart.warning.bold.hovered': '--ds-chart-warning-bold-hovered',
267
- 'color.chart.information': '--ds-chart-information',
268
- 'color.chart.information.hovered': '--ds-chart-information-hovered',
269
- 'color.chart.information.bold': '--ds-chart-information-bold',
270
- 'color.chart.information.bold.hovered': '--ds-chart-information-bold-hovered',
271
- 'color.chart.discovery': '--ds-chart-discovery',
272
- 'color.chart.discovery.hovered': '--ds-chart-discovery-hovered',
273
- 'color.chart.discovery.bold': '--ds-chart-discovery-bold',
274
- 'color.chart.discovery.bold.hovered': '--ds-chart-discovery-bold-hovered',
253
+ 'color.interaction.hovered': '--ds-interaction-hovered',
254
+ 'color.interaction.inverse.hovered': '--ds-interaction-inverse-hovered',
255
+ 'color.interaction.inverse.pressed': '--ds-interaction-inverse-pressed',
256
+ 'color.interaction.pressed': '--ds-interaction-pressed',
257
+ 'color.skeleton': '--ds-skeleton',
258
+ 'color.skeleton.subtle': '--ds-skeleton-subtle',
275
259
  'color.chart.categorical.1': '--ds-chart-categorical-1',
276
260
  'color.chart.categorical.1.hovered': '--ds-chart-categorical-1-hovered',
277
261
  'color.chart.categorical.2': '--ds-chart-categorical-2',
@@ -288,12 +272,8 @@ const tokens = {
288
272
  'color.chart.categorical.7.hovered': '--ds-chart-categorical-7-hovered',
289
273
  'color.chart.categorical.8': '--ds-chart-categorical-8',
290
274
  'color.chart.categorical.8.hovered': '--ds-chart-categorical-8-hovered',
291
- 'color.chart.blue.bold': '--ds-chart-blue-bold',
292
- 'color.chart.blue.bold.hovered': '--ds-chart-blue-bold-hovered',
293
- 'color.chart.blue.bolder': '--ds-chart-blue-bolder',
294
- 'color.chart.blue.bolder.hovered': '--ds-chart-blue-bolder-hovered',
295
- 'color.chart.blue.boldest': '--ds-chart-blue-boldest',
296
- 'color.chart.blue.boldest.hovered': '--ds-chart-blue-boldest-hovered',
275
+ 'color.chart.neutral': '--ds-chart-neutral',
276
+ 'color.chart.neutral.hovered': '--ds-chart-neutral-hovered',
297
277
  'color.chart.red.bold': '--ds-chart-red-bold',
298
278
  'color.chart.red.bold.hovered': '--ds-chart-red-bold-hovered',
299
279
  'color.chart.red.bolder': '--ds-chart-red-bolder',
@@ -324,6 +304,12 @@ const tokens = {
324
304
  'color.chart.teal.bolder.hovered': '--ds-chart-teal-bolder-hovered',
325
305
  'color.chart.teal.boldest': '--ds-chart-teal-boldest',
326
306
  'color.chart.teal.boldest.hovered': '--ds-chart-teal-boldest-hovered',
307
+ 'color.chart.blue.bold': '--ds-chart-blue-bold',
308
+ 'color.chart.blue.bold.hovered': '--ds-chart-blue-bold-hovered',
309
+ 'color.chart.blue.bolder': '--ds-chart-blue-bolder',
310
+ 'color.chart.blue.bolder.hovered': '--ds-chart-blue-bolder-hovered',
311
+ 'color.chart.blue.boldest': '--ds-chart-blue-boldest',
312
+ 'color.chart.blue.boldest.hovered': '--ds-chart-blue-boldest-hovered',
327
313
  'color.chart.purple.bold': '--ds-chart-purple-bold',
328
314
  'color.chart.purple.bold.hovered': '--ds-chart-purple-bold-hovered',
329
315
  'color.chart.purple.bolder': '--ds-chart-purple-bolder',
@@ -342,14 +328,28 @@ const tokens = {
342
328
  'color.chart.gray.bolder.hovered': '--ds-chart-gray-bolder-hovered',
343
329
  'color.chart.gray.boldest': '--ds-chart-gray-boldest',
344
330
  'color.chart.gray.boldest.hovered': '--ds-chart-gray-boldest-hovered',
345
- 'color.interaction.hovered': '--ds-interaction-hovered',
346
- 'color.interaction.pressed': '--ds-interaction-pressed',
347
- 'color.interaction.inverse.hovered': '--ds-interaction-inverse-hovered',
348
- 'color.interaction.inverse.pressed': '--ds-interaction-inverse-pressed',
349
- 'color.skeleton': '--ds-skeleton',
350
- 'color.skeleton.subtle': '--ds-skeleton-subtle',
351
- 'color.link': '--ds-link',
352
- 'color.link.pressed': '--ds-link-pressed',
331
+ 'color.chart.brand': '--ds-chart-brand',
332
+ 'color.chart.brand.hovered': '--ds-chart-brand-hovered',
333
+ 'color.chart.danger': '--ds-chart-danger',
334
+ 'color.chart.danger.hovered': '--ds-chart-danger-hovered',
335
+ 'color.chart.danger.bold': '--ds-chart-danger-bold',
336
+ 'color.chart.danger.bold.hovered': '--ds-chart-danger-bold-hovered',
337
+ 'color.chart.warning': '--ds-chart-warning',
338
+ 'color.chart.warning.hovered': '--ds-chart-warning-hovered',
339
+ 'color.chart.warning.bold': '--ds-chart-warning-bold',
340
+ 'color.chart.warning.bold.hovered': '--ds-chart-warning-bold-hovered',
341
+ 'color.chart.success': '--ds-chart-success',
342
+ 'color.chart.success.hovered': '--ds-chart-success-hovered',
343
+ 'color.chart.success.bold': '--ds-chart-success-bold',
344
+ 'color.chart.success.bold.hovered': '--ds-chart-success-bold-hovered',
345
+ 'color.chart.discovery': '--ds-chart-discovery',
346
+ 'color.chart.discovery.hovered': '--ds-chart-discovery-hovered',
347
+ 'color.chart.discovery.bold': '--ds-chart-discovery-bold',
348
+ 'color.chart.discovery.bold.hovered': '--ds-chart-discovery-bold-hovered',
349
+ 'color.chart.information': '--ds-chart-information',
350
+ 'color.chart.information.hovered': '--ds-chart-information-hovered',
351
+ 'color.chart.information.bold': '--ds-chart-information-bold',
352
+ 'color.chart.information.bold.hovered': '--ds-chart-information-bold-hovered',
353
353
  'color.accent.boldBlue': '--ds-accent-boldBlue',
354
354
  'color.accent.boldGreen': '--ds-accent-boldGreen',
355
355
  'color.accent.boldOrange': '--ds-accent-boldOrange',
@@ -370,42 +370,31 @@ const tokens = {
370
370
  'color.iconBorder.discovery': '--ds-iconBorder-discovery',
371
371
  'color.overlay.hover': '--ds-overlay-hover',
372
372
  'color.overlay.pressed': '--ds-overlay-pressed',
373
- 'shadow.card': '--ds-card',
374
- 'shadow.overlay': '--ds-overlay',
375
- 'elevation.shadow.raised': '--ds-shadow-raised',
376
- 'elevation.shadow.overflow': '--ds-shadow-overflow',
377
- 'elevation.shadow.overflow.spread': '--ds-shadow-overflow-spread',
378
- 'elevation.shadow.overflow.perimeter': '--ds-shadow-overflow-perimeter',
379
- 'elevation.shadow.overlay': '--ds-shadow-overlay',
380
373
  'elevation.surface': '--ds-surface',
381
374
  'elevation.surface.hovered': '--ds-surface-hovered',
382
375
  'elevation.surface.pressed': '--ds-surface-pressed',
383
- 'elevation.surface.sunken': '--ds-surface-sunken',
384
- 'elevation.surface.raised': '--ds-surface-raised',
385
- 'elevation.surface.raised.hovered': '--ds-surface-raised-hovered',
386
- 'elevation.surface.raised.pressed': '--ds-surface-raised-pressed',
387
376
  'elevation.surface.overlay': '--ds-surface-overlay',
388
377
  'elevation.surface.overlay.hovered': '--ds-surface-overlay-hovered',
389
378
  'elevation.surface.overlay.pressed': '--ds-surface-overlay-pressed',
379
+ 'elevation.surface.raised': '--ds-surface-raised',
380
+ 'elevation.surface.raised.hovered': '--ds-surface-raised-hovered',
381
+ 'elevation.surface.raised.pressed': '--ds-surface-raised-pressed',
382
+ 'elevation.surface.sunken': '--ds-surface-sunken',
383
+ 'elevation.shadow.overflow': '--ds-shadow-overflow',
384
+ 'elevation.shadow.overflow.perimeter': '--ds-shadow-overflow-perimeter',
385
+ 'elevation.shadow.overflow.spread': '--ds-shadow-overflow-spread',
386
+ 'elevation.shadow.overlay': '--ds-shadow-overlay',
387
+ 'elevation.shadow.raised': '--ds-shadow-raised',
390
388
  'opacity.disabled': '--ds-opacity-disabled',
391
389
  'opacity.loading': '--ds-opacity-loading',
392
- 'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent',
390
+ 'shadow.card': '--ds-card',
391
+ 'shadow.overlay': '--ds-overlay',
393
392
  'utility.UNSAFE_util.MISSING_TOKEN': '--ds-UNSAFE_util-MISSING_TOKEN',
394
- 'space.0': '--ds-space-0',
395
- 'space.100': '--ds-space-100',
396
- 'space.150': '--ds-space-150',
397
- 'space.200': '--ds-space-200',
398
- 'space.250': '--ds-space-250',
399
- 'space.300': '--ds-space-300',
400
- 'space.400': '--ds-space-400',
401
- 'space.500': '--ds-space-500',
402
- 'space.600': '--ds-space-600',
403
- 'space.800': '--ds-space-800',
404
- 'space.1000': '--ds-space-1000',
405
- 'space.025': '--ds-space-025',
406
- 'space.050': '--ds-space-050',
407
- 'space.075': '--ds-space-075',
393
+ 'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent',
408
394
  'spacing.scale.0': '--ds-scale-0',
395
+ 'spacing.scale.025': '--ds-scale-025',
396
+ 'spacing.scale.050': '--ds-scale-050',
397
+ 'spacing.scale.075': '--ds-scale-075',
409
398
  'spacing.scale.100': '--ds-scale-100',
410
399
  'spacing.scale.150': '--ds-scale-150',
411
400
  'spacing.scale.200': '--ds-scale-200',
@@ -416,9 +405,6 @@ const tokens = {
416
405
  'spacing.scale.600': '--ds-scale-600',
417
406
  'spacing.scale.800': '--ds-scale-800',
418
407
  'spacing.scale.1000': '--ds-scale-1000',
419
- 'spacing.scale.025': '--ds-scale-025',
420
- 'spacing.scale.050': '--ds-scale-050',
421
- 'spacing.scale.075': '--ds-scale-075',
422
408
  'spacing.scaleLinear.0': '--ds-scaleLinear-0',
423
409
  'spacing.scaleLinear.100': '--ds-scaleLinear-100',
424
410
  'spacing.scaleLinear.200': '--ds-scaleLinear-200',
@@ -443,14 +429,20 @@ const tokens = {
443
429
  'spacing.size.xxlarge': '--ds-size-xxlarge',
444
430
  'spacing.size.xxxlarge': '--ds-size-xxxlarge',
445
431
  'spacing.size.xxxxlarge': '--ds-size-xxxxlarge',
446
- 'spacing.ecl.element.2': '--ds-ecl-element-2',
447
- 'spacing.ecl.element.4': '--ds-ecl-element-4',
448
- 'spacing.ecl.element.6': '--ds-ecl-element-6',
449
- 'spacing.ecl.element.8': '--ds-ecl-element-8',
432
+ 'spacing.gap.100': '--ds-gap-100',
433
+ 'spacing.gap.200': '--ds-gap-200',
434
+ 'spacing.gap.300': '--ds-gap-300',
435
+ 'spacing.inset.100': '--ds-inset-100',
436
+ 'spacing.inset.200': '--ds-inset-200',
437
+ 'spacing.inset.300': '--ds-inset-300',
450
438
  'spacing.ecl.container.12': '--ds-ecl-container-12',
451
439
  'spacing.ecl.container.16': '--ds-ecl-container-16',
452
440
  'spacing.ecl.container.20': '--ds-ecl-container-20',
453
441
  'spacing.ecl.container.24': '--ds-ecl-container-24',
442
+ 'spacing.ecl.element.2': '--ds-ecl-element-2',
443
+ 'spacing.ecl.element.4': '--ds-ecl-element-4',
444
+ 'spacing.ecl.element.6': '--ds-ecl-element-6',
445
+ 'spacing.ecl.element.8': '--ds-ecl-element-8',
454
446
  'spacing.ecl.layout.32': '--ds-ecl-layout-32',
455
447
  'spacing.ecl.layout.40': '--ds-ecl-layout-40',
456
448
  'spacing.ecl.layout.64': '--ds-ecl-layout-64',
@@ -458,33 +450,41 @@ const tokens = {
458
450
  'spacing.ccc.component.4': '--ds-ccc-component-4',
459
451
  'spacing.ccc.component.6': '--ds-ccc-component-6',
460
452
  'spacing.ccc.component.8': '--ds-ccc-component-8',
453
+ 'spacing.ccc.container.32': '--ds-ccc-container-32',
454
+ 'spacing.ccc.container.40': '--ds-ccc-container-40',
455
+ 'spacing.ccc.container.48': '--ds-ccc-container-48',
461
456
  'spacing.ccc.content.12': '--ds-ccc-content-12',
462
457
  'spacing.ccc.content.16': '--ds-ccc-content-16',
463
458
  'spacing.ccc.content.20': '--ds-ccc-content-20',
464
459
  'spacing.ccc.content.24': '--ds-ccc-content-24',
465
- 'spacing.ccc.container.32': '--ds-ccc-container-32',
466
- 'spacing.ccc.container.40': '--ds-ccc-container-40',
467
- 'spacing.ccc.container.48': '--ds-ccc-container-48',
468
- 'spacing.gap.100': '--ds-gap-100',
469
- 'spacing.gap.200': '--ds-gap-200',
470
- 'spacing.gap.300': '--ds-gap-300',
471
- 'spacing.inset.100': '--ds-inset-100',
472
- 'spacing.inset.200': '--ds-inset-200',
473
- 'spacing.inset.300': '--ds-inset-300',
474
- 'font.family.sans': '--ds-font-family-sans',
460
+ 'space.0': '--ds-space-0',
461
+ 'space.025': '--ds-space-025',
462
+ 'space.050': '--ds-space-050',
463
+ 'space.075': '--ds-space-075',
464
+ 'space.100': '--ds-space-100',
465
+ 'space.150': '--ds-space-150',
466
+ 'space.200': '--ds-space-200',
467
+ 'space.250': '--ds-space-250',
468
+ 'space.300': '--ds-space-300',
469
+ 'space.400': '--ds-space-400',
470
+ 'space.500': '--ds-space-500',
471
+ 'space.600': '--ds-space-600',
472
+ 'space.800': '--ds-space-800',
473
+ 'space.1000': '--ds-space-1000',
475
474
  'font.family.monospace': '--ds-font-family-monospace',
475
+ 'font.family.sans': '--ds-font-family-sans',
476
+ 'font.size.050': '--ds-font-size-050',
477
+ 'font.size.075': '--ds-font-size-075',
476
478
  'font.size.100': '--ds-font-size-100',
477
479
  'font.size.200': '--ds-font-size-200',
478
480
  'font.size.300': '--ds-font-size-300',
479
481
  'font.size.400': '--ds-font-size-400',
480
482
  'font.size.500': '--ds-font-size-500',
481
483
  'font.size.600': '--ds-font-size-600',
482
- 'font.size.050': '--ds-font-size-050',
483
- 'font.size.075': '--ds-font-size-075',
484
- 'font.weight.regular': '--ds-font-weight-regular',
484
+ 'font.weight.bold': '--ds-font-weight-bold',
485
485
  'font.weight.medium': '--ds-font-weight-medium',
486
+ 'font.weight.regular': '--ds-font-weight-regular',
486
487
  'font.weight.semibold': '--ds-font-weight-semibold',
487
- 'font.weight.bold': '--ds-font-weight-bold',
488
488
  'font.lineHeight.100': '--ds-font-lineHeight-100',
489
489
  'font.lineHeight.200': '--ds-font-lineHeight-200',
490
490
  'font.lineHeight.300': '--ds-font-lineHeight-300',