@hopper-ui/styled-system 2.5.13 → 3.0.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 (61) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/StyledSystemProvider.css +35 -35
  3. package/dist/StyledSystemProvider.d.ts +6 -6
  4. package/dist/StyledSystemProvider.js +15 -17
  5. package/dist/{chunk-54RO57YA.js → chunk-3PUBJ5LJ.js} +25 -13
  6. package/dist/chunk-6ZFFJVAW.js +17 -0
  7. package/dist/{chunk-V7X6ANEM.js → chunk-7PR2BAOL.js} +0 -1
  8. package/dist/{chunk-MSH55T2T.js → chunk-A54ZRFEM.js} +31 -2
  9. package/dist/{chunk-ILG53YIO.js → chunk-FGXNB7F6.js} +34 -9
  10. package/dist/{chunk-7TNCJ3OQ.js → chunk-JJKYIWIT.js} +13 -3
  11. package/dist/{chunk-A54ZF3UN.js → chunk-QZ7W6U3E.js} +2 -2
  12. package/dist/{chunk-GQ3J3RTR.js → chunk-SVHEHWY4.js} +3 -3
  13. package/dist/chunk-TKWJ3X2I.js +13 -0
  14. package/dist/{chunk-JVNXXRWE.js → chunk-VIIWNAIQ.js} +1 -1
  15. package/dist/{chunk-X5OXC6DN.js → chunk-XG7R6QGE.js} +1 -1
  16. package/dist/chunk-YQ665QH5.js +6 -0
  17. package/dist/color-scheme/ColorSchemeContext.js +1 -1
  18. package/dist/color-scheme/useColorSchemeValue.js +2 -2
  19. package/dist/global-styles/BodyStyleProvider.js +5 -5
  20. package/dist/html-wrappers/html.css +35 -35
  21. package/dist/html-wrappers/html.js +8 -7
  22. package/dist/html-wrappers/htmlElement.css +35 -35
  23. package/dist/html-wrappers/htmlElement.js +7 -6
  24. package/dist/index.css +35 -35
  25. package/dist/index.d.ts +4 -6
  26. package/dist/index.js +16 -18
  27. package/dist/responsive/useResponsiveValue.js +2 -2
  28. package/dist/styledSystemProps.d.ts +21 -5
  29. package/dist/styledSystemRootCssClass.d.ts +2 -4
  30. package/dist/styledSystemRootCssClass.js +2 -1
  31. package/dist/theme/ThemeContext.d.ts +11 -0
  32. package/dist/theme/ThemeContext.js +2 -0
  33. package/dist/theme/generated/sharegate/dark.css +742 -0
  34. package/dist/theme/generated/sharegate/light.css +1182 -0
  35. package/dist/theme/generated/sharegate.css +4 -0
  36. package/dist/theme/generated/workleap/dark.css +742 -0
  37. package/dist/theme/generated/workleap/light.css +1182 -0
  38. package/dist/theme/generated/workleap.css +4 -0
  39. package/dist/tokens/generated/styledSystemConstants.d.ts +6 -0
  40. package/dist/tokens/generated/styledSystemConstants.js +2 -0
  41. package/dist/tokens/generated/styledSystemToTokenMappings.d.ts +1182 -1151
  42. package/dist/tokens/generated/styledSystemToTokenMappings.js +1 -1
  43. package/dist/tokens/tokenMappings.d.ts +540 -37
  44. package/dist/tokens/tokenMappings.js +5 -4
  45. package/dist/useStyledSystem.css +32 -32
  46. package/dist/useStyledSystem.js +6 -5
  47. package/package.json +13 -9
  48. package/dist/chunk-43MQD25Q.js +0 -17
  49. package/dist/chunk-K5JIMNDM.js +0 -1182
  50. package/dist/chunk-P6FMQKUS.js +0 -546
  51. package/dist/chunk-RAWVBWQ4.js +0 -11
  52. package/dist/chunk-S3G5NPHF.js +0 -32
  53. package/dist/tokens/TokenProvider.d.ts +0 -20
  54. package/dist/tokens/TokenProvider.js +0 -9
  55. package/dist/tokens/generated/darkSemanticTokens.d.ts +0 -548
  56. package/dist/tokens/generated/darkSemanticTokens.js +0 -2
  57. package/dist/tokens/generated/lightSemanticTokens.d.ts +0 -1184
  58. package/dist/tokens/generated/lightSemanticTokens.js +0 -2
  59. package/dist/tokens/tokens.d.ts +0 -1731
  60. package/dist/tokens/tokens.js +0 -4
  61. package/dist/{chunk-SFOVKOPG.js → chunk-FTYK7Z7Q.js} +1 -1
@@ -1,1182 +0,0 @@
1
- // src/tokens/generated/lightSemanticTokens.ts
2
- var CoreTokens = {
3
- "--hop-coastal-25": "#f0f8ff",
4
- "--hop-coastal-50": "#d9efff",
5
- "--hop-coastal-75": "#bae6ff",
6
- "--hop-coastal-100": "#9fd2f7",
7
- "--hop-coastal-200": "#81b9e4",
8
- "--hop-coastal-300": "#5d9acd",
9
- "--hop-coastal-400": "#3a7bb2",
10
- "--hop-coastal-500": "#2e70a8",
11
- "--hop-coastal-600": "#23669f",
12
- "--hop-coastal-700": "#0a538b",
13
- "--hop-coastal-800": "#003d70",
14
- "--hop-coastal-900": "#00274b",
15
- "--hop-quetzal-25": "#ddfdf9",
16
- "--hop-quetzal-50": "#cff4ef",
17
- "--hop-quetzal-75": "#bde8e1",
18
- "--hop-quetzal-100": "#a3d6cb",
19
- "--hop-quetzal-200": "#83beaf",
20
- "--hop-quetzal-300": "#5da18c",
21
- "--hop-quetzal-400": "#38836a",
22
- "--hop-quetzal-500": "#2b795e",
23
- "--hop-quetzal-600": "#206f54",
24
- "--hop-quetzal-700": "#055c41",
25
- "--hop-quetzal-800": "#00452d",
26
- "--hop-quetzal-900": "#002d1c",
27
- "--hop-orchid-bloom-25": "#f6f5ff",
28
- "--hop-orchid-bloom-50": "#eae9fb",
29
- "--hop-orchid-bloom-75": "#ddddf7",
30
- "--hop-orchid-bloom-100": "#c8caf0",
31
- "--hop-orchid-bloom-200": "#aeb3e8",
32
- "--hop-orchid-bloom-300": "#8d91dc",
33
- "--hop-orchid-bloom-400": "#6b6ecc",
34
- "--hop-orchid-bloom-500": "#5f61c5",
35
- "--hop-orchid-bloom-600": "#5454be",
36
- "--hop-orchid-bloom-700": "#433fac",
37
- "--hop-orchid-bloom-800": "#322b8d",
38
- "--hop-orchid-bloom-900": "#1e1c5d",
39
- "--hop-sapphire-25": "#f5f6ff",
40
- "--hop-sapphire-50": "#e6ebff",
41
- "--hop-sapphire-75": "#d6e0ff",
42
- "--hop-sapphire-100": "#b9cbff",
43
- "--hop-sapphire-200": "#95b1ff",
44
- "--hop-sapphire-300": "#6c8ffd",
45
- "--hop-sapphire-400": "#4767fe",
46
- "--hop-sapphire-500": "#3b57ff",
47
- "--hop-sapphire-600": "#2a43e8",
48
- "--hop-sapphire-700": "#2040c7",
49
- "--hop-sapphire-800": "#1b3587",
50
- "--hop-sapphire-900": "#152450",
51
- "--hop-fog-25": "#f2f8fa",
52
- "--hop-fog-50": "#e1eef1",
53
- "--hop-fog-75": "#d2e3e7",
54
- "--hop-fog-100": "#bad0d5",
55
- "--hop-fog-200": "#9cb7be",
56
- "--hop-fog-300": "#7c9aa3",
57
- "--hop-fog-400": "#5e7b84",
58
- "--hop-fog-500": "#557079",
59
- "--hop-fog-600": "#4e6770",
60
- "--hop-fog-700": "#40535a",
61
- "--hop-fog-800": "#313e43",
62
- "--hop-fog-900": "#20282a",
63
- "--hop-toad-25": "#fef6ef",
64
- "--hop-toad-50": "#f0eae3",
65
- "--hop-toad-75": "#e5ded6",
66
- "--hop-toad-100": "#d4cbc0",
67
- "--hop-toad-200": "#bdb1a3",
68
- "--hop-toad-300": "#a19382",
69
- "--hop-toad-400": "#837463",
70
- "--hop-toad-500": "#776a59",
71
- "--hop-toad-600": "#6e6151",
72
- "--hop-toad-700": "#594f41",
73
- "--hop-toad-800": "#433b31",
74
- "--hop-toad-900": "#2a2620",
75
- "--hop-sunken-treasure-25": "#fff8d6",
76
- "--hop-sunken-treasure-50": "#fff2b8",
77
- "--hop-sunken-treasure-75": "#f7e694",
78
- "--hop-sunken-treasure-100": "#eac96d",
79
- "--hop-sunken-treasure-200": "#e2a934",
80
- "--hop-sunken-treasure-300": "#c28b12",
81
- "--hop-sunken-treasure-400": "#996f08",
82
- "--hop-sunken-treasure-500": "#8b6609",
83
- "--hop-sunken-treasure-600": "#7e5e0a",
84
- "--hop-sunken-treasure-700": "#654c0d",
85
- "--hop-sunken-treasure-800": "#4b390f",
86
- "--hop-sunken-treasure-900": "#2f250d",
87
- "--hop-koi-25": "#fff5e9",
88
- "--hop-koi-50": "#ffe8d3",
89
- "--hop-koi-75": "#ffd8be",
90
- "--hop-koi-100": "#ffbf92",
91
- "--hop-koi-200": "#ff9b3f",
92
- "--hop-koi-300": "#e57723",
93
- "--hop-koi-400": "#c95109",
94
- "--hop-koi-500": "#ba4705",
95
- "--hop-koi-600": "#ab4104",
96
- "--hop-koi-700": "#8c3504",
97
- "--hop-koi-800": "#692803",
98
- "--hop-koi-900": "#451a02",
99
- "--hop-amanita-25": "#fdf6f6",
100
- "--hop-amanita-50": "#fde6e5",
101
- "--hop-amanita-75": "#ffd6d3",
102
- "--hop-amanita-100": "#ffbcb7",
103
- "--hop-amanita-200": "#ff8e8e",
104
- "--hop-amanita-300": "#fa4d59",
105
- "--hop-amanita-400": "#df3236",
106
- "--hop-amanita-500": "#cb2e31",
107
- "--hop-amanita-600": "#ba2d2d",
108
- "--hop-amanita-700": "#952927",
109
- "--hop-amanita-800": "#6c2320",
110
- "--hop-amanita-900": "#431a17",
111
- "--hop-moss-25": "#f4f9e9",
112
- "--hop-moss-50": "#e3f3b9",
113
- "--hop-moss-75": "#cde8ac",
114
- "--hop-moss-100": "#aad89d",
115
- "--hop-moss-200": "#7dc291",
116
- "--hop-moss-300": "#47a584",
117
- "--hop-moss-400": "#188a71",
118
- "--hop-moss-500": "#0c796b",
119
- "--hop-moss-600": "#0a6f64",
120
- "--hop-moss-700": "#115a52",
121
- "--hop-moss-800": "#16433d",
122
- "--hop-moss-900": "#132a27",
123
- "--hop-abyss": "#1d1d1c",
124
- "--hop-rock-20": "#fcfbfb",
125
- "--hop-rock-25": "#f8f6f3",
126
- "--hop-rock-50": "#ecebe8",
127
- "--hop-rock-75": "#e0dfdd",
128
- "--hop-rock-100": "#ccccca",
129
- "--hop-rock-200": "#b3b3b1",
130
- "--hop-rock-300": "#959593",
131
- "--hop-rock-400": "#777775",
132
- "--hop-rock-500": "#6c6c6b",
133
- "--hop-rock-600": "#636362",
134
- "--hop-rock-700": "#505050",
135
- "--hop-rock-800": "#3c3c3c",
136
- "--hop-rock-900": "#292929",
137
- "--hop-samoyed": "#ffffff",
138
- "--hop-shadow-none": "none",
139
- "--hop-shadow-sm": "0 1px 6px 0 rgba(60, 60, 60, 0.10)",
140
- "--hop-shadow-md": "0 4px 10px 4px rgba(60, 60, 60, 0.08)",
141
- "--hop-shadow-lg": "0 10px 18px 8px rgba(60, 60, 60, 0.08)",
142
- "--hop-font-family-primary": "'ABC Favorit', Helvetica, Arial, sans-serif",
143
- "--hop-font-family-secondary": "'Inter', Helvetica, Arial, sans-serif",
144
- "--hop-font-family-tertiary": "'ABC Favorit Mono', Consolas, 'SF Mono', monospace",
145
- "--hop-font-size-120": "0.75rem",
146
- "--hop-font-size-140": "0.875rem",
147
- "--hop-font-size-160": "1rem",
148
- "--hop-font-size-180": "1.125rem",
149
- "--hop-font-size-200": "1.25rem",
150
- "--hop-font-size-240": "1.5rem",
151
- "--hop-font-size-280": "1.75rem",
152
- "--hop-font-size-320": "2rem",
153
- "--hop-font-size-360": "2.25rem",
154
- "--hop-font-size-480": "3rem",
155
- "--hop-font-weight-400": "400",
156
- "--hop-font-weight-410": "410",
157
- "--hop-font-weight-505": "505",
158
- "--hop-font-weight-580": "580",
159
- "--hop-font-weight-590": "590",
160
- "--hop-font-weight-680": "680",
161
- "--hop-font-weight-690": "690",
162
- "--hop-line-height-1-125": "1.125",
163
- "--hop-line-height-1-14": "1.1428571",
164
- "--hop-line-height-1-20": "1.2",
165
- "--hop-line-height-1-25": "1.25",
166
- "--hop-line-height-1-33": "1.3333333",
167
- "--hop-line-height-1-4285": "1.4285714",
168
- "--hop-line-height-1-50": "1.5",
169
- "--hop-easing-duration-1": "100ms",
170
- "--hop-easing-duration-2": "200ms",
171
- "--hop-easing-duration-3": "300ms",
172
- "--hop-easing-duration-4": "500ms",
173
- "--hop-easing-duration-5": "800ms",
174
- "--hop-easing-productive": "cubic-bezier(0.22, 0.61, 0.36, 1)",
175
- "--hop-easing-focus": "cubic-bezier(0.46, 0.03, 0.52, 0.96)",
176
- "--hop-easing-expressive": "cubic-bezier(0.72, -0.66, 0.15, 1.5)",
177
- "--hop-border-radius-0": "0",
178
- "--hop-border-radius-1": "0.25rem",
179
- "--hop-border-radius-2": "0.5rem",
180
- "--hop-border-radius-3": "1rem",
181
- "--hop-border-radius-4": "1.5rem",
182
- "--hop-border-radius-9999": "624.9375rem",
183
- "--hop-space-0": "0",
184
- "--hop-space-10": "0.0625rem",
185
- "--hop-space-20": "0.125rem",
186
- "--hop-space-40": "0.25rem",
187
- "--hop-space-80": "0.5rem",
188
- "--hop-space-160": "1rem",
189
- "--hop-space-240": "1.5rem",
190
- "--hop-space-320": "2rem",
191
- "--hop-space-400": "2.5rem",
192
- "--hop-space-480": "3rem",
193
- "--hop-space-640": "4rem",
194
- "--hop-space-800": "5rem",
195
- "--hop-space-960": "6rem",
196
- "--hop-space-1280": "8rem"
197
- };
198
- var SemanticTokens = {
199
- "--hop-space-inset-xs": "var(--hop-space-40)",
200
- "--hop-space-inset-sm": "var(--hop-space-80)",
201
- "--hop-space-inset-md": "var(--hop-space-160)",
202
- "--hop-space-inset-lg": "var(--hop-space-240)",
203
- "--hop-space-inset-xl": "var(--hop-space-320)",
204
- "--hop-space-inset-squish-sm": "0.25rem var(--hop-space-80)",
205
- "--hop-space-inset-squish-md": "0.5rem var(--hop-space-160)",
206
- "--hop-space-inset-squish-lg": "1rem var(--hop-space-320)",
207
- "--hop-space-inset-stretch-sm": "1rem var(--hop-space-80)",
208
- "--hop-space-inset-stretch-md": "1.5rem var(--hop-space-160)",
209
- "--hop-space-inset-stretch-lg": "3rem var(--hop-space-240)",
210
- "--hop-space-stack-xs": "var(--hop-space-40)",
211
- "--hop-space-stack-sm": "var(--hop-space-80)",
212
- "--hop-space-stack-md": "var(--hop-space-160)",
213
- "--hop-space-stack-lg": "var(--hop-space-240)",
214
- "--hop-space-stack-xl": "var(--hop-space-320)",
215
- "--hop-space-inline-xs": "var(--hop-space-40)",
216
- "--hop-space-inline-sm": "var(--hop-space-80)",
217
- "--hop-space-inline-md": "var(--hop-space-160)",
218
- "--hop-space-inline-lg": "var(--hop-space-240)",
219
- "--hop-space-inline-xl": "var(--hop-space-320)",
220
- "--hop-danger-border-active": "var(--hop-amanita-600)",
221
- "--hop-danger-icon-active": "var(--hop-amanita-800)",
222
- "--hop-danger-icon-weak-active": "var(--hop-amanita-600)",
223
- "--hop-danger-surface-active": "var(--hop-amanita-600)",
224
- "--hop-danger-surface-weak-active": "var(--hop-amanita-100)",
225
- "--hop-danger-text-active": "var(--hop-amanita-800)",
226
- "--hop-danger-text-weak-active": "var(--hop-amanita-600)",
227
- "--hop-danger-border": "var(--hop-amanita-100)",
228
- "--hop-danger-border-selected": "var(--hop-amanita-400)",
229
- "--hop-danger-border-strong": "var(--hop-amanita-300)",
230
- "--hop-danger-border-press": "var(--hop-amanita-300)",
231
- "--hop-danger-icon": "var(--hop-amanita-700)",
232
- "--hop-danger-icon-selected": "var(--hop-amanita-400)",
233
- "--hop-danger-icon-disabled": "var(--hop-amanita-100)",
234
- "--hop-danger-icon-hover": "var(--hop-amanita-500)",
235
- "--hop-danger-icon-press": "var(--hop-amanita-800)",
236
- "--hop-danger-icon-strong": "var(--hop-samoyed)",
237
- "--hop-danger-icon-strong-hover": "var(--hop-samoyed)",
238
- "--hop-danger-icon-weak": "var(--hop-amanita-400)",
239
- "--hop-danger-icon-weak-hover": "var(--hop-amanita-500)",
240
- "--hop-danger-icon-weak-press": "var(--hop-amanita-600)",
241
- "--hop-danger-icon-weakest": "var(--hop-amanita-75)",
242
- "--hop-danger-surface": "var(--hop-amanita-25)",
243
- "--hop-danger-surface-selected": "var(--hop-amanita-50)",
244
- "--hop-danger-surface-disabled": "var(--hop-amanita-100)",
245
- "--hop-danger-surface-hover": "var(--hop-amanita-500)",
246
- "--hop-danger-surface-press": "var(--hop-amanita-600)",
247
- "--hop-danger-surface-strong": "var(--hop-amanita-400)",
248
- "--hop-danger-surface-strong-hover": "var(--hop-amanita-500)",
249
- "--hop-danger-surface-weak": "var(--hop-amanita-50)",
250
- "--hop-danger-surface-weak-hover": "var(--hop-amanita-75)",
251
- "--hop-danger-surface-weak-press": "var(--hop-amanita-100)",
252
- "--hop-danger-text": "var(--hop-amanita-700)",
253
- "--hop-danger-text-selected": "var(--hop-amanita-400)",
254
- "--hop-danger-text-disabled": "var(--hop-amanita-100)",
255
- "--hop-danger-text-hover": "var(--hop-amanita-500)",
256
- "--hop-danger-text-press": "var(--hop-amanita-800)",
257
- "--hop-danger-text-strong": "var(--hop-samoyed)",
258
- "--hop-danger-text-strong-hover": "var(--hop-samoyed)",
259
- "--hop-danger-text-weak": "var(--hop-amanita-400)",
260
- "--hop-danger-text-weak-hover": "var(--hop-amanita-500)",
261
- "--hop-danger-text-weak-press": "var(--hop-amanita-600)",
262
- "--hop-neutral-border-active": "var(--hop-rock-400)",
263
- "--hop-neutral-icon-active": "var(--hop-rock-900)",
264
- "--hop-neutral-icon-weak-active": "var(--hop-rock-700)",
265
- "--hop-neutral-surface-active": "var(--hop-rock-50)",
266
- "--hop-neutral-surface-weak-active": "var(--hop-rock-100)",
267
- "--hop-neutral-text-active": "var(--hop-rock-900)",
268
- "--hop-neutral-text-weak-active": "var(--hop-rock-700)",
269
- "--hop-neutral-border": "var(--hop-rock-200)",
270
- "--hop-neutral-border-selected": "var(--hop-rock-800)",
271
- "--hop-neutral-border-disabled": "var(--hop-rock-50)",
272
- "--hop-neutral-border-hover": "var(--hop-rock-300)",
273
- "--hop-neutral-border-press": "var(--hop-rock-400)",
274
- "--hop-neutral-border-strong": "var(--hop-rock-800)",
275
- "--hop-neutral-border-strong-hover": "var(--hop-rock-700)",
276
- "--hop-neutral-border-weak": "var(--hop-rock-75)",
277
- "--hop-neutral-border-weakest": "var(--hop-rock-50)",
278
- "--hop-neutral-icon": "var(--hop-rock-800)",
279
- "--hop-neutral-icon-selected": "var(--hop-samoyed)",
280
- "--hop-neutral-icon-disabled": "var(--hop-rock-300)",
281
- "--hop-neutral-icon-hover": "var(--hop-rock-700)",
282
- "--hop-neutral-icon-press": "var(--hop-rock-900)",
283
- "--hop-neutral-icon-strong": "var(--hop-samoyed)",
284
- "--hop-neutral-icon-strong-hover": "var(--hop-samoyed)",
285
- "--hop-neutral-icon-weak": "var(--hop-rock-400)",
286
- "--hop-neutral-icon-weak-hover": "var(--hop-rock-600)",
287
- "--hop-neutral-icon-weak-press": "var(--hop-rock-700)",
288
- "--hop-neutral-icon-weak-selected": "var(--hop-rock-600)",
289
- "--hop-neutral-icon-weakest": "var(--hop-rock-200)",
290
- "--hop-neutral-surface": "var(--hop-samoyed)",
291
- "--hop-neutral-surface-selected": "var(--hop-rock-800)",
292
- "--hop-neutral-surface-disabled": "var(--hop-rock-50)",
293
- "--hop-neutral-surface-hover": "var(--hop-rock-25)",
294
- "--hop-neutral-surface-press": "var(--hop-rock-50)",
295
- "--hop-neutral-surface-strong": "var(--hop-rock-800)",
296
- "--hop-neutral-surface-weak": "var(--hop-rock-50)",
297
- "--hop-neutral-surface-weak-selected": "var(--hop-rock-50)",
298
- "--hop-neutral-surface-weak-hover": "var(--hop-rock-75)",
299
- "--hop-neutral-surface-weak-press": "var(--hop-rock-100)",
300
- "--hop-neutral-surface-weakest": "var(--hop-rock-25)",
301
- "--hop-neutral-surface-weakest-selected": "var(--hop-rock-50)",
302
- "--hop-neutral-surface-weakest-hover": "var(--hop-rock-50)",
303
- "--hop-neutral-text": "var(--hop-rock-800)",
304
- "--hop-neutral-text-selected": "var(--hop-samoyed)",
305
- "--hop-neutral-text-disabled": "var(--hop-rock-300)",
306
- "--hop-neutral-text-hover": "var(--hop-rock-700)",
307
- "--hop-neutral-text-press": "var(--hop-rock-900)",
308
- "--hop-neutral-text-strong": "var(--hop-samoyed)",
309
- "--hop-neutral-text-weak": "var(--hop-rock-500)",
310
- "--hop-neutral-text-weak-hover": "var(--hop-rock-600)",
311
- "--hop-neutral-text-weak-press": "var(--hop-rock-700)",
312
- "--hop-neutral-text-weak-selected": "var(--hop-rock-600)",
313
- "--hop-neutral-text-weakest": "var(--hop-rock-300)",
314
- "--hop-primary-border-active": "var(--hop-sapphire-300)",
315
- "--hop-primary-icon-active": "var(--hop-sapphire-700)",
316
- "--hop-primary-surface-active": "var(--hop-sapphire-300)",
317
- "--hop-primary-surface-strong-active": "var(--hop-sapphire-700)",
318
- "--hop-primary-surface-weak-active": "var(--hop-sapphire-75)",
319
- "--hop-primary-text-active": "var(--hop-sapphire-700)",
320
- "--hop-primary-border": "var(--hop-sapphire-400)",
321
- "--hop-primary-border-selected": "var(--hop-sapphire-400)",
322
- "--hop-primary-border-focus": "var(--hop-sapphire-500)",
323
- "--hop-primary-border-press": "var(--hop-sapphire-300)",
324
- "--hop-primary-icon": "var(--hop-sapphire-500)",
325
- "--hop-primary-icon-selected": "var(--hop-sapphire-500)",
326
- "--hop-primary-icon-disabled": "var(--hop-sapphire-200)",
327
- "--hop-primary-icon-hover": "var(--hop-sapphire-600)",
328
- "--hop-primary-icon-press": "var(--hop-sapphire-700)",
329
- "--hop-primary-icon-strong": "var(--hop-samoyed)",
330
- "--hop-primary-icon-strong-hover": "var(--hop-samoyed)",
331
- "--hop-primary-surface": "var(--hop-sapphire-50)",
332
- "--hop-primary-surface-selected": "var(--hop-sapphire-50)",
333
- "--hop-primary-surface-disabled": "var(--hop-sapphire-200)",
334
- "--hop-primary-surface-focus": "var(--hop-sapphire-25)",
335
- "--hop-primary-surface-hover": "var(--hop-sapphire-200)",
336
- "--hop-primary-surface-press": "var(--hop-sapphire-300)",
337
- "--hop-primary-surface-strong": "var(--hop-sapphire-400)",
338
- "--hop-primary-surface-strong-selected": "var(--hop-sapphire-50)",
339
- "--hop-primary-surface-strong-hover": "var(--hop-sapphire-600)",
340
- "--hop-primary-surface-strong-press": "var(--hop-sapphire-700)",
341
- "--hop-primary-surface-weak": "var(--hop-sapphire-25)",
342
- "--hop-primary-surface-weak-hover": "var(--hop-sapphire-50)",
343
- "--hop-primary-surface-weak-press": "var(--hop-sapphire-75)",
344
- "--hop-primary-text": "var(--hop-sapphire-500)",
345
- "--hop-primary-text-selected": "var(--hop-sapphire-500)",
346
- "--hop-primary-text-disabled": "var(--hop-sapphire-200)",
347
- "--hop-primary-text-hover": "var(--hop-sapphire-600)",
348
- "--hop-primary-text-press": "var(--hop-sapphire-700)",
349
- "--hop-primary-text-strong": "var(--hop-samoyed)",
350
- "--hop-primary-text-strong-hover": "var(--hop-samoyed)",
351
- "--hop-upsell-border-active": "var(--hop-sunken-treasure-200)",
352
- "--hop-upsell-icon-active": "var(--hop-sunken-treasure-900)",
353
- "--hop-upsell-icon-weak-active": "var(--hop-sunken-treasure-600)",
354
- "--hop-upsell-surface-active": "var(--hop-sunken-treasure-200)",
355
- "--hop-upsell-surface-weak-active": "var(--hop-sunken-treasure-75)",
356
- "--hop-upsell-text-active": "var(--hop-sunken-treasure-900)",
357
- "--hop-upsell-text-weak-active": "var(--hop-sunken-treasure-600)",
358
- "--hop-upsell-border": "var(--hop-sunken-treasure-100)",
359
- "--hop-upsell-border-selected": "var(--hop-sunken-treasure-400)",
360
- "--hop-upsell-border-disabled": "var(--hop-sunken-treasure-75)",
361
- "--hop-upsell-border-press": "var(--hop-sunken-treasure-300)",
362
- "--hop-upsell-icon": "var(--hop-sunken-treasure-700)",
363
- "--hop-upsell-icon-selected": "var(--hop-sunken-treasure-400)",
364
- "--hop-upsell-icon-hover": "var(--hop-sunken-treasure-800)",
365
- "--hop-upsell-icon-press": "var(--hop-sunken-treasure-900)",
366
- "--hop-upsell-icon-weakest": "var(--hop-sunken-treasure-75)",
367
- "--hop-upsell-icon-weak": "var(--hop-sunken-treasure-300)",
368
- "--hop-upsell-icon-weak-hover": "var(--hop-sunken-treasure-500)",
369
- "--hop-upsell-icon-weak-press": "var(--hop-sunken-treasure-600)",
370
- "--hop-upsell-surface": "var(--hop-sunken-treasure-25)",
371
- "--hop-upsell-surface-selected": "var(--hop-sunken-treasure-50)",
372
- "--hop-upsell-surface-disabled": "var(--hop-sunken-treasure-25)",
373
- "--hop-upsell-surface-hover": "var(--hop-sunken-treasure-50)",
374
- "--hop-upsell-surface-press": "var(--hop-sunken-treasure-75)",
375
- "--hop-upsell-surface-weak": "var(--hop-sunken-treasure-75)",
376
- "--hop-upsell-surface-weak-hover": "var(--hop-sunken-treasure-100)",
377
- "--hop-upsell-surface-weak-press": "var(--hop-sunken-treasure-200)",
378
- "--hop-upsell-text": "var(--hop-sunken-treasure-700)",
379
- "--hop-upsell-text-selected": "var(--hop-sunken-treasure-400)",
380
- "--hop-upsell-text-disabled": "var(--hop-sunken-treasure-400)",
381
- "--hop-upsell-text-hover": "var(--hop-sunken-treasure-800)",
382
- "--hop-upsell-text-press": "var(--hop-sunken-treasure-900)",
383
- "--hop-upsell-text-weak": "var(--hop-sunken-treasure-300)",
384
- "--hop-upsell-text-weak-hover": "var(--hop-sunken-treasure-500)",
385
- "--hop-upsell-text-weak-press": "var(--hop-sunken-treasure-600)",
386
- "--hop-decorative-option9-border": "var(--hop-rock-100)",
387
- "--hop-decorative-option9-icon": "var(--hop-samoyed)",
388
- "--hop-decorative-option9-surface": "var(--hop-rock-400)",
389
- "--hop-decorative-option9-surface-hover": "var(--hop-rock-500)",
390
- "--hop-decorative-option9-surface-strong": "var(--hop-rock-800)",
391
- "--hop-decorative-option9-surface-weak": "var(--hop-rock-300)",
392
- "--hop-decorative-option9-surface-weak-hover": "var(--hop-rock-400)",
393
- "--hop-decorative-option9-surface-weakest": "var(--hop-rock-200)",
394
- "--hop-decorative-option9-text": "var(--hop-samoyed)",
395
- "--hop-decorative-option9-text-weak": "var(--hop-rock-300)",
396
- "--hop-decorative-option8-border": "var(--hop-amanita-100)",
397
- "--hop-decorative-option8-icon": "var(--hop-amanita-900)",
398
- "--hop-decorative-option8-surface": "var(--hop-amanita-75)",
399
- "--hop-decorative-option8-surface-hover": "var(--hop-amanita-200)",
400
- "--hop-decorative-option8-surface-strong": "var(--hop-amanita-100)",
401
- "--hop-decorative-option8-surface-weak": "var(--hop-amanita-50)",
402
- "--hop-decorative-option8-surface-weak-hover": "var(--hop-amanita-75)",
403
- "--hop-decorative-option8-surface-weakest": "var(--hop-amanita-25)",
404
- "--hop-decorative-option8-text": "var(--hop-amanita-900)",
405
- "--hop-decorative-option8-text-weak": "var(--hop-amanita-300)",
406
- "--hop-decorative-option7-border": "var(--hop-toad-100)",
407
- "--hop-decorative-option7-icon": "var(--hop-toad-900)",
408
- "--hop-decorative-option7-surface": "var(--hop-toad-75)",
409
- "--hop-decorative-option7-surface-hover": "var(--hop-toad-100)",
410
- "--hop-decorative-option7-surface-strong": "var(--hop-toad-100)",
411
- "--hop-decorative-option7-surface-weak": "var(--hop-toad-50)",
412
- "--hop-decorative-option7-surface-weak-hover": "var(--hop-toad-75)",
413
- "--hop-decorative-option7-surface-weakest": "var(--hop-toad-25)",
414
- "--hop-decorative-option7-text": "var(--hop-toad-900)",
415
- "--hop-decorative-option7-text-weak": "var(--hop-toad-500)",
416
- "--hop-decorative-option5-border": "var(--hop-coastal-100)",
417
- "--hop-decorative-option5-icon": "var(--hop-coastal-900)",
418
- "--hop-decorative-option5-surface": "var(--hop-coastal-75)",
419
- "--hop-decorative-option5-surface-hover": "var(--hop-coastal-100)",
420
- "--hop-decorative-option5-surface-strong": "var(--hop-coastal-100)",
421
- "--hop-decorative-option5-surface-weak": "var(--hop-coastal-50)",
422
- "--hop-decorative-option5-surface-weak-hover": "var(--hop-coastal-75)",
423
- "--hop-decorative-option5-surface-weakest": "var(--hop-coastal-25)",
424
- "--hop-decorative-option5-text": "var(--hop-coastal-900)",
425
- "--hop-decorative-option5-text-weak": "var(--hop-coastal-300)",
426
- "--hop-decorative-option6-border": "var(--hop-sunken-treasure-100)",
427
- "--hop-decorative-option6-icon": "var(--hop-sunken-treasure-900)",
428
- "--hop-decorative-option6-surface": "var(--hop-sunken-treasure-75)",
429
- "--hop-decorative-option6-surface-hover": "var(--hop-sunken-treasure-100)",
430
- "--hop-decorative-option6-surface-strong": "var(--hop-sunken-treasure-100)",
431
- "--hop-decorative-option6-surface-weak": "var(--hop-sunken-treasure-50)",
432
- "--hop-decorative-option6-surface-weak-hover": "var(--hop-sunken-treasure-75)",
433
- "--hop-decorative-option6-surface-weakest": "var(--hop-sunken-treasure-25)",
434
- "--hop-decorative-option6-text": "var(--hop-sunken-treasure-900)",
435
- "--hop-decorative-option6-text-weak": "var(--hop-sunken-treasure-200)",
436
- "--hop-decorative-option4-border": "var(--hop-moss-100)",
437
- "--hop-decorative-option4-icon": "var(--hop-moss-900)",
438
- "--hop-decorative-option4-surface": "var(--hop-moss-75)",
439
- "--hop-decorative-option4-surface-hover": "var(--hop-moss-100)",
440
- "--hop-decorative-option4-surface-strong": "var(--hop-moss-100)",
441
- "--hop-decorative-option4-surface-weak": "var(--hop-moss-50)",
442
- "--hop-decorative-option4-surface-weak-hover": "var(--hop-moss-75)",
443
- "--hop-decorative-option4-surface-weakest": "var(--hop-moss-25)",
444
- "--hop-decorative-option4-text": "var(--hop-moss-900)",
445
- "--hop-decorative-option4-text-weak": "var(--hop-moss-400)",
446
- "--hop-decorative-option3-border": "var(--hop-koi-100)",
447
- "--hop-decorative-option3-icon": "var(--hop-koi-900)",
448
- "--hop-decorative-option3-surface": "var(--hop-koi-100)",
449
- "--hop-decorative-option3-surface-hover": "var(--hop-koi-200)",
450
- "--hop-decorative-option3-surface-strong": "var(--hop-koi-200)",
451
- "--hop-decorative-option3-surface-weak": "var(--hop-koi-50)",
452
- "--hop-decorative-option3-surface-weak-hover": "var(--hop-koi-75)",
453
- "--hop-decorative-option3-surface-weakest": "var(--hop-koi-25)",
454
- "--hop-decorative-option3-text": "var(--hop-koi-900)",
455
- "--hop-decorative-option3-text-weak": "var(--hop-koi-300)",
456
- "--hop-decorative-option2-border": "var(--hop-quetzal-100)",
457
- "--hop-decorative-option2-icon": "var(--hop-quetzal-900)",
458
- "--hop-decorative-option2-surface": "var(--hop-quetzal-75)",
459
- "--hop-decorative-option2-surface-hover": "var(--hop-quetzal-100)",
460
- "--hop-decorative-option2-surface-strong": "var(--hop-quetzal-100)",
461
- "--hop-decorative-option2-surface-weak": "var(--hop-quetzal-50)",
462
- "--hop-decorative-option2-surface-weak-hover": "var(--hop-quetzal-75)",
463
- "--hop-decorative-option2-surface-weakest": "var(--hop-quetzal-25)",
464
- "--hop-decorative-option2-text": "var(--hop-quetzal-900)",
465
- "--hop-decorative-option2-text-weak": "var(--hop-quetzal-300)",
466
- "--hop-decorative-option1-border": "var(--hop-sapphire-100)",
467
- "--hop-decorative-option1-icon": "var(--hop-sapphire-900)",
468
- "--hop-decorative-option1-surface": "var(--hop-sapphire-100)",
469
- "--hop-decorative-option1-surface-hover": "var(--hop-sapphire-200)",
470
- "--hop-decorative-option1-surface-strong": "var(--hop-sapphire-200)",
471
- "--hop-decorative-option1-surface-weak": "var(--hop-sapphire-50)",
472
- "--hop-decorative-option1-surface-weak-hover": "var(--hop-sapphire-75)",
473
- "--hop-decorative-option1-surface-weakest": "var(--hop-sapphire-25)",
474
- "--hop-decorative-option1-text": "var(--hop-sapphire-900)",
475
- "--hop-decorative-option1-text-weak": "var(--hop-sapphire-300)",
476
- "--hop-information-border": "var(--hop-coastal-100)",
477
- "--hop-information-icon": "var(--hop-coastal-700)",
478
- "--hop-information-icon-weakest": "var(--hop-coastal-75)",
479
- "--hop-information-icon-weak": "var(--hop-coastal-300)",
480
- "--hop-information-surface": "var(--hop-coastal-25)",
481
- "--hop-information-surface-strong": "var(--hop-coastal-100)",
482
- "--hop-information-surface-weak": "var(--hop-coastal-50)",
483
- "--hop-information-text": "var(--hop-coastal-800)",
484
- "--hop-information-text-weak": "var(--hop-coastal-300)",
485
- "--hop-status-caution-border": "var(--hop-koi-300)",
486
- "--hop-status-caution-border-disabled": "var(--hop-koi-50)",
487
- "--hop-status-caution-border-hover": "var(--hop-koi-400)",
488
- "--hop-status-caution-border-press": "var(--hop-koi-500)",
489
- "--hop-status-caution-border-selected": "var(--hop-koi-700)",
490
- "--hop-status-caution-icon": "var(--hop-koi-600)",
491
- "--hop-status-caution-icon-disabled": "var(--hop-koi-200)",
492
- "--hop-status-caution-icon-hover": "var(--hop-koi-700)",
493
- "--hop-status-caution-icon-press": "var(--hop-koi-800)",
494
- "--hop-status-caution-icon-selected": "var(--hop-koi-700)",
495
- "--hop-status-caution-surface": "var(--hop-koi-50)",
496
- "--hop-status-caution-surface-disabled": "var(--hop-koi-25)",
497
- "--hop-status-caution-surface-hover": "var(--hop-koi-75)",
498
- "--hop-status-caution-surface-press": "var(--hop-koi-100)",
499
- "--hop-status-caution-surface-selected": "var(--hop-koi-50)",
500
- "--hop-status-caution-surface-strong": "var(--hop-koi-200)",
501
- "--hop-status-caution-text": "var(--hop-koi-600)",
502
- "--hop-status-caution-text-disabled": "var(--hop-koi-200)",
503
- "--hop-status-caution-text-hover": "var(--hop-koi-700)",
504
- "--hop-status-caution-text-press": "var(--hop-koi-800)",
505
- "--hop-status-caution-text-selected": "var(--hop-koi-700)",
506
- "--hop-status-inactive-border": "var(--hop-rock-300)",
507
- "--hop-status-inactive-border-disabled": "var(--hop-rock-50)",
508
- "--hop-status-inactive-border-hover": "var(--hop-rock-400)",
509
- "--hop-status-inactive-border-press": "var(--hop-rock-500)",
510
- "--hop-status-inactive-border-selected": "var(--hop-rock-700)",
511
- "--hop-status-inactive-icon": "var(--hop-rock-600)",
512
- "--hop-status-inactive-icon-disabled": "var(--hop-rock-200)",
513
- "--hop-status-inactive-icon-hover": "var(--hop-rock-700)",
514
- "--hop-status-inactive-icon-press": "var(--hop-rock-800)",
515
- "--hop-status-inactive-icon-selected": "var(--hop-rock-700)",
516
- "--hop-status-inactive-surface": "var(--hop-rock-50)",
517
- "--hop-status-inactive-surface-disabled": "var(--hop-rock-25)",
518
- "--hop-status-inactive-surface-hover": "var(--hop-rock-75)",
519
- "--hop-status-inactive-surface-press": "var(--hop-rock-100)",
520
- "--hop-status-inactive-surface-selected": "var(--hop-rock-50)",
521
- "--hop-status-inactive-surface-strong": "var(--hop-rock-100)",
522
- "--hop-status-inactive-text": "var(--hop-rock-600)",
523
- "--hop-status-inactive-text-disabled": "var(--hop-rock-200)",
524
- "--hop-status-inactive-text-hover": "var(--hop-rock-700)",
525
- "--hop-status-inactive-text-press": "var(--hop-rock-800)",
526
- "--hop-status-inactive-text-selected": "var(--hop-rock-700)",
527
- "--hop-status-negative-border": "var(--hop-amanita-300)",
528
- "--hop-status-negative-border-disabled": "var(--hop-amanita-50)",
529
- "--hop-status-negative-border-hover": "var(--hop-amanita-400)",
530
- "--hop-status-negative-border-press": "var(--hop-amanita-500)",
531
- "--hop-status-negative-border-selected": "var(--hop-amanita-700)",
532
- "--hop-status-negative-icon": "var(--hop-amanita-600)",
533
- "--hop-status-negative-icon-disabled": "var(--hop-amanita-200)",
534
- "--hop-status-negative-icon-hover": "var(--hop-amanita-700)",
535
- "--hop-status-negative-icon-press": "var(--hop-amanita-800)",
536
- "--hop-status-negative-icon-selected": "var(--hop-amanita-700)",
537
- "--hop-status-negative-surface": "var(--hop-amanita-50)",
538
- "--hop-status-negative-surface-disabled": "var(--hop-amanita-25)",
539
- "--hop-status-negative-surface-hover": "var(--hop-amanita-75)",
540
- "--hop-status-negative-surface-press": "var(--hop-amanita-100)",
541
- "--hop-status-negative-surface-selected": "var(--hop-amanita-50)",
542
- "--hop-status-negative-surface-strong": "var(--hop-amanita-200)",
543
- "--hop-status-negative-text": "var(--hop-amanita-600)",
544
- "--hop-status-negative-text-disabled": "var(--hop-amanita-200)",
545
- "--hop-status-negative-text-hover": "var(--hop-amanita-700)",
546
- "--hop-status-negative-text-press": "var(--hop-amanita-800)",
547
- "--hop-status-negative-text-selected": "var(--hop-amanita-700)",
548
- "--hop-status-neutral-border": "var(--hop-rock-800)",
549
- "--hop-status-neutral-border-disabled": "var(--hop-rock-50)",
550
- "--hop-status-neutral-border-hover": "var(--hop-rock-700)",
551
- "--hop-status-neutral-border-press": "var(--hop-rock-900)",
552
- "--hop-status-neutral-border-selected": "var(--hop-rock-800)",
553
- "--hop-status-neutral-icon": "var(--hop-rock-800)",
554
- "--hop-status-neutral-icon-disabled": "var(--hop-rock-300)",
555
- "--hop-status-neutral-icon-hover": "var(--hop-rock-700)",
556
- "--hop-status-neutral-icon-press": "var(--hop-rock-900)",
557
- "--hop-status-neutral-icon-selected": "var(--hop-samoyed)",
558
- "--hop-status-neutral-surface": "var(--hop-samoyed)",
559
- "--hop-status-neutral-surface-disabled": "var(--hop-rock-50)",
560
- "--hop-status-neutral-surface-hover": "var(--hop-rock-25)",
561
- "--hop-status-neutral-surface-press": "var(--hop-rock-50)",
562
- "--hop-status-neutral-surface-selected": "var(--hop-rock-800)",
563
- "--hop-status-neutral-surface-strong": "var(--hop-rock-200)",
564
- "--hop-status-neutral-text": "var(--hop-rock-800)",
565
- "--hop-status-neutral-text-disabled": "var(--hop-rock-300)",
566
- "--hop-status-neutral-text-hover": "var(--hop-rock-700)",
567
- "--hop-status-neutral-text-press": "var(--hop-rock-900)",
568
- "--hop-status-neutral-text-selected": "var(--hop-samoyed)",
569
- "--hop-status-option1-border": "var(--hop-coastal-300)",
570
- "--hop-status-option1-border-disabled": "var(--hop-coastal-50)",
571
- "--hop-status-option1-border-hover": "var(--hop-coastal-400)",
572
- "--hop-status-option1-border-press": "var(--hop-coastal-500)",
573
- "--hop-status-option1-border-selected": "var(--hop-coastal-700)",
574
- "--hop-status-option1-icon": "var(--hop-coastal-600)",
575
- "--hop-status-option1-icon-disabled": "var(--hop-coastal-200)",
576
- "--hop-status-option1-icon-hover": "var(--hop-coastal-700)",
577
- "--hop-status-option1-icon-press": "var(--hop-coastal-800)",
578
- "--hop-status-option1-icon-selected": "var(--hop-coastal-700)",
579
- "--hop-status-option1-surface": "var(--hop-coastal-50)",
580
- "--hop-status-option1-surface-disabled": "var(--hop-coastal-25)",
581
- "--hop-status-option1-surface-hover": "var(--hop-coastal-75)",
582
- "--hop-status-option1-surface-press": "var(--hop-coastal-100)",
583
- "--hop-status-option1-surface-selected": "var(--hop-coastal-50)",
584
- "--hop-status-option1-surface-strong": "var(--hop-coastal-200)",
585
- "--hop-status-option1-text": "var(--hop-coastal-600)",
586
- "--hop-status-option1-text-disabled": "var(--hop-coastal-200)",
587
- "--hop-status-option1-text-hover": "var(--hop-coastal-700)",
588
- "--hop-status-option1-text-press": "var(--hop-coastal-800)",
589
- "--hop-status-option1-text-selected": "var(--hop-coastal-700)",
590
- "--hop-status-option2-border": "var(--hop-orchid-bloom-300)",
591
- "--hop-status-option2-border-disabled": "var(--hop-orchid-bloom-50)",
592
- "--hop-status-option2-border-hover": "var(--hop-orchid-bloom-400)",
593
- "--hop-status-option2-border-press": "var(--hop-orchid-bloom-500)",
594
- "--hop-status-option2-border-selected": "var(--hop-orchid-bloom-700)",
595
- "--hop-status-option2-icon": "var(--hop-orchid-bloom-600)",
596
- "--hop-status-option2-icon-disabled": "var(--hop-orchid-bloom-200)",
597
- "--hop-status-option2-icon-hover": "var(--hop-orchid-bloom-700)",
598
- "--hop-status-option2-icon-press": "var(--hop-orchid-bloom-800)",
599
- "--hop-status-option2-icon-selected": "var(--hop-orchid-bloom-700)",
600
- "--hop-status-option2-surface": "var(--hop-orchid-bloom-50)",
601
- "--hop-status-option2-surface-disabled": "var(--hop-orchid-bloom-25)",
602
- "--hop-status-option2-surface-hover": "var(--hop-orchid-bloom-75)",
603
- "--hop-status-option2-surface-press": "var(--hop-orchid-bloom-100)",
604
- "--hop-status-option2-surface-selected": "var(--hop-orchid-bloom-50)",
605
- "--hop-status-option2-surface-strong": "var(--hop-orchid-bloom-200)",
606
- "--hop-status-option2-text": "var(--hop-orchid-bloom-600)",
607
- "--hop-status-option2-text-disabled": "var(--hop-orchid-bloom-200)",
608
- "--hop-status-option2-text-hover": "var(--hop-orchid-bloom-700)",
609
- "--hop-status-option2-text-press": "var(--hop-orchid-bloom-800)",
610
- "--hop-status-option2-text-selected": "var(--hop-orchid-bloom-700)",
611
- "--hop-status-option3-border": "var(--hop-quetzal-300)",
612
- "--hop-status-option3-border-disabled": "var(--hop-quetzal-50)",
613
- "--hop-status-option3-border-hover": "var(--hop-quetzal-400)",
614
- "--hop-status-option3-border-press": "var(--hop-quetzal-500)",
615
- "--hop-status-option3-border-selected": "var(--hop-quetzal-50)",
616
- "--hop-status-option3-icon": "var(--hop-quetzal-600)",
617
- "--hop-status-option3-icon-disabled": "var(--hop-quetzal-200)",
618
- "--hop-status-option3-icon-hover": "var(--hop-quetzal-700)",
619
- "--hop-status-option3-icon-press": "var(--hop-quetzal-800)",
620
- "--hop-status-option3-icon-selected": "var(--hop-quetzal-700)",
621
- "--hop-status-option3-surface": "var(--hop-quetzal-50)",
622
- "--hop-status-option3-surface-disabled": "var(--hop-quetzal-25)",
623
- "--hop-status-option3-surface-hover": "var(--hop-quetzal-75)",
624
- "--hop-status-option3-surface-press": "var(--hop-quetzal-100)",
625
- "--hop-status-option3-surface-selected": "var(--hop-quetzal-700)",
626
- "--hop-status-option3-surface-strong": "var(--hop-quetzal-200)",
627
- "--hop-status-option3-text": "var(--hop-quetzal-600)",
628
- "--hop-status-option3-text-disabled": "var(--hop-quetzal-200)",
629
- "--hop-status-option3-text-hover": "var(--hop-quetzal-700)",
630
- "--hop-status-option3-text-press": "var(--hop-quetzal-800)",
631
- "--hop-status-option3-text-selected": "var(--hop-quetzal-700)",
632
- "--hop-status-option4-border": "var(--hop-fog-300)",
633
- "--hop-status-option4-border-disabled": "var(--hop-fog-50)",
634
- "--hop-status-option4-border-hover": "var(--hop-fog-400)",
635
- "--hop-status-option4-border-press": "var(--hop-fog-500)",
636
- "--hop-status-option4-border-selected": "var(--hop-fog-700)",
637
- "--hop-status-option4-icon": "var(--hop-fog-600)",
638
- "--hop-status-option4-icon-disabled": "var(--hop-fog-200)",
639
- "--hop-status-option4-icon-hover": "var(--hop-fog-700)",
640
- "--hop-status-option4-icon-press": "var(--hop-fog-800)",
641
- "--hop-status-option4-icon-selected": "var(--hop-fog-700)",
642
- "--hop-status-option4-surface": "var(--hop-fog-50)",
643
- "--hop-status-option4-surface-disabled": "var(--hop-fog-25)",
644
- "--hop-status-option4-surface-hover": "var(--hop-fog-75)",
645
- "--hop-status-option4-surface-press": "var(--hop-fog-100)",
646
- "--hop-status-option4-surface-selected": "var(--hop-fog-50)",
647
- "--hop-status-option4-surface-strong": "var(--hop-fog-200)",
648
- "--hop-status-option4-text": "var(--hop-fog-600)",
649
- "--hop-status-option4-text-disabled": "var(--hop-fog-200)",
650
- "--hop-status-option4-text-hover": "var(--hop-fog-700)",
651
- "--hop-status-option4-text-press": "var(--hop-fog-800)",
652
- "--hop-status-option4-text-selected": "var(--hop-fog-700)",
653
- "--hop-status-option5-border": "var(--hop-toad-300)",
654
- "--hop-status-option5-border-disabled": "var(--hop-toad-50)",
655
- "--hop-status-option5-border-hover": "var(--hop-toad-400)",
656
- "--hop-status-option5-border-press": "var(--hop-toad-500)",
657
- "--hop-status-option5-border-selected": "var(--hop-toad-700)",
658
- "--hop-status-option5-icon": "var(--hop-toad-600)",
659
- "--hop-status-option5-icon-disabled": "var(--hop-toad-200)",
660
- "--hop-status-option5-icon-hover": "var(--hop-toad-700)",
661
- "--hop-status-option5-icon-press": "var(--hop-toad-800)",
662
- "--hop-status-option5-icon-selected": "var(--hop-toad-700)",
663
- "--hop-status-option5-surface": "var(--hop-toad-50)",
664
- "--hop-status-option5-surface-disabled": "var(--hop-toad-25)",
665
- "--hop-status-option5-surface-hover": "var(--hop-toad-75)",
666
- "--hop-status-option5-surface-press": "var(--hop-toad-100)",
667
- "--hop-status-option5-surface-selected": "var(--hop-toad-50)",
668
- "--hop-status-option5-surface-strong": "var(--hop-toad-200)",
669
- "--hop-status-option5-text": "var(--hop-toad-600)",
670
- "--hop-status-option5-text-disabled": "var(--hop-toad-200)",
671
- "--hop-status-option5-text-hover": "var(--hop-toad-700)",
672
- "--hop-status-option5-text-press": "var(--hop-toad-800)",
673
- "--hop-status-option5-text-selected": "var(--hop-toad-700)",
674
- "--hop-status-option6-border": "var(--hop-sunken-treasure-300)",
675
- "--hop-status-option6-border-disabled": "var(--hop-sunken-treasure-50)",
676
- "--hop-status-option6-border-hover": "var(--hop-sunken-treasure-400)",
677
- "--hop-status-option6-border-press": "var(--hop-sunken-treasure-500)",
678
- "--hop-status-option6-border-selected": "var(--hop-sunken-treasure-700)",
679
- "--hop-status-option6-icon": "var(--hop-sunken-treasure-600)",
680
- "--hop-status-option6-icon-disabled": "var(--hop-sunken-treasure-200)",
681
- "--hop-status-option6-icon-hover": "var(--hop-sunken-treasure-700)",
682
- "--hop-status-option6-icon-press": "var(--hop-sunken-treasure-800)",
683
- "--hop-status-option6-icon-selected": "var(--hop-sunken-treasure-700)",
684
- "--hop-status-option6-surface": "var(--hop-sunken-treasure-25)",
685
- "--hop-status-option6-surface-disabled": "var(--hop-sunken-treasure-25)",
686
- "--hop-status-option6-surface-hover": "var(--hop-sunken-treasure-50)",
687
- "--hop-status-option6-surface-press": "var(--hop-sunken-treasure-100)",
688
- "--hop-status-option6-surface-selected": "var(--hop-sunken-treasure-50)",
689
- "--hop-status-option6-surface-strong": "var(--hop-sunken-treasure-200)",
690
- "--hop-status-option6-text": "var(--hop-sunken-treasure-600)",
691
- "--hop-status-option6-text-disabled": "var(--hop-sunken-treasure-200)",
692
- "--hop-status-option6-text-hover": "var(--hop-sunken-treasure-700)",
693
- "--hop-status-option6-text-press": "var(--hop-sunken-treasure-800)",
694
- "--hop-status-option6-text-selected": "var(--hop-sunken-treasure-700)",
695
- "--hop-status-positive-border": "var(--hop-moss-300)",
696
- "--hop-status-positive-border-disabled": "var(--hop-moss-50)",
697
- "--hop-status-positive-border-hover": "var(--hop-moss-400)",
698
- "--hop-status-positive-border-press": "var(--hop-moss-500)",
699
- "--hop-status-positive-border-selected": "var(--hop-moss-700)",
700
- "--hop-status-positive-icon": "var(--hop-moss-600)",
701
- "--hop-status-positive-icon-disabled": "var(--hop-moss-200)",
702
- "--hop-status-positive-icon-hover": "var(--hop-moss-700)",
703
- "--hop-status-positive-icon-press": "var(--hop-moss-800)",
704
- "--hop-status-positive-icon-selected": "var(--hop-moss-700)",
705
- "--hop-status-positive-surface": "var(--hop-moss-50)",
706
- "--hop-status-positive-surface-disabled": "var(--hop-moss-25)",
707
- "--hop-status-positive-surface-hover": "var(--hop-moss-75)",
708
- "--hop-status-positive-surface-press": "var(--hop-moss-100)",
709
- "--hop-status-positive-surface-selected": "var(--hop-moss-50)",
710
- "--hop-status-positive-surface-strong": "var(--hop-moss-200)",
711
- "--hop-status-positive-text": "var(--hop-moss-600)",
712
- "--hop-status-positive-text-disabled": "var(--hop-moss-200)",
713
- "--hop-status-positive-text-hover": "var(--hop-moss-700)",
714
- "--hop-status-positive-text-press": "var(--hop-moss-800)",
715
- "--hop-status-positive-text-selected": "var(--hop-moss-700)",
716
- "--hop-status-progress-border": "var(--hop-sapphire-300)",
717
- "--hop-status-progress-border-disabled": "var(--hop-sapphire-50)",
718
- "--hop-status-progress-border-hover": "var(--hop-sapphire-400)",
719
- "--hop-status-progress-border-press": "var(--hop-sapphire-500)",
720
- "--hop-status-progress-border-selected": "var(--hop-sapphire-400)",
721
- "--hop-status-progress-icon": "var(--hop-sapphire-600)",
722
- "--hop-status-progress-icon-disabled": "var(--hop-sapphire-200)",
723
- "--hop-status-progress-icon-hover": "var(--hop-sapphire-700)",
724
- "--hop-status-progress-icon-press": "var(--hop-sapphire-800)",
725
- "--hop-status-progress-icon-selected": "var(--hop-sapphire-500)",
726
- "--hop-status-progress-surface": "var(--hop-sapphire-50)",
727
- "--hop-status-progress-surface-disabled": "var(--hop-sapphire-25)",
728
- "--hop-status-progress-surface-hover": "var(--hop-sapphire-75)",
729
- "--hop-status-progress-surface-press": "var(--hop-sapphire-100)",
730
- "--hop-status-progress-surface-selected": "var(--hop-sapphire-50)",
731
- "--hop-status-progress-surface-strong": "var(--hop-sapphire-200)",
732
- "--hop-status-progress-text": "var(--hop-sapphire-600)",
733
- "--hop-status-progress-text-disabled": "var(--hop-sapphire-200)",
734
- "--hop-status-progress-text-hover": "var(--hop-sapphire-700)",
735
- "--hop-status-progress-text-press": "var(--hop-sapphire-800)",
736
- "--hop-status-progress-text-selected": "var(--hop-sapphire-500)",
737
- "--hop-success-border": "var(--hop-moss-100)",
738
- "--hop-success-icon": "var(--hop-moss-700)",
739
- "--hop-success-icon-weakest": "var(--hop-moss-100)",
740
- "--hop-success-icon-weak": "var(--hop-moss-300)",
741
- "--hop-success-surface": "var(--hop-moss-25)",
742
- "--hop-success-surface-strong": "var(--hop-moss-100)",
743
- "--hop-success-surface-weak": "var(--hop-moss-50)",
744
- "--hop-success-text": "var(--hop-moss-700)",
745
- "--hop-success-text-hover": "var(--hop-moss-800)",
746
- "--hop-success-text-weak": "var(--hop-moss-300)",
747
- "--hop-warning-border": "var(--hop-koi-100)",
748
- "--hop-warning-icon": "var(--hop-koi-700)",
749
- "--hop-warning-icon-weakest": "var(--hop-koi-100)",
750
- "--hop-warning-icon-weak": "var(--hop-koi-300)",
751
- "--hop-warning-surface": "var(--hop-koi-25)",
752
- "--hop-warning-surface-strong": "var(--hop-koi-100)",
753
- "--hop-warning-surface-weak": "var(--hop-koi-50)",
754
- "--hop-warning-text": "var(--hop-koi-700)",
755
- "--hop-warning-text-weak": "var(--hop-koi-300)",
756
- "--hop-dataviz-monochromatic-primary-25": "#f5f6ff",
757
- "--hop-dataviz-monochromatic-primary-50": "#e6ebff",
758
- "--hop-dataviz-monochromatic-primary-75": "#d6e0ff",
759
- "--hop-dataviz-monochromatic-primary-100": "#b9cbff",
760
- "--hop-dataviz-monochromatic-primary-200": "#95b1ff",
761
- "--hop-dataviz-monochromatic-primary-300": "#6c8ffd",
762
- "--hop-dataviz-monochromatic-primary-400": "#4767fe",
763
- "--hop-dataviz-monochromatic-primary-500": "#3b57ff",
764
- "--hop-dataviz-monochromatic-primary-600": "#2a43e8",
765
- "--hop-dataviz-monochromatic-primary-700": "#2040c7",
766
- "--hop-dataviz-monochromatic-primary-800": "#1b3587",
767
- "--hop-dataviz-monochromatic-primary-900": "#152450",
768
- "--hop-dataviz-monochromatic-primary-25-hover": "#e6ebff",
769
- "--hop-dataviz-monochromatic-primary-50-hover": "#d6e0ff",
770
- "--hop-dataviz-monochromatic-primary-75-hover": "#b9cbff",
771
- "--hop-dataviz-monochromatic-primary-100-hover": "#95b1ff",
772
- "--hop-dataviz-monochromatic-primary-200-hover": "#6c8ffd",
773
- "--hop-dataviz-monochromatic-primary-300-hover": "#4767fe",
774
- "--hop-dataviz-monochromatic-primary-400-hover": "#3b57ff",
775
- "--hop-dataviz-monochromatic-primary-500-hover": "#2a43e8",
776
- "--hop-dataviz-monochromatic-primary-600-hover": "#2040c7",
777
- "--hop-dataviz-monochromatic-primary-700-hover": "#1b3587",
778
- "--hop-dataviz-monochromatic-primary-800-hover": "#152450",
779
- "--hop-dataviz-monochromatic-primary-900-hover": "#0b173a",
780
- "--hop-dataviz-monochromatic-positive-25": "#f4f9e9",
781
- "--hop-dataviz-monochromatic-positive-50": "#e3f3b9",
782
- "--hop-dataviz-monochromatic-positive-75": "#cde8ac",
783
- "--hop-dataviz-monochromatic-positive-100": "#aad89d",
784
- "--hop-dataviz-monochromatic-positive-200": "#7dc291",
785
- "--hop-dataviz-monochromatic-positive-300": "#47a584",
786
- "--hop-dataviz-monochromatic-positive-400": "#188a71",
787
- "--hop-dataviz-monochromatic-positive-500": "#0c796b",
788
- "--hop-dataviz-monochromatic-positive-600": "#0a6f64",
789
- "--hop-dataviz-monochromatic-positive-700": "#115a52",
790
- "--hop-dataviz-monochromatic-positive-800": "#16433d",
791
- "--hop-dataviz-monochromatic-positive-900": "#132a27",
792
- "--hop-dataviz-monochromatic-positive-25-hover": "#e3f3b9",
793
- "--hop-dataviz-monochromatic-positive-50-hover": "#cde8ac",
794
- "--hop-dataviz-monochromatic-positive-75-hover": "#aad89d",
795
- "--hop-dataviz-monochromatic-positive-100-hover": "#7dc291",
796
- "--hop-dataviz-monochromatic-positive-200-hover": "#47a584",
797
- "--hop-dataviz-monochromatic-positive-300-hover": "#188a71",
798
- "--hop-dataviz-monochromatic-positive-400-hover": "#0c796b",
799
- "--hop-dataviz-monochromatic-positive-500-hover": "#0a6f64",
800
- "--hop-dataviz-monochromatic-positive-600-hover": "#115a52",
801
- "--hop-dataviz-monochromatic-positive-700-hover": "#16433d",
802
- "--hop-dataviz-monochromatic-positive-800-hover": "#132a27",
803
- "--hop-dataviz-monochromatic-positive-900-hover": "#0a1716",
804
- "--hop-dataviz-monochromatic-negative-25": "#fdf6f6",
805
- "--hop-dataviz-monochromatic-negative-50": "#fde6e5",
806
- "--hop-dataviz-monochromatic-negative-75": "#ffd6d3",
807
- "--hop-dataviz-monochromatic-negative-100": "#ffbcb7",
808
- "--hop-dataviz-monochromatic-negative-200": "#ff8e8e",
809
- "--hop-dataviz-monochromatic-negative-300": "#f56263",
810
- "--hop-dataviz-monochromatic-negative-400": "#df3236",
811
- "--hop-dataviz-monochromatic-negative-500": "#cb2e31",
812
- "--hop-dataviz-monochromatic-negative-600": "#ba2d2d",
813
- "--hop-dataviz-monochromatic-negative-700": "#952927",
814
- "--hop-dataviz-monochromatic-negative-800": "#6c2320",
815
- "--hop-dataviz-monochromatic-negative-900": "#431a17",
816
- "--hop-dataviz-monochromatic-negative-25-hover": "#fde6e5",
817
- "--hop-dataviz-monochromatic-negative-50-hover": "#ffd6d3",
818
- "--hop-dataviz-monochromatic-negative-75-hover": "#ffbcb7",
819
- "--hop-dataviz-monochromatic-negative-100-hover": "#ff8e8e",
820
- "--hop-dataviz-monochromatic-negative-200-hover": "#f56263",
821
- "--hop-dataviz-monochromatic-negative-300-hover": "#df3236",
822
- "--hop-dataviz-monochromatic-negative-400-hover": "#cb2e31",
823
- "--hop-dataviz-monochromatic-negative-500-hover": "#ba2d2d",
824
- "--hop-dataviz-monochromatic-negative-600-hover": "#952927",
825
- "--hop-dataviz-monochromatic-negative-700-hover": "#6c2320",
826
- "--hop-dataviz-monochromatic-negative-800-hover": "#431a17",
827
- "--hop-dataviz-monochromatic-negative-900-hover": "#2d100d",
828
- "--hop-dataviz-diverging-sequence-1-positive9": "#16433d",
829
- "--hop-dataviz-diverging-sequence-1-positive9-hover": "#132a27",
830
- "--hop-dataviz-diverging-sequence-1-positive8": "#115a52",
831
- "--hop-dataviz-diverging-sequence-1-positive8-hover": "#16433d",
832
- "--hop-dataviz-diverging-sequence-1-positive7": "#0a6f64",
833
- "--hop-dataviz-diverging-sequence-1-positive7-hover": "#115a52",
834
- "--hop-dataviz-diverging-sequence-1-positive6": "#0c796b",
835
- "--hop-dataviz-diverging-sequence-1-positive6-hover": "#0a6f64",
836
- "--hop-dataviz-diverging-sequence-1-positive5": "#188a71",
837
- "--hop-dataviz-diverging-sequence-1-positive5-hover": "#0c796b",
838
- "--hop-dataviz-diverging-sequence-1-positive4": "#47a584",
839
- "--hop-dataviz-diverging-sequence-1-positive-4-hover": "#188a71",
840
- "--hop-dataviz-diverging-sequence-1-positive3": "#7dc291",
841
- "--hop-dataviz-diverging-sequence-1-positive3-hover": "#47a584",
842
- "--hop-dataviz-diverging-sequence-1-positive2": "#aad89d",
843
- "--hop-dataviz-diverging-sequence-1-positive2-hover": "#7dc291",
844
- "--hop-dataviz-diverging-sequence-1-positive1": "#cde8ac",
845
- "--hop-dataviz-diverging-sequence-1-positive1-hover": "#aad89d",
846
- "--hop-dataviz-diverging-sequence-1-neutral": "#f7e694",
847
- "--hop-dataviz-diverging-sequence-1-neutral-hover": "#eac96d",
848
- "--hop-dataviz-diverging-sequence-1-negative1": "#ffd8be",
849
- "--hop-dataviz-diverging-sequence-1-negative1-hover": "#ffbcb7",
850
- "--hop-dataviz-diverging-sequence-1-negative2": "#ffbcb7",
851
- "--hop-dataviz-diverging-sequence-1-negative2-hover": "#ff8e8e",
852
- "--hop-dataviz-diverging-sequence-1-negative3": "#ff8e8e",
853
- "--hop-dataviz-diverging-sequence-1-negative3-hover": "#f56263",
854
- "--hop-dataviz-diverging-sequence-1-negative4": "#f56263",
855
- "--hop-dataviz-diverging-sequence-1-negative4-hover": "#df3236",
856
- "--hop-dataviz-diverging-sequence-1-negative5": "#df3236",
857
- "--hop-dataviz-diverging-sequence-1-negative5-hover": "#cb2e31",
858
- "--hop-dataviz-diverging-sequence-1-negative6": "#cb2e31",
859
- "--hop-dataviz-diverging-sequence-1-negative6-hover": "#ba2d2d",
860
- "--hop-dataviz-diverging-sequence-1-negative7": "#ba2d2d",
861
- "--hop-dataviz-diverging-sequence-1-negative7-hover": "#952927",
862
- "--hop-dataviz-diverging-sequence-1-negative8": "#952927",
863
- "--hop-dataviz-diverging-sequence-1-negative8-hover": "#6c2320",
864
- "--hop-dataviz-diverging-sequence-1-negative9": "#6c2320",
865
- "--hop-dataviz-diverging-sequence-1-negative9-hover": "#431a17",
866
- "--hop-dataviz-diverging-sequence-2-positive10": "#16433d",
867
- "--hop-dataviz-diverging-sequence-2-positive10-hover": "#132a27",
868
- "--hop-dataviz-diverging-sequence-2-positive9": "#115a52",
869
- "--hop-dataviz-diverging-sequence-2-positive9-hover": "#16433d",
870
- "--hop-dataviz-diverging-sequence-2-positive8": "#0a6f64",
871
- "--hop-dataviz-diverging-sequence-2-positive8-hover": "#115a52",
872
- "--hop-dataviz-diverging-sequence-2-positive7": "#0c796b",
873
- "--hop-dataviz-diverging-sequence-2-positive7-hover": "#0a6f64",
874
- "--hop-dataviz-diverging-sequence-2-positive6": "#188a71",
875
- "--hop-dataviz-diverging-sequence-2-positive6-hover": "#0c796b",
876
- "--hop-dataviz-diverging-sequence-2-positive5": "#47a584",
877
- "--hop-dataviz-diverging-sequence-2-positive5-hover": "#188a71",
878
- "--hop-dataviz-diverging-sequence-2-positive4": "#7dc291",
879
- "--hop-dataviz-diverging-sequence-2-positive4-hover": "#47a584",
880
- "--hop-dataviz-diverging-sequence-2-positive3": "#aad89d",
881
- "--hop-dataviz-diverging-sequence-2-positive3-hover": "#7dc291",
882
- "--hop-dataviz-diverging-sequence-2-positive2": "#cde8ac",
883
- "--hop-dataviz-diverging-sequence-2-positive2-hover": "#aad89d",
884
- "--hop-dataviz-diverging-sequence-2-positive1": "#e3f3b9",
885
- "--hop-dataviz-diverging-sequence-2-positive1-hover": "#cde8ac",
886
- "--hop-dataviz-diverging-sequence-2-negative1": "#fde6e5",
887
- "--hop-dataviz-diverging-sequence-2-negative1-hover": "#ffd6d3",
888
- "--hop-dataviz-diverging-sequence-2-negative2": "#ffd6d3",
889
- "--hop-dataviz-diverging-sequence-2-negative2-hover": "#ffbcb7",
890
- "--hop-dataviz-diverging-sequence-2-negative3": "#ffbcb7",
891
- "--hop-dataviz-diverging-sequence-2-negative3-hover": "#ff8e8e",
892
- "--hop-dataviz-diverging-sequence-2-negative4": "#ff8e8e",
893
- "--hop-dataviz-diverging-sequence-2-negative4-hover": "#f56263",
894
- "--hop-dataviz-diverging-sequence-2-negative5": "#f56263",
895
- "--hop-dataviz-diverging-sequence-2-negative5-hover": "#df3236",
896
- "--hop-dataviz-diverging-sequence-2-negative6": "#df3236",
897
- "--hop-dataviz-diverging-sequence-2-negative6-hover": "#cb2e31",
898
- "--hop-dataviz-diverging-sequence-2-negative7": "#cb2e31",
899
- "--hop-dataviz-diverging-sequence-2-negative7-hover": "#ba2d2d",
900
- "--hop-dataviz-diverging-sequence-2-negative8": "#ba2d2d",
901
- "--hop-dataviz-diverging-sequence-2-negative8-hover": "#952927",
902
- "--hop-dataviz-diverging-sequence-2-negative9": "#952927",
903
- "--hop-dataviz-diverging-sequence-2-negative9-hover": "#6c2320",
904
- "--hop-dataviz-diverging-sequence-2-negative10": "#6c2320",
905
- "--hop-dataviz-diverging-sequence-2-negative10-hover": "#431a17",
906
- "--hop-dataviz-categorical-sequence-category1": "#c7ebff",
907
- "--hop-dataviz-categorical-sequence-category1-hover": "#ade2ff",
908
- "--hop-dataviz-categorical-sequence-category2": "#ecd599",
909
- "--hop-dataviz-categorical-sequence-category2-hover": "#e6c675",
910
- "--hop-dataviz-categorical-sequence-category3": "#d2cdf8",
911
- "--hop-dataviz-categorical-sequence-category3-hover": "#bfb8f5",
912
- "--hop-dataviz-categorical-sequence-category4": "#b6bead",
913
- "--hop-dataviz-categorical-sequence-category4-hover": "#a4ae98",
914
- "--hop-dataviz-categorical-sequence-category5": "#fbbdcf",
915
- "--hop-dataviz-categorical-sequence-category5-hover": "#f99fb8",
916
- "--hop-dataviz-categorical-sequence-category6": "#bfdca9",
917
- "--hop-dataviz-categorical-sequence-category6-hover": "#a9d08b",
918
- "--hop-dataviz-categorical-sequence-category7": "#fbe997",
919
- "--hop-dataviz-categorical-sequence-category7-hover": "#fae275",
920
- "--hop-dataviz-categorical-sequence-category8": "#e8ddd0",
921
- "--hop-dataviz-categorical-sequence-category8-hover": "#ddcebb",
922
- "--hop-dataviz-categorical-sequence-category9": "#a7e6dc",
923
- "--hop-dataviz-categorical-sequence-category9-hover": "#90e0d2",
924
- "--hop-dataviz-categorical-sequence-category10": "#aecdd5",
925
- "--hop-dataviz-categorical-sequence-category10-hover": "#93bdc8",
926
- "--hop-dataviz-categorical-sequence-category11": "#ffbf92",
927
- "--hop-dataviz-categorical-sequence-category11-hover": "#ffac70",
928
- "--hop-dataviz-categorical-sequence-category12": "#a0b8fa",
929
- "--hop-dataviz-categorical-sequence-category12-hover": "#779af8",
930
- "--hop-dataviz-categorical-sequence-category13": "#69bfa0",
931
- "--hop-dataviz-categorical-sequence-category13-hover": "#54b692",
932
- "--hop-dataviz-categorical-2colorgroup-option6-category2": "#69bfa0",
933
- "--hop-dataviz-categorical-2colorgroup-option6-category1": "#ffbf92",
934
- "--hop-dataviz-categorical-2colorgroup-option5-category2": "#a0b8fa",
935
- "--hop-dataviz-categorical-2colorgroup-option5-category1": "#a7e6dc",
936
- "--hop-dataviz-categorical-2colorgroup-option4-category2": "#6c8ffd",
937
- "--hop-dataviz-categorical-2colorgroup-option4-category1": "#bfdca9",
938
- "--hop-dataviz-categorical-2colorgroup-option3-category2": "#ff9b3f",
939
- "--hop-dataviz-categorical-2colorgroup-option3-category1": "#2f48ff",
940
- "--hop-dataviz-categorical-2colorgroup-option2-category2": "#fbe997",
941
- "--hop-dataviz-categorical-2colorgroup-option2-category1": "#fbbdcf",
942
- "--hop-dataviz-categorical-2colorgroup-option1-category2": "#c7ebff",
943
- "--hop-dataviz-categorical-2colorgroup-option1-category1": "#b6bead",
944
- "--hop-dataviz-categorical-3colorgroup-option1-category1": "#b6bead",
945
- "--hop-dataviz-categorical-3colorgroup-option1-category2": "#d2cdf8",
946
- "--hop-dataviz-categorical-3colorgroup-option1-category3": "#bfdca9",
947
- "--hop-dataviz-categorical-3colorgroup-option2-category1": "#ecd599",
948
- "--hop-dataviz-categorical-3colorgroup-option2-category2": "#a7e6dc",
949
- "--hop-dataviz-categorical-3colorgroup-option2-category3": "#69bfa0",
950
- "--hop-dataviz-categorical-3colorgroup-option3-category1": "#69bfa0",
951
- "--hop-dataviz-categorical-3colorgroup-option3-category2": "#fbe997",
952
- "--hop-dataviz-categorical-3colorgroup-option3-category3": "#aecdd5",
953
- "--hop-dataviz-categorical-3colorgroup-option4-category1": "#b6bead",
954
- "--hop-dataviz-categorical-3colorgroup-option4-category2": "#a0b8fa",
955
- "--hop-dataviz-categorical-3colorgroup-option4-category3": "#fbbdcf",
956
- "--hop-dataviz-categorical-4colorgroup-option1-category1": "#b6bead",
957
- "--hop-dataviz-categorical-4colorgroup-option1-category2": "#d2cdf8",
958
- "--hop-dataviz-categorical-4colorgroup-option1-category3": "#cde8ac",
959
- "--hop-dataviz-categorical-4colorgroup-option1-category4": "#fbbdcf",
960
- "--hop-dataviz-categorical-4colorgroup-option2-category1": "#b6bead",
961
- "--hop-dataviz-categorical-4colorgroup-option2-category2": "#c7ebff",
962
- "--hop-dataviz-categorical-4colorgroup-option2-category3": "#84d0b4",
963
- "--hop-dataviz-categorical-4colorgroup-option2-category4": "#fbe997",
964
- "--hop-dataviz-categorical-4colorgroup-option3-category1": "#ffbf92",
965
- "--hop-dataviz-categorical-4colorgroup-option3-category2": "#b6bead",
966
- "--hop-dataviz-categorical-4colorgroup-option3-category3": "#2e70a8",
967
- "--hop-dataviz-categorical-4colorgroup-option3-category4": "#ecd599",
968
- "--hop-dataviz-categorical-4colorgroup-option4-category1": "#69bfa0",
969
- "--hop-dataviz-categorical-4colorgroup-option4-category2": "#c7ebff",
970
- "--hop-dataviz-categorical-4colorgroup-option4-category3": "#fa4d59",
971
- "--hop-dataviz-categorical-4colorgroup-option4-category4": "#d2cdf8",
972
- "--hop-dataviz-categorical-5colorgroup-option1-category1": "#b6bead",
973
- "--hop-dataviz-categorical-5colorgroup-option1-category2": "#ff9b3f",
974
- "--hop-dataviz-categorical-5colorgroup-option1-category3": "#bfdca9",
975
- "--hop-dataviz-categorical-5colorgroup-option1-category4": "#ecd599",
976
- "--hop-dataviz-categorical-5colorgroup-option1-category5": "#69bfa0",
977
- "--hop-dataviz-categorical-5colorgroup-option2-category1": "#ff9b3f",
978
- "--hop-dataviz-categorical-5colorgroup-option2-category2": "#b6bead",
979
- "--hop-dataviz-categorical-5colorgroup-option2-category3": "#2e70a8",
980
- "--hop-dataviz-categorical-5colorgroup-option2-category4": "#fbe997",
981
- "--hop-dataviz-categorical-5colorgroup-option2-category5": "#c5bef6",
982
- "--hop-dataviz-categorical-5colorgroup-option3-category1": "#d2cdf8",
983
- "--hop-dataviz-categorical-5colorgroup-option3-category2": "#ecd599",
984
- "--hop-dataviz-categorical-5colorgroup-option3-category3": "#aecdd5",
985
- "--hop-dataviz-categorical-5colorgroup-option3-category4": "#b6bead",
986
- "--hop-dataviz-categorical-5colorgroup-option3-category5": "#ffbf92",
987
- "--hop-dataviz-categorical-5colorgroup-option4-category1": "#69bfa0",
988
- "--hop-dataviz-categorical-5colorgroup-option4-category2": "#c7ebff",
989
- "--hop-dataviz-categorical-5colorgroup-option4-category3": "#fa4d59",
990
- "--hop-dataviz-categorical-5colorgroup-option4-category4": "#d2cdf8",
991
- "--hop-dataviz-categorical-5colorgroup-option4-category5": "#b6bead",
992
- "--hop-dataviz-categorical-6colorgroup-option1-category1": "#b6bead",
993
- "--hop-dataviz-categorical-6colorgroup-option1-category2": "#a0b8fa",
994
- "--hop-dataviz-categorical-6colorgroup-option1-category3": "#bfdca9",
995
- "--hop-dataviz-categorical-6colorgroup-option1-category4": "#fa4d59",
996
- "--hop-dataviz-categorical-6colorgroup-option1-category5": "#ecd599",
997
- "--hop-dataviz-categorical-6colorgroup-option1-category6": "#69bfa0",
998
- "--hop-dataviz-categorical-6colorgroup-option2-category1": "#2e70a8",
999
- "--hop-dataviz-categorical-6colorgroup-option2-category2": "#fbe997",
1000
- "--hop-dataviz-categorical-6colorgroup-option2-category3": "#69bfa0",
1001
- "--hop-dataviz-categorical-6colorgroup-option2-category4": "#ff9b3f",
1002
- "--hop-dataviz-categorical-6colorgroup-option2-category5": "#a7e6dc",
1003
- "--hop-dataviz-categorical-6colorgroup-option2-category6": "#d2cdf8",
1004
- "--hop-dataviz-categorical-6colorgroup-option3-category1": "#b6bead",
1005
- "--hop-dataviz-categorical-6colorgroup-option3-category2": "#aecdd5",
1006
- "--hop-dataviz-categorical-6colorgroup-option3-category3": "#e8ddd0",
1007
- "--hop-dataviz-categorical-6colorgroup-option3-category4": "#a7e6dc",
1008
- "--hop-dataviz-categorical-6colorgroup-option3-category5": "#2e70a8",
1009
- "--hop-dataviz-categorical-6colorgroup-option3-category6": "#fbbdcf",
1010
- "--hop-dataviz-categorical-6colorgroup-option4-category1": "#fbbdcf",
1011
- "--hop-dataviz-categorical-6colorgroup-option4-category2": "#a0b8fa",
1012
- "--hop-dataviz-categorical-6colorgroup-option4-category3": "#ffbf92",
1013
- "--hop-dataviz-categorical-6colorgroup-option4-category4": "#c7ebff",
1014
- "--hop-dataviz-categorical-6colorgroup-option4-category5": "#bfdca9",
1015
- "--hop-dataviz-categorical-6colorgroup-option4-category6": "#fbe997",
1016
- "--hop-dataviz-unavailable": "var(--hop-rock-75)",
1017
- "--hop-dataviz-unavailable-weak": "var(--hop-rock-50)",
1018
- "--hop-dataviz-unavailable-strong": "var(--hop-rock-100)",
1019
- "--hop-dataviz-text-onlight": "var(--hop-rock-800)",
1020
- "--hop-dataviz-text-ondark": "var(--hop-samoyed)",
1021
- "--hop-elevation-none": "var(--hop-shadow-none)",
1022
- "--hop-elevation-raised": "var(--hop-shadow-sm)",
1023
- "--hop-elevation-lifted": "var(--hop-shadow-md)",
1024
- "--hop-elevation-floating": "var(--hop-shadow-lg)",
1025
- "--hop-heading-3xl-font-family": "var(--hop-font-family-primary)",
1026
- "--hop-heading-3xl-font-size": "var(--hop-font-size-360)",
1027
- "--hop-heading-3xl-font-weight": "var(--hop-font-weight-680)",
1028
- "--hop-heading-3xl-line-height": "var(--hop-line-height-1-33)",
1029
- "--hop-heading-3xl-top-offset": "-0.9375rem",
1030
- "--hop-heading-3xl-bottom-offset": "-0.5625rem",
1031
- "--hop-heading-2xl-font-family": "var(--hop-font-family-primary)",
1032
- "--hop-heading-2xl-font-size": "var(--hop-font-size-320)",
1033
- "--hop-heading-2xl-font-weight": "var(--hop-font-weight-580)",
1034
- "--hop-heading-2xl-line-height": "var(--hop-line-height-1-25)",
1035
- "--hop-heading-2xl-top-offset": "-0.6667rem",
1036
- "--hop-heading-2xl-bottom-offset": "-0.3334rem",
1037
- "--hop-heading-xl-font-family": "var(--hop-font-family-primary)",
1038
- "--hop-heading-xl-font-size": "var(--hop-font-size-280)",
1039
- "--hop-heading-xl-font-weight": "var(--hop-font-weight-680)",
1040
- "--hop-heading-xl-line-height": "var(--hop-line-height-1-14)",
1041
- "--hop-heading-xl-top-offset": "-0.5rem",
1042
- "--hop-heading-xl-bottom-offset": "-0.1875rem",
1043
- "--hop-heading-lg-font-family": "var(--hop-font-family-primary)",
1044
- "--hop-heading-lg-font-size": "var(--hop-font-size-240)",
1045
- "--hop-heading-lg-font-weight": "var(--hop-font-weight-680)",
1046
- "--hop-heading-lg-line-height": "var(--hop-line-height-1-33)",
1047
- "--hop-heading-lg-top-offset": "-0.5625rem",
1048
- "--hop-heading-lg-bottom-offset": "-0.3125rem",
1049
- "--hop-heading-md-font-family": "var(--hop-font-family-primary)",
1050
- "--hop-heading-md-font-size": "var(--hop-font-size-200)",
1051
- "--hop-heading-md-font-weight": "var(--hop-font-weight-580)",
1052
- "--hop-heading-md-line-height": "var(--hop-line-height-1-20)",
1053
- "--hop-heading-md-top-offset": "-0.3333rem",
1054
- "--hop-heading-md-bottom-offset": "-0.125rem",
1055
- "--hop-heading-sm-font-family": "var(--hop-font-family-primary)",
1056
- "--hop-heading-sm-font-size": "var(--hop-font-size-180)",
1057
- "--hop-heading-sm-font-weight": "var(--hop-font-weight-580)",
1058
- "--hop-heading-sm-line-height": "var(--hop-line-height-1-33)",
1059
- "--hop-heading-sm-top-offset": "-0.375rem",
1060
- "--hop-heading-sm-bottom-offset": "-0.1875rem",
1061
- "--hop-heading-xs-font-family": "var(--hop-font-family-primary)",
1062
- "--hop-heading-xs-font-size": "var(--hop-font-size-160)",
1063
- "--hop-heading-xs-font-weight": "var(--hop-font-weight-410)",
1064
- "--hop-heading-xs-line-height": "var(--hop-line-height-1-50)",
1065
- "--hop-heading-xs-top-offset": "-0.4166rem",
1066
- "--hop-heading-xs-bottom-offset": "-0.25rem",
1067
- "--hop-heading-xs-medium-font-family": "var(--hop-font-family-primary)",
1068
- "--hop-heading-xs-medium-font-size": "var(--hop-font-size-160)",
1069
- "--hop-heading-xs-medium-font-weight": "var(--hop-font-weight-580)",
1070
- "--hop-heading-xs-medium-line-height": "var(--hop-line-height-1-50)",
1071
- "--hop-heading-xs-medium-top-offset": "-0.4166rem",
1072
- "--hop-heading-xs-medium-bottom-offset": "-0.25rem",
1073
- "--hop-overline-font-family": "var(--hop-font-family-tertiary)",
1074
- "--hop-overline-font-size": "var(--hop-font-size-120)",
1075
- "--hop-overline-font-weight": "var(--hop-font-weight-400)",
1076
- "--hop-overline-line-height": "var(--hop-line-height-1-33)",
1077
- "--hop-overline-top-offset": "-0.25rem",
1078
- "--hop-overline-bottom-offset": "-0.25rem",
1079
- "--hop-body-2xl-font-family": "var(--hop-font-family-secondary)",
1080
- "--hop-body-2xl-font-size": "var(--hop-font-size-320)",
1081
- "--hop-body-2xl-font-weight": "var(--hop-font-weight-410)",
1082
- "--hop-body-2xl-line-height": "var(--hop-line-height-1-125)",
1083
- "--hop-body-xl-font-family": "var(--hop-font-family-secondary)",
1084
- "--hop-body-xl-font-size": "var(--hop-font-size-280)",
1085
- "--hop-body-xl-font-weight": "var(--hop-font-weight-410)",
1086
- "--hop-body-xl-line-height": "var(--hop-line-height-1-14)",
1087
- "--hop-body-lg-font-family": "var(--hop-font-family-secondary)",
1088
- "--hop-body-lg-font-size": "var(--hop-font-size-180)",
1089
- "--hop-body-lg-font-weight": "var(--hop-font-weight-410)",
1090
- "--hop-body-lg-line-height": "var(--hop-line-height-1-33)",
1091
- "--hop-body-lg-medium-font-family": "var(--hop-font-family-secondary)",
1092
- "--hop-body-lg-medium-font-size": "var(--hop-font-size-180)",
1093
- "--hop-body-lg-medium-font-weight": "var(--hop-font-weight-505)",
1094
- "--hop-body-lg-medium-line-height": "var(--hop-line-height-1-33)",
1095
- "--hop-body-lg-semibold-font-family": "var(--hop-font-family-secondary)",
1096
- "--hop-body-lg-semibold-font-size": "var(--hop-font-size-180)",
1097
- "--hop-body-lg-semibold-font-weight": "var(--hop-font-weight-590)",
1098
- "--hop-body-lg-semibold-line-height": "var(--hop-line-height-1-33)",
1099
- "--hop-body-lg-bold-font-family": "var(--hop-font-family-secondary)",
1100
- "--hop-body-lg-bold-font-size": "var(--hop-font-size-180)",
1101
- "--hop-body-lg-bold-font-weight": "var(--hop-font-weight-690)",
1102
- "--hop-body-lg-bold-line-height": "var(--hop-line-height-1-33)",
1103
- "--hop-body-lg-underline-font-family": "var(--hop-font-family-secondary)",
1104
- "--hop-body-lg-underline-font-size": "var(--hop-font-size-180)",
1105
- "--hop-body-lg-underline-font-weight": "var(--hop-font-weight-505)",
1106
- "--hop-body-lg-underline-line-height": "var(--hop-line-height-1-33)",
1107
- "--hop-body-md-font-family": "var(--hop-font-family-secondary)",
1108
- "--hop-body-md-font-size": "var(--hop-font-size-160)",
1109
- "--hop-body-md-font-weight": "var(--hop-font-weight-410)",
1110
- "--hop-body-md-line-height": "var(--hop-line-height-1-50)",
1111
- "--hop-body-md-medium-font-family": "var(--hop-font-family-secondary)",
1112
- "--hop-body-md-medium-font-size": "var(--hop-font-size-160)",
1113
- "--hop-body-md-medium-font-weight": "var(--hop-font-weight-505)",
1114
- "--hop-body-md-medium-line-height": "var(--hop-line-height-1-50)",
1115
- "--hop-body-md-semibold-font-family": "var(--hop-font-family-secondary)",
1116
- "--hop-body-md-semibold-font-size": "var(--hop-font-size-160)",
1117
- "--hop-body-md-semibold-font-weight": "var(--hop-font-weight-590)",
1118
- "--hop-body-md-semibold-line-height": "var(--hop-line-height-1-50)",
1119
- "--hop-body-md-bold-font-family": "var(--hop-font-family-secondary)",
1120
- "--hop-body-md-bold-font-size": "var(--hop-font-size-160)",
1121
- "--hop-body-md-bold-font-weight": "var(--hop-font-weight-690)",
1122
- "--hop-body-md-bold-line-height": "var(--hop-line-height-1-50)",
1123
- "--hop-body-md-underline-font-family": "var(--hop-font-family-secondary)",
1124
- "--hop-body-md-underline-font-size": "var(--hop-font-size-160)",
1125
- "--hop-body-md-underline-font-weight": "var(--hop-font-weight-410)",
1126
- "--hop-body-md-underline-line-height": "var(--hop-line-height-1-50)",
1127
- "--hop-body-sm-font-family": "var(--hop-font-family-secondary)",
1128
- "--hop-body-sm-font-size": "var(--hop-font-size-140)",
1129
- "--hop-body-sm-font-weight": "var(--hop-font-weight-410)",
1130
- "--hop-body-sm-line-height": "var(--hop-line-height-1-4285)",
1131
- "--hop-body-sm-medium-font-family": "var(--hop-font-family-secondary)",
1132
- "--hop-body-sm-medium-font-size": "var(--hop-font-size-140)",
1133
- "--hop-body-sm-medium-font-weight": "var(--hop-font-weight-505)",
1134
- "--hop-body-sm-medium-line-height": "var(--hop-line-height-1-4285)",
1135
- "--hop-body-sm-semibold-font-family": "var(--hop-font-family-secondary)",
1136
- "--hop-body-sm-semibold-font-size": "var(--hop-font-size-140)",
1137
- "--hop-body-sm-semibold-font-weight": "var(--hop-font-weight-590)",
1138
- "--hop-body-sm-semibold-line-height": "var(--hop-line-height-1-4285)",
1139
- "--hop-body-sm-bold-font-family": "var(--hop-font-family-secondary)",
1140
- "--hop-body-sm-bold-font-size": "var(--hop-font-size-140)",
1141
- "--hop-body-sm-bold-font-weight": "var(--hop-font-weight-690)",
1142
- "--hop-body-sm-bold-line-height": "var(--hop-line-height-1-4285)",
1143
- "--hop-body-sm-underline-font-family": "var(--hop-font-family-secondary)",
1144
- "--hop-body-sm-underline-font-size": "var(--hop-font-size-140)",
1145
- "--hop-body-sm-underline-font-weight": "var(--hop-font-weight-505)",
1146
- "--hop-body-sm-underline-line-height": "var(--hop-line-height-1-4285)",
1147
- "--hop-body-xs-font-family": "var(--hop-font-family-secondary)",
1148
- "--hop-body-xs-font-size": "var(--hop-font-size-120)",
1149
- "--hop-body-xs-font-weight": "var(--hop-font-weight-410)",
1150
- "--hop-body-xs-line-height": "var(--hop-line-height-1-33)",
1151
- "--hop-body-xs-medium-font-family": "var(--hop-font-family-secondary)",
1152
- "--hop-body-xs-medium-font-size": "var(--hop-font-size-120)",
1153
- "--hop-body-xs-medium-font-weight": "var(--hop-font-weight-505)",
1154
- "--hop-body-xs-medium-line-height": "var(--hop-line-height-1-33)",
1155
- "--hop-body-xs-semibold-font-family": "var(--hop-font-family-secondary)",
1156
- "--hop-body-xs-semibold-font-size": "var(--hop-font-size-120)",
1157
- "--hop-body-xs-semibold-font-weight": "var(--hop-font-weight-590)",
1158
- "--hop-body-xs-semibold-line-height": "var(--hop-line-height-1-33)",
1159
- "--hop-body-xs-bold-font-family": "var(--hop-font-family-secondary)",
1160
- "--hop-body-xs-bold-font-size": "var(--hop-font-size-120)",
1161
- "--hop-body-xs-bold-font-weight": "var(--hop-font-weight-690)",
1162
- "--hop-body-xs-bold-line-height": "var(--hop-line-height-1-33)",
1163
- "--hop-body-xs-underline-font-family": "var(--hop-font-family-secondary)",
1164
- "--hop-body-xs-underline-font-size": "var(--hop-font-size-120)",
1165
- "--hop-body-xs-underline-font-weight": "var(--hop-font-weight-505)",
1166
- "--hop-body-xs-underline-line-height": "var(--hop-line-height-1-33)",
1167
- "--hop-accent-lg-font-family": "var(--hop-font-family-primary)",
1168
- "--hop-accent-lg-font-size": "var(--hop-font-size-480)",
1169
- "--hop-accent-lg-font-weight": "var(--hop-font-weight-580)",
1170
- "--hop-accent-lg-line-height": "var(--hop-line-height-1-125)",
1171
- "--hop-accent-sm-font-family": "var(--hop-font-family-primary)",
1172
- "--hop-accent-sm-font-size": "var(--hop-font-size-180)",
1173
- "--hop-accent-sm-font-weight": "var(--hop-font-weight-580)",
1174
- "--hop-accent-sm-line-height": "var(--hop-line-height-1-33)",
1175
- "--hop-shape-circle": "var(--hop-border-radius-9999)",
1176
- "--hop-shape-pill": "var(--hop-border-radius-4)",
1177
- "--hop-shape-rounded-lg": "var(--hop-border-radius-3)",
1178
- "--hop-shape-rounded-md": "var(--hop-border-radius-2)",
1179
- "--hop-shape-rounded-sm": "var(--hop-border-radius-1)"
1180
- };
1181
-
1182
- export { CoreTokens, SemanticTokens };