@atlaskit/tokens 1.18.0 → 1.20.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 (96) hide show
  1. package/CHANGELOG.md +102 -0
  2. package/dist/cjs/artifacts/generated-pairs.js +2 -2
  3. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  4. package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +2 -2
  5. package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +2 -2
  6. package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
  7. package/dist/cjs/artifacts/token-default-values.js +81 -1
  8. package/dist/cjs/artifacts/token-names.js +81 -1
  9. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +2044 -284
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +2052 -292
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +2038 -278
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +2037 -277
  13. package/dist/cjs/get-theme-html-attrs.js +2 -13
  14. package/dist/cjs/get-token-value.js +1 -1
  15. package/dist/cjs/get-token.js +1 -1
  16. package/dist/cjs/tokens/atlassian-dark/color/accent.js +360 -40
  17. package/dist/cjs/tokens/atlassian-legacy-dark/color/accent.js +396 -52
  18. package/dist/cjs/tokens/atlassian-legacy-light/color/accent.js +396 -52
  19. package/dist/cjs/tokens/atlassian-light/color/accent.js +360 -40
  20. package/dist/cjs/tokens/default/color/accent.js +920 -200
  21. package/dist/cjs/utils/get-theme-preferences.js +3 -5
  22. package/dist/es2019/artifacts/generated-pairs.js +2 -2
  23. package/dist/es2019/artifacts/themes/atlassian-dark.js +81 -1
  24. package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +85 -5
  25. package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +86 -6
  26. package/dist/es2019/artifacts/themes/atlassian-light.js +81 -1
  27. package/dist/es2019/artifacts/token-default-values.js +81 -1
  28. package/dist/es2019/artifacts/token-names.js +81 -1
  29. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +2044 -284
  30. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +2052 -292
  31. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +2038 -278
  32. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +2037 -277
  33. package/dist/es2019/get-theme-html-attrs.js +2 -13
  34. package/dist/es2019/get-token-value.js +1 -1
  35. package/dist/es2019/get-token.js +1 -1
  36. package/dist/es2019/tokens/atlassian-dark/color/accent.js +360 -40
  37. package/dist/es2019/tokens/atlassian-legacy-dark/color/accent.js +396 -52
  38. package/dist/es2019/tokens/atlassian-legacy-light/color/accent.js +396 -52
  39. package/dist/es2019/tokens/atlassian-light/color/accent.js +360 -40
  40. package/dist/es2019/tokens/default/color/accent.js +920 -200
  41. package/dist/es2019/utils/get-theme-preferences.js +3 -5
  42. package/dist/esm/artifacts/generated-pairs.js +2 -2
  43. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  44. package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +2 -2
  45. package/dist/esm/artifacts/themes/atlassian-legacy-light.js +2 -2
  46. package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
  47. package/dist/esm/artifacts/token-default-values.js +81 -1
  48. package/dist/esm/artifacts/token-names.js +81 -1
  49. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +2044 -284
  50. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +2052 -292
  51. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +2038 -278
  52. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +2037 -277
  53. package/dist/esm/get-theme-html-attrs.js +2 -13
  54. package/dist/esm/get-token-value.js +1 -1
  55. package/dist/esm/get-token.js +1 -1
  56. package/dist/esm/tokens/atlassian-dark/color/accent.js +360 -40
  57. package/dist/esm/tokens/atlassian-legacy-dark/color/accent.js +396 -52
  58. package/dist/esm/tokens/atlassian-legacy-light/color/accent.js +396 -52
  59. package/dist/esm/tokens/atlassian-light/color/accent.js +360 -40
  60. package/dist/esm/tokens/default/color/accent.js +920 -200
  61. package/dist/esm/utils/get-theme-preferences.js +3 -5
  62. package/dist/types/artifacts/generated-pairs.d.ts +1 -1
  63. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  64. package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  65. package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  66. package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
  67. package/dist/types/artifacts/token-default-values.d.ts +81 -1
  68. package/dist/types/artifacts/token-names.d.ts +161 -1
  69. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  70. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  71. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  72. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  73. package/dist/types/artifacts/types-internal.d.ts +2 -2
  74. package/dist/types/artifacts/types.d.ts +2 -2
  75. package/dist/types/types.d.ts +200 -40
  76. package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
  77. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  78. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  79. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  80. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  81. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +81 -1
  82. package/dist/types-ts4.5/artifacts/token-names.d.ts +161 -1
  83. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  84. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  85. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  86. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  87. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  88. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  89. package/dist/types-ts4.5/types.d.ts +200 -40
  90. package/figma/atlassian-dark.json +720 -0
  91. package/figma/atlassian-legacy-dark.json +724 -4
  92. package/figma/atlassian-legacy-light.json +724 -4
  93. package/figma/atlassian-light.json +720 -0
  94. package/package.json +1 -4
  95. package/report.api.md +360 -40
  96. package/tmp/api-report-tmp.d.ts +162 -2
package/dist/es2019/artifacts/token-default-values.js CHANGED
@@ -7,7 +7,7 @@
7
7
  * Token names mapped to their value in the default Atlassian themes ('light').
8
8
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
9
9
  *
10
- * @codegen <<SignedSource::2502bf5f723d604cd04596897e52d47f>>
10
+ * @codegen <<SignedSource::b5c908d96d2198b69df03d013b3c2b6a>>
11
11
  * @codegenCommand yarn build tokens
12
12
  */
13
13
  const defaultTokenValues = {
@@ -92,45 +92,125 @@ const defaultTokenValues = {
92
92
  'color.border.information': '#1D7AFC',
93
93
  'color.border.bold': '#758195',
94
94
  'color.background.accent.lime.subtlest': '#EEFBDA',
95
+ 'color.background.accent.lime.subtlest.hovered': '#D3F1A7',
96
+ 'color.background.accent.lime.subtlest.pressed': '#B3DF72',
95
97
  'color.background.accent.lime.subtler': '#D3F1A7',
98
+ 'color.background.accent.lime.subtler.hovered': '#B3DF72',
99
+ 'color.background.accent.lime.subtler.pressed': '#94C748',
96
100
  'color.background.accent.lime.subtle': '#94C748',
101
+ 'color.background.accent.lime.subtle.hovered': '#B3DF72',
102
+ 'color.background.accent.lime.subtle.pressed': '#D3F1A7',
97
103
  'color.background.accent.lime.bolder': '#5B7F24',
104
+ 'color.background.accent.lime.bolder.hovered': '#4C6B1F',
105
+ 'color.background.accent.lime.bolder.pressed': '#37471F',
98
106
  'color.background.accent.red.subtlest': '#FFEDEB',
107
+ 'color.background.accent.red.subtlest.hovered': '#FFD2CC',
108
+ 'color.background.accent.red.subtlest.pressed': '#FF9C8F',
99
109
  'color.background.accent.red.subtler': '#FFD2CC',
110
+ 'color.background.accent.red.subtler.hovered': '#FF9C8F',
111
+ 'color.background.accent.red.subtler.pressed': '#F87462',
100
112
  'color.background.accent.red.subtle': '#F87462',
113
+ 'color.background.accent.red.subtle.hovered': '#FF9C8F',
114
+ 'color.background.accent.red.subtle.pressed': '#FFD2CC',
101
115
  'color.background.accent.red.bolder': '#CA3521',
116
+ 'color.background.accent.red.bolder.hovered': '#AE2A19',
117
+ 'color.background.accent.red.bolder.pressed': '#601E16',
102
118
  'color.background.accent.orange.subtlest': '#FFF4E5',
119
+ 'color.background.accent.orange.subtlest.hovered': '#FFE2BD',
120
+ 'color.background.accent.orange.subtlest.pressed': '#FEC57B',
103
121
  'color.background.accent.orange.subtler': '#FFE2BD',
122
+ 'color.background.accent.orange.subtler.hovered': '#FEC57B',
123
+ 'color.background.accent.orange.subtler.pressed': '#FAA53D',
104
124
  'color.background.accent.orange.subtle': '#FAA53D',
125
+ 'color.background.accent.orange.subtle.hovered': '#FEC57B',
126
+ 'color.background.accent.orange.subtle.pressed': '#FFE2BD',
105
127
  'color.background.accent.orange.bolder': '#B65C02',
128
+ 'color.background.accent.orange.bolder.hovered': '#974F0C',
129
+ 'color.background.accent.orange.bolder.pressed': '#5F3811',
106
130
  'color.background.accent.yellow.subtlest': '#FFF7D6',
131
+ 'color.background.accent.yellow.subtlest.hovered': '#F8E6A0',
132
+ 'color.background.accent.yellow.subtlest.pressed': '#F5CD47',
107
133
  'color.background.accent.yellow.subtler': '#F8E6A0',
134
+ 'color.background.accent.yellow.subtler.hovered': '#F5CD47',
135
+ 'color.background.accent.yellow.subtler.pressed': '#E2B203',
108
136
  'color.background.accent.yellow.subtle': '#E2B203',
137
+ 'color.background.accent.yellow.subtle.hovered': '#F5CD47',
138
+ 'color.background.accent.yellow.subtle.pressed': '#F8E6A0',
109
139
  'color.background.accent.yellow.bolder': '#946F00',
140
+ 'color.background.accent.yellow.bolder.hovered': '#7F5F01',
141
+ 'color.background.accent.yellow.bolder.pressed': '#533F04',
110
142
  'color.background.accent.green.subtlest': '#DFFCF0',
143
+ 'color.background.accent.green.subtlest.hovered': '#BAF3DB',
144
+ 'color.background.accent.green.subtlest.pressed': '#7EE2B8',
111
145
  'color.background.accent.green.subtler': '#BAF3DB',
146
+ 'color.background.accent.green.subtler.hovered': '#7EE2B8',
147
+ 'color.background.accent.green.subtler.pressed': '#4BCE97',
112
148
  'color.background.accent.green.subtle': '#4BCE97',
149
+ 'color.background.accent.green.subtle.hovered': '#7EE2B8',
150
+ 'color.background.accent.green.subtle.pressed': '#BAF3DB',
113
151
  'color.background.accent.green.bolder': '#1F845A',
152
+ 'color.background.accent.green.bolder.hovered': '#216E4E',
153
+ 'color.background.accent.green.bolder.pressed': '#164B35',
114
154
  'color.background.accent.teal.subtlest': '#E3FAFC',
155
+ 'color.background.accent.teal.subtlest.hovered': '#C1F0F5',
156
+ 'color.background.accent.teal.subtlest.pressed': '#8BDBE5',
115
157
  'color.background.accent.teal.subtler': '#C1F0F5',
158
+ 'color.background.accent.teal.subtler.hovered': '#8BDBE5',
159
+ 'color.background.accent.teal.subtler.pressed': '#60C6D2',
116
160
  'color.background.accent.teal.subtle': '#60C6D2',
161
+ 'color.background.accent.teal.subtle.hovered': '#8BDBE5',
162
+ 'color.background.accent.teal.subtle.pressed': '#C1F0F5',
117
163
  'color.background.accent.teal.bolder': '#1D7F8C',
164
+ 'color.background.accent.teal.bolder.hovered': '#206B74',
165
+ 'color.background.accent.teal.bolder.pressed': '#1D474C',
118
166
  'color.background.accent.blue.subtlest': '#E9F2FF',
167
+ 'color.background.accent.blue.subtlest.hovered': '#CCE0FF',
168
+ 'color.background.accent.blue.subtlest.pressed': '#85B8FF',
119
169
  'color.background.accent.blue.subtler': '#CCE0FF',
170
+ 'color.background.accent.blue.subtler.hovered': '#85B8FF',
171
+ 'color.background.accent.blue.subtler.pressed': '#579DFF',
120
172
  'color.background.accent.blue.subtle': '#579DFF',
173
+ 'color.background.accent.blue.subtle.hovered': '#85B8FF',
174
+ 'color.background.accent.blue.subtle.pressed': '#CCE0FF',
121
175
  'color.background.accent.blue.bolder': '#0C66E4',
176
+ 'color.background.accent.blue.bolder.hovered': '#0055CC',
177
+ 'color.background.accent.blue.bolder.pressed': '#09326C',
122
178
  'color.background.accent.purple.subtlest': '#F3F0FF',
179
+ 'color.background.accent.purple.subtlest.hovered': '#DFD8FD',
180
+ 'color.background.accent.purple.subtlest.pressed': '#B8ACF6',
123
181
  'color.background.accent.purple.subtler': '#DFD8FD',
182
+ 'color.background.accent.purple.subtler.hovered': '#B8ACF6',
183
+ 'color.background.accent.purple.subtler.pressed': '#9F8FEF',
124
184
  'color.background.accent.purple.subtle': '#9F8FEF',
185
+ 'color.background.accent.purple.subtle.hovered': '#B8ACF6',
186
+ 'color.background.accent.purple.subtle.pressed': '#DFD8FD',
125
187
  'color.background.accent.purple.bolder': '#6E5DC6',
188
+ 'color.background.accent.purple.bolder.hovered': '#5E4DB2',
189
+ 'color.background.accent.purple.bolder.pressed': '#352C63',
126
190
  'color.background.accent.magenta.subtlest': '#FFECF8',
191
+ 'color.background.accent.magenta.subtlest.hovered': '#FDD0EC',
192
+ 'color.background.accent.magenta.subtlest.pressed': '#F797D2',
127
193
  'color.background.accent.magenta.subtler': '#FDD0EC',
194
+ 'color.background.accent.magenta.subtler.hovered': '#F797D2',
195
+ 'color.background.accent.magenta.subtler.pressed': '#E774BB',
128
196
  'color.background.accent.magenta.subtle': '#E774BB',
197
+ 'color.background.accent.magenta.subtle.hovered': '#F797D2',
198
+ 'color.background.accent.magenta.subtle.pressed': '#FDD0EC',
129
199
  'color.background.accent.magenta.bolder': '#AE4787',
200
+ 'color.background.accent.magenta.bolder.hovered': '#943D73',
201
+ 'color.background.accent.magenta.bolder.pressed': '#50253F',
130
202
  'color.background.accent.gray.subtlest': '#F1F2F4',
203
+ 'color.background.accent.gray.subtlest.hovered': '#DCDFE4',
204
+ 'color.background.accent.gray.subtlest.pressed': '#B3B9C4',
131
205
  'color.background.accent.gray.subtler': '#DCDFE4',
206
+ 'color.background.accent.gray.subtler.hovered': '#B3B9C4',
207
+ 'color.background.accent.gray.subtler.pressed': '#8590A2',
132
208
  'color.background.accent.gray.subtle': '#8590A2',
209
+ 'color.background.accent.gray.subtle.hovered': '#B3B9C4',
210
+ 'color.background.accent.gray.subtle.pressed': '#DCDFE4',
133
211
  'color.background.accent.gray.bolder': '#626F86',
212
+ 'color.background.accent.gray.bolder.hovered': '#44546F',
213
+ 'color.background.accent.gray.bolder.pressed': '#2C3E5D',
134
214
  'color.background.disabled': '#091E4208',
135
215
  'color.background.input': '#FFFFFF',
136
216
  'color.background.input.hovered': '#F7F8F9',
package/dist/es2019/artifacts/token-names.js CHANGED
@@ -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::d529715bd079c269a29aaf75bad507ea>>
3
+ * @codegen <<SignedSource::5688852b9c5bb12cbce375967cb93ef5>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  const tokens = {
@@ -85,45 +85,125 @@ const tokens = {
85
85
  'color.border.information': '--ds-border-information',
86
86
  'color.border.bold': '--ds-border-bold',
87
87
  'color.background.accent.lime.subtlest': '--ds-background-accent-lime-subtlest',
88
+ 'color.background.accent.lime.subtlest.hovered': '--ds-background-accent-lime-subtlest-hovered',
89
+ 'color.background.accent.lime.subtlest.pressed': '--ds-background-accent-lime-subtlest-pressed',
88
90
  'color.background.accent.lime.subtler': '--ds-background-accent-lime-subtler',
91
+ 'color.background.accent.lime.subtler.hovered': '--ds-background-accent-lime-subtler-hovered',
92
+ 'color.background.accent.lime.subtler.pressed': '--ds-background-accent-lime-subtler-pressed',
89
93
  'color.background.accent.lime.subtle': '--ds-background-accent-lime-subtle',
94
+ 'color.background.accent.lime.subtle.hovered': '--ds-background-accent-lime-subtle-hovered',
95
+ 'color.background.accent.lime.subtle.pressed': '--ds-background-accent-lime-subtle-pressed',
90
96
  'color.background.accent.lime.bolder': '--ds-background-accent-lime-bolder',
97
+ 'color.background.accent.lime.bolder.hovered': '--ds-background-accent-lime-bolder-hovered',
98
+ 'color.background.accent.lime.bolder.pressed': '--ds-background-accent-lime-bolder-pressed',
91
99
  'color.background.accent.red.subtlest': '--ds-background-accent-red-subtlest',
100
+ 'color.background.accent.red.subtlest.hovered': '--ds-background-accent-red-subtlest-hovered',
101
+ 'color.background.accent.red.subtlest.pressed': '--ds-background-accent-red-subtlest-pressed',
92
102
  'color.background.accent.red.subtler': '--ds-background-accent-red-subtler',
103
+ 'color.background.accent.red.subtler.hovered': '--ds-background-accent-red-subtler-hovered',
104
+ 'color.background.accent.red.subtler.pressed': '--ds-background-accent-red-subtler-pressed',
93
105
  'color.background.accent.red.subtle': '--ds-background-accent-red-subtle',
106
+ 'color.background.accent.red.subtle.hovered': '--ds-background-accent-red-subtle-hovered',
107
+ 'color.background.accent.red.subtle.pressed': '--ds-background-accent-red-subtle-pressed',
94
108
  'color.background.accent.red.bolder': '--ds-background-accent-red-bolder',
109
+ 'color.background.accent.red.bolder.hovered': '--ds-background-accent-red-bolder-hovered',
110
+ 'color.background.accent.red.bolder.pressed': '--ds-background-accent-red-bolder-pressed',
95
111
  'color.background.accent.orange.subtlest': '--ds-background-accent-orange-subtlest',
112
+ 'color.background.accent.orange.subtlest.hovered': '--ds-background-accent-orange-subtlest-hovered',
113
+ 'color.background.accent.orange.subtlest.pressed': '--ds-background-accent-orange-subtlest-pressed',
96
114
  'color.background.accent.orange.subtler': '--ds-background-accent-orange-subtler',
115
+ 'color.background.accent.orange.subtler.hovered': '--ds-background-accent-orange-subtler-hovered',
116
+ 'color.background.accent.orange.subtler.pressed': '--ds-background-accent-orange-subtler-pressed',
97
117
  'color.background.accent.orange.subtle': '--ds-background-accent-orange-subtle',
118
+ 'color.background.accent.orange.subtle.hovered': '--ds-background-accent-orange-subtle-hovered',
119
+ 'color.background.accent.orange.subtle.pressed': '--ds-background-accent-orange-subtle-pressed',
98
120
  'color.background.accent.orange.bolder': '--ds-background-accent-orange-bolder',
121
+ 'color.background.accent.orange.bolder.hovered': '--ds-background-accent-orange-bolder-hovered',
122
+ 'color.background.accent.orange.bolder.pressed': '--ds-background-accent-orange-bolder-pressed',
99
123
  'color.background.accent.yellow.subtlest': '--ds-background-accent-yellow-subtlest',
124
+ 'color.background.accent.yellow.subtlest.hovered': '--ds-background-accent-yellow-subtlest-hovered',
125
+ 'color.background.accent.yellow.subtlest.pressed': '--ds-background-accent-yellow-subtlest-pressed',
100
126
  'color.background.accent.yellow.subtler': '--ds-background-accent-yellow-subtler',
127
+ 'color.background.accent.yellow.subtler.hovered': '--ds-background-accent-yellow-subtler-hovered',
128
+ 'color.background.accent.yellow.subtler.pressed': '--ds-background-accent-yellow-subtler-pressed',
101
129
  'color.background.accent.yellow.subtle': '--ds-background-accent-yellow-subtle',
130
+ 'color.background.accent.yellow.subtle.hovered': '--ds-background-accent-yellow-subtle-hovered',
131
+ 'color.background.accent.yellow.subtle.pressed': '--ds-background-accent-yellow-subtle-pressed',
102
132
  'color.background.accent.yellow.bolder': '--ds-background-accent-yellow-bolder',
133
+ 'color.background.accent.yellow.bolder.hovered': '--ds-background-accent-yellow-bolder-hovered',
134
+ 'color.background.accent.yellow.bolder.pressed': '--ds-background-accent-yellow-bolder-pressed',
103
135
  'color.background.accent.green.subtlest': '--ds-background-accent-green-subtlest',
136
+ 'color.background.accent.green.subtlest.hovered': '--ds-background-accent-green-subtlest-hovered',
137
+ 'color.background.accent.green.subtlest.pressed': '--ds-background-accent-green-subtlest-pressed',
104
138
  'color.background.accent.green.subtler': '--ds-background-accent-green-subtler',
139
+ 'color.background.accent.green.subtler.hovered': '--ds-background-accent-green-subtler-hovered',
140
+ 'color.background.accent.green.subtler.pressed': '--ds-background-accent-green-subtler-pressed',
105
141
  'color.background.accent.green.subtle': '--ds-background-accent-green-subtle',
142
+ 'color.background.accent.green.subtle.hovered': '--ds-background-accent-green-subtle-hovered',
143
+ 'color.background.accent.green.subtle.pressed': '--ds-background-accent-green-subtle-pressed',
106
144
  'color.background.accent.green.bolder': '--ds-background-accent-green-bolder',
145
+ 'color.background.accent.green.bolder.hovered': '--ds-background-accent-green-bolder-hovered',
146
+ 'color.background.accent.green.bolder.pressed': '--ds-background-accent-green-bolder-pressed',
107
147
  'color.background.accent.teal.subtlest': '--ds-background-accent-teal-subtlest',
148
+ 'color.background.accent.teal.subtlest.hovered': '--ds-background-accent-teal-subtlest-hovered',
149
+ 'color.background.accent.teal.subtlest.pressed': '--ds-background-accent-teal-subtlest-pressed',
108
150
  'color.background.accent.teal.subtler': '--ds-background-accent-teal-subtler',
151
+ 'color.background.accent.teal.subtler.hovered': '--ds-background-accent-teal-subtler-hovered',
152
+ 'color.background.accent.teal.subtler.pressed': '--ds-background-accent-teal-subtler-pressed',
109
153
  'color.background.accent.teal.subtle': '--ds-background-accent-teal-subtle',
154
+ 'color.background.accent.teal.subtle.hovered': '--ds-background-accent-teal-subtle-hovered',
155
+ 'color.background.accent.teal.subtle.pressed': '--ds-background-accent-teal-subtle-pressed',
110
156
  'color.background.accent.teal.bolder': '--ds-background-accent-teal-bolder',
157
+ 'color.background.accent.teal.bolder.hovered': '--ds-background-accent-teal-bolder-hovered',
158
+ 'color.background.accent.teal.bolder.pressed': '--ds-background-accent-teal-bolder-pressed',
111
159
  'color.background.accent.blue.subtlest': '--ds-background-accent-blue-subtlest',
160
+ 'color.background.accent.blue.subtlest.hovered': '--ds-background-accent-blue-subtlest-hovered',
161
+ 'color.background.accent.blue.subtlest.pressed': '--ds-background-accent-blue-subtlest-pressed',
112
162
  'color.background.accent.blue.subtler': '--ds-background-accent-blue-subtler',
163
+ 'color.background.accent.blue.subtler.hovered': '--ds-background-accent-blue-subtler-hovered',
164
+ 'color.background.accent.blue.subtler.pressed': '--ds-background-accent-blue-subtler-pressed',
113
165
  'color.background.accent.blue.subtle': '--ds-background-accent-blue-subtle',
166
+ 'color.background.accent.blue.subtle.hovered': '--ds-background-accent-blue-subtle-hovered',
167
+ 'color.background.accent.blue.subtle.pressed': '--ds-background-accent-blue-subtle-pressed',
114
168
  'color.background.accent.blue.bolder': '--ds-background-accent-blue-bolder',
169
+ 'color.background.accent.blue.bolder.hovered': '--ds-background-accent-blue-bolder-hovered',
170
+ 'color.background.accent.blue.bolder.pressed': '--ds-background-accent-blue-bolder-pressed',
115
171
  'color.background.accent.purple.subtlest': '--ds-background-accent-purple-subtlest',
172
+ 'color.background.accent.purple.subtlest.hovered': '--ds-background-accent-purple-subtlest-hovered',
173
+ 'color.background.accent.purple.subtlest.pressed': '--ds-background-accent-purple-subtlest-pressed',
116
174
  'color.background.accent.purple.subtler': '--ds-background-accent-purple-subtler',
175
+ 'color.background.accent.purple.subtler.hovered': '--ds-background-accent-purple-subtler-hovered',
176
+ 'color.background.accent.purple.subtler.pressed': '--ds-background-accent-purple-subtler-pressed',
117
177
  'color.background.accent.purple.subtle': '--ds-background-accent-purple-subtle',
178
+ 'color.background.accent.purple.subtle.hovered': '--ds-background-accent-purple-subtle-hovered',
179
+ 'color.background.accent.purple.subtle.pressed': '--ds-background-accent-purple-subtle-pressed',
118
180
  'color.background.accent.purple.bolder': '--ds-background-accent-purple-bolder',
181
+ 'color.background.accent.purple.bolder.hovered': '--ds-background-accent-purple-bolder-hovered',
182
+ 'color.background.accent.purple.bolder.pressed': '--ds-background-accent-purple-bolder-pressed',
119
183
  'color.background.accent.magenta.subtlest': '--ds-background-accent-magenta-subtlest',
184
+ 'color.background.accent.magenta.subtlest.hovered': '--ds-background-accent-magenta-subtlest-hovered',
185
+ 'color.background.accent.magenta.subtlest.pressed': '--ds-background-accent-magenta-subtlest-pressed',
120
186
  'color.background.accent.magenta.subtler': '--ds-background-accent-magenta-subtler',
187
+ 'color.background.accent.magenta.subtler.hovered': '--ds-background-accent-magenta-subtler-hovered',
188
+ 'color.background.accent.magenta.subtler.pressed': '--ds-background-accent-magenta-subtler-pressed',
121
189
  'color.background.accent.magenta.subtle': '--ds-background-accent-magenta-subtle',
190
+ 'color.background.accent.magenta.subtle.hovered': '--ds-background-accent-magenta-subtle-hovered',
191
+ 'color.background.accent.magenta.subtle.pressed': '--ds-background-accent-magenta-subtle-pressed',
122
192
  'color.background.accent.magenta.bolder': '--ds-background-accent-magenta-bolder',
193
+ 'color.background.accent.magenta.bolder.hovered': '--ds-background-accent-magenta-bolder-hovered',
194
+ 'color.background.accent.magenta.bolder.pressed': '--ds-background-accent-magenta-bolder-pressed',
123
195
  'color.background.accent.gray.subtlest': '--ds-background-accent-gray-subtlest',
196
+ 'color.background.accent.gray.subtlest.hovered': '--ds-background-accent-gray-subtlest-hovered',
197
+ 'color.background.accent.gray.subtlest.pressed': '--ds-background-accent-gray-subtlest-pressed',
124
198
  'color.background.accent.gray.subtler': '--ds-background-accent-gray-subtler',
199
+ 'color.background.accent.gray.subtler.hovered': '--ds-background-accent-gray-subtler-hovered',
200
+ 'color.background.accent.gray.subtler.pressed': '--ds-background-accent-gray-subtler-pressed',
125
201
  'color.background.accent.gray.subtle': '--ds-background-accent-gray-subtle',
202
+ 'color.background.accent.gray.subtle.hovered': '--ds-background-accent-gray-subtle-hovered',
203
+ 'color.background.accent.gray.subtle.pressed': '--ds-background-accent-gray-subtle-pressed',
126
204
  'color.background.accent.gray.bolder': '--ds-background-accent-gray-bolder',
205
+ 'color.background.accent.gray.bolder.hovered': '--ds-background-accent-gray-bolder-hovered',
206
+ 'color.background.accent.gray.bolder.pressed': '--ds-background-accent-gray-bolder-pressed',
127
207
  'color.background.disabled': '--ds-background-disabled',
128
208
  'color.background.input': '--ds-background-input',
129
209
  'color.background.input.hovered': '--ds-background-input-hovered',