@atlaskit/tokens 0.5.0 → 0.6.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 (167) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/atlassian-dark.css +196 -67
  3. package/css/atlassian-light.css +196 -67
  4. package/dist/cjs/artifacts/rename-mapping.js +321 -1
  5. package/dist/cjs/artifacts/token-default-values.js +196 -67
  6. package/dist/cjs/artifacts/token-names.js +196 -67
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +3311 -616
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +3296 -621
  9. package/dist/cjs/artifacts/types-internal.js +5 -0
  10. package/dist/cjs/get-token.js +10 -3
  11. package/dist/cjs/tokens/atlassian-dark/color/accent.js +150 -39
  12. package/dist/cjs/tokens/atlassian-dark/color/background.js +178 -154
  13. package/dist/cjs/tokens/atlassian-dark/color/border.js +26 -2
  14. package/dist/cjs/tokens/atlassian-dark/color/icon.js +49 -0
  15. package/dist/cjs/tokens/atlassian-dark/color/interaction.js +32 -0
  16. package/dist/cjs/tokens/atlassian-dark/color/text.js +25 -23
  17. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +344 -0
  18. package/dist/cjs/tokens/atlassian-dark/elevation/shadow.js +66 -0
  19. package/dist/cjs/tokens/atlassian-dark/elevation/surface.js +26 -0
  20. package/dist/cjs/tokens/atlassian-light/color/accent.js +150 -39
  21. package/dist/cjs/tokens/atlassian-light/color/background.js +178 -154
  22. package/dist/cjs/tokens/atlassian-light/color/border.js +26 -2
  23. package/dist/cjs/tokens/atlassian-light/color/icon.js +49 -0
  24. package/dist/cjs/tokens/atlassian-light/color/interaction.js +32 -0
  25. package/dist/cjs/tokens/atlassian-light/color/text.js +25 -23
  26. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +330 -0
  27. package/dist/cjs/tokens/atlassian-light/elevation/shadow.js +52 -0
  28. package/dist/cjs/tokens/atlassian-light/elevation/surface.js +26 -0
  29. package/dist/cjs/tokens/default/color/accent.js +306 -87
  30. package/dist/cjs/tokens/default/color/background.js +339 -309
  31. package/dist/cjs/tokens/default/color/border.js +60 -4
  32. package/dist/cjs/tokens/default/color/icon.js +93 -0
  33. package/dist/cjs/tokens/default/color/interaction.js +44 -0
  34. package/dist/cjs/tokens/default/color/text.js +37 -35
  35. package/dist/cjs/tokens/default/deprecated/deprecated.js +698 -0
  36. package/dist/cjs/tokens/default/elevation/shadow.js +28 -0
  37. package/dist/cjs/tokens/default/elevation/surface.js +42 -0
  38. package/dist/cjs/version.json +1 -1
  39. package/dist/es2019/artifacts/rename-mapping.js +321 -1
  40. package/dist/es2019/artifacts/token-default-values.js +196 -67
  41. package/dist/es2019/artifacts/token-names.js +196 -67
  42. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +3311 -616
  43. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +3296 -621
  44. package/dist/es2019/artifacts/types-internal.js +1 -0
  45. package/dist/es2019/get-token.js +8 -3
  46. package/dist/es2019/tokens/atlassian-dark/color/accent.js +150 -39
  47. package/dist/es2019/tokens/atlassian-dark/color/background.js +178 -154
  48. package/dist/es2019/tokens/atlassian-dark/color/border.js +26 -2
  49. package/dist/es2019/tokens/atlassian-dark/color/icon.js +42 -0
  50. package/dist/es2019/tokens/atlassian-dark/color/interaction.js +25 -0
  51. package/dist/es2019/tokens/atlassian-dark/color/text.js +25 -23
  52. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +337 -0
  53. package/dist/es2019/tokens/atlassian-dark/elevation/shadow.js +59 -0
  54. package/dist/es2019/tokens/atlassian-dark/elevation/surface.js +19 -0
  55. package/dist/es2019/tokens/atlassian-light/color/accent.js +150 -39
  56. package/dist/es2019/tokens/atlassian-light/color/background.js +178 -154
  57. package/dist/es2019/tokens/atlassian-light/color/border.js +26 -2
  58. package/dist/es2019/tokens/atlassian-light/color/icon.js +42 -0
  59. package/dist/es2019/tokens/atlassian-light/color/interaction.js +25 -0
  60. package/dist/es2019/tokens/atlassian-light/color/text.js +25 -23
  61. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +323 -0
  62. package/dist/es2019/tokens/atlassian-light/elevation/shadow.js +45 -0
  63. package/dist/es2019/tokens/atlassian-light/elevation/surface.js +19 -0
  64. package/dist/es2019/tokens/default/color/accent.js +306 -87
  65. package/dist/es2019/tokens/default/color/background.js +339 -314
  66. package/dist/es2019/tokens/default/color/border.js +60 -4
  67. package/dist/es2019/tokens/default/color/icon.js +86 -0
  68. package/dist/es2019/tokens/default/color/interaction.js +37 -0
  69. package/dist/es2019/tokens/default/color/text.js +37 -42
  70. package/dist/es2019/tokens/default/deprecated/deprecated.js +729 -0
  71. package/dist/es2019/tokens/default/elevation/shadow.js +23 -0
  72. package/dist/es2019/tokens/default/elevation/surface.js +37 -0
  73. package/dist/es2019/version.json +1 -1
  74. package/dist/esm/artifacts/rename-mapping.js +321 -1
  75. package/dist/esm/artifacts/token-default-values.js +196 -67
  76. package/dist/esm/artifacts/token-names.js +196 -67
  77. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +3311 -616
  78. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +3296 -621
  79. package/dist/esm/artifacts/types-internal.js +1 -0
  80. package/dist/esm/get-token.js +8 -3
  81. package/dist/esm/tokens/atlassian-dark/color/accent.js +150 -39
  82. package/dist/esm/tokens/atlassian-dark/color/background.js +178 -154
  83. package/dist/esm/tokens/atlassian-dark/color/border.js +26 -2
  84. package/dist/esm/tokens/atlassian-dark/color/icon.js +42 -0
  85. package/dist/esm/tokens/atlassian-dark/color/interaction.js +25 -0
  86. package/dist/esm/tokens/atlassian-dark/color/text.js +25 -23
  87. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +337 -0
  88. package/dist/esm/tokens/atlassian-dark/elevation/shadow.js +59 -0
  89. package/dist/esm/tokens/atlassian-dark/elevation/surface.js +19 -0
  90. package/dist/esm/tokens/atlassian-light/color/accent.js +150 -39
  91. package/dist/esm/tokens/atlassian-light/color/background.js +178 -154
  92. package/dist/esm/tokens/atlassian-light/color/border.js +26 -2
  93. package/dist/esm/tokens/atlassian-light/color/icon.js +42 -0
  94. package/dist/esm/tokens/atlassian-light/color/interaction.js +25 -0
  95. package/dist/esm/tokens/atlassian-light/color/text.js +25 -23
  96. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +323 -0
  97. package/dist/esm/tokens/atlassian-light/elevation/shadow.js +45 -0
  98. package/dist/esm/tokens/atlassian-light/elevation/surface.js +19 -0
  99. package/dist/esm/tokens/default/color/accent.js +306 -87
  100. package/dist/esm/tokens/default/color/background.js +339 -309
  101. package/dist/esm/tokens/default/color/border.js +60 -4
  102. package/dist/esm/tokens/default/color/icon.js +86 -0
  103. package/dist/esm/tokens/default/color/interaction.js +37 -0
  104. package/dist/esm/tokens/default/color/text.js +37 -35
  105. package/dist/esm/tokens/default/deprecated/deprecated.js +691 -0
  106. package/dist/esm/tokens/default/elevation/shadow.js +21 -0
  107. package/dist/esm/tokens/default/elevation/surface.js +35 -0
  108. package/dist/esm/version.json +1 -1
  109. package/dist/types/artifacts/token-default-values.d.ts +196 -67
  110. package/dist/types/artifacts/token-names.d.ts +392 -134
  111. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +86 -0
  112. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +62 -0
  113. package/dist/types/artifacts/types-internal.d.ts +4 -0
  114. package/dist/types/artifacts/types.d.ts +1 -1
  115. package/dist/types/get-token.d.ts +2 -2
  116. package/dist/types/tokens/atlassian-dark/color/icon.d.ts +3 -0
  117. package/dist/types/tokens/atlassian-dark/color/interaction.d.ts +3 -0
  118. package/dist/types/tokens/atlassian-dark/deprecated/deprecated.d.ts +3 -0
  119. package/dist/types/tokens/atlassian-dark/{shadow → elevation}/shadow.d.ts +0 -0
  120. package/dist/types/tokens/atlassian-dark/elevation/surface.d.ts +3 -0
  121. package/dist/types/tokens/atlassian-light/color/icon.d.ts +3 -0
  122. package/dist/types/tokens/atlassian-light/color/interaction.d.ts +3 -0
  123. package/dist/types/tokens/atlassian-light/deprecated/deprecated.d.ts +3 -0
  124. package/dist/types/tokens/atlassian-light/{shadow → elevation}/shadow.d.ts +0 -0
  125. package/dist/types/tokens/atlassian-light/elevation/surface.d.ts +3 -0
  126. package/dist/types/tokens/default/color/icon.d.ts +3 -0
  127. package/dist/types/tokens/default/color/interaction.d.ts +3 -0
  128. package/dist/types/tokens/default/deprecated/deprecated.d.ts +3 -0
  129. package/dist/types/tokens/default/{shadow → elevation}/shadow.d.ts +0 -0
  130. package/dist/types/tokens/default/elevation/surface.d.ts +3 -0
  131. package/dist/types/tokens/default/utility/utility.d.ts +72 -72
  132. package/dist/types/types.d.ts +294 -54
  133. package/package.json +2 -1
  134. package/tokens-browser-extension/manifest.json +1 -2
  135. package/dist/cjs/tokens/atlassian-dark/color/icon-border.js +0 -29
  136. package/dist/cjs/tokens/atlassian-dark/color/overlay.js +0 -20
  137. package/dist/cjs/tokens/atlassian-dark/shadow/shadow.js +0 -64
  138. package/dist/cjs/tokens/atlassian-light/color/icon-border.js +0 -29
  139. package/dist/cjs/tokens/atlassian-light/color/overlay.js +0 -20
  140. package/dist/cjs/tokens/atlassian-light/shadow/shadow.js +0 -50
  141. package/dist/cjs/tokens/default/color/icon-border.js +0 -49
  142. package/dist/cjs/tokens/default/color/overlay.js +0 -28
  143. package/dist/cjs/tokens/default/shadow/shadow.js +0 -26
  144. package/dist/es2019/tokens/atlassian-dark/color/icon-border.js +0 -22
  145. package/dist/es2019/tokens/atlassian-dark/color/overlay.js +0 -13
  146. package/dist/es2019/tokens/atlassian-dark/shadow/shadow.js +0 -57
  147. package/dist/es2019/tokens/atlassian-light/color/icon-border.js +0 -22
  148. package/dist/es2019/tokens/atlassian-light/color/overlay.js +0 -13
  149. package/dist/es2019/tokens/atlassian-light/shadow/shadow.js +0 -43
  150. package/dist/es2019/tokens/default/color/icon-border.js +0 -60
  151. package/dist/es2019/tokens/default/color/overlay.js +0 -21
  152. package/dist/es2019/tokens/default/shadow/shadow.js +0 -27
  153. package/dist/esm/tokens/atlassian-dark/color/icon-border.js +0 -22
  154. package/dist/esm/tokens/atlassian-dark/color/overlay.js +0 -13
  155. package/dist/esm/tokens/atlassian-dark/shadow/shadow.js +0 -57
  156. package/dist/esm/tokens/atlassian-light/color/icon-border.js +0 -22
  157. package/dist/esm/tokens/atlassian-light/color/overlay.js +0 -13
  158. package/dist/esm/tokens/atlassian-light/shadow/shadow.js +0 -43
  159. package/dist/esm/tokens/default/color/icon-border.js +0 -42
  160. package/dist/esm/tokens/default/color/overlay.js +0 -21
  161. package/dist/esm/tokens/default/shadow/shadow.js +0 -19
  162. package/dist/types/tokens/atlassian-dark/color/icon-border.d.ts +0 -3
  163. package/dist/types/tokens/atlassian-dark/color/overlay.d.ts +0 -3
  164. package/dist/types/tokens/atlassian-light/color/icon-border.d.ts +0 -3
  165. package/dist/types/tokens/atlassian-light/color/overlay.d.ts +0 -3
  166. package/dist/types/tokens/default/color/icon-border.d.ts +0 -3
  167. package/dist/types/tokens/default/color/overlay.d.ts +0 -3
@@ -5,93 +5,222 @@
5
5
  * A map of token names to their value in the default Atlassian theme ('light')
6
6
  */
7
7
  const defaultTokenValues = {
8
- 'color.accent.boldBlue': '#579DFF',
9
- 'color.accent.boldGreen': '#4BCE97',
10
- 'color.accent.boldOrange': '#FAA53D',
11
- 'color.accent.boldPurple': '#9F8FEF',
12
- 'color.accent.boldRed': '#F87462',
13
- 'color.accent.boldTeal': '#60C6D2',
14
- 'color.accent.subtleBlue': '#CCE0FF',
15
- 'color.accent.subtleGreen': '#BAF3DB',
16
- 'color.accent.subtleMagenta': '#FDD0EC',
17
- 'color.accent.subtleOrange': '#FFE2BD',
18
- 'color.accent.subtlePurple': '#DFD8FD',
19
- 'color.accent.subtleRed': '#FFD2CC',
20
- 'color.accent.subtleTeal': '#C1F0F5',
21
- 'color.background.sunken': '#091E4208',
22
- 'color.background.default': '#FFFFFF',
8
+ 'color.text.accent.blue': '#0055CC',
9
+ 'color.text.accent.red': '#AE2A19',
10
+ 'color.text.accent.orange': '#974F0C',
11
+ 'color.text.accent.yellow': '#7F5F01',
12
+ 'color.text.accent.green': '#216E4E',
13
+ 'color.text.accent.purple': '#5E4DB2',
14
+ 'color.text.accent.teal': '#206B74',
15
+ 'color.text.accent.magenta': '#943D73',
16
+ 'color.text': '#172B4D',
17
+ 'color.text.subtle': '#44546F',
18
+ 'color.text.subtlest': '#626F86',
19
+ 'color.text.disabled': '#8993A5',
20
+ 'color.text.inverse': '#FFFFFF',
21
+ 'color.text.brand': '#0C66E4',
22
+ 'color.text.danger': '#AE2A19',
23
+ 'color.text.warning': '#974F0C',
24
+ 'color.text.warning.inverse': '#172B4D',
25
+ 'color.text.success': '#216E4E',
26
+ 'color.text.discovery': '#5E4DB2',
27
+ 'color.text.information': '#0055CC',
28
+ 'color.text.highEmphasis': '#172B4D',
29
+ 'color.text.link.pressed': '#0055CC',
30
+ 'color.text.link.resting': '#0C66E4',
31
+ 'color.text.lowEmphasis': '#626F86',
32
+ 'color.text.mediumEmphasis': '#44546F',
33
+ 'color.text.onBold': '#FFFFFF',
34
+ 'color.text.onBoldWarning': '#172B4D',
35
+ 'color.text.selected': '#0C66E4',
36
+ 'color.icon.accent.blue': '#1D7AFC',
37
+ 'color.icon.accent.red': '#E34935',
38
+ 'color.icon.accent.orange': '#D97008',
39
+ 'color.icon.accent.yellow': '#B38600',
40
+ 'color.icon.accent.green': '#22A06B',
41
+ 'color.icon.accent.purple': '#8270DB',
42
+ 'color.icon.accent.teal': '#1D9AAA',
43
+ 'color.icon.accent.magenta': '#CD519D',
44
+ 'color.icon': '#44546F',
45
+ 'color.icon.subtle': '#626F86',
46
+ 'color.icon.inverse': '#FFFFFF',
47
+ 'color.icon.disabled': '#8993A5',
48
+ 'color.icon.brand': '#0C66E4',
49
+ 'color.icon.danger': '#E34935',
50
+ 'color.icon.warning': '#D97008',
51
+ 'color.icon.warning.inverse': '#172B4D',
52
+ 'color.icon.success': '#22A06B',
53
+ 'color.icon.discovery': '#8270DB',
54
+ 'color.icon.information': '#1D7AFC',
55
+ 'color.border.accent.blue': '#1D7AFC',
56
+ 'color.border.accent.red': '#E34935',
57
+ 'color.border.accent.orange': '#D97008',
58
+ 'color.border.accent.yellow': '#B38600',
59
+ 'color.border.accent.green': '#22A06B',
60
+ 'color.border.accent.purple': '#8270DB',
61
+ 'color.border.accent.teal': '#1D9AAA',
62
+ 'color.border.accent.magenta': '#CD519D',
63
+ 'color.border': '#091E4224',
64
+ 'color.border.focused': '#388BFF',
65
+ 'color.border.input': '#091E4224',
66
+ 'color.border.disabled': '#091E420F',
67
+ 'color.border.brand': '#0C66E4',
68
+ 'color.border.danger': '#E34935',
69
+ 'color.border.warning': '#D97008',
70
+ 'color.border.success': '#22A06B',
71
+ 'color.border.discovery': '#8270DB',
72
+ 'color.border.information': '#1D7AFC',
73
+ 'color.border.focus': '#388BFF',
74
+ 'color.border.neutral': '#091E4224',
75
+ 'color.background.accent.blue': '#CCE0FF',
76
+ 'color.background.accent.blue.bold': '#579DFF',
77
+ 'color.background.accent.red': '#FFD2CC',
78
+ 'color.background.accent.red.bold': '#F87462',
79
+ 'color.background.accent.orange': '#FFE2BD',
80
+ 'color.background.accent.orange.bold': '#FAA53D',
81
+ 'color.background.accent.yellow': '#F8E6A0',
82
+ 'color.background.accent.yellow.bold': '#E2B203',
83
+ 'color.background.accent.green': '#BAF3DB',
84
+ 'color.background.accent.green.bold': '#4BCE97',
85
+ 'color.background.accent.teal': '#C1F0F5',
86
+ 'color.background.accent.teal.bold': '#60C6D2',
87
+ 'color.background.accent.purple': '#DFD8FD',
88
+ 'color.background.accent.purple.bold': '#9F8FEF',
89
+ 'color.background.accent.magenta': '#FDD0EC',
90
+ 'color.background.accent.magenta.bold': '#E774BB',
91
+ 'color.background.disabled': '#091E420F',
92
+ 'color.background.inverse': '#00000029',
93
+ 'color.background.input': '#091E4208',
94
+ 'color.background.input.hovered': '#FFFFFF',
95
+ 'color.background.input.pressed': '#091E420F',
96
+ 'color.background.neutral': '#091E420F',
97
+ 'color.background.neutral.hovered': '#091E4224',
98
+ 'color.background.neutral.pressed': '#091E424F',
99
+ 'color.background.neutral.subtle': '#00000000',
100
+ 'color.background.neutral.subtle.hovered': '#091E420F',
101
+ 'color.background.neutral.subtle.pressed': '#091E4224',
102
+ 'color.background.neutral.bold': '#44546F',
103
+ 'color.background.neutral.bold.hovered': '#2C3E5D',
104
+ 'color.background.neutral.bold.pressed': '#172B4D',
105
+ 'color.background.brand': '#E9F2FF',
106
+ 'color.background.brand.hovered': '#CCE0FF',
107
+ 'color.background.brand.pressed': '#85B8FF',
108
+ 'color.background.brand.bold': '#0C66E4',
109
+ 'color.background.brand.bold.hovered': '#0055CC',
110
+ 'color.background.brand.bold.pressed': '#09326C',
111
+ 'color.background.danger': '#FFEDEB',
112
+ 'color.background.danger.hovered': '#FFD2CC',
113
+ 'color.background.danger.pressed': '#FF9C8F',
114
+ 'color.background.danger.bold': '#CA3521',
115
+ 'color.background.danger.bold.hovered': '#AE2A19',
116
+ 'color.background.danger.bold.pressed': '#601E16',
117
+ 'color.background.warning': '#FFF7D6',
118
+ 'color.background.warning.hovered': '#F8E6A0',
119
+ 'color.background.warning.pressed': '#F5CD47',
120
+ 'color.background.warning.bold': '#E2B203',
121
+ 'color.background.warning.bold.hovered': '#CF9F02',
122
+ 'color.background.warning.bold.pressed': '#B38600',
123
+ 'color.background.success': '#DFFCF0',
124
+ 'color.background.success.hovered': '#BAF3DB',
125
+ 'color.background.success.pressed': '#7EE2B8',
126
+ 'color.background.success.bold': '#1F845A',
127
+ 'color.background.success.bold.hovered': '#216E4E',
128
+ 'color.background.success.bold.pressed': '#164B35',
129
+ 'color.background.discovery': '#F3F0FF',
130
+ 'color.background.discovery.hovered': '#DFD8FD',
131
+ 'color.background.discovery.pressed': '#B8ACF6',
132
+ 'color.background.discovery.bold': '#6E5DC6',
133
+ 'color.background.discovery.bold.hovered': '#5E4DB2',
134
+ 'color.background.discovery.bold.pressed': '#352C63',
135
+ 'color.background.information': '#E9F2FF',
136
+ 'color.background.information.hovered': '#CCE0FF',
137
+ 'color.background.information.pressed': '#85B8FF',
138
+ 'color.background.information.bold': '#0C66E4',
139
+ 'color.background.information.bold.hovered': '#0055CC',
140
+ 'color.background.information.bold.pressed': '#09326C',
141
+ 'color.background.blanket': '#091E427A',
142
+ 'color.background.boldBrand.hover': '#0055CC',
143
+ 'color.background.boldBrand.pressed': '#09326C',
144
+ 'color.background.boldBrand.resting': '#0C66E4',
145
+ 'color.background.boldDanger.hover': '#AE2A19',
146
+ 'color.background.boldDanger.pressed': '#601E16',
147
+ 'color.background.boldDanger.resting': '#CA3521',
148
+ 'color.background.boldDiscovery.hover': '#5E4DB2',
149
+ 'color.background.boldDiscovery.pressed': '#352C63',
150
+ 'color.background.boldDiscovery.resting': '#6E5DC6',
151
+ 'color.background.boldNeutral.hover': '#2C3E5D',
152
+ 'color.background.boldNeutral.pressed': '#172B4D',
153
+ 'color.background.boldNeutral.resting': '#44546F',
154
+ 'color.background.boldSuccess.hover': '#216E4E',
155
+ 'color.background.boldSuccess.pressed': '#164B35',
156
+ 'color.background.boldSuccess.resting': '#1F845A',
157
+ 'color.background.boldWarning.hover': '#CF9F02',
158
+ 'color.background.boldWarning.pressed': '#B38600',
159
+ 'color.background.boldWarning.resting': '#E2B203',
23
160
  'color.background.card': '#FFFFFF',
161
+ 'color.background.default': '#FFFFFF',
24
162
  'color.background.overlay': '#FFFFFF',
25
163
  'color.background.selected.resting': '#E9F2FF',
26
164
  'color.background.selected.hover': '#CCE0FF',
27
165
  'color.background.selected.pressed': '#85B8FF',
28
- 'color.background.blanket': '#091E427A',
29
- 'color.background.disabled': '#091E420F',
30
- 'color.background.boldBrand.resting': '#0C66E4',
31
- 'color.background.boldBrand.hover': '#0055CC',
32
- 'color.background.boldBrand.pressed': '#09326C',
33
- 'color.background.subtleBrand.resting': '#E9F2FF',
166
+ 'color.background.subtleBorderedNeutral.pressed': '#091E420F',
167
+ 'color.background.subtleBorderedNeutral.resting': '#091E4208',
34
168
  'color.background.subtleBrand.hover': '#CCE0FF',
35
169
  'color.background.subtleBrand.pressed': '#85B8FF',
36
- 'color.background.boldDanger.resting': '#CA3521',
37
- 'color.background.boldDanger.hover': '#AE2A19',
38
- 'color.background.boldDanger.pressed': '#601E16',
39
- 'color.background.subtleDanger.resting': '#FFEDEB',
170
+ 'color.background.subtleBrand.resting': '#E9F2FF',
40
171
  'color.background.subtleDanger.hover': '#FFD2CC',
41
172
  'color.background.subtleDanger.pressed': '#FF9C8F',
42
- 'color.background.boldWarning.resting': '#E2B203',
43
- 'color.background.boldWarning.hover': '#CF9F02',
44
- 'color.background.boldWarning.pressed': '#B38600',
45
- 'color.background.subtleWarning.resting': '#FFF7D6',
46
- 'color.background.subtleWarning.hover': '#F8E6A0',
47
- 'color.background.subtleWarning.pressed': '#F5CD47',
48
- 'color.background.boldSuccess.resting': '#1F845A',
49
- 'color.background.boldSuccess.hover': '#216E4E',
50
- 'color.background.boldSuccess.pressed': '#164B35',
51
- 'color.background.subtleSuccess.resting': '#DFFCF0',
52
- 'color.background.subtleSuccess.hover': '#BAF3DB',
53
- 'color.background.subtleSuccess.pressed': '#7EE2B8',
54
- 'color.background.boldDiscovery.resting': '#6E5DC6',
55
- 'color.background.boldDiscovery.hover': '#5E4DB2',
56
- 'color.background.boldDiscovery.pressed': '#352C63',
57
- 'color.background.subtleDiscovery.resting': '#F3F0FF',
173
+ 'color.background.subtleDanger.resting': '#FFEDEB',
58
174
  'color.background.subtleDiscovery.hover': '#DFD8FD',
59
175
  'color.background.subtleDiscovery.pressed': '#B8ACF6',
60
- 'color.background.boldNeutral.resting': '#44546F',
61
- 'color.background.boldNeutral.hover': '#2C3E5D',
62
- 'color.background.boldNeutral.pressed': '#172B4D',
63
- 'color.background.transparentNeutral.hover': '#091E420F',
64
- 'color.background.transparentNeutral.pressed': '#091E4224',
65
- 'color.background.subtleNeutral.resting': '#091E420F',
176
+ 'color.background.subtleDiscovery.resting': '#F3F0FF',
66
177
  'color.background.subtleNeutral.hover': '#091E4224',
67
178
  'color.background.subtleNeutral.pressed': '#091E424F',
68
- 'color.background.subtleBorderedNeutral.resting': '#091E4208',
69
- 'color.background.subtleBorderedNeutral.pressed': '#091E420F',
70
- 'color.border.focus': '#388BFF',
71
- 'color.border.neutral': '#091E4224',
179
+ 'color.background.subtleNeutral.resting': '#091E420F',
180
+ 'color.background.subtleSuccess.hover': '#BAF3DB',
181
+ 'color.background.subtleSuccess.pressed': '#7EE2B8',
182
+ 'color.background.subtleSuccess.resting': '#DFFCF0',
183
+ 'color.background.subtleWarning.hover': '#F8E6A0',
184
+ 'color.background.subtleWarning.pressed': '#F5CD47',
185
+ 'color.background.subtleWarning.resting': '#FFF7D6',
186
+ 'color.background.sunken': '#091E4208',
187
+ 'color.background.transparentNeutral.hover': '#091E420F',
188
+ 'color.background.transparentNeutral.pressed': '#091E4224',
189
+ 'color.blanket': '#091E427A',
190
+ 'color.interaction.hovered': '#ffffff33',
191
+ 'color.interaction.pressed': '#ffffff5c',
192
+ 'color.interaction.inverse.hovered': '#00000029',
193
+ 'color.interaction.inverse.pressed': '#00000052',
194
+ 'color.link': '#0C66E4',
195
+ 'color.link.pressed': '#0055CC',
196
+ 'color.accent.boldBlue': '#579DFF',
197
+ 'color.accent.boldGreen': '#4BCE97',
198
+ 'color.accent.boldOrange': '#FAA53D',
199
+ 'color.accent.boldPurple': '#9F8FEF',
200
+ 'color.accent.boldRed': '#F87462',
201
+ 'color.accent.boldTeal': '#60C6D2',
202
+ 'color.accent.subtleBlue': '#CCE0FF',
203
+ 'color.accent.subtleGreen': '#BAF3DB',
204
+ 'color.accent.subtleMagenta': '#FDD0EC',
205
+ 'color.accent.subtleOrange': '#FFE2BD',
206
+ 'color.accent.subtlePurple': '#DFD8FD',
207
+ 'color.accent.subtleRed': '#FFD2CC',
208
+ 'color.accent.subtleTeal': '#C1F0F5',
72
209
  'color.iconBorder.brand': '#1D7AFC',
73
210
  'color.iconBorder.danger': '#E34935',
74
- 'color.iconBorder.warning': '#D97008',
75
- 'color.iconBorder.success': '#22A06B',
76
211
  'color.iconBorder.discovery': '#8270DB',
212
+ 'color.iconBorder.success': '#22A06B',
213
+ 'color.iconBorder.warning': '#D97008',
77
214
  'color.overlay.hover': '#091E424F',
78
215
  'color.overlay.pressed': '#091E427A',
79
- 'color.text.selected': '#0C66E4',
80
- 'color.text.highEmphasis': '#172B4D',
81
- 'color.text.mediumEmphasis': '#44546F',
82
- 'color.text.lowEmphasis': '#626F86',
83
- 'color.text.onBold': '#FFFFFF',
84
- 'color.text.onBoldWarning': '#172B4D',
85
- 'color.text.link.resting': '#0C66E4',
86
- 'color.text.link.pressed': '#0055CC',
87
- 'color.text.brand': '#0055CC',
88
- 'color.text.warning': '#974F0C',
89
- 'color.text.danger': '#AE2A19',
90
- 'color.text.success': '#216E4E',
91
- 'color.text.discovery': '#5E4DB2',
92
- 'color.text.disabled': '#8993A5',
93
216
  'shadow.card': '0px 1px 1px #091E4240, 0px 0px 1px #091E424F',
94
217
  'shadow.overlay': '0px 8px 12px #091E4226, 0px 0px 1px #091E424F',
218
+ 'elevation.shadow.raised': '0px 1px 1px #091E4240, 0px 0px 1px #091E424F',
219
+ 'elevation.shadow.overlay': '0px 8px 12px #091E4226, 0px 0px 1px #091E424F',
220
+ 'elevation.surface': '#FFFFFF',
221
+ 'elevation.surface.sunken': '#091E4208',
222
+ 'elevation.surface.raised': '#FFFFFF',
223
+ 'elevation.surface.overlay': '#FFFFFF',
95
224
  'utility.UNSAFE_util.transparent': 'transparent',
96
225
  'utility.UNSAFE_util.MISSING_TOKEN': '#FA11F2'
97
226
  };
@@ -1,93 +1,222 @@
1
1
  // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
2
2
  // Re-generate by running `yarn build tokens`.
3
3
  const tokens = {
4
- 'color.accent.boldBlue': '--ds-accent-boldBlue',
5
- 'color.accent.boldGreen': '--ds-accent-boldGreen',
6
- 'color.accent.boldOrange': '--ds-accent-boldOrange',
7
- 'color.accent.boldPurple': '--ds-accent-boldPurple',
8
- 'color.accent.boldRed': '--ds-accent-boldRed',
9
- 'color.accent.boldTeal': '--ds-accent-boldTeal',
10
- 'color.accent.subtleBlue': '--ds-accent-subtleBlue',
11
- 'color.accent.subtleGreen': '--ds-accent-subtleGreen',
12
- 'color.accent.subtleMagenta': '--ds-accent-subtleMagenta',
13
- 'color.accent.subtleOrange': '--ds-accent-subtleOrange',
14
- 'color.accent.subtlePurple': '--ds-accent-subtlePurple',
15
- 'color.accent.subtleRed': '--ds-accent-subtleRed',
16
- 'color.accent.subtleTeal': '--ds-accent-subtleTeal',
17
- 'color.background.sunken': '--ds-background-sunken',
18
- 'color.background.default': '--ds-background-default',
4
+ 'color.text.accent.blue': '--ds-text-accent-blue',
5
+ 'color.text.accent.red': '--ds-text-accent-red',
6
+ 'color.text.accent.orange': '--ds-text-accent-orange',
7
+ 'color.text.accent.yellow': '--ds-text-accent-yellow',
8
+ 'color.text.accent.green': '--ds-text-accent-green',
9
+ 'color.text.accent.purple': '--ds-text-accent-purple',
10
+ 'color.text.accent.teal': '--ds-text-accent-teal',
11
+ 'color.text.accent.magenta': '--ds-text-accent-magenta',
12
+ 'color.text': '--ds-text',
13
+ 'color.text.subtle': '--ds-text-subtle',
14
+ 'color.text.subtlest': '--ds-text-subtlest',
15
+ 'color.text.disabled': '--ds-text-disabled',
16
+ 'color.text.inverse': '--ds-text-inverse',
17
+ 'color.text.brand': '--ds-text-brand',
18
+ 'color.text.danger': '--ds-text-danger',
19
+ 'color.text.warning': '--ds-text-warning',
20
+ 'color.text.warning.inverse': '--ds-text-warning-inverse',
21
+ 'color.text.success': '--ds-text-success',
22
+ 'color.text.discovery': '--ds-text-discovery',
23
+ 'color.text.information': '--ds-text-information',
24
+ 'color.text.highEmphasis': '--ds-text-highEmphasis',
25
+ 'color.text.link.pressed': '--ds-text-link-pressed',
26
+ 'color.text.link.resting': '--ds-text-link-resting',
27
+ 'color.text.lowEmphasis': '--ds-text-lowEmphasis',
28
+ 'color.text.mediumEmphasis': '--ds-text-mediumEmphasis',
29
+ 'color.text.onBold': '--ds-text-onBold',
30
+ 'color.text.onBoldWarning': '--ds-text-onBoldWarning',
31
+ 'color.text.selected': '--ds-text-selected',
32
+ 'color.icon.accent.blue': '--ds-icon-accent-blue',
33
+ 'color.icon.accent.red': '--ds-icon-accent-red',
34
+ 'color.icon.accent.orange': '--ds-icon-accent-orange',
35
+ 'color.icon.accent.yellow': '--ds-icon-accent-yellow',
36
+ 'color.icon.accent.green': '--ds-icon-accent-green',
37
+ 'color.icon.accent.purple': '--ds-icon-accent-purple',
38
+ 'color.icon.accent.teal': '--ds-icon-accent-teal',
39
+ 'color.icon.accent.magenta': '--ds-icon-accent-magenta',
40
+ 'color.icon': '--ds-icon',
41
+ 'color.icon.subtle': '--ds-icon-subtle',
42
+ 'color.icon.inverse': '--ds-icon-inverse',
43
+ 'color.icon.disabled': '--ds-icon-disabled',
44
+ 'color.icon.brand': '--ds-icon-brand',
45
+ 'color.icon.danger': '--ds-icon-danger',
46
+ 'color.icon.warning': '--ds-icon-warning',
47
+ 'color.icon.warning.inverse': '--ds-icon-warning-inverse',
48
+ 'color.icon.success': '--ds-icon-success',
49
+ 'color.icon.discovery': '--ds-icon-discovery',
50
+ 'color.icon.information': '--ds-icon-information',
51
+ 'color.border.accent.blue': '--ds-border-accent-blue',
52
+ 'color.border.accent.red': '--ds-border-accent-red',
53
+ 'color.border.accent.orange': '--ds-border-accent-orange',
54
+ 'color.border.accent.yellow': '--ds-border-accent-yellow',
55
+ 'color.border.accent.green': '--ds-border-accent-green',
56
+ 'color.border.accent.purple': '--ds-border-accent-purple',
57
+ 'color.border.accent.teal': '--ds-border-accent-teal',
58
+ 'color.border.accent.magenta': '--ds-border-accent-magenta',
59
+ 'color.border': '--ds-border',
60
+ 'color.border.focused': '--ds-border-focused',
61
+ 'color.border.input': '--ds-border-input',
62
+ 'color.border.disabled': '--ds-border-disabled',
63
+ 'color.border.brand': '--ds-border-brand',
64
+ 'color.border.danger': '--ds-border-danger',
65
+ 'color.border.warning': '--ds-border-warning',
66
+ 'color.border.success': '--ds-border-success',
67
+ 'color.border.discovery': '--ds-border-discovery',
68
+ 'color.border.information': '--ds-border-information',
69
+ 'color.border.focus': '--ds-border-focus',
70
+ 'color.border.neutral': '--ds-border-neutral',
71
+ 'color.background.accent.blue': '--ds-background-accent-blue',
72
+ 'color.background.accent.blue.bold': '--ds-background-accent-blue-bold',
73
+ 'color.background.accent.red': '--ds-background-accent-red',
74
+ 'color.background.accent.red.bold': '--ds-background-accent-red-bold',
75
+ 'color.background.accent.orange': '--ds-background-accent-orange',
76
+ 'color.background.accent.orange.bold': '--ds-background-accent-orange-bold',
77
+ 'color.background.accent.yellow': '--ds-background-accent-yellow',
78
+ 'color.background.accent.yellow.bold': '--ds-background-accent-yellow-bold',
79
+ 'color.background.accent.green': '--ds-background-accent-green',
80
+ 'color.background.accent.green.bold': '--ds-background-accent-green-bold',
81
+ 'color.background.accent.teal': '--ds-background-accent-teal',
82
+ 'color.background.accent.teal.bold': '--ds-background-accent-teal-bold',
83
+ 'color.background.accent.purple': '--ds-background-accent-purple',
84
+ 'color.background.accent.purple.bold': '--ds-background-accent-purple-bold',
85
+ 'color.background.accent.magenta': '--ds-background-accent-magenta',
86
+ 'color.background.accent.magenta.bold': '--ds-background-accent-magenta-bold',
87
+ 'color.background.disabled': '--ds-background-disabled',
88
+ 'color.background.inverse': '--ds-background-inverse',
89
+ 'color.background.input': '--ds-background-input',
90
+ 'color.background.input.hovered': '--ds-background-input-hovered',
91
+ 'color.background.input.pressed': '--ds-background-input-pressed',
92
+ 'color.background.neutral': '--ds-background-neutral',
93
+ 'color.background.neutral.hovered': '--ds-background-neutral-hovered',
94
+ 'color.background.neutral.pressed': '--ds-background-neutral-pressed',
95
+ 'color.background.neutral.subtle': '--ds-background-neutral-subtle',
96
+ 'color.background.neutral.subtle.hovered': '--ds-background-neutral-subtle-hovered',
97
+ 'color.background.neutral.subtle.pressed': '--ds-background-neutral-subtle-pressed',
98
+ 'color.background.neutral.bold': '--ds-background-neutral-bold',
99
+ 'color.background.neutral.bold.hovered': '--ds-background-neutral-bold-hovered',
100
+ 'color.background.neutral.bold.pressed': '--ds-background-neutral-bold-pressed',
101
+ 'color.background.brand': '--ds-background-brand',
102
+ 'color.background.brand.hovered': '--ds-background-brand-hovered',
103
+ 'color.background.brand.pressed': '--ds-background-brand-pressed',
104
+ 'color.background.brand.bold': '--ds-background-brand-bold',
105
+ 'color.background.brand.bold.hovered': '--ds-background-brand-bold-hovered',
106
+ 'color.background.brand.bold.pressed': '--ds-background-brand-bold-pressed',
107
+ 'color.background.danger': '--ds-background-danger',
108
+ 'color.background.danger.hovered': '--ds-background-danger-hovered',
109
+ 'color.background.danger.pressed': '--ds-background-danger-pressed',
110
+ 'color.background.danger.bold': '--ds-background-danger-bold',
111
+ 'color.background.danger.bold.hovered': '--ds-background-danger-bold-hovered',
112
+ 'color.background.danger.bold.pressed': '--ds-background-danger-bold-pressed',
113
+ 'color.background.warning': '--ds-background-warning',
114
+ 'color.background.warning.hovered': '--ds-background-warning-hovered',
115
+ 'color.background.warning.pressed': '--ds-background-warning-pressed',
116
+ 'color.background.warning.bold': '--ds-background-warning-bold',
117
+ 'color.background.warning.bold.hovered': '--ds-background-warning-bold-hovered',
118
+ 'color.background.warning.bold.pressed': '--ds-background-warning-bold-pressed',
119
+ 'color.background.success': '--ds-background-success',
120
+ 'color.background.success.hovered': '--ds-background-success-hovered',
121
+ 'color.background.success.pressed': '--ds-background-success-pressed',
122
+ 'color.background.success.bold': '--ds-background-success-bold',
123
+ 'color.background.success.bold.hovered': '--ds-background-success-bold-hovered',
124
+ 'color.background.success.bold.pressed': '--ds-background-success-bold-pressed',
125
+ 'color.background.discovery': '--ds-background-discovery',
126
+ 'color.background.discovery.hovered': '--ds-background-discovery-hovered',
127
+ 'color.background.discovery.pressed': '--ds-background-discovery-pressed',
128
+ 'color.background.discovery.bold': '--ds-background-discovery-bold',
129
+ 'color.background.discovery.bold.hovered': '--ds-background-discovery-bold-hovered',
130
+ 'color.background.discovery.bold.pressed': '--ds-background-discovery-bold-pressed',
131
+ 'color.background.information': '--ds-background-information',
132
+ 'color.background.information.hovered': '--ds-background-information-hovered',
133
+ 'color.background.information.pressed': '--ds-background-information-pressed',
134
+ 'color.background.information.bold': '--ds-background-information-bold',
135
+ 'color.background.information.bold.hovered': '--ds-background-information-bold-hovered',
136
+ 'color.background.information.bold.pressed': '--ds-background-information-bold-pressed',
137
+ 'color.background.blanket': '--ds-background-blanket',
138
+ 'color.background.boldBrand.hover': '--ds-background-boldBrand-hover',
139
+ 'color.background.boldBrand.pressed': '--ds-background-boldBrand-pressed',
140
+ 'color.background.boldBrand.resting': '--ds-background-boldBrand-resting',
141
+ 'color.background.boldDanger.hover': '--ds-background-boldDanger-hover',
142
+ 'color.background.boldDanger.pressed': '--ds-background-boldDanger-pressed',
143
+ 'color.background.boldDanger.resting': '--ds-background-boldDanger-resting',
144
+ 'color.background.boldDiscovery.hover': '--ds-background-boldDiscovery-hover',
145
+ 'color.background.boldDiscovery.pressed': '--ds-background-boldDiscovery-pressed',
146
+ 'color.background.boldDiscovery.resting': '--ds-background-boldDiscovery-resting',
147
+ 'color.background.boldNeutral.hover': '--ds-background-boldNeutral-hover',
148
+ 'color.background.boldNeutral.pressed': '--ds-background-boldNeutral-pressed',
149
+ 'color.background.boldNeutral.resting': '--ds-background-boldNeutral-resting',
150
+ 'color.background.boldSuccess.hover': '--ds-background-boldSuccess-hover',
151
+ 'color.background.boldSuccess.pressed': '--ds-background-boldSuccess-pressed',
152
+ 'color.background.boldSuccess.resting': '--ds-background-boldSuccess-resting',
153
+ 'color.background.boldWarning.hover': '--ds-background-boldWarning-hover',
154
+ 'color.background.boldWarning.pressed': '--ds-background-boldWarning-pressed',
155
+ 'color.background.boldWarning.resting': '--ds-background-boldWarning-resting',
19
156
  'color.background.card': '--ds-background-card',
157
+ 'color.background.default': '--ds-background-default',
20
158
  'color.background.overlay': '--ds-background-overlay',
21
159
  'color.background.selected.resting': '--ds-background-selected-resting',
22
160
  'color.background.selected.hover': '--ds-background-selected-hover',
23
161
  'color.background.selected.pressed': '--ds-background-selected-pressed',
24
- 'color.background.blanket': '--ds-background-blanket',
25
- 'color.background.disabled': '--ds-background-disabled',
26
- 'color.background.boldBrand.resting': '--ds-background-boldBrand-resting',
27
- 'color.background.boldBrand.hover': '--ds-background-boldBrand-hover',
28
- 'color.background.boldBrand.pressed': '--ds-background-boldBrand-pressed',
29
- 'color.background.subtleBrand.resting': '--ds-background-subtleBrand-resting',
162
+ 'color.background.subtleBorderedNeutral.pressed': '--ds-background-subtleBorderedNeutral-pressed',
163
+ 'color.background.subtleBorderedNeutral.resting': '--ds-background-subtleBorderedNeutral-resting',
30
164
  'color.background.subtleBrand.hover': '--ds-background-subtleBrand-hover',
31
165
  'color.background.subtleBrand.pressed': '--ds-background-subtleBrand-pressed',
32
- 'color.background.boldDanger.resting': '--ds-background-boldDanger-resting',
33
- 'color.background.boldDanger.hover': '--ds-background-boldDanger-hover',
34
- 'color.background.boldDanger.pressed': '--ds-background-boldDanger-pressed',
35
- 'color.background.subtleDanger.resting': '--ds-background-subtleDanger-resting',
166
+ 'color.background.subtleBrand.resting': '--ds-background-subtleBrand-resting',
36
167
  'color.background.subtleDanger.hover': '--ds-background-subtleDanger-hover',
37
168
  'color.background.subtleDanger.pressed': '--ds-background-subtleDanger-pressed',
38
- 'color.background.boldWarning.resting': '--ds-background-boldWarning-resting',
39
- 'color.background.boldWarning.hover': '--ds-background-boldWarning-hover',
40
- 'color.background.boldWarning.pressed': '--ds-background-boldWarning-pressed',
41
- 'color.background.subtleWarning.resting': '--ds-background-subtleWarning-resting',
42
- 'color.background.subtleWarning.hover': '--ds-background-subtleWarning-hover',
43
- 'color.background.subtleWarning.pressed': '--ds-background-subtleWarning-pressed',
44
- 'color.background.boldSuccess.resting': '--ds-background-boldSuccess-resting',
45
- 'color.background.boldSuccess.hover': '--ds-background-boldSuccess-hover',
46
- 'color.background.boldSuccess.pressed': '--ds-background-boldSuccess-pressed',
47
- 'color.background.subtleSuccess.resting': '--ds-background-subtleSuccess-resting',
48
- 'color.background.subtleSuccess.hover': '--ds-background-subtleSuccess-hover',
49
- 'color.background.subtleSuccess.pressed': '--ds-background-subtleSuccess-pressed',
50
- 'color.background.boldDiscovery.resting': '--ds-background-boldDiscovery-resting',
51
- 'color.background.boldDiscovery.hover': '--ds-background-boldDiscovery-hover',
52
- 'color.background.boldDiscovery.pressed': '--ds-background-boldDiscovery-pressed',
53
- 'color.background.subtleDiscovery.resting': '--ds-background-subtleDiscovery-resting',
169
+ 'color.background.subtleDanger.resting': '--ds-background-subtleDanger-resting',
54
170
  'color.background.subtleDiscovery.hover': '--ds-background-subtleDiscovery-hover',
55
171
  'color.background.subtleDiscovery.pressed': '--ds-background-subtleDiscovery-pressed',
56
- 'color.background.boldNeutral.resting': '--ds-background-boldNeutral-resting',
57
- 'color.background.boldNeutral.hover': '--ds-background-boldNeutral-hover',
58
- 'color.background.boldNeutral.pressed': '--ds-background-boldNeutral-pressed',
59
- 'color.background.transparentNeutral.hover': '--ds-background-transparentNeutral-hover',
60
- 'color.background.transparentNeutral.pressed': '--ds-background-transparentNeutral-pressed',
61
- 'color.background.subtleNeutral.resting': '--ds-background-subtleNeutral-resting',
172
+ 'color.background.subtleDiscovery.resting': '--ds-background-subtleDiscovery-resting',
62
173
  'color.background.subtleNeutral.hover': '--ds-background-subtleNeutral-hover',
63
174
  'color.background.subtleNeutral.pressed': '--ds-background-subtleNeutral-pressed',
64
- 'color.background.subtleBorderedNeutral.resting': '--ds-background-subtleBorderedNeutral-resting',
65
- 'color.background.subtleBorderedNeutral.pressed': '--ds-background-subtleBorderedNeutral-pressed',
66
- 'color.border.focus': '--ds-border-focus',
67
- 'color.border.neutral': '--ds-border-neutral',
175
+ 'color.background.subtleNeutral.resting': '--ds-background-subtleNeutral-resting',
176
+ 'color.background.subtleSuccess.hover': '--ds-background-subtleSuccess-hover',
177
+ 'color.background.subtleSuccess.pressed': '--ds-background-subtleSuccess-pressed',
178
+ 'color.background.subtleSuccess.resting': '--ds-background-subtleSuccess-resting',
179
+ 'color.background.subtleWarning.hover': '--ds-background-subtleWarning-hover',
180
+ 'color.background.subtleWarning.pressed': '--ds-background-subtleWarning-pressed',
181
+ 'color.background.subtleWarning.resting': '--ds-background-subtleWarning-resting',
182
+ 'color.background.sunken': '--ds-background-sunken',
183
+ 'color.background.transparentNeutral.hover': '--ds-background-transparentNeutral-hover',
184
+ 'color.background.transparentNeutral.pressed': '--ds-background-transparentNeutral-pressed',
185
+ 'color.blanket': '--ds-blanket',
186
+ 'color.interaction.hovered': '--ds-interaction-hovered',
187
+ 'color.interaction.pressed': '--ds-interaction-pressed',
188
+ 'color.interaction.inverse.hovered': '--ds-interaction-inverse-hovered',
189
+ 'color.interaction.inverse.pressed': '--ds-interaction-inverse-pressed',
190
+ 'color.link': '--ds-link',
191
+ 'color.link.pressed': '--ds-link-pressed',
192
+ 'color.accent.boldBlue': '--ds-accent-boldBlue',
193
+ 'color.accent.boldGreen': '--ds-accent-boldGreen',
194
+ 'color.accent.boldOrange': '--ds-accent-boldOrange',
195
+ 'color.accent.boldPurple': '--ds-accent-boldPurple',
196
+ 'color.accent.boldRed': '--ds-accent-boldRed',
197
+ 'color.accent.boldTeal': '--ds-accent-boldTeal',
198
+ 'color.accent.subtleBlue': '--ds-accent-subtleBlue',
199
+ 'color.accent.subtleGreen': '--ds-accent-subtleGreen',
200
+ 'color.accent.subtleMagenta': '--ds-accent-subtleMagenta',
201
+ 'color.accent.subtleOrange': '--ds-accent-subtleOrange',
202
+ 'color.accent.subtlePurple': '--ds-accent-subtlePurple',
203
+ 'color.accent.subtleRed': '--ds-accent-subtleRed',
204
+ 'color.accent.subtleTeal': '--ds-accent-subtleTeal',
68
205
  'color.iconBorder.brand': '--ds-iconBorder-brand',
69
206
  'color.iconBorder.danger': '--ds-iconBorder-danger',
70
- 'color.iconBorder.warning': '--ds-iconBorder-warning',
71
- 'color.iconBorder.success': '--ds-iconBorder-success',
72
207
  'color.iconBorder.discovery': '--ds-iconBorder-discovery',
208
+ 'color.iconBorder.success': '--ds-iconBorder-success',
209
+ 'color.iconBorder.warning': '--ds-iconBorder-warning',
73
210
  'color.overlay.hover': '--ds-overlay-hover',
74
211
  'color.overlay.pressed': '--ds-overlay-pressed',
75
- 'color.text.selected': '--ds-text-selected',
76
- 'color.text.highEmphasis': '--ds-text-highEmphasis',
77
- 'color.text.mediumEmphasis': '--ds-text-mediumEmphasis',
78
- 'color.text.lowEmphasis': '--ds-text-lowEmphasis',
79
- 'color.text.onBold': '--ds-text-onBold',
80
- 'color.text.onBoldWarning': '--ds-text-onBoldWarning',
81
- 'color.text.link.resting': '--ds-text-link-resting',
82
- 'color.text.link.pressed': '--ds-text-link-pressed',
83
- 'color.text.brand': '--ds-text-brand',
84
- 'color.text.warning': '--ds-text-warning',
85
- 'color.text.danger': '--ds-text-danger',
86
- 'color.text.success': '--ds-text-success',
87
- 'color.text.discovery': '--ds-text-discovery',
88
- 'color.text.disabled': '--ds-text-disabled',
89
212
  'shadow.card': '--ds-card',
90
213
  'shadow.overlay': '--ds-overlay',
214
+ 'elevation.shadow.raised': '--ds-shadow-raised',
215
+ 'elevation.shadow.overlay': '--ds-shadow-overlay',
216
+ 'elevation.surface': '--ds-surface',
217
+ 'elevation.surface.sunken': '--ds-surface-sunken',
218
+ 'elevation.surface.raised': '--ds-surface-raised',
219
+ 'elevation.surface.overlay': '--ds-surface-overlay',
91
220
  'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent',
92
221
  'utility.UNSAFE_util.MISSING_TOKEN': '--ds-UNSAFE_util-MISSING_TOKEN'
93
222
  };