@atlaskit/tokens 0.13.5 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (196) hide show
  1. package/CHANGELOG.md +305 -0
  2. package/README.md +7 -16
  3. package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +0 -1
  4. package/dist/cjs/artifacts/palettes-raw/palette.js +0 -1
  5. package/dist/cjs/artifacts/palettes-raw/spacing-scale.js +0 -1
  6. package/dist/cjs/artifacts/palettes-raw/typography-palette.js +0 -1
  7. package/dist/cjs/artifacts/replacement-mapping.js +3 -611
  8. package/dist/cjs/artifacts/theme-import-map.js +56 -0
  9. package/dist/cjs/artifacts/themes/atlassian-dark.js +13 -0
  10. package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +13 -0
  11. package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +13 -0
  12. package/dist/cjs/artifacts/themes/atlassian-light.js +13 -0
  13. package/dist/cjs/artifacts/themes/atlassian-spacing.js +13 -0
  14. package/dist/cjs/artifacts/themes/atlassian-typography.js +13 -0
  15. package/dist/cjs/artifacts/token-default-values.js +2 -170
  16. package/dist/cjs/artifacts/token-names.js +2 -170
  17. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1354 -4261
  18. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +1352 -4259
  19. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +1396 -4283
  20. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1365 -4252
  21. package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +1 -1582
  22. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +0 -1
  23. package/dist/cjs/artifacts/typescript/atlassian-dark-token-names.js +0 -1
  24. package/dist/cjs/artifacts/typescript/atlassian-light-token-names.js +0 -1
  25. package/dist/cjs/babel-plugin/index.js +0 -2
  26. package/dist/cjs/babel-plugin/plugin.js +17 -43
  27. package/dist/cjs/entry-points/babel-plugin.js +0 -2
  28. package/dist/cjs/entry-points/palettes-raw.js +0 -2
  29. package/dist/cjs/entry-points/rename-mapping.js +0 -2
  30. package/dist/cjs/entry-points/token-ids.js +0 -1
  31. package/dist/cjs/entry-points/token-names.js +0 -2
  32. package/dist/cjs/entry-points/tokens-raw.js +0 -5
  33. package/dist/cjs/get-global-theme.js +30 -0
  34. package/dist/cjs/get-token-value.js +1 -10
  35. package/dist/cjs/get-token.js +3 -13
  36. package/dist/cjs/index.js +46 -10
  37. package/dist/cjs/palettes/legacy-palette.js +1 -1
  38. package/dist/cjs/palettes/spacing-scale.js +1 -1
  39. package/dist/cjs/palettes/typography-palette.js +0 -5
  40. package/dist/cjs/set-global-theme.js +265 -39
  41. package/dist/cjs/theme-config.js +8 -23
  42. package/dist/cjs/{theme-change-observer.js → theme-mutation-observer.js} +5 -57
  43. package/dist/cjs/tokens/atlassian-dark/utility/utility.js +1 -4
  44. package/dist/cjs/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  45. package/dist/cjs/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  46. package/dist/cjs/tokens/atlassian-light/utility/utility.js +1 -4
  47. package/dist/cjs/tokens/atlassian-spacing/spacing.js +0 -228
  48. package/dist/cjs/tokens/default/spacing/spacing.js +0 -621
  49. package/dist/cjs/tokens/default/utility/utility.js +1 -9
  50. package/dist/cjs/use-theme-observer.js +41 -0
  51. package/dist/cjs/utils/color-detection.js +23 -43
  52. package/dist/cjs/utils/theme-loading.js +69 -0
  53. package/dist/cjs/utils/theme-state-transformer.js +73 -0
  54. package/dist/cjs/utils/token-ids.js +4 -12
  55. package/dist/cjs/version.json +1 -1
  56. package/dist/es2019/artifacts/replacement-mapping.js +3 -610
  57. package/dist/es2019/artifacts/theme-import-map.js +27 -0
  58. package/dist/es2019/artifacts/themes/atlassian-dark.js +296 -0
  59. package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +296 -0
  60. package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +296 -0
  61. package/dist/es2019/artifacts/themes/atlassian-light.js +296 -0
  62. package/dist/es2019/artifacts/themes/atlassian-spacing.js +23 -0
  63. package/{css/atlassian-typography.css → dist/es2019/artifacts/themes/atlassian-typography.js} +4 -2
  64. package/dist/es2019/artifacts/token-default-values.js +2 -169
  65. package/dist/es2019/artifacts/token-names.js +2 -169
  66. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
  67. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
  68. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
  69. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1360 -4246
  70. package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +1 -1581
  71. package/dist/es2019/babel-plugin/plugin.js +17 -37
  72. package/dist/es2019/get-global-theme.js +20 -0
  73. package/dist/es2019/get-token-value.js +1 -6
  74. package/dist/es2019/get-token.js +3 -8
  75. package/dist/es2019/index.js +5 -2
  76. package/dist/es2019/palettes/legacy-palette.js +1 -0
  77. package/dist/es2019/palettes/spacing-scale.js +1 -0
  78. package/dist/es2019/palettes/typography-palette.js +2 -1
  79. package/dist/es2019/set-global-theme.js +162 -32
  80. package/dist/es2019/theme-config.js +5 -21
  81. package/dist/es2019/{theme-change-observer.js → theme-mutation-observer.js} +4 -37
  82. package/dist/es2019/tokens/atlassian-dark/utility/utility.js +1 -4
  83. package/dist/es2019/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  84. package/dist/es2019/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  85. package/dist/es2019/tokens/atlassian-light/utility/utility.js +1 -4
  86. package/dist/es2019/tokens/atlassian-spacing/spacing.js +0 -227
  87. package/dist/es2019/tokens/default/spacing/spacing.js +0 -620
  88. package/dist/es2019/tokens/default/utility/utility.js +1 -9
  89. package/dist/es2019/use-theme-observer.js +26 -0
  90. package/dist/es2019/utils/color-detection.js +3 -5
  91. package/dist/es2019/utils/theme-loading.js +18 -0
  92. package/dist/es2019/utils/theme-state-transformer.js +47 -0
  93. package/dist/es2019/utils/token-ids.js +5 -4
  94. package/dist/es2019/version.json +1 -1
  95. package/dist/esm/artifacts/replacement-mapping.js +3 -610
  96. package/dist/esm/artifacts/theme-import-map.js +39 -0
  97. package/dist/esm/artifacts/themes/atlassian-dark.js +6 -0
  98. package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +6 -0
  99. package/dist/esm/artifacts/themes/atlassian-legacy-light.js +6 -0
  100. package/dist/esm/artifacts/themes/atlassian-light.js +6 -0
  101. package/dist/esm/artifacts/themes/atlassian-spacing.js +6 -0
  102. package/dist/esm/artifacts/themes/atlassian-typography.js +6 -0
  103. package/dist/esm/artifacts/token-default-values.js +2 -169
  104. package/dist/esm/artifacts/token-names.js +2 -169
  105. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
  106. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
  107. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
  108. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1360 -4246
  109. package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +1 -1581
  110. package/dist/esm/babel-plugin/plugin.js +17 -35
  111. package/dist/esm/get-global-theme.js +22 -0
  112. package/dist/esm/get-token-value.js +1 -6
  113. package/dist/esm/get-token.js +3 -8
  114. package/dist/esm/index.js +5 -2
  115. package/dist/esm/palettes/legacy-palette.js +1 -0
  116. package/dist/esm/palettes/spacing-scale.js +1 -0
  117. package/dist/esm/palettes/typography-palette.js +0 -3
  118. package/dist/esm/set-global-theme.js +263 -37
  119. package/dist/esm/theme-config.js +5 -21
  120. package/dist/esm/{theme-change-observer.js → theme-mutation-observer.js} +4 -49
  121. package/dist/esm/tokens/atlassian-dark/utility/utility.js +1 -4
  122. package/dist/esm/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  123. package/dist/esm/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  124. package/dist/esm/tokens/atlassian-light/utility/utility.js +1 -4
  125. package/dist/esm/tokens/atlassian-spacing/spacing.js +0 -227
  126. package/dist/esm/tokens/default/spacing/spacing.js +0 -620
  127. package/dist/esm/tokens/default/utility/utility.js +1 -9
  128. package/dist/esm/use-theme-observer.js +34 -0
  129. package/dist/esm/utils/color-detection.js +23 -30
  130. package/dist/esm/utils/theme-loading.js +60 -0
  131. package/dist/esm/utils/theme-state-transformer.js +64 -0
  132. package/dist/esm/utils/token-ids.js +5 -4
  133. package/dist/esm/version.json +1 -1
  134. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  135. package/dist/types/artifacts/theme-import-map.d.ts +16 -0
  136. package/dist/types/artifacts/themes/atlassian-dark.d.ts +7 -0
  137. package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +7 -0
  138. package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +7 -0
  139. package/dist/types/artifacts/themes/atlassian-light.d.ts +7 -0
  140. package/dist/types/artifacts/themes/atlassian-spacing.d.ts +7 -0
  141. package/dist/types/artifacts/themes/atlassian-typography.d.ts +7 -0
  142. package/dist/types/artifacts/token-default-values.d.ts +2 -169
  143. package/dist/types/artifacts/token-names.d.ts +3 -337
  144. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -115
  145. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -115
  146. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -91
  147. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -91
  148. package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +1 -89
  149. package/dist/types/artifacts/types-internal.d.ts +2 -2
  150. package/dist/types/artifacts/types.d.ts +2 -2
  151. package/dist/types/get-global-theme.d.ts +2 -0
  152. package/dist/types/index.d.ts +7 -3
  153. package/dist/types/set-global-theme.d.ts +63 -7
  154. package/dist/types/theme-config.d.ts +10 -7
  155. package/dist/types/{theme-change-observer.d.ts → theme-mutation-observer.d.ts} +2 -16
  156. package/dist/types/types.d.ts +1 -286
  157. package/dist/types/use-theme-observer.d.ts +15 -0
  158. package/dist/types/utils/theme-loading.d.ts +3 -0
  159. package/dist/types/utils/theme-state-transformer.d.ts +26 -0
  160. package/figma/atlassian-dark.json +1 -102
  161. package/figma/atlassian-legacy-dark.json +1 -102
  162. package/figma/atlassian-legacy-light.json +1 -102
  163. package/figma/atlassian-light.json +1 -102
  164. package/figma/atlassian-spacing.json +1 -761
  165. package/package.json +5 -8
  166. package/report.api.md +85 -351
  167. package/tmp/api-report-tmp.d.ts +58 -342
  168. package/css/atlassian-dark.css +0 -786
  169. package/css/atlassian-legacy-dark.css +0 -786
  170. package/css/atlassian-legacy-light.css +0 -786
  171. package/css/atlassian-light.css +0 -786
  172. package/css/atlassian-spacing.css +0 -87
  173. package/dist/cjs/artifacts/typescript/atlassian-light-token-default-values.js +0 -407
  174. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +0 -435
  175. package/dist/cjs/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -532
  176. package/dist/cjs/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -523
  177. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +0 -421
  178. package/dist/cjs/tokens/default/deprecated/deprecated.js +0 -1186
  179. package/dist/es2019/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
  180. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
  181. package/dist/es2019/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
  182. package/dist/es2019/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
  183. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +0 -414
  184. package/dist/es2019/tokens/default/deprecated/deprecated.js +0 -1217
  185. package/dist/esm/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
  186. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
  187. package/dist/esm/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
  188. package/dist/esm/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
  189. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +0 -414
  190. package/dist/esm/tokens/default/deprecated/deprecated.js +0 -1179
  191. package/dist/types/artifacts/typescript/atlassian-light-token-default-values.d.ts +0 -399
  192. package/dist/types/tokens/atlassian-dark/deprecated/deprecated.d.ts +0 -4
  193. package/dist/types/tokens/atlassian-legacy-dark/deprecated/deprecated.d.ts +0 -4
  194. package/dist/types/tokens/atlassian-legacy-light/deprecated/deprecated.d.ts +0 -4
  195. package/dist/types/tokens/atlassian-light/deprecated/deprecated.d.ts +0 -4
  196. package/dist/types/tokens/default/deprecated/deprecated.d.ts +0 -4
@@ -4,7 +4,7 @@
4
4
  * Token names mapped to their value in the default Atlassian themes ('light').
5
5
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
6
6
  *
7
- * @codegen <<SignedSource::b5f83d6c535c103d4ac61f4d40d60207>>
7
+ * @codegen <<SignedSource::1481aae8495313f724d4e6c09ccaac8d>>
8
8
  * @codegenCommand yarn build tokens
9
9
  */
10
10
  const defaultTokenValues = {
@@ -28,14 +28,7 @@ const defaultTokenValues = {
28
28
  'color.text.accent.gray': '#44546F',
29
29
  'color.text.accent.gray.bolder': '#091E42',
30
30
  'color.text.disabled': '#091E424F',
31
- 'color.text.highEmphasis': '#172B4D',
32
31
  'color.text.inverse': '#FFFFFF',
33
- 'color.text.link.pressed': '#0055CC',
34
- 'color.text.link.resting': '#0C66E4',
35
- 'color.text.lowEmphasis': '#626F86',
36
- 'color.text.mediumEmphasis': '#44546F',
37
- 'color.text.onBold': '#FFFFFF',
38
- 'color.text.onBoldWarning': '#172B4D',
39
32
  'color.text.selected': '#0C66E4',
40
33
  'color.text.brand': '#0C66E4',
41
34
  'color.text.danger': '#AE2A19',
@@ -80,11 +73,9 @@ const defaultTokenValues = {
80
73
  'color.border.accent.magenta': '#CD519D',
81
74
  'color.border.accent.gray': '#758195',
82
75
  'color.border.disabled': '#091E420F',
83
- 'color.border.focus': '#388BFF',
84
76
  'color.border.focused': '#388BFF',
85
77
  'color.border.input': '#091E4224',
86
78
  'color.border.inverse': '#FFFFFF',
87
- 'color.border.neutral': '#091E4224',
88
79
  'color.border.selected': '#0C66E4',
89
80
  'color.border.brand': '#0C66E4',
90
81
  'color.border.danger': '#E34935',
@@ -93,84 +84,46 @@ const defaultTokenValues = {
93
84
  'color.border.discovery': '#8270DB',
94
85
  'color.border.information': '#1D7AFC',
95
86
  'color.border.bold': '#758195',
96
- 'color.background.accent.red': '#FFD2CC',
97
87
  'color.background.accent.red.subtlest': '#FFEDEB',
98
88
  'color.background.accent.red.subtler': '#FFD2CC',
99
89
  'color.background.accent.red.subtle': '#F87462',
100
- 'color.background.accent.red.bold': '#F87462',
101
90
  'color.background.accent.red.bolder': '#CA3521',
102
- 'color.background.accent.orange': '#FFE2BD',
103
91
  'color.background.accent.orange.subtlest': '#FFF4E5',
104
92
  'color.background.accent.orange.subtler': '#FFE2BD',
105
93
  'color.background.accent.orange.subtle': '#FAA53D',
106
- 'color.background.accent.orange.bold': '#FAA53D',
107
94
  'color.background.accent.orange.bolder': '#B65C02',
108
- 'color.background.accent.yellow': '#F8E6A0',
109
95
  'color.background.accent.yellow.subtlest': '#FFF7D6',
110
96
  'color.background.accent.yellow.subtler': '#F8E6A0',
111
97
  'color.background.accent.yellow.subtle': '#E2B203',
112
- 'color.background.accent.yellow.bold': '#E2B203',
113
98
  'color.background.accent.yellow.bolder': '#946F00',
114
- 'color.background.accent.green': '#BAF3DB',
115
99
  'color.background.accent.green.subtlest': '#DFFCF0',
116
100
  'color.background.accent.green.subtler': '#BAF3DB',
117
101
  'color.background.accent.green.subtle': '#4BCE97',
118
- 'color.background.accent.green.bold': '#4BCE97',
119
102
  'color.background.accent.green.bolder': '#1F845A',
120
- 'color.background.accent.teal': '#C1F0F5',
121
103
  'color.background.accent.teal.subtlest': '#E3FAFC',
122
104
  'color.background.accent.teal.subtler': '#C1F0F5',
123
105
  'color.background.accent.teal.subtle': '#60C6D2',
124
- 'color.background.accent.teal.bold': '#60C6D2',
125
106
  'color.background.accent.teal.bolder': '#1D7F8C',
126
- 'color.background.accent.blue': '#CCE0FF',
127
107
  'color.background.accent.blue.subtlest': '#E9F2FF',
128
108
  'color.background.accent.blue.subtler': '#CCE0FF',
129
109
  'color.background.accent.blue.subtle': '#579DFF',
130
- 'color.background.accent.blue.bold': '#579DFF',
131
110
  'color.background.accent.blue.bolder': '#0C66E4',
132
- 'color.background.accent.purple': '#DFD8FD',
133
111
  'color.background.accent.purple.subtlest': '#F3F0FF',
134
112
  'color.background.accent.purple.subtler': '#DFD8FD',
135
113
  'color.background.accent.purple.subtle': '#9F8FEF',
136
- 'color.background.accent.purple.bold': '#9F8FEF',
137
114
  'color.background.accent.purple.bolder': '#6E5DC6',
138
- 'color.background.accent.magenta': '#FDD0EC',
139
115
  'color.background.accent.magenta.subtlest': '#FFECF8',
140
116
  'color.background.accent.magenta.subtler': '#FDD0EC',
141
117
  'color.background.accent.magenta.subtle': '#E774BB',
142
- 'color.background.accent.magenta.bold': '#E774BB',
143
118
  'color.background.accent.magenta.bolder': '#AE4787',
144
119
  'color.background.accent.gray.subtlest': '#F1F2F4',
145
120
  'color.background.accent.gray.subtler': '#DCDFE4',
146
121
  'color.background.accent.gray.subtle': '#8590A2',
147
122
  'color.background.accent.gray.bolder': '#626F86',
148
- 'color.background.blanket': '#091E427D',
149
- 'color.background.boldBrand.hover': '#0055CC',
150
- 'color.background.boldBrand.pressed': '#09326C',
151
- 'color.background.boldBrand.resting': '#0C66E4',
152
- 'color.background.boldDanger.hover': '#AE2A19',
153
- 'color.background.boldDanger.pressed': '#601E16',
154
- 'color.background.boldDanger.resting': '#CA3521',
155
- 'color.background.boldDiscovery.hover': '#5E4DB2',
156
- 'color.background.boldDiscovery.pressed': '#352C63',
157
- 'color.background.boldDiscovery.resting': '#6E5DC6',
158
- 'color.background.boldNeutral.hover': '#2C3E5D',
159
- 'color.background.boldNeutral.pressed': '#172B4D',
160
- 'color.background.boldNeutral.resting': '#44546F',
161
- 'color.background.boldSuccess.hover': '#216E4E',
162
- 'color.background.boldSuccess.pressed': '#164B35',
163
- 'color.background.boldSuccess.resting': '#1F845A',
164
- 'color.background.boldWarning.hover': '#CF9F02',
165
- 'color.background.boldWarning.pressed': '#B38600',
166
- 'color.background.boldWarning.resting': '#E2B203',
167
- 'color.background.card': '#FFFFFF',
168
- 'color.background.default': '#FFFFFF',
169
123
  'color.background.disabled': '#091E4208',
170
124
  'color.background.input': '#FFFFFF',
171
125
  'color.background.input.hovered': '#F7F8F9',
172
126
  'color.background.input.pressed': '#FFFFFF',
173
- 'color.background.inverse': '#FFFFFF29',
174
127
  'color.background.inverse.subtle': '#00000029',
175
128
  'color.background.inverse.subtle.hovered': '#0000003D',
176
129
  'color.background.inverse.subtle.pressed': '#00000052',
@@ -183,41 +136,12 @@ const defaultTokenValues = {
183
136
  'color.background.neutral.bold': '#44546F',
184
137
  'color.background.neutral.bold.hovered': '#2C3E5D',
185
138
  'color.background.neutral.bold.pressed': '#172B4D',
186
- 'color.background.overlay': '#FFFFFF',
187
139
  'color.background.selected': '#E9F2FF',
188
140
  'color.background.selected.hovered': '#CCE0FF',
189
141
  'color.background.selected.pressed': '#85B8FF',
190
- 'color.background.selected.hover': '#CCE0FF',
191
- 'color.background.selected.resting': '#E9F2FF',
192
142
  'color.background.selected.bold': '#0C66E4',
193
143
  'color.background.selected.bold.hovered': '#0055CC',
194
144
  'color.background.selected.bold.pressed': '#09326C',
195
- 'color.background.subtleBorderedNeutral.pressed': '#091E420F',
196
- 'color.background.subtleBorderedNeutral.resting': '#091E4208',
197
- 'color.background.subtleBrand.hover': '#CCE0FF',
198
- 'color.background.subtleBrand.pressed': '#85B8FF',
199
- 'color.background.subtleBrand.resting': '#E9F2FF',
200
- 'color.background.subtleDanger.hover': '#FFD2CC',
201
- 'color.background.subtleDanger.pressed': '#FF9C8F',
202
- 'color.background.subtleDanger.resting': '#FFEDEB',
203
- 'color.background.subtleDiscovery.hover': '#DFD8FD',
204
- 'color.background.subtleDiscovery.pressed': '#B8ACF6',
205
- 'color.background.subtleDiscovery.resting': '#F3F0FF',
206
- 'color.background.subtleNeutral.hover': '#091E4224',
207
- 'color.background.subtleNeutral.pressed': '#091E424F',
208
- 'color.background.subtleNeutral.resting': '#091E420F',
209
- 'color.background.subtleSuccess.hover': '#BAF3DB',
210
- 'color.background.subtleSuccess.pressed': '#7EE2B8',
211
- 'color.background.subtleSuccess.resting': '#DFFCF0',
212
- 'color.background.subtleWarning.hover': '#F8E6A0',
213
- 'color.background.subtleWarning.pressed': '#F5CD47',
214
- 'color.background.subtleWarning.resting': '#FFF7D6',
215
- 'color.background.sunken': '#091E4208',
216
- 'color.background.transparentNeutral.hover': '#091E420F',
217
- 'color.background.transparentNeutral.pressed': '#091E4224',
218
- 'color.background.brand': '#E9F2FF',
219
- 'color.background.brand.hovered': '#CCE0FF',
220
- 'color.background.brand.pressed': '#85B8FF',
221
145
  'color.background.brand.bold': '#0C66E4',
222
146
  'color.background.brand.bold.hovered': '#0055CC',
223
147
  'color.background.brand.bold.pressed': '#09326C',
@@ -255,8 +179,6 @@ const defaultTokenValues = {
255
179
  'color.blanket.selected': '#388BFF14',
256
180
  'color.blanket.danger': '#EF5C4814',
257
181
  'color.interaction.hovered': '#00000029',
258
- 'color.interaction.inverse.hovered': '#00000029',
259
- 'color.interaction.inverse.pressed': '#00000052',
260
182
  'color.interaction.pressed': '#00000052',
261
183
  'color.skeleton': '#091E420F',
262
184
  'color.skeleton.subtle': '#091E4208',
@@ -354,26 +276,6 @@ const defaultTokenValues = {
354
276
  'color.chart.information.hovered': '#1D7AFC',
355
277
  'color.chart.information.bold': '#0055CC',
356
278
  'color.chart.information.bold.hovered': '#09326C',
357
- 'color.accent.boldBlue': '#579DFF',
358
- 'color.accent.boldGreen': '#4BCE97',
359
- 'color.accent.boldOrange': '#FAA53D',
360
- 'color.accent.boldPurple': '#9F8FEF',
361
- 'color.accent.boldRed': '#F87462',
362
- 'color.accent.boldTeal': '#60C6D2',
363
- 'color.accent.subtleBlue': '#CCE0FF',
364
- 'color.accent.subtleGreen': '#BAF3DB',
365
- 'color.accent.subtleMagenta': '#FDD0EC',
366
- 'color.accent.subtleOrange': '#FFE2BD',
367
- 'color.accent.subtlePurple': '#DFD8FD',
368
- 'color.accent.subtleRed': '#FFD2CC',
369
- 'color.accent.subtleTeal': '#C1F0F5',
370
- 'color.iconBorder.brand': '#1D7AFC',
371
- 'color.iconBorder.danger': '#E34935',
372
- 'color.iconBorder.warning': '#D97008',
373
- 'color.iconBorder.success': '#22A06B',
374
- 'color.iconBorder.discovery': '#8270DB',
375
- 'color.overlay.hover': '#091E424F',
376
- 'color.overlay.pressed': '#091E427D',
377
279
  'elevation.surface': '#FFFFFF',
378
280
  'elevation.surface.hovered': '#F1F2F4',
379
281
  'elevation.surface.pressed': '#DCDFE4',
@@ -391,76 +293,7 @@ const defaultTokenValues = {
391
293
  'elevation.shadow.raised': '[object Object],[object Object]',
392
294
  'opacity.disabled': '0.4',
393
295
  'opacity.loading': '0.2',
394
- 'shadow.card': '[object Object],[object Object]',
395
- 'shadow.overlay': '[object Object],[object Object]',
396
- 'utility.UNSAFE_util.MISSING_TOKEN': '#FA11F2',
397
- 'utility.UNSAFE_util.transparent': 'transparent',
398
- 'spacing.scale.0': '0',
399
- 'spacing.scale.025': '0.125rem',
400
- 'spacing.scale.050': '0.25rem',
401
- 'spacing.scale.075': '0.375rem',
402
- 'spacing.scale.100': '0.5rem',
403
- 'spacing.scale.150': '0.75rem',
404
- 'spacing.scale.200': '1rem',
405
- 'spacing.scale.250': '1.25rem',
406
- 'spacing.scale.300': '1.5rem',
407
- 'spacing.scale.400': '2rem',
408
- 'spacing.scale.500': '2.5rem',
409
- 'spacing.scale.600': '3rem',
410
- 'spacing.scale.800': '4rem',
411
- 'spacing.scale.1000': '5rem',
412
- 'spacing.scaleLinear.0': '0',
413
- 'spacing.scaleLinear.100': '0.125rem',
414
- 'spacing.scaleLinear.200': '0.25rem',
415
- 'spacing.scaleLinear.300': '0.375rem',
416
- 'spacing.scaleLinear.400': '0.5rem',
417
- 'spacing.scaleLinear.500': '0.75rem',
418
- 'spacing.scaleLinear.600': '1rem',
419
- 'spacing.scaleLinear.700': '1.25rem',
420
- 'spacing.scaleLinear.800': '1.5rem',
421
- 'spacing.scaleLinear.900': '2rem',
422
- 'spacing.scaleLinear.1000': '2.5rem',
423
- 'spacing.scaleLinear.1100': '3rem',
424
- 'spacing.size.none': '0',
425
- 'spacing.size.xxxxSmall': '0.125rem',
426
- 'spacing.size.xxxSmall': '0.25rem',
427
- 'spacing.size.xxSmall': '0.375rem',
428
- 'spacing.size.xsmall': '0.5rem',
429
- 'spacing.size.small': '0.75rem',
430
- 'spacing.size.medium': '1rem',
431
- 'spacing.size.large': '1.25rem',
432
- 'spacing.size.xlarge': '1.5rem',
433
- 'spacing.size.xxlarge': '2rem',
434
- 'spacing.size.xxxlarge': '2.5rem',
435
- 'spacing.size.xxxxlarge': '3rem',
436
- 'spacing.gap.100': '0.5rem',
437
- 'spacing.gap.200': '1rem',
438
- 'spacing.gap.300': '1.5rem',
439
- 'spacing.inset.100': '0.5rem',
440
- 'spacing.inset.200': '1rem',
441
- 'spacing.inset.300': '1.5rem',
442
- 'spacing.ecl.container.12': '0.75rem',
443
- 'spacing.ecl.container.16': '1rem',
444
- 'spacing.ecl.container.20': '1.25rem',
445
- 'spacing.ecl.container.24': '1.5rem',
446
- 'spacing.ecl.element.2': '0.125rem',
447
- 'spacing.ecl.element.4': '0.25rem',
448
- 'spacing.ecl.element.6': '0.375rem',
449
- 'spacing.ecl.element.8': '0.5rem',
450
- 'spacing.ecl.layout.32': '2rem',
451
- 'spacing.ecl.layout.40': '2.5rem',
452
- 'spacing.ecl.layout.64': '3rem',
453
- 'spacing.ccc.component.2': '0.125rem',
454
- 'spacing.ccc.component.4': '0.25rem',
455
- 'spacing.ccc.component.6': '0.375rem',
456
- 'spacing.ccc.component.8': '0.5rem',
457
- 'spacing.ccc.container.32': '2rem',
458
- 'spacing.ccc.container.40': '2.5rem',
459
- 'spacing.ccc.container.48': '3rem',
460
- 'spacing.ccc.content.12': '0.75rem',
461
- 'spacing.ccc.content.16': '1rem',
462
- 'spacing.ccc.content.20': '1.25rem',
463
- 'spacing.ccc.content.24': '1.5rem',
296
+ 'utility.UNSAFE.transparent': 'transparent',
464
297
  'space.0': '0',
465
298
  'space.025': '0.125rem',
466
299
  'space.050': '0.25rem',
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::aa52bcdd2d60c876616cf469dedf12c2>>
3
+ * @codegen <<SignedSource::7d8f37c15df01017e141b2e709521993>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  const tokens = {
@@ -24,14 +24,7 @@ const tokens = {
24
24
  'color.text.accent.gray': '--ds-text-accent-gray',
25
25
  'color.text.accent.gray.bolder': '--ds-text-accent-gray-bolder',
26
26
  'color.text.disabled': '--ds-text-disabled',
27
- 'color.text.highEmphasis': '--ds-text-highEmphasis',
28
27
  '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',
35
28
  'color.text.selected': '--ds-text-selected',
36
29
  'color.text.brand': '--ds-text-brand',
37
30
  'color.text.danger': '--ds-text-danger',
@@ -76,11 +69,9 @@ const tokens = {
76
69
  'color.border.accent.magenta': '--ds-border-accent-magenta',
77
70
  'color.border.accent.gray': '--ds-border-accent-gray',
78
71
  'color.border.disabled': '--ds-border-disabled',
79
- 'color.border.focus': '--ds-border-focus',
80
72
  'color.border.focused': '--ds-border-focused',
81
73
  'color.border.input': '--ds-border-input',
82
74
  'color.border.inverse': '--ds-border-inverse',
83
- 'color.border.neutral': '--ds-border-neutral',
84
75
  'color.border.selected': '--ds-border-selected',
85
76
  'color.border.brand': '--ds-border-brand',
86
77
  'color.border.danger': '--ds-border-danger',
@@ -89,84 +80,46 @@ const tokens = {
89
80
  'color.border.discovery': '--ds-border-discovery',
90
81
  'color.border.information': '--ds-border-information',
91
82
  'color.border.bold': '--ds-border-bold',
92
- 'color.background.accent.red': '--ds-background-accent-red',
93
83
  'color.background.accent.red.subtlest': '--ds-background-accent-red-subtlest',
94
84
  'color.background.accent.red.subtler': '--ds-background-accent-red-subtler',
95
85
  'color.background.accent.red.subtle': '--ds-background-accent-red-subtle',
96
- 'color.background.accent.red.bold': '--ds-background-accent-red-bold',
97
86
  'color.background.accent.red.bolder': '--ds-background-accent-red-bolder',
98
- 'color.background.accent.orange': '--ds-background-accent-orange',
99
87
  'color.background.accent.orange.subtlest': '--ds-background-accent-orange-subtlest',
100
88
  'color.background.accent.orange.subtler': '--ds-background-accent-orange-subtler',
101
89
  'color.background.accent.orange.subtle': '--ds-background-accent-orange-subtle',
102
- 'color.background.accent.orange.bold': '--ds-background-accent-orange-bold',
103
90
  'color.background.accent.orange.bolder': '--ds-background-accent-orange-bolder',
104
- 'color.background.accent.yellow': '--ds-background-accent-yellow',
105
91
  'color.background.accent.yellow.subtlest': '--ds-background-accent-yellow-subtlest',
106
92
  'color.background.accent.yellow.subtler': '--ds-background-accent-yellow-subtler',
107
93
  'color.background.accent.yellow.subtle': '--ds-background-accent-yellow-subtle',
108
- 'color.background.accent.yellow.bold': '--ds-background-accent-yellow-bold',
109
94
  'color.background.accent.yellow.bolder': '--ds-background-accent-yellow-bolder',
110
- 'color.background.accent.green': '--ds-background-accent-green',
111
95
  'color.background.accent.green.subtlest': '--ds-background-accent-green-subtlest',
112
96
  'color.background.accent.green.subtler': '--ds-background-accent-green-subtler',
113
97
  'color.background.accent.green.subtle': '--ds-background-accent-green-subtle',
114
- 'color.background.accent.green.bold': '--ds-background-accent-green-bold',
115
98
  'color.background.accent.green.bolder': '--ds-background-accent-green-bolder',
116
- 'color.background.accent.teal': '--ds-background-accent-teal',
117
99
  'color.background.accent.teal.subtlest': '--ds-background-accent-teal-subtlest',
118
100
  'color.background.accent.teal.subtler': '--ds-background-accent-teal-subtler',
119
101
  'color.background.accent.teal.subtle': '--ds-background-accent-teal-subtle',
120
- 'color.background.accent.teal.bold': '--ds-background-accent-teal-bold',
121
102
  'color.background.accent.teal.bolder': '--ds-background-accent-teal-bolder',
122
- 'color.background.accent.blue': '--ds-background-accent-blue',
123
103
  'color.background.accent.blue.subtlest': '--ds-background-accent-blue-subtlest',
124
104
  'color.background.accent.blue.subtler': '--ds-background-accent-blue-subtler',
125
105
  'color.background.accent.blue.subtle': '--ds-background-accent-blue-subtle',
126
- 'color.background.accent.blue.bold': '--ds-background-accent-blue-bold',
127
106
  'color.background.accent.blue.bolder': '--ds-background-accent-blue-bolder',
128
- 'color.background.accent.purple': '--ds-background-accent-purple',
129
107
  'color.background.accent.purple.subtlest': '--ds-background-accent-purple-subtlest',
130
108
  'color.background.accent.purple.subtler': '--ds-background-accent-purple-subtler',
131
109
  'color.background.accent.purple.subtle': '--ds-background-accent-purple-subtle',
132
- 'color.background.accent.purple.bold': '--ds-background-accent-purple-bold',
133
110
  'color.background.accent.purple.bolder': '--ds-background-accent-purple-bolder',
134
- 'color.background.accent.magenta': '--ds-background-accent-magenta',
135
111
  'color.background.accent.magenta.subtlest': '--ds-background-accent-magenta-subtlest',
136
112
  'color.background.accent.magenta.subtler': '--ds-background-accent-magenta-subtler',
137
113
  'color.background.accent.magenta.subtle': '--ds-background-accent-magenta-subtle',
138
- 'color.background.accent.magenta.bold': '--ds-background-accent-magenta-bold',
139
114
  'color.background.accent.magenta.bolder': '--ds-background-accent-magenta-bolder',
140
115
  'color.background.accent.gray.subtlest': '--ds-background-accent-gray-subtlest',
141
116
  'color.background.accent.gray.subtler': '--ds-background-accent-gray-subtler',
142
117
  'color.background.accent.gray.subtle': '--ds-background-accent-gray-subtle',
143
118
  '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',
165
119
  'color.background.disabled': '--ds-background-disabled',
166
120
  'color.background.input': '--ds-background-input',
167
121
  'color.background.input.hovered': '--ds-background-input-hovered',
168
122
  'color.background.input.pressed': '--ds-background-input-pressed',
169
- 'color.background.inverse': '--ds-background-inverse',
170
123
  'color.background.inverse.subtle': '--ds-background-inverse-subtle',
171
124
  'color.background.inverse.subtle.hovered': '--ds-background-inverse-subtle-hovered',
172
125
  'color.background.inverse.subtle.pressed': '--ds-background-inverse-subtle-pressed',
@@ -179,41 +132,12 @@ const tokens = {
179
132
  'color.background.neutral.bold': '--ds-background-neutral-bold',
180
133
  'color.background.neutral.bold.hovered': '--ds-background-neutral-bold-hovered',
181
134
  'color.background.neutral.bold.pressed': '--ds-background-neutral-bold-pressed',
182
- 'color.background.overlay': '--ds-background-overlay',
183
135
  'color.background.selected': '--ds-background-selected',
184
136
  'color.background.selected.hovered': '--ds-background-selected-hovered',
185
137
  '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',
188
138
  'color.background.selected.bold': '--ds-background-selected-bold',
189
139
  'color.background.selected.bold.hovered': '--ds-background-selected-bold-hovered',
190
140
  'color.background.selected.bold.pressed': '--ds-background-selected-bold-pressed',
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
141
  'color.background.brand.bold': '--ds-background-brand-bold',
218
142
  'color.background.brand.bold.hovered': '--ds-background-brand-bold-hovered',
219
143
  'color.background.brand.bold.pressed': '--ds-background-brand-bold-pressed',
@@ -251,8 +175,6 @@ const tokens = {
251
175
  'color.blanket.selected': '--ds-blanket-selected',
252
176
  'color.blanket.danger': '--ds-blanket-danger',
253
177
  '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
178
  'color.interaction.pressed': '--ds-interaction-pressed',
257
179
  'color.skeleton': '--ds-skeleton',
258
180
  'color.skeleton.subtle': '--ds-skeleton-subtle',
@@ -350,26 +272,6 @@ const tokens = {
350
272
  'color.chart.information.hovered': '--ds-chart-information-hovered',
351
273
  'color.chart.information.bold': '--ds-chart-information-bold',
352
274
  'color.chart.information.bold.hovered': '--ds-chart-information-bold-hovered',
353
- 'color.accent.boldBlue': '--ds-accent-boldBlue',
354
- 'color.accent.boldGreen': '--ds-accent-boldGreen',
355
- 'color.accent.boldOrange': '--ds-accent-boldOrange',
356
- 'color.accent.boldPurple': '--ds-accent-boldPurple',
357
- 'color.accent.boldRed': '--ds-accent-boldRed',
358
- 'color.accent.boldTeal': '--ds-accent-boldTeal',
359
- 'color.accent.subtleBlue': '--ds-accent-subtleBlue',
360
- 'color.accent.subtleGreen': '--ds-accent-subtleGreen',
361
- 'color.accent.subtleMagenta': '--ds-accent-subtleMagenta',
362
- 'color.accent.subtleOrange': '--ds-accent-subtleOrange',
363
- 'color.accent.subtlePurple': '--ds-accent-subtlePurple',
364
- 'color.accent.subtleRed': '--ds-accent-subtleRed',
365
- 'color.accent.subtleTeal': '--ds-accent-subtleTeal',
366
- 'color.iconBorder.brand': '--ds-iconBorder-brand',
367
- 'color.iconBorder.danger': '--ds-iconBorder-danger',
368
- 'color.iconBorder.warning': '--ds-iconBorder-warning',
369
- 'color.iconBorder.success': '--ds-iconBorder-success',
370
- 'color.iconBorder.discovery': '--ds-iconBorder-discovery',
371
- 'color.overlay.hover': '--ds-overlay-hover',
372
- 'color.overlay.pressed': '--ds-overlay-pressed',
373
275
  'elevation.surface': '--ds-surface',
374
276
  'elevation.surface.hovered': '--ds-surface-hovered',
375
277
  'elevation.surface.pressed': '--ds-surface-pressed',
@@ -387,76 +289,7 @@ const tokens = {
387
289
  'elevation.shadow.raised': '--ds-shadow-raised',
388
290
  'opacity.disabled': '--ds-opacity-disabled',
389
291
  'opacity.loading': '--ds-opacity-loading',
390
- 'shadow.card': '--ds-card',
391
- 'shadow.overlay': '--ds-overlay',
392
- 'utility.UNSAFE_util.MISSING_TOKEN': '--ds-UNSAFE_util-MISSING_TOKEN',
393
- 'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent',
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',
398
- 'spacing.scale.100': '--ds-scale-100',
399
- 'spacing.scale.150': '--ds-scale-150',
400
- 'spacing.scale.200': '--ds-scale-200',
401
- 'spacing.scale.250': '--ds-scale-250',
402
- 'spacing.scale.300': '--ds-scale-300',
403
- 'spacing.scale.400': '--ds-scale-400',
404
- 'spacing.scale.500': '--ds-scale-500',
405
- 'spacing.scale.600': '--ds-scale-600',
406
- 'spacing.scale.800': '--ds-scale-800',
407
- 'spacing.scale.1000': '--ds-scale-1000',
408
- 'spacing.scaleLinear.0': '--ds-scaleLinear-0',
409
- 'spacing.scaleLinear.100': '--ds-scaleLinear-100',
410
- 'spacing.scaleLinear.200': '--ds-scaleLinear-200',
411
- 'spacing.scaleLinear.300': '--ds-scaleLinear-300',
412
- 'spacing.scaleLinear.400': '--ds-scaleLinear-400',
413
- 'spacing.scaleLinear.500': '--ds-scaleLinear-500',
414
- 'spacing.scaleLinear.600': '--ds-scaleLinear-600',
415
- 'spacing.scaleLinear.700': '--ds-scaleLinear-700',
416
- 'spacing.scaleLinear.800': '--ds-scaleLinear-800',
417
- 'spacing.scaleLinear.900': '--ds-scaleLinear-900',
418
- 'spacing.scaleLinear.1000': '--ds-scaleLinear-1000',
419
- 'spacing.scaleLinear.1100': '--ds-scaleLinear-1100',
420
- 'spacing.size.none': '--ds-size-none',
421
- 'spacing.size.xxxxSmall': '--ds-size-xxxxSmall',
422
- 'spacing.size.xxxSmall': '--ds-size-xxxSmall',
423
- 'spacing.size.xxSmall': '--ds-size-xxSmall',
424
- 'spacing.size.xsmall': '--ds-size-xsmall',
425
- 'spacing.size.small': '--ds-size-small',
426
- 'spacing.size.medium': '--ds-size-medium',
427
- 'spacing.size.large': '--ds-size-large',
428
- 'spacing.size.xlarge': '--ds-size-xlarge',
429
- 'spacing.size.xxlarge': '--ds-size-xxlarge',
430
- 'spacing.size.xxxlarge': '--ds-size-xxxlarge',
431
- 'spacing.size.xxxxlarge': '--ds-size-xxxxlarge',
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',
438
- 'spacing.ecl.container.12': '--ds-ecl-container-12',
439
- 'spacing.ecl.container.16': '--ds-ecl-container-16',
440
- 'spacing.ecl.container.20': '--ds-ecl-container-20',
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',
446
- 'spacing.ecl.layout.32': '--ds-ecl-layout-32',
447
- 'spacing.ecl.layout.40': '--ds-ecl-layout-40',
448
- 'spacing.ecl.layout.64': '--ds-ecl-layout-64',
449
- 'spacing.ccc.component.2': '--ds-ccc-component-2',
450
- 'spacing.ccc.component.4': '--ds-ccc-component-4',
451
- 'spacing.ccc.component.6': '--ds-ccc-component-6',
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',
456
- 'spacing.ccc.content.12': '--ds-ccc-content-12',
457
- 'spacing.ccc.content.16': '--ds-ccc-content-16',
458
- 'spacing.ccc.content.20': '--ds-ccc-content-20',
459
- 'spacing.ccc.content.24': '--ds-ccc-content-24',
292
+ 'utility.UNSAFE.transparent': '--ds-UNSAFE-transparent',
460
293
  'space.0': '--ds-space-0',
461
294
  'space.025': '--ds-space-025',
462
295
  'space.050': '--ds-space-050',