@hopper-ui/styled-system 0.0.0 → 0.2.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 (39) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/README.md +38 -17
  3. package/dist/StyledSystemProvider-173b78af.d.ts +226 -0
  4. package/dist/StyledSystemProvider.css +1 -0
  5. package/dist/StyledSystemProvider.d.ts +5 -28
  6. package/dist/StyledSystemProvider.js +11 -9
  7. package/dist/index.css +1 -0
  8. package/dist/index.d.ts +2387 -12
  9. package/dist/index.js +10 -8
  10. package/dist/styled-system-props-1c231c50.d.ts +3403 -0
  11. package/dist/styled-system-props.d.ts +3 -0
  12. package/dist/styled-system-props.js +3 -0
  13. package/dist/styled-system-root-css-class.js +2 -2
  14. package/dist/useStyledSystem.css +1 -0
  15. package/dist/useStyledSystem.d.ts +24 -0
  16. package/dist/useStyledSystem.js +5 -0
  17. package/package.json +29 -17
  18. package/dist/global-styles/BodyStyleProvider.d.ts +0 -5
  19. package/dist/global-styles/BodyStyleProvider.js +0 -23
  20. package/dist/tokens/TokenProvider.d.ts +0 -20
  21. package/dist/tokens/TokenProvider.js +0 -6
  22. package/dist/tokens/generated/dark-semantic-tokens.d.ts +0 -258
  23. package/dist/tokens/generated/dark-semantic-tokens.js +0 -3
  24. package/dist/tokens/generated/light-tokens.d.ts +0 -609
  25. package/dist/tokens/generated/light-tokens.js +0 -3
  26. package/dist/tokens/tokens.d.ts +0 -866
  27. package/dist/tokens/tokens.js +0 -3
  28. package/dist/utils/assertion.d.ts +0 -15
  29. package/dist/utils/assertion.js +0 -3
  30. package/dist/utils/clsx.d.ts +0 -6
  31. package/dist/utils/clsx.js +0 -3
  32. package/dist/utils/useInsertStyleElement.d.ts +0 -6
  33. package/dist/utils/useInsertStyleElement.js +0 -5
  34. package/dist/utils/useIsomorphicInsertionEffect.d.ts +0 -16
  35. package/dist/utils/useIsomorphicInsertionEffect.js +0 -5
  36. package/dist/utils/useIsomorphicLayoutEffect.d.ts +0 -16
  37. package/dist/utils/useIsomorphicLayoutEffect.js +0 -5
  38. package/dist/utils/useThemeComputedStyle.d.ts +0 -14
  39. package/dist/utils/useThemeComputedStyle.js +0 -3
package/dist/index.d.ts CHANGED
@@ -1,13 +1,2388 @@
1
- export { useInsertStyleElement } from './utils/useInsertStyleElement.js';
2
- export { useIsomorphicInsertionEffect } from './utils/useIsomorphicInsertionEffect.js';
3
- export { useIsomorphicLayoutEffect } from './utils/useIsomorphicLayoutEffect.js';
4
- export { ThemeComputedStyle } from './utils/useThemeComputedStyle.js';
5
- export { BodyStyleProvider } from './global-styles/BodyStyleProvider.js';
6
- export { TokenProvider } from './tokens/TokenProvider.js';
7
- export { HopperCssVar, HopperTokenKey, Tokens } from './tokens/tokens.js';
8
- export { StyledSystemProvider, StyledSystemProviderProps } from './StyledSystemProvider.js';
1
+ import { C as ColorSchemeOrSystem, a as ColorScheme } from './StyledSystemProvider-173b78af.js';
2
+ export { Q as A, R as AProps, A as Address, n as AddressProps, d as Article, o as ArticleProps, e as Aside, p as AsideProps, an as BreakpointProvider, am as BreakpointProviderProps, c as ColorSchemeContext, b as ColorSchemeContextType, al as DefaultUnsupportedMatchMediaBreakpoint, E as Div, G as DivProps, a9 as HtmlButton, ae as HtmlButtonProps, aj as HtmlElementProps, H as HtmlFooter, q as HtmlFooterProps, aa as HtmlForm, af as HtmlFormProps, f as HtmlH1, r as HtmlH1Props, g as HtmlH2, s as HtmlH2Props, h as HtmlH3, t as HtmlH3Props, i as HtmlH4, v as HtmlH4Props, j as HtmlH5, w as HtmlH5Props, k as HtmlH6, x as HtmlH6Props, l as HtmlHeader, y as HtmlHeaderProps, ab as HtmlInput, ag as HtmlInputProps, ac as HtmlLabel, ah as HtmlLabelProps, F as HtmlParagraph, I as HtmlParagraphProps, m as HtmlSection, D as HtmlSectionProps, ad as HtmlTextArea, ai as HtmlTextAreaProps, V as Img, W as ImgProps, L as LI, P as LIProps, M as Main, z as MainProps, N as Nav, B as NavProps, O as OL, J as OLProps, S as Span, T as SpanProps, ap as StyledSystemProvider, ao as StyledSystemProviderProps, Z as TBody, a4 as TBodyProps, a1 as TD, a8 as TDProps, _ as TFoot, a5 as TFootProps, $ as TH, a6 as THProps, Y as THead, a3 as THeadProps, a0 as TR, a7 as TRProps, X as Table, a2 as TableProps, U as UL, K as ULProps, ak as htmlElement, u as useColorSchemeContext } from './StyledSystemProvider-173b78af.js';
3
+ import * as react_jsx_runtime from 'react/jsx-runtime';
4
+ import * as react from 'react';
5
+ import { useEffect, RefObject } from 'react';
6
+ import { B as Breakpoint } from './styled-system-props-1c231c50.js';
7
+ export { e as BackgroundColorMapping, A as BackgroundColorValue, f as BorderMapping, k as BorderRadiusMapping, H as BorderRadiusValue, E as BorderValue, g as BoxShadowMapping, K as BoxShadowValue, a as Breakpoints, C as ColorExpressionTypes, c as ColorMapping, N as ColorValue, P as ColumnGapValue, o as ComplexMarginMapping, ah as ComplexMarginValue, m as ComplexPaddingMapping, al as ComplexPaddingValue, x as CssBorder, y as CssBorderRadius, w as CssBoxShadow, r as CssColor, s as CssFill, z as CssGap, t as CssGrid, v as CssGridTemplate, d as DataVizColorMapping, D as DefaultBorderWidthAndStyle, V as FillValue, j as FontFamilyMapping, Z as FontFamilyValue, F as FontSizeMapping, X as FontSizeValue, h as FontWeightMapping, $ as FontWeightValue, a1 as GapValue, a3 as GridAutoColumnsValue, a5 as GridAutoRowsValue, av as GridColumSpanValue, aw as GridRowSpanValue, a7 as GridTemplateColumnsValue, a9 as GridTemplateRowsValue, ab as HeightValue, I as IconColorMapping, L as LineHeightMapping, ad as LineHeightValue, b as ResponsiveProp, R as ResponsiveValue, an as RowGapValue, n as SimpleMarginMapping, af as SimpleMarginValue, l as SimplePaddingMapping, aj as SimplePaddingValue, q as SizingMapping, ap as SizingValue, S as SpaceMapping, ar as StrokeValue, aB as StyledComponentProps, aA as StyledSystemProps, T as TextColorMapping, U as UNSAFE_BackgroundColorValue, J as UNSAFE_BorderRadiusValue, G as UNSAFE_BorderValue, M as UNSAFE_BoxShadowValue, O as UNSAFE_ColorValue, Q as UNSAFE_ColumnGapValue, ai as UNSAFE_ComplexMarginValue, am as UNSAFE_ComplexPaddingValue, W as UNSAFE_FillValue, _ as UNSAFE_FontFamilyValue, Y as UNSAFE_FontSizeValue, a0 as UNSAFE_FontWeightValue, a2 as UNSAFE_GapValue, a4 as UNSAFE_GridAutoColumnsValue, a6 as UNSAFE_GridAutoRowsValue, a8 as UNSAFE_GridTemplateColumnsValue, aa as UNSAFE_GridTemplateRowsValue, ac as UNSAFE_HeightValue, ae as UNSAFE_LineHeightValue, ao as UNSAFE_RowGapValue, ag as UNSAFE_SimpleMarginValue, ak as UNSAFE_SimplePaddingValue, aq as UNSAFE_SizingValue, as as UNSAFE_StrokeValue, au as UNSAFE_WidthValue, az as UnsafePrefix, at as WidthValue, ay as getSystemValue, i as isResponsiveObject, ax as parseResponsiveSystemValue, p as parseResponsiveValue, u as useResponsiveValue } from './styled-system-props-1c231c50.js';
9
8
  export { HopperRootCssClass, StyledSystemRootCssClass } from './styled-system-root-css-class.js';
10
- import 'react';
11
- import 'react/jsx-runtime';
12
- import './tokens/generated/dark-semantic-tokens.js';
13
- import './tokens/generated/light-tokens.js';
9
+ export { isStyledSystemProp, useStyledSystem } from './useStyledSystem.js';
10
+ import 'csstype';
11
+
12
+ declare function useColorScheme(colorScheme: ColorSchemeOrSystem, defaultColorScheme: ColorScheme): ColorScheme;
13
+
14
+ declare function useColorSchemeValue(lightColor: string, darkColor: string): string;
15
+
16
+ declare function BodyStyleProvider(): react_jsx_runtime.JSX.Element;
17
+
18
+ interface BreakpointContextType {
19
+ matchedBreakpoints: Breakpoint[];
20
+ }
21
+ declare const BreakpointContext: react.Context<BreakpointContextType | undefined>;
22
+ declare function useBreakpointContext(): BreakpointContextType;
23
+
24
+ /** The TokenProvider injects tokens in the document's head.
25
+ * This is a component and not a hook, so it's easier to conditionally call it
26
+ * @example
27
+ * assuming different versions of the design system loaded at the same time, one with version 1, the other with version 2.0.0
28
+ * <head>
29
+ * <style id="hop-tokens-1.0.0">
30
+ * .hop-1-0-0 {
31
+ * --token: red
32
+ * }
33
+ * </style>
34
+ * <style id="hop-tokens-2.0.0">
35
+ * .hop-2-0-0 {
36
+ * --token: blue
37
+ * }
38
+ * </style>
39
+ * </head>
40
+ */
41
+ declare function TokenProvider(): null;
42
+
43
+ /**
44
+ * This file is generated by Style Dictionary. Do not edit directly.
45
+ */
46
+ declare const DarkSemanticTokens: {
47
+ "--hop-upsell-border-active": string;
48
+ "--hop-upsell-text-active": string;
49
+ "--hop-upsell-icon-weakest": string;
50
+ "--hop-upsell-icon-weak": string;
51
+ "--hop-upsell-border": string;
52
+ "--hop-upsell-surface-hover": string;
53
+ "--hop-upsell-border-disabled": string;
54
+ "--hop-upsell-icon-active": string;
55
+ "--hop-upsell-surface-weak": string;
56
+ "--hop-upsell-surface-disabled": string;
57
+ "--hop-upsell-text": string;
58
+ "--hop-upsell-icon": string;
59
+ "--hop-upsell-text-hover": string;
60
+ "--hop-upsell-text-disabled": string;
61
+ "--hop-upsell-surface-active": string;
62
+ "--hop-upsell-surface": string;
63
+ "--hop-danger-border-active": string;
64
+ "--hop-danger-icon-active": string;
65
+ "--hop-danger-text-active": string;
66
+ "--hop-danger-surface": string;
67
+ "--hop-danger-text-hover": string;
68
+ "--hop-danger-surface-disabled": string;
69
+ "--hop-danger-surface-hover": string;
70
+ "--hop-danger-surface-strong": string;
71
+ "--hop-danger-surface-strong-hover": string;
72
+ "--hop-danger-surface-weak": string;
73
+ "--hop-danger-border-strong": string;
74
+ "--hop-danger-icon": string;
75
+ "--hop-danger-icon-weak": string;
76
+ "--hop-danger-text": string;
77
+ "--hop-danger-surface-active": string;
78
+ "--hop-danger-text-weak": string;
79
+ "--hop-danger-text-strong": string;
80
+ "--hop-danger-text-strong-hover": string;
81
+ "--hop-danger-icon-strong": string;
82
+ "--hop-danger-icon-hover": string;
83
+ "--hop-danger-text-disabled": string;
84
+ "--hop-danger-icon-disabled": string;
85
+ "--hop-danger-border": string;
86
+ "--hop-primary-icon-active": string;
87
+ "--hop-primary-border-active": string;
88
+ "--hop-primary-text-active": string;
89
+ "--hop-primary-icon-strong": string;
90
+ "--hop-primary-icon-strong-hover": string;
91
+ "--hop-primary-icon": string;
92
+ "--hop-primary-border-focus": string;
93
+ "--hop-primary-border": string;
94
+ "--hop-primary-icon-hover": string;
95
+ "--hop-primary-icon-disabled": string;
96
+ "--hop-primary-surface-disabled": string;
97
+ "--hop-primary-surface-focus": string;
98
+ "--hop-primary-text-disabled": string;
99
+ "--hop-primary-surface": string;
100
+ "--hop-primary-surface-weak": string;
101
+ "--hop-primary-surface-strong": string;
102
+ "--hop-primary-surface-strong-hover": string;
103
+ "--hop-primary-surface-strong-active": string;
104
+ "--hop-primary-text": string;
105
+ "--hop-primary-surface-hover": string;
106
+ "--hop-primary-text-strong": string;
107
+ "--hop-primary-text-strong-hover": string;
108
+ "--hop-primary-text-hover": string;
109
+ "--hop-primary-surface-active": string;
110
+ "--hop-decorative-option9-border": string;
111
+ "--hop-decorative-option9-icon": string;
112
+ "--hop-decorative-option9-surface-weakest": string;
113
+ "--hop-decorative-option9-surface-weak": string;
114
+ "--hop-decorative-option9-surface-weak-hover": string;
115
+ "--hop-decorative-option9-surface-strong": string;
116
+ "--hop-decorative-option9-surface-hover": string;
117
+ "--hop-decorative-option9-surface": string;
118
+ "--hop-decorative-option9-text": string;
119
+ "--hop-decorative-option9-text-weak": string;
120
+ "--hop-decorative-option8-border": string;
121
+ "--hop-decorative-option8-icon": string;
122
+ "--hop-decorative-option8-surface-weakest": string;
123
+ "--hop-decorative-option8-surface-weak": string;
124
+ "--hop-decorative-option8-surface-weak-hover": string;
125
+ "--hop-decorative-option8-surface-strong": string;
126
+ "--hop-decorative-option8-surface-hover": string;
127
+ "--hop-decorative-option8-text-weak": string;
128
+ "--hop-decorative-option8-surface": string;
129
+ "--hop-decorative-option8-text": string;
130
+ "--hop-decorative-option7-border": string;
131
+ "--hop-decorative-option7-icon": string;
132
+ "--hop-decorative-option7-surface-weakest": string;
133
+ "--hop-decorative-option7-surface-weak": string;
134
+ "--hop-decorative-option7-surface-weak-hover": string;
135
+ "--hop-decorative-option7-surface-strong": string;
136
+ "--hop-decorative-option7-surface-hover": string;
137
+ "--hop-decorative-option7-surface": string;
138
+ "--hop-decorative-option7-text-weak": string;
139
+ "--hop-decorative-option7-text": string;
140
+ "--hop-decorative-option5-text-weak": string;
141
+ "--hop-decorative-option5-text": string;
142
+ "--hop-decorative-option5-surface-weakest": string;
143
+ "--hop-decorative-option5-surface-weak": string;
144
+ "--hop-decorative-option5-surface-weak-hover": string;
145
+ "--hop-decorative-option5-surface-strong": string;
146
+ "--hop-decorative-option5-surface-hover": string;
147
+ "--hop-decorative-option5-surface": string;
148
+ "--hop-decorative-option5-border": string;
149
+ "--hop-decorative-option5-icon": string;
150
+ "--hop-decorative-option6-surface-weakest": string;
151
+ "--hop-decorative-option6-surface-weak": string;
152
+ "--hop-decorative-option6-surface-weak-hover": string;
153
+ "--hop-decorative-option6-surface-strong": string;
154
+ "--hop-decorative-option6-surface-hover": string;
155
+ "--hop-decorative-option6-surface": string;
156
+ "--hop-decorative-option6-border": string;
157
+ "--hop-decorative-option6-icon": string;
158
+ "--hop-decorative-option6-text": string;
159
+ "--hop-decorative-option6-text-weak": string;
160
+ "--hop-decorative-option4-surface-weakest": string;
161
+ "--hop-decorative-option4-surface-weak": string;
162
+ "--hop-decorative-option4-surface-weak-hover": string;
163
+ "--hop-decorative-option4-surface-strong": string;
164
+ "--hop-decorative-option4-surface-hover": string;
165
+ "--hop-decorative-option4-surface": string;
166
+ "--hop-decorative-option4-border": string;
167
+ "--hop-decorative-option4-icon": string;
168
+ "--hop-decorative-option4-text-weak": string;
169
+ "--hop-decorative-option4-text": string;
170
+ "--hop-decorative-option3-surface-strong": string;
171
+ "--hop-decorative-option3-surface-weakest": string;
172
+ "--hop-decorative-option3-surface-weak": string;
173
+ "--hop-decorative-option3-surface-weak-hover": string;
174
+ "--hop-decorative-option3-surface-hover": string;
175
+ "--hop-decorative-option3-surface": string;
176
+ "--hop-decorative-option3-border": string;
177
+ "--hop-decorative-option3-icon": string;
178
+ "--hop-decorative-option3-text": string;
179
+ "--hop-decorative-option3-text-weak": string;
180
+ "--hop-decorative-option2-surface-weakest": string;
181
+ "--hop-decorative-option2-surface-weak": string;
182
+ "--hop-decorative-option2-surface-weak-hover": string;
183
+ "--hop-decorative-option2-surface-strong": string;
184
+ "--hop-decorative-option2-surface-hover": string;
185
+ "--hop-decorative-option2-surface": string;
186
+ "--hop-decorative-option2-text": string;
187
+ "--hop-decorative-option2-text-weak": string;
188
+ "--hop-decorative-option2-border": string;
189
+ "--hop-decorative-option2-icon": string;
190
+ "--hop-decorative-option1-surface-strong": string;
191
+ "--hop-decorative-option1-surface-weakest": string;
192
+ "--hop-decorative-option1-surface-weak": string;
193
+ "--hop-decorative-option1-surface-weak-hover": string;
194
+ "--hop-decorative-option1-surface-hover": string;
195
+ "--hop-decorative-option1-surface": string;
196
+ "--hop-decorative-option1-text-weak": string;
197
+ "--hop-decorative-option1-border": string;
198
+ "--hop-decorative-option1-icon": string;
199
+ "--hop-decorative-option1-text": string;
200
+ "--hop-neutral-text-hover": string;
201
+ "--hop-neutral-surface-weakest-hover": string;
202
+ "--hop-neutral-text-weak": string;
203
+ "--hop-neutral-surface-disabled": string;
204
+ "--hop-neutral-surface-active": string;
205
+ "--hop-neutral-surface-weak": string;
206
+ "--hop-neutral-surface": string;
207
+ "--hop-neutral-text-disabled": string;
208
+ "--hop-neutral-text-active": string;
209
+ "--hop-neutral-text-strong": string;
210
+ "--hop-neutral-text": string;
211
+ "--hop-neutral-text-weakest": string;
212
+ "--hop-neutral-border-disabled": string;
213
+ "--hop-neutral-border-strong-hover": string;
214
+ "--hop-neutral-border-strong": string;
215
+ "--hop-neutral-surface-strong": string;
216
+ "--hop-neutral-surface-hover": string;
217
+ "--hop-neutral-icon-disabled": string;
218
+ "--hop-neutral-icon": string;
219
+ "--hop-neutral-icon-weak": string;
220
+ "--hop-neutral-border": string;
221
+ "--hop-neutral-border-weak": string;
222
+ "--hop-neutral-icon-weakest": string;
223
+ "--hop-neutral-icon-strong": string;
224
+ "--hop-neutral-icon-hover": string;
225
+ "--hop-neutral-icon-active": string;
226
+ "--hop-neutral-border-hover": string;
227
+ "--hop-neutral-border-active": string;
228
+ "--hop-neutral-surface-weak-hover": string;
229
+ "--hop-neutral-border-weakest": string;
230
+ "--hop-neutral-surface-weakest": string;
231
+ "--hop-warning-icon-weakest": string;
232
+ "--hop-warning-icon-weak": string;
233
+ "--hop-warning-text-weak": string;
234
+ "--hop-warning-surface": string;
235
+ "--hop-warning-surface-strong": string;
236
+ "--hop-warning-surface-weak": string;
237
+ "--hop-warning-border": string;
238
+ "--hop-warning-icon": string;
239
+ "--hop-warning-text": string;
240
+ "--hop-success-border": string;
241
+ "--hop-success-icon-weak": string;
242
+ "--hop-success-icon-weakest": string;
243
+ "--hop-success-text-weak": string;
244
+ "--hop-success-surface": string;
245
+ "--hop-success-surface-strong": string;
246
+ "--hop-success-text-hover": string;
247
+ "--hop-success-text": string;
248
+ "--hop-success-icon": string;
249
+ "--hop-success-surface-weak": string;
250
+ "--hop-information-icon-weakest": string;
251
+ "--hop-information-surface-strong": string;
252
+ "--hop-information-icon-weak": string;
253
+ "--hop-information-text": string;
254
+ "--hop-information-surface": string;
255
+ "--hop-information-surface-weak": string;
256
+ "--hop-information-text-weak": string;
257
+ "--hop-information-icon": string;
258
+ "--hop-information-border": string;
259
+ "--hop-status-neutral-surface-strong": string;
260
+ "--hop-status-neutral-text": string;
261
+ "--hop-status-neutral-icon": string;
262
+ "--hop-status-neutral-surface": string;
263
+ "--hop-status-progress-surface-strong": string;
264
+ "--hop-status-progress-icon": string;
265
+ "--hop-status-progress-surface": string;
266
+ "--hop-status-progress-text": string;
267
+ "--hop-status-option6-surface-strong": string;
268
+ "--hop-status-option6-icon": string;
269
+ "--hop-status-option6-surface": string;
270
+ "--hop-status-option6-text": string;
271
+ "--hop-status-option5-surface-strong": string;
272
+ "--hop-status-option5-icon": string;
273
+ "--hop-status-option5-surface": string;
274
+ "--hop-status-option5-text": string;
275
+ "--hop-status-option1-surface-strong": string;
276
+ "--hop-status-option1-icon": string;
277
+ "--hop-status-option1-surface": string;
278
+ "--hop-status-option1-text": string;
279
+ "--hop-status-option2-surface-strong": string;
280
+ "--hop-status-option2-text": string;
281
+ "--hop-status-option2-surface": string;
282
+ "--hop-status-option2-icon": string;
283
+ "--hop-status-option3-surface-strong": string;
284
+ "--hop-status-option3-icon": string;
285
+ "--hop-status-option3-surface": string;
286
+ "--hop-status-option3-text": string;
287
+ "--hop-status-option4-surface-strong": string;
288
+ "--hop-status-option4-icon": string;
289
+ "--hop-status-option4-surface": string;
290
+ "--hop-status-option4-text": string;
291
+ "--hop-status-inactive-surface-strong": string;
292
+ "--hop-status-inactive-icon": string;
293
+ "--hop-status-inactive-surface": string;
294
+ "--hop-status-inactive-text": string;
295
+ "--hop-status-caution-surface-strong": string;
296
+ "--hop-status-caution-icon": string;
297
+ "--hop-status-caution-surface": string;
298
+ "--hop-status-caution-text": string;
299
+ "--hop-status-negative-surface-strong": string;
300
+ "--hop-status-negative-icon": string;
301
+ "--hop-status-negative-surface": string;
302
+ "--hop-status-negative-text": string;
303
+ "--hop-status-positive-icon": string;
304
+ "--hop-status-positive-surface-strong": string;
305
+ "--hop-status-positive-surface": string;
306
+ "--hop-status-positive-text": string;
307
+ "--hop-dataviz-unavailable": string;
308
+ "--hop-dataviz-unavailable-weak": string;
309
+ "--hop-dataviz-unavailable-strong": string;
310
+ "--hop-dataviz-text-onlight": string;
311
+ "--hop-dataviz-text-ondark": string;
312
+ };
313
+
314
+ /**
315
+ * This file is generated by Style Dictionary. Do not edit directly.
316
+ */
317
+ declare const CoreTokens: {
318
+ "--hop-coastal-25": string;
319
+ "--hop-coastal-50": string;
320
+ "--hop-coastal-75": string;
321
+ "--hop-coastal-100": string;
322
+ "--hop-coastal-200": string;
323
+ "--hop-coastal-300": string;
324
+ "--hop-coastal-400": string;
325
+ "--hop-coastal-500": string;
326
+ "--hop-coastal-600": string;
327
+ "--hop-coastal-700": string;
328
+ "--hop-coastal-800": string;
329
+ "--hop-coastal-900": string;
330
+ "--hop-quetzal-25": string;
331
+ "--hop-quetzal-50": string;
332
+ "--hop-quetzal-75": string;
333
+ "--hop-quetzal-100": string;
334
+ "--hop-quetzal-200": string;
335
+ "--hop-quetzal-300": string;
336
+ "--hop-quetzal-400": string;
337
+ "--hop-quetzal-500": string;
338
+ "--hop-quetzal-600": string;
339
+ "--hop-quetzal-700": string;
340
+ "--hop-quetzal-800": string;
341
+ "--hop-quetzal-900": string;
342
+ "--hop-orchid-bloom-25": string;
343
+ "--hop-orchid-bloom-50": string;
344
+ "--hop-orchid-bloom-75": string;
345
+ "--hop-orchid-bloom-100": string;
346
+ "--hop-orchid-bloom-200": string;
347
+ "--hop-orchid-bloom-300": string;
348
+ "--hop-orchid-bloom-400": string;
349
+ "--hop-orchid-bloom-500": string;
350
+ "--hop-orchid-bloom-600": string;
351
+ "--hop-orchid-bloom-700": string;
352
+ "--hop-orchid-bloom-800": string;
353
+ "--hop-orchid-bloom-900": string;
354
+ "--hop-sapphire-25": string;
355
+ "--hop-sapphire-50": string;
356
+ "--hop-sapphire-75": string;
357
+ "--hop-sapphire-100": string;
358
+ "--hop-sapphire-200": string;
359
+ "--hop-sapphire-300": string;
360
+ "--hop-sapphire-400": string;
361
+ "--hop-sapphire-500": string;
362
+ "--hop-sapphire-600": string;
363
+ "--hop-sapphire-700": string;
364
+ "--hop-sapphire-800": string;
365
+ "--hop-sapphire-900": string;
366
+ "--hop-fog-25": string;
367
+ "--hop-fog-50": string;
368
+ "--hop-fog-75": string;
369
+ "--hop-fog-100": string;
370
+ "--hop-fog-200": string;
371
+ "--hop-fog-300": string;
372
+ "--hop-fog-400": string;
373
+ "--hop-fog-500": string;
374
+ "--hop-fog-600": string;
375
+ "--hop-fog-700": string;
376
+ "--hop-fog-800": string;
377
+ "--hop-fog-900": string;
378
+ "--hop-toad-25": string;
379
+ "--hop-toad-50": string;
380
+ "--hop-toad-75": string;
381
+ "--hop-toad-100": string;
382
+ "--hop-toad-200": string;
383
+ "--hop-toad-300": string;
384
+ "--hop-toad-400": string;
385
+ "--hop-toad-500": string;
386
+ "--hop-toad-600": string;
387
+ "--hop-toad-700": string;
388
+ "--hop-toad-800": string;
389
+ "--hop-toad-900": string;
390
+ "--hop-sunken-treasure-25": string;
391
+ "--hop-sunken-treasure-50": string;
392
+ "--hop-sunken-treasure-75": string;
393
+ "--hop-sunken-treasure-100": string;
394
+ "--hop-sunken-treasure-200": string;
395
+ "--hop-sunken-treasure-300": string;
396
+ "--hop-sunken-treasure-400": string;
397
+ "--hop-sunken-treasure-500": string;
398
+ "--hop-sunken-treasure-600": string;
399
+ "--hop-sunken-treasure-700": string;
400
+ "--hop-sunken-treasure-800": string;
401
+ "--hop-sunken-treasure-900": string;
402
+ "--hop-koi-25": string;
403
+ "--hop-koi-50": string;
404
+ "--hop-koi-75": string;
405
+ "--hop-koi-100": string;
406
+ "--hop-koi-200": string;
407
+ "--hop-koi-300": string;
408
+ "--hop-koi-400": string;
409
+ "--hop-koi-500": string;
410
+ "--hop-koi-600": string;
411
+ "--hop-koi-700": string;
412
+ "--hop-koi-800": string;
413
+ "--hop-koi-900": string;
414
+ "--hop-amanita-25": string;
415
+ "--hop-amanita-50": string;
416
+ "--hop-amanita-75": string;
417
+ "--hop-amanita-100": string;
418
+ "--hop-amanita-200": string;
419
+ "--hop-amanita-300": string;
420
+ "--hop-amanita-400": string;
421
+ "--hop-amanita-500": string;
422
+ "--hop-amanita-600": string;
423
+ "--hop-amanita-700": string;
424
+ "--hop-amanita-800": string;
425
+ "--hop-amanita-900": string;
426
+ "--hop-moss-25": string;
427
+ "--hop-moss-50": string;
428
+ "--hop-moss-75": string;
429
+ "--hop-moss-100": string;
430
+ "--hop-moss-200": string;
431
+ "--hop-moss-300": string;
432
+ "--hop-moss-400": string;
433
+ "--hop-moss-500": string;
434
+ "--hop-moss-600": string;
435
+ "--hop-moss-700": string;
436
+ "--hop-moss-800": string;
437
+ "--hop-moss-900": string;
438
+ "--hop-abyss": string;
439
+ "--hop-rock-20": string;
440
+ "--hop-rock-25": string;
441
+ "--hop-rock-50": string;
442
+ "--hop-rock-75": string;
443
+ "--hop-rock-100": string;
444
+ "--hop-rock-200": string;
445
+ "--hop-rock-300": string;
446
+ "--hop-rock-400": string;
447
+ "--hop-rock-500": string;
448
+ "--hop-rock-600": string;
449
+ "--hop-rock-700": string;
450
+ "--hop-rock-800": string;
451
+ "--hop-rock-900": string;
452
+ "--hop-samoyed": string;
453
+ "--hop-shadow-none": string;
454
+ "--hop-shadow-sm": string;
455
+ "--hop-shadow-md": string;
456
+ "--hop-shadow-lg": string;
457
+ "--hop-font-family-primary": string;
458
+ "--hop-font-family-secondary": string;
459
+ "--hop-font-family-tertiary": string;
460
+ "--hop-font-size-120": string;
461
+ "--hop-font-size-140": string;
462
+ "--hop-font-size-160": string;
463
+ "--hop-font-size-180": string;
464
+ "--hop-font-size-200": string;
465
+ "--hop-font-size-240": string;
466
+ "--hop-font-size-280": string;
467
+ "--hop-font-size-320": string;
468
+ "--hop-font-size-360": string;
469
+ "--hop-font-size-480": string;
470
+ "--hop-font-weight-400": string;
471
+ "--hop-font-weight-410": string;
472
+ "--hop-font-weight-505": string;
473
+ "--hop-font-weight-580": string;
474
+ "--hop-font-weight-590": string;
475
+ "--hop-font-weight-680": string;
476
+ "--hop-font-weight-690": string;
477
+ "--hop-line-height-1-125": string;
478
+ "--hop-line-height-1-14": string;
479
+ "--hop-line-height-1-20": string;
480
+ "--hop-line-height-1-25": string;
481
+ "--hop-line-height-1-33": string;
482
+ "--hop-line-height-1-4285": string;
483
+ "--hop-line-height-1-50": string;
484
+ "--hop-border-radius-0": string;
485
+ "--hop-border-radius-1": string;
486
+ "--hop-border-radius-2": string;
487
+ "--hop-border-radius-3": string;
488
+ "--hop-border-radius-4": string;
489
+ "--hop-border-radius-9999": string;
490
+ "--hop-space-0": string;
491
+ "--hop-space-20": string;
492
+ "--hop-space-40": string;
493
+ "--hop-space-80": string;
494
+ "--hop-space-160": string;
495
+ "--hop-space-240": string;
496
+ "--hop-space-320": string;
497
+ "--hop-space-400": string;
498
+ "--hop-space-480": string;
499
+ "--hop-space-640": string;
500
+ "--hop-space-800": string;
501
+ "--hop-space-960": string;
502
+ "--hop-space-1280": string;
503
+ };
504
+ declare const SemanticTokens: {
505
+ "--hop-space-inset-xs": string;
506
+ "--hop-space-inset-sm": string;
507
+ "--hop-space-inset-md": string;
508
+ "--hop-space-inset-lg": string;
509
+ "--hop-space-inset-xl": string;
510
+ "--hop-space-inset-squish-sm": string;
511
+ "--hop-space-inset-squish-md": string;
512
+ "--hop-space-inset-squish-lg": string;
513
+ "--hop-space-inset-stretch-sm": string;
514
+ "--hop-space-inset-stretch-md": string;
515
+ "--hop-space-inset-stretch-lg": string;
516
+ "--hop-space-stack-xs": string;
517
+ "--hop-space-stack-sm": string;
518
+ "--hop-space-stack-md": string;
519
+ "--hop-space-stack-lg": string;
520
+ "--hop-space-stack-xl": string;
521
+ "--hop-space-inline-xs": string;
522
+ "--hop-space-inline-sm": string;
523
+ "--hop-space-inline-md": string;
524
+ "--hop-space-inline-lg": string;
525
+ "--hop-space-inline-xl": string;
526
+ "--hop-upsell-border-active": string;
527
+ "--hop-upsell-text-active": string;
528
+ "--hop-upsell-icon-weakest": string;
529
+ "--hop-upsell-icon-weak": string;
530
+ "--hop-upsell-border": string;
531
+ "--hop-upsell-surface-hover": string;
532
+ "--hop-upsell-border-disabled": string;
533
+ "--hop-upsell-icon-active": string;
534
+ "--hop-upsell-surface-weak": string;
535
+ "--hop-upsell-surface-disabled": string;
536
+ "--hop-upsell-text": string;
537
+ "--hop-upsell-icon": string;
538
+ "--hop-upsell-text-hover": string;
539
+ "--hop-upsell-text-disabled": string;
540
+ "--hop-upsell-surface-active": string;
541
+ "--hop-upsell-surface": string;
542
+ "--hop-danger-border-active": string;
543
+ "--hop-danger-icon-active": string;
544
+ "--hop-danger-text-active": string;
545
+ "--hop-danger-surface": string;
546
+ "--hop-danger-text-hover": string;
547
+ "--hop-danger-surface-disabled": string;
548
+ "--hop-danger-surface-hover": string;
549
+ "--hop-danger-surface-strong": string;
550
+ "--hop-danger-surface-strong-hover": string;
551
+ "--hop-danger-surface-weak": string;
552
+ "--hop-danger-border-strong": string;
553
+ "--hop-danger-icon": string;
554
+ "--hop-danger-icon-weak": string;
555
+ "--hop-danger-text": string;
556
+ "--hop-danger-surface-active": string;
557
+ "--hop-danger-text-weak": string;
558
+ "--hop-danger-text-strong": string;
559
+ "--hop-danger-text-strong-hover": string;
560
+ "--hop-danger-icon-strong": string;
561
+ "--hop-danger-icon-strong-hover": string;
562
+ "--hop-danger-icon-hover": string;
563
+ "--hop-danger-text-disabled": string;
564
+ "--hop-danger-icon-disabled": string;
565
+ "--hop-danger-border": string;
566
+ "--hop-primary-icon-active": string;
567
+ "--hop-primary-border-active": string;
568
+ "--hop-primary-text-active": string;
569
+ "--hop-primary-icon-strong": string;
570
+ "--hop-primary-icon-strong-hover": string;
571
+ "--hop-primary-icon": string;
572
+ "--hop-primary-border-focus": string;
573
+ "--hop-primary-border": string;
574
+ "--hop-primary-icon-hover": string;
575
+ "--hop-primary-icon-disabled": string;
576
+ "--hop-primary-surface-disabled": string;
577
+ "--hop-primary-surface-focus": string;
578
+ "--hop-primary-text-disabled": string;
579
+ "--hop-primary-surface": string;
580
+ "--hop-primary-surface-weak": string;
581
+ "--hop-primary-surface-strong": string;
582
+ "--hop-primary-surface-strong-active": string;
583
+ "--hop-primary-surface-strong-hover": string;
584
+ "--hop-primary-text": string;
585
+ "--hop-primary-surface-hover": string;
586
+ "--hop-primary-text-strong": string;
587
+ "--hop-primary-text-strong-hover": string;
588
+ "--hop-primary-text-hover": string;
589
+ "--hop-primary-surface-active": string;
590
+ "--hop-decorative-option9-icon": string;
591
+ "--hop-decorative-option9-surface": string;
592
+ "--hop-decorative-option9-surface-strong": string;
593
+ "--hop-decorative-option9-surface-hover": string;
594
+ "--hop-decorative-option9-surface-weak": string;
595
+ "--hop-decorative-option9-surface-weak-hover": string;
596
+ "--hop-decorative-option9-surface-weakest": string;
597
+ "--hop-decorative-option9-text": string;
598
+ "--hop-decorative-option9-text-weak": string;
599
+ "--hop-decorative-option9-border": string;
600
+ "--hop-decorative-option8-icon": string;
601
+ "--hop-decorative-option8-surface-weakest": string;
602
+ "--hop-decorative-option8-surface-weak": string;
603
+ "--hop-decorative-option8-surface-weak-hover": string;
604
+ "--hop-decorative-option8-surface-hover": string;
605
+ "--hop-decorative-option8-surface-strong": string;
606
+ "--hop-decorative-option8-text-weak": string;
607
+ "--hop-decorative-option8-surface": string;
608
+ "--hop-decorative-option8-text": string;
609
+ "--hop-decorative-option8-border": string;
610
+ "--hop-decorative-option7-icon": string;
611
+ "--hop-decorative-option7-surface-weakest": string;
612
+ "--hop-decorative-option7-surface-weak": string;
613
+ "--hop-decorative-option7-surface-weak-hover": string;
614
+ "--hop-decorative-option7-surface-strong": string;
615
+ "--hop-decorative-option7-surface-hover": string;
616
+ "--hop-decorative-option7-surface": string;
617
+ "--hop-decorative-option7-text-weak": string;
618
+ "--hop-decorative-option7-text": string;
619
+ "--hop-decorative-option7-border": string;
620
+ "--hop-decorative-option5-text-weak": string;
621
+ "--hop-decorative-option5-text": string;
622
+ "--hop-decorative-option5-surface-weakest": string;
623
+ "--hop-decorative-option5-surface-weak": string;
624
+ "--hop-decorative-option5-surface-strong": string;
625
+ "--hop-decorative-option5-surface-hover": string;
626
+ "--hop-decorative-option5-surface": string;
627
+ "--hop-decorative-option5-icon": string;
628
+ "--hop-decorative-option5-border": string;
629
+ "--hop-decorative-option6-surface-weakest": string;
630
+ "--hop-decorative-option6-surface-weak": string;
631
+ "--hop-decorative-option6-surface-weak-hover": string;
632
+ "--hop-decorative-option6-surface-hover": string;
633
+ "--hop-decorative-option6-surface-strong": string;
634
+ "--hop-decorative-option6-surface": string;
635
+ "--hop-decorative-option6-icon": string;
636
+ "--hop-decorative-option6-text": string;
637
+ "--hop-decorative-option6-text-weak": string;
638
+ "--hop-decorative-option6-border": string;
639
+ "--hop-decorative-option4-surface-weakest": string;
640
+ "--hop-decorative-option4-surface-weak": string;
641
+ "--hop-decorative-option4-surface-weak-hover": string;
642
+ "--hop-decorative-option4-surface-strong": string;
643
+ "--hop-decorative-option4-surface-hover": string;
644
+ "--hop-decorative-option4-surface": string;
645
+ "--hop-decorative-option4-icon": string;
646
+ "--hop-decorative-option4-text-weak": string;
647
+ "--hop-decorative-option4-text": string;
648
+ "--hop-decorative-option4-border": string;
649
+ "--hop-decorative-option3-surface-weak": string;
650
+ "--hop-decorative-option3-surface-weak-hover": string;
651
+ "--hop-decorative-option3-surface-weakest": string;
652
+ "--hop-decorative-option3-surface-strong": string;
653
+ "--hop-decorative-option3-surface-hover": string;
654
+ "--hop-decorative-option3-surface": string;
655
+ "--hop-decorative-option3-icon": string;
656
+ "--hop-decorative-option3-text": string;
657
+ "--hop-decorative-option3-text-weak": string;
658
+ "--hop-decorative-option3-border": string;
659
+ "--hop-decorative-option2-surface-weakest": string;
660
+ "--hop-decorative-option2-surface-weak": string;
661
+ "--hop-decorative-option2-surface-weak-hover": string;
662
+ "--hop-decorative-option2-surface-strong": string;
663
+ "--hop-decorative-option2-surface": string;
664
+ "--hop-decorative-option2-surface-hover": string;
665
+ "--hop-decorative-option2-text": string;
666
+ "--hop-decorative-option2-text-weak": string;
667
+ "--hop-decorative-option2-icon": string;
668
+ "--hop-decorative-option2-border": string;
669
+ "--hop-decorative-option1-surface-weak": string;
670
+ "--hop-decorative-option1-surface-weak-hover": string;
671
+ "--hop-decorative-option1-surface-weakest": string;
672
+ "--hop-decorative-option1-surface-strong": string;
673
+ "--hop-decorative-option1-surface-hover": string;
674
+ "--hop-decorative-option1-surface": string;
675
+ "--hop-decorative-option1-border": string;
676
+ "--hop-decorative-option1-text-weak": string;
677
+ "--hop-decorative-option1-icon": string;
678
+ "--hop-decorative-option1-text": string;
679
+ "--hop-neutral-text-hover": string;
680
+ "--hop-neutral-surface-weakest-active": string;
681
+ "--hop-neutral-surface-weakest-hover": string;
682
+ "--hop-neutral-text-weak": string;
683
+ "--hop-neutral-surface-disabled": string;
684
+ "--hop-neutral-surface-active": string;
685
+ "--hop-neutral-surface-weak": string;
686
+ "--hop-neutral-surface": string;
687
+ "--hop-neutral-text-disabled": string;
688
+ "--hop-neutral-text-active": string;
689
+ "--hop-neutral-text-strong": string;
690
+ "--hop-neutral-text": string;
691
+ "--hop-neutral-text-weakest": string;
692
+ "--hop-neutral-border-disabled": string;
693
+ "--hop-neutral-border-strong-hover": string;
694
+ "--hop-neutral-border-strong": string;
695
+ "--hop-neutral-surface-strong": string;
696
+ "--hop-neutral-surface-hover": string;
697
+ "--hop-neutral-icon-disabled": string;
698
+ "--hop-neutral-icon": string;
699
+ "--hop-neutral-icon-weak": string;
700
+ "--hop-neutral-icon-weak-hover": string;
701
+ "--hop-neutral-border": string;
702
+ "--hop-neutral-border-weak": string;
703
+ "--hop-neutral-icon-weakest": string;
704
+ "--hop-neutral-icon-strong": string;
705
+ "--hop-neutral-icon-hover": string;
706
+ "--hop-neutral-icon-active": string;
707
+ "--hop-neutral-border-hover": string;
708
+ "--hop-neutral-border-active": string;
709
+ "--hop-neutral-surface-weak-hover": string;
710
+ "--hop-neutral-border-weakest": string;
711
+ "--hop-neutral-surface-weakest": string;
712
+ "--hop-warning-icon-weakest": string;
713
+ "--hop-warning-icon-weak": string;
714
+ "--hop-warning-text-weak": string;
715
+ "--hop-warning-surface": string;
716
+ "--hop-warning-surface-strong": string;
717
+ "--hop-warning-surface-weak": string;
718
+ "--hop-warning-border": string;
719
+ "--hop-warning-icon": string;
720
+ "--hop-warning-text": string;
721
+ "--hop-success-border": string;
722
+ "--hop-success-icon-weak": string;
723
+ "--hop-success-icon-weakest": string;
724
+ "--hop-success-text-weak": string;
725
+ "--hop-success-surface": string;
726
+ "--hop-success-surface-strong": string;
727
+ "--hop-success-text-hover": string;
728
+ "--hop-success-text": string;
729
+ "--hop-success-icon": string;
730
+ "--hop-success-surface-weak": string;
731
+ "--hop-information-icon-weakest": string;
732
+ "--hop-information-surface-strong": string;
733
+ "--hop-information-icon-weak": string;
734
+ "--hop-information-text": string;
735
+ "--hop-information-surface": string;
736
+ "--hop-information-surface-weak": string;
737
+ "--hop-information-text-weak": string;
738
+ "--hop-information-icon": string;
739
+ "--hop-information-border": string;
740
+ "--hop-status-neutral-surface-strong": string;
741
+ "--hop-status-neutral-text": string;
742
+ "--hop-status-neutral-icon": string;
743
+ "--hop-status-neutral-surface": string;
744
+ "--hop-status-progress-surface-strong": string;
745
+ "--hop-status-progress-icon": string;
746
+ "--hop-status-progress-surface": string;
747
+ "--hop-status-progress-text": string;
748
+ "--hop-status-option6-surface-strong": string;
749
+ "--hop-status-option6-icon": string;
750
+ "--hop-status-option6-surface": string;
751
+ "--hop-status-option6-text": string;
752
+ "--hop-status-option5-surface-strong": string;
753
+ "--hop-status-option5-icon": string;
754
+ "--hop-status-option5-surface": string;
755
+ "--hop-status-option5-text": string;
756
+ "--hop-status-option1-surface-strong": string;
757
+ "--hop-status-option1-icon": string;
758
+ "--hop-status-option1-surface": string;
759
+ "--hop-status-option1-text": string;
760
+ "--hop-status-option2-surface-strong": string;
761
+ "--hop-status-option2-text": string;
762
+ "--hop-status-option2-surface": string;
763
+ "--hop-status-option2-icon": string;
764
+ "--hop-status-option3-surface-strong": string;
765
+ "--hop-status-option3-icon": string;
766
+ "--hop-status-option3-surface": string;
767
+ "--hop-status-option3-text": string;
768
+ "--hop-status-option4-surface-strong": string;
769
+ "--hop-status-option4-icon": string;
770
+ "--hop-status-option4-surface": string;
771
+ "--hop-status-option4-text": string;
772
+ "--hop-status-caution-surface-strong": string;
773
+ "--hop-status-caution-icon": string;
774
+ "--hop-status-caution-surface": string;
775
+ "--hop-status-caution-text": string;
776
+ "--hop-status-negative-surface-strong": string;
777
+ "--hop-status-negative-icon": string;
778
+ "--hop-status-negative-surface": string;
779
+ "--hop-status-negative-text": string;
780
+ "--hop-status-inactive-surface-strong": string;
781
+ "--hop-status-inactive-icon": string;
782
+ "--hop-status-inactive-surface": string;
783
+ "--hop-status-inactive-text": string;
784
+ "--hop-status-positive-icon": string;
785
+ "--hop-status-positive-surface-strong": string;
786
+ "--hop-status-positive-surface": string;
787
+ "--hop-status-positive-text": string;
788
+ "--hop-dataviz-monochromatic-primary-25": string;
789
+ "--hop-dataviz-monochromatic-primary-50": string;
790
+ "--hop-dataviz-monochromatic-primary-75": string;
791
+ "--hop-dataviz-monochromatic-primary-100": string;
792
+ "--hop-dataviz-monochromatic-primary-200": string;
793
+ "--hop-dataviz-monochromatic-primary-300": string;
794
+ "--hop-dataviz-monochromatic-primary-400": string;
795
+ "--hop-dataviz-monochromatic-primary-500": string;
796
+ "--hop-dataviz-monochromatic-primary-600": string;
797
+ "--hop-dataviz-monochromatic-primary-700": string;
798
+ "--hop-dataviz-monochromatic-primary-800": string;
799
+ "--hop-dataviz-monochromatic-primary-900": string;
800
+ "--hop-dataviz-monochromatic-primary-25-hover": string;
801
+ "--hop-dataviz-monochromatic-primary-50-hover": string;
802
+ "--hop-dataviz-monochromatic-primary-75-hover": string;
803
+ "--hop-dataviz-monochromatic-primary-100-hover": string;
804
+ "--hop-dataviz-monochromatic-primary-200-hover": string;
805
+ "--hop-dataviz-monochromatic-primary-300-hover": string;
806
+ "--hop-dataviz-monochromatic-primary-400-hover": string;
807
+ "--hop-dataviz-monochromatic-primary-500-hover": string;
808
+ "--hop-dataviz-monochromatic-primary-600-hover": string;
809
+ "--hop-dataviz-monochromatic-primary-700-hover": string;
810
+ "--hop-dataviz-monochromatic-primary-800-hover": string;
811
+ "--hop-dataviz-monochromatic-primary-900-hover": string;
812
+ "--hop-dataviz-monochromatic-positive-25": string;
813
+ "--hop-dataviz-monochromatic-positive-50": string;
814
+ "--hop-dataviz-monochromatic-positive-75": string;
815
+ "--hop-dataviz-monochromatic-positive-100": string;
816
+ "--hop-dataviz-monochromatic-positive-200": string;
817
+ "--hop-dataviz-monochromatic-positive-300": string;
818
+ "--hop-dataviz-monochromatic-positive-400": string;
819
+ "--hop-dataviz-monochromatic-positive-500": string;
820
+ "--hop-dataviz-monochromatic-positive-600": string;
821
+ "--hop-dataviz-monochromatic-positive-700": string;
822
+ "--hop-dataviz-monochromatic-positive-800": string;
823
+ "--hop-dataviz-monochromatic-positive-900": string;
824
+ "--hop-dataviz-monochromatic-positive-25-hover": string;
825
+ "--hop-dataviz-monochromatic-positive-50-hover": string;
826
+ "--hop-dataviz-monochromatic-positive-75-hover": string;
827
+ "--hop-dataviz-monochromatic-positive-100-hover": string;
828
+ "--hop-dataviz-monochromatic-positive-200-hover": string;
829
+ "--hop-dataviz-monochromatic-positive-300-hover": string;
830
+ "--hop-dataviz-monochromatic-positive-400-hover": string;
831
+ "--hop-dataviz-monochromatic-positive-500-hover": string;
832
+ "--hop-dataviz-monochromatic-positive-600-hover": string;
833
+ "--hop-dataviz-monochromatic-positive-700-hover": string;
834
+ "--hop-dataviz-monochromatic-positive-800-hover": string;
835
+ "--hop-dataviz-monochromatic-positive-900-hover": string;
836
+ "--hop-dataviz-monochromatic-negative-25": string;
837
+ "--hop-dataviz-monochromatic-negative-50": string;
838
+ "--hop-dataviz-monochromatic-negative-75": string;
839
+ "--hop-dataviz-monochromatic-negative-100": string;
840
+ "--hop-dataviz-monochromatic-negative-200": string;
841
+ "--hop-dataviz-monochromatic-negative-300": string;
842
+ "--hop-dataviz-monochromatic-negative-400": string;
843
+ "--hop-dataviz-monochromatic-negative-500": string;
844
+ "--hop-dataviz-monochromatic-negative-600": string;
845
+ "--hop-dataviz-monochromatic-negative-700": string;
846
+ "--hop-dataviz-monochromatic-negative-800": string;
847
+ "--hop-dataviz-monochromatic-negative-900": string;
848
+ "--hop-dataviz-monochromatic-negative-25-hover": string;
849
+ "--hop-dataviz-monochromatic-negative-50-hover": string;
850
+ "--hop-dataviz-monochromatic-negative-75-hover": string;
851
+ "--hop-dataviz-monochromatic-negative-100-hover": string;
852
+ "--hop-dataviz-monochromatic-negative-200-hover": string;
853
+ "--hop-dataviz-monochromatic-negative-300-hover": string;
854
+ "--hop-dataviz-monochromatic-negative-400-hover": string;
855
+ "--hop-dataviz-monochromatic-negative-500-hover": string;
856
+ "--hop-dataviz-monochromatic-negative-600-hover": string;
857
+ "--hop-dataviz-monochromatic-negative-700-hover": string;
858
+ "--hop-dataviz-monochromatic-negative-800-hover": string;
859
+ "--hop-dataviz-monochromatic-negative-900-hover": string;
860
+ "--hop-dataviz-diverging-sequence-1-positive9": string;
861
+ "--hop-dataviz-diverging-sequence-1-positive9-hover": string;
862
+ "--hop-dataviz-diverging-sequence-1-positive8": string;
863
+ "--hop-dataviz-diverging-sequence-1-positive8-hover": string;
864
+ "--hop-dataviz-diverging-sequence-1-positive7": string;
865
+ "--hop-dataviz-diverging-sequence-1-positive7-hover": string;
866
+ "--hop-dataviz-diverging-sequence-1-positive6": string;
867
+ "--hop-dataviz-diverging-sequence-1-positive6-hover": string;
868
+ "--hop-dataviz-diverging-sequence-1-positive5": string;
869
+ "--hop-dataviz-diverging-sequence-1-positive5-hover": string;
870
+ "--hop-dataviz-diverging-sequence-1-positive4": string;
871
+ "--hop-dataviz-diverging-sequence-1-positive-4-hover": string;
872
+ "--hop-dataviz-diverging-sequence-1-positive3": string;
873
+ "--hop-dataviz-diverging-sequence-1-positive3-hover": string;
874
+ "--hop-dataviz-diverging-sequence-1-positive2": string;
875
+ "--hop-dataviz-diverging-sequence-1-positive2-hover": string;
876
+ "--hop-dataviz-diverging-sequence-1-positive1": string;
877
+ "--hop-dataviz-diverging-sequence-1-positive1-hover": string;
878
+ "--hop-dataviz-diverging-sequence-1-neutral": string;
879
+ "--hop-dataviz-diverging-sequence-1-neutral-hover": string;
880
+ "--hop-dataviz-diverging-sequence-1-negative1": string;
881
+ "--hop-dataviz-diverging-sequence-1-negative1-hover": string;
882
+ "--hop-dataviz-diverging-sequence-1-negative2": string;
883
+ "--hop-dataviz-diverging-sequence-1-negative2-hover": string;
884
+ "--hop-dataviz-diverging-sequence-1-negative3": string;
885
+ "--hop-dataviz-diverging-sequence-1-negative3-hover": string;
886
+ "--hop-dataviz-diverging-sequence-1-negative4": string;
887
+ "--hop-dataviz-diverging-sequence-1-negative4-hover": string;
888
+ "--hop-dataviz-diverging-sequence-1-negative5": string;
889
+ "--hop-dataviz-diverging-sequence-1-negative5-hover": string;
890
+ "--hop-dataviz-diverging-sequence-1-negative6": string;
891
+ "--hop-dataviz-diverging-sequence-1-negative6-hover": string;
892
+ "--hop-dataviz-diverging-sequence-1-negative7": string;
893
+ "--hop-dataviz-diverging-sequence-1-negative7-hover": string;
894
+ "--hop-dataviz-diverging-sequence-1-negative8": string;
895
+ "--hop-dataviz-diverging-sequence-1-negative8-hover": string;
896
+ "--hop-dataviz-diverging-sequence-1-negative9": string;
897
+ "--hop-dataviz-diverging-sequence-1-negative9-hover": string;
898
+ "--hop-dataviz-diverging-sequence-2-positive10": string;
899
+ "--hop-dataviz-diverging-sequence-2-positive10-hover": string;
900
+ "--hop-dataviz-diverging-sequence-2-positive9": string;
901
+ "--hop-dataviz-diverging-sequence-2-positive9-hover": string;
902
+ "--hop-dataviz-diverging-sequence-2-positive8": string;
903
+ "--hop-dataviz-diverging-sequence-2-positive8-hover": string;
904
+ "--hop-dataviz-diverging-sequence-2-positive7": string;
905
+ "--hop-dataviz-diverging-sequence-2-positive7-hover": string;
906
+ "--hop-dataviz-diverging-sequence-2-positive6": string;
907
+ "--hop-dataviz-diverging-sequence-2-positive6-hover": string;
908
+ "--hop-dataviz-diverging-sequence-2-positive5": string;
909
+ "--hop-dataviz-diverging-sequence-2-positive5-hover": string;
910
+ "--hop-dataviz-diverging-sequence-2-positive4": string;
911
+ "--hop-dataviz-diverging-sequence-2-positive4-hover": string;
912
+ "--hop-dataviz-diverging-sequence-2-positive3": string;
913
+ "--hop-dataviz-diverging-sequence-2-positive3-hover": string;
914
+ "--hop-dataviz-diverging-sequence-2-positive2": string;
915
+ "--hop-dataviz-diverging-sequence-2-positive2-hover": string;
916
+ "--hop-dataviz-diverging-sequence-2-positive1": string;
917
+ "--hop-dataviz-diverging-sequence-2-positive1-hover": string;
918
+ "--hop-dataviz-diverging-sequence-2-negative1": string;
919
+ "--hop-dataviz-diverging-sequence-2-negative1-hover": string;
920
+ "--hop-dataviz-diverging-sequence-2-negative2": string;
921
+ "--hop-dataviz-diverging-sequence-2-negative2-hover": string;
922
+ "--hop-dataviz-diverging-sequence-2-negative3": string;
923
+ "--hop-dataviz-diverging-sequence-2-negative3-hover": string;
924
+ "--hop-dataviz-diverging-sequence-2-negative4": string;
925
+ "--hop-dataviz-diverging-sequence-2-negative4-hover": string;
926
+ "--hop-dataviz-diverging-sequence-2-negative5": string;
927
+ "--hop-dataviz-diverging-sequence-2-negative5-hover": string;
928
+ "--hop-dataviz-diverging-sequence-2-negative6": string;
929
+ "--hop-dataviz-diverging-sequence-2-negative6-hover": string;
930
+ "--hop-dataviz-diverging-sequence-2-negative7": string;
931
+ "--hop-dataviz-diverging-sequence-2-negative7-hover": string;
932
+ "--hop-dataviz-diverging-sequence-2-negative8": string;
933
+ "--hop-dataviz-diverging-sequence-2-negative8-hover": string;
934
+ "--hop-dataviz-diverging-sequence-2-negative9": string;
935
+ "--hop-dataviz-diverging-sequence-2-negative9-hover": string;
936
+ "--hop-dataviz-diverging-sequence-2-negative10": string;
937
+ "--hop-dataviz-diverging-sequence-2-negative10-hover": string;
938
+ "--hop-dataviz-categorical-sequence-category1": string;
939
+ "--hop-dataviz-categorical-sequence-category1-hover": string;
940
+ "--hop-dataviz-categorical-sequence-category2": string;
941
+ "--hop-dataviz-categorical-sequence-category2-hover": string;
942
+ "--hop-dataviz-categorical-sequence-category3": string;
943
+ "--hop-dataviz-categorical-sequence-category3-hover": string;
944
+ "--hop-dataviz-categorical-sequence-category4": string;
945
+ "--hop-dataviz-categorical-sequence-category4-hover": string;
946
+ "--hop-dataviz-categorical-sequence-category5": string;
947
+ "--hop-dataviz-categorical-sequence-category5-hover": string;
948
+ "--hop-dataviz-categorical-sequence-category6": string;
949
+ "--hop-dataviz-categorical-sequence-category6-hover": string;
950
+ "--hop-dataviz-categorical-sequence-category7": string;
951
+ "--hop-dataviz-categorical-sequence-category7-hover": string;
952
+ "--hop-dataviz-categorical-sequence-category8": string;
953
+ "--hop-dataviz-categorical-sequence-category8-hover": string;
954
+ "--hop-dataviz-categorical-sequence-category9": string;
955
+ "--hop-dataviz-categorical-sequence-category9-hover": string;
956
+ "--hop-dataviz-categorical-sequence-category10": string;
957
+ "--hop-dataviz-categorical-sequence-category10-hover": string;
958
+ "--hop-dataviz-categorical-sequence-category11": string;
959
+ "--hop-dataviz-categorical-sequence-category-11-hover": string;
960
+ "--hop-dataviz-categorical-sequence-category12": string;
961
+ "--hop-dataviz-categorical-sequence-cateogry12-hover": string;
962
+ "--hop-dataviz-categorical-sequence-category13": string;
963
+ "--hop-dataviz-categorical-sequence-category13-hover": string;
964
+ "--hop-dataviz-categorical-2colorgroup-option6-category2": string;
965
+ "--hop-dataviz-categorical-2colorgroup-option6-category1": string;
966
+ "--hop-dataviz-categorical-2colorgroup-option5-category2": string;
967
+ "--hop-dataviz-categorical-2colorgroup-option5-category1": string;
968
+ "--hop-dataviz-categorical-2colorgroup-option4-category2": string;
969
+ "--hop-dataviz-categorical-2colorgroup-option4-category1": string;
970
+ "--hop-dataviz-categorical-2colorgroup-option3-category2": string;
971
+ "--hop-dataviz-categorical-2colorgroup-option3-category1": string;
972
+ "--hop-dataviz-categorical-2colorgroup-option2-category2": string;
973
+ "--hop-dataviz-categorical-2colorgroup-option2-category1": string;
974
+ "--hop-dataviz-categorical-2colorgroup-option1-category2": string;
975
+ "--hop-dataviz-categorical-2colorgroup-option1-category1": string;
976
+ "--hop-dataviz-categorical-3colorgroup-option1-category1": string;
977
+ "--hop-dataviz-categorical-3colorgroup-option1-category2": string;
978
+ "--hop-dataviz-categorical-3colorgroup-option1-category3": string;
979
+ "--hop-dataviz-categorical-3colorgroup-option2-category1": string;
980
+ "--hop-dataviz-categorical-3colorgroup-option2-category2": string;
981
+ "--hop-dataviz-categorical-3colorgroup-option2-category3": string;
982
+ "--hop-dataviz-categorical-3colorgroup-option3-category1": string;
983
+ "--hop-dataviz-categorical-3colorgroup-option3-category2": string;
984
+ "--hop-dataviz-categorical-3colorgroup-option3-category3": string;
985
+ "--hop-dataviz-categorical-3colorgroup-option4-category1": string;
986
+ "--hop-dataviz-categorical-3colorgroup-option4-category2": string;
987
+ "--hop-dataviz-categorical-3colorgroup-option4-category3": string;
988
+ "--hop-dataviz-categorical-4colorgroup-option1-category1": string;
989
+ "--hop-dataviz-categorical-4colorgroup-option1-category2": string;
990
+ "--hop-dataviz-categorical-4colorgroup-option1-category3": string;
991
+ "--hop-dataviz-categorical-4colorgroup-option1-category4": string;
992
+ "--hop-dataviz-categorical-4colorgroup-option2-category1": string;
993
+ "--hop-dataviz-categorical-4colorgroup-option2-category2": string;
994
+ "--hop-dataviz-categorical-4colorgroup-option2-category3": string;
995
+ "--hop-dataviz-categorical-4colorgroup-option2-category4": string;
996
+ "--hop-dataviz-categorical-4colorgroup-option3-category1": string;
997
+ "--hop-dataviz-categorical-4colorgroup-option3-category2": string;
998
+ "--hop-dataviz-categorical-4colorgroup-option3-category3": string;
999
+ "--hop-dataviz-categorical-4colorgroup-option3-category4": string;
1000
+ "--hop-dataviz-categorical-4colorgroup-option4-category1": string;
1001
+ "--hop-dataviz-categorical-4colorgroup-option4-category2": string;
1002
+ "--hop-dataviz-categorical-4colorgroup-option4-category3": string;
1003
+ "--hop-dataviz-categorical-4colorgroup-option4-category4": string;
1004
+ "--hop-dataviz-categorical-5colorgroup-option1-category1": string;
1005
+ "--hop-dataviz-categorical-5colorgroup-option1-category2": string;
1006
+ "--hop-dataviz-categorical-5colorgroup-option1-category3": string;
1007
+ "--hop-dataviz-categorical-5colorgroup-option1-category4": string;
1008
+ "--hop-dataviz-categorical-5colorgroup-option1-category5": string;
1009
+ "--hop-dataviz-categorical-5colorgroup-option2-category1": string;
1010
+ "--hop-dataviz-categorical-5colorgroup-option2-category2": string;
1011
+ "--hop-dataviz-categorical-5colorgroup-option2-category3": string;
1012
+ "--hop-dataviz-categorical-5colorgroup-option2-category4": string;
1013
+ "--hop-dataviz-categorical-5colorgroup-option2-category5": string;
1014
+ "--hop-dataviz-categorical-5colorgroup-option3-category1": string;
1015
+ "--hop-dataviz-categorical-5colorgroup-option3-category2": string;
1016
+ "--hop-dataviz-categorical-5colorgroup-option3-category3": string;
1017
+ "--hop-dataviz-categorical-5colorgroup-option3-category4": string;
1018
+ "--hop-dataviz-categorical-5colorgroup-option3-category5": string;
1019
+ "--hop-dataviz-categorical-5colorgroup-option4-category1": string;
1020
+ "--hop-dataviz-categorical-5colorgroup-option4-category2": string;
1021
+ "--hop-dataviz-categorical-5colorgroup-option4-category3": string;
1022
+ "--hop-dataviz-categorical-5colorgroup-option4-category4": string;
1023
+ "--hop-dataviz-categorical-5colorgroup-option4-category5": string;
1024
+ "--hop-dataviz-categorical-6colorgroup-option1-category1": string;
1025
+ "--hop-dataviz-categorical-6colorgroup-option1-category2": string;
1026
+ "--hop-dataviz-categorical-6colorgroup-option1-category3": string;
1027
+ "--hop-dataviz-categorical-6colorgroup-option1-category4": string;
1028
+ "--hop-dataviz-categorical-6colorgroup-option1-category5": string;
1029
+ "--hop-dataviz-categorical-6colorgroup-option1-category6": string;
1030
+ "--hop-dataviz-categorical-6colorgroup-option2-category1": string;
1031
+ "--hop-dataviz-categorical-6colorgroup-option2-category2": string;
1032
+ "--hop-dataviz-categorical-6colorgroup-option2-category3": string;
1033
+ "--hop-dataviz-categorical-6colorgroup-option2-category4": string;
1034
+ "--hop-dataviz-categorical-6colorgroup-option2-category5": string;
1035
+ "--hop-dataviz-categorical-6colorgroup-option2-category6": string;
1036
+ "--hop-dataviz-categorical-6colorgroup-option3-category1": string;
1037
+ "--hop-dataviz-categorical-6colorgroup-option3-category2": string;
1038
+ "--hop-dataviz-categorical-6colorgroup-option3-category3": string;
1039
+ "--hop-dataviz-categorical-6colorgroup-option3-category4": string;
1040
+ "--hop-dataviz-categorical-6colorgroup-option3-category5": string;
1041
+ "--hop-dataviz-categorical-6colorgroup-option3-category6": string;
1042
+ "--hop-dataviz-categorical-6colorgroup-option4-category1": string;
1043
+ "--hop-dataviz-categorical-6colorgroup-option4-category2": string;
1044
+ "--hop-dataviz-categorical-6colorgroup-option4-category3": string;
1045
+ "--hop-dataviz-categorical-6colorgroup-option4-category4": string;
1046
+ "--hop-dataviz-categorical-6colorgroup-option4-category5": string;
1047
+ "--hop-dataviz-categorical-6colorgroup-option4-category6": string;
1048
+ "--hop-dataviz-unavailable": string;
1049
+ "--hop-dataviz-unavailable-weak": string;
1050
+ "--hop-dataviz-unavailable-strong": string;
1051
+ "--hop-dataviz-text-onlight": string;
1052
+ "--hop-dataviz-text-ondark": string;
1053
+ "--hop-elevation-none": string;
1054
+ "--hop-elevation-raised": string;
1055
+ "--hop-elevation-lifted": string;
1056
+ "--hop-elevation-floating": string;
1057
+ "--hop-heading-3xl-font-family": string;
1058
+ "--hop-heading-3xl-font-size": string;
1059
+ "--hop-heading-3xl-font-weight": string;
1060
+ "--hop-heading-3xl-line-height": string;
1061
+ "--hop-heading-2xl-font-family": string;
1062
+ "--hop-heading-2xl-font-size": string;
1063
+ "--hop-heading-2xl-font-weight": string;
1064
+ "--hop-heading-2xl-line-height": string;
1065
+ "--hop-heading-xl-font-family": string;
1066
+ "--hop-heading-xl-font-size": string;
1067
+ "--hop-heading-xl-font-weight": string;
1068
+ "--hop-heading-xl-line-height": string;
1069
+ "--hop-heading-lg-font-family": string;
1070
+ "--hop-heading-lg-font-size": string;
1071
+ "--hop-heading-lg-font-weight": string;
1072
+ "--hop-heading-lg-line-height": string;
1073
+ "--hop-heading-md-font-family": string;
1074
+ "--hop-heading-md-font-size": string;
1075
+ "--hop-heading-md-font-weight": string;
1076
+ "--hop-heading-md-line-height": string;
1077
+ "--hop-heading-sm-font-family": string;
1078
+ "--hop-heading-sm-font-size": string;
1079
+ "--hop-heading-sm-font-weight": string;
1080
+ "--hop-heading-sm-line-height": string;
1081
+ "--hop-heading-xs-font-family": string;
1082
+ "--hop-heading-xs-font-size": string;
1083
+ "--hop-heading-xs-font-weight": string;
1084
+ "--hop-heading-xs-line-height": string;
1085
+ "--hop-heading-xs-medium-font-family": string;
1086
+ "--hop-heading-xs-medium-font-size": string;
1087
+ "--hop-heading-xs-medium-font-weight": string;
1088
+ "--hop-heading-xs-medium-line-height": string;
1089
+ "--hop-overline-font-family": string;
1090
+ "--hop-overline-font-size": string;
1091
+ "--hop-overline-font-weight": string;
1092
+ "--hop-overline-line-height": string;
1093
+ "--hop-body-2xl-font-family": string;
1094
+ "--hop-body-2xl-font-size": string;
1095
+ "--hop-body-2xl-font-weight": string;
1096
+ "--hop-body-2xl-line-height": string;
1097
+ "--hop-body-xl-font-family": string;
1098
+ "--hop-body-xl-font-size": string;
1099
+ "--hop-body-xl-font-weight": string;
1100
+ "--hop-body-xl-line-height": string;
1101
+ "--hop-body-lg-font-family": string;
1102
+ "--hop-body-lg-font-size": string;
1103
+ "--hop-body-lg-font-weight": string;
1104
+ "--hop-body-lg-line-height": string;
1105
+ "--hop-body-lg-medium-font-family": string;
1106
+ "--hop-body-lg-medium-font-size": string;
1107
+ "--hop-body-lg-medium-font-weight": string;
1108
+ "--hop-body-lg-medium-line-height": string;
1109
+ "--hop-body-lg-semibold-font-family": string;
1110
+ "--hop-body-lg-semibold-font-size": string;
1111
+ "--hop-body-lg-semibold-font-weight": string;
1112
+ "--hop-body-lg-semibold-line-height": string;
1113
+ "--hop-body-lg-bold-font-family": string;
1114
+ "--hop-body-lg-bold-font-size": string;
1115
+ "--hop-body-lg-bold-font-weight": string;
1116
+ "--hop-body-lg-bold-line-height": string;
1117
+ "--hop-body-lg-underline-font-family": string;
1118
+ "--hop-body-lg-underline-font-size": string;
1119
+ "--hop-body-lg-underline-font-weight": string;
1120
+ "--hop-body-lg-underline-line-height": string;
1121
+ "--hop-body-md-font-family": string;
1122
+ "--hop-body-md-font-size": string;
1123
+ "--hop-body-md-font-weight": string;
1124
+ "--hop-body-md-line-height": string;
1125
+ "--hop-body-md-medium-font-family": string;
1126
+ "--hop-body-md-medium-font-size": string;
1127
+ "--hop-body-md-medium-font-weight": string;
1128
+ "--hop-body-md-medium-line-height": string;
1129
+ "--hop-body-md-semibold-font-family": string;
1130
+ "--hop-body-md-semibold-font-size": string;
1131
+ "--hop-body-md-semibold-font-weight": string;
1132
+ "--hop-body-md-semibold-line-height": string;
1133
+ "--hop-body-md-bold-font-family": string;
1134
+ "--hop-body-md-bold-font-size": string;
1135
+ "--hop-body-md-bold-font-weight": string;
1136
+ "--hop-body-md-bold-line-height": string;
1137
+ "--hop-body-md-underline-font-family": string;
1138
+ "--hop-body-md-underline-font-size": string;
1139
+ "--hop-body-md-underline-font-weight": string;
1140
+ "--hop-body-md-underline-line-height": string;
1141
+ "--hop-body-sm-font-family": string;
1142
+ "--hop-body-sm-font-size": string;
1143
+ "--hop-body-sm-font-weight": string;
1144
+ "--hop-body-sm-line-height": string;
1145
+ "--hop-body-sm-medium-font-family": string;
1146
+ "--hop-body-sm-medium-font-size": string;
1147
+ "--hop-body-sm-medium-font-weight": string;
1148
+ "--hop-body-sm-medium-line-height": string;
1149
+ "--hop-body-sm-semibold-font-family": string;
1150
+ "--hop-body-sm-semibold-font-size": string;
1151
+ "--hop-body-sm-semibold-font-weight": string;
1152
+ "--hop-body-sm-semibold-line-height": string;
1153
+ "--hop-body-sm-bold-font-family": string;
1154
+ "--hop-body-sm-bold-font-size": string;
1155
+ "--hop-body-sm-bold-font-weight": string;
1156
+ "--hop-body-sm-bold-line-height": string;
1157
+ "--hop-body-sm-underline-font-family": string;
1158
+ "--hop-body-sm-underline-font-size": string;
1159
+ "--hop-body-sm-underline-font-weight": string;
1160
+ "--hop-body-sm-underline-line-height": string;
1161
+ "--hop-body-xs-font-family": string;
1162
+ "--hop-body-xs-font-size": string;
1163
+ "--hop-body-xs-font-weight": string;
1164
+ "--hop-body-xs-line-height": string;
1165
+ "--hop-body-xs-medium-font-family": string;
1166
+ "--hop-body-xs-medium-font-size": string;
1167
+ "--hop-body-xs-medium-font-weight": string;
1168
+ "--hop-body-xs-medium-line-height": string;
1169
+ "--hop-body-xs-semibold-font-family": string;
1170
+ "--hop-body-xs-semibold-font-size": string;
1171
+ "--hop-body-xs-semibold-font-weight": string;
1172
+ "--hop-body-xs-semibold-line-height": string;
1173
+ "--hop-body-xs-bold-font-family": string;
1174
+ "--hop-body-xs-bold-font-size": string;
1175
+ "--hop-body-xs-bold-font-weight": string;
1176
+ "--hop-body-xs-bold-line-height": string;
1177
+ "--hop-body-xs-underline-font-family": string;
1178
+ "--hop-body-xs-underline-font-size": string;
1179
+ "--hop-body-xs-underline-font-weight": string;
1180
+ "--hop-body-xs-underline-line-height": string;
1181
+ "--hop-accent-lg-font-family": string;
1182
+ "--hop-accent-lg-font-size": string;
1183
+ "--hop-accent-lg-font-weight": string;
1184
+ "--hop-accent-lg-line-height": string;
1185
+ "--hop-accent-sm-font-family": string;
1186
+ "--hop-accent-sm-font-size": string;
1187
+ "--hop-accent-sm-font-weight": string;
1188
+ "--hop-accent-sm-line-height": string;
1189
+ "--hop-shape-circle": string;
1190
+ "--hop-shape-pill": string;
1191
+ "--hop-shape-rounded-lg": string;
1192
+ "--hop-shape-rounded-md": string;
1193
+ "--hop-shape-rounded-sm": string;
1194
+ };
1195
+
1196
+ declare const Tokens: {
1197
+ Core: {
1198
+ "--hop-coastal-25": string;
1199
+ "--hop-coastal-50": string;
1200
+ "--hop-coastal-75": string;
1201
+ "--hop-coastal-100": string;
1202
+ "--hop-coastal-200": string;
1203
+ "--hop-coastal-300": string;
1204
+ "--hop-coastal-400": string;
1205
+ "--hop-coastal-500": string;
1206
+ "--hop-coastal-600": string;
1207
+ "--hop-coastal-700": string;
1208
+ "--hop-coastal-800": string;
1209
+ "--hop-coastal-900": string;
1210
+ "--hop-quetzal-25": string;
1211
+ "--hop-quetzal-50": string;
1212
+ "--hop-quetzal-75": string;
1213
+ "--hop-quetzal-100": string;
1214
+ "--hop-quetzal-200": string;
1215
+ "--hop-quetzal-300": string;
1216
+ "--hop-quetzal-400": string;
1217
+ "--hop-quetzal-500": string;
1218
+ "--hop-quetzal-600": string;
1219
+ "--hop-quetzal-700": string;
1220
+ "--hop-quetzal-800": string;
1221
+ "--hop-quetzal-900": string;
1222
+ "--hop-orchid-bloom-25": string;
1223
+ "--hop-orchid-bloom-50": string;
1224
+ "--hop-orchid-bloom-75": string;
1225
+ "--hop-orchid-bloom-100": string;
1226
+ "--hop-orchid-bloom-200": string;
1227
+ "--hop-orchid-bloom-300": string;
1228
+ "--hop-orchid-bloom-400": string;
1229
+ "--hop-orchid-bloom-500": string;
1230
+ "--hop-orchid-bloom-600": string;
1231
+ "--hop-orchid-bloom-700": string;
1232
+ "--hop-orchid-bloom-800": string;
1233
+ "--hop-orchid-bloom-900": string;
1234
+ "--hop-sapphire-25": string;
1235
+ "--hop-sapphire-50": string;
1236
+ "--hop-sapphire-75": string;
1237
+ "--hop-sapphire-100": string;
1238
+ "--hop-sapphire-200": string;
1239
+ "--hop-sapphire-300": string;
1240
+ "--hop-sapphire-400": string;
1241
+ "--hop-sapphire-500": string;
1242
+ "--hop-sapphire-600": string;
1243
+ "--hop-sapphire-700": string;
1244
+ "--hop-sapphire-800": string;
1245
+ "--hop-sapphire-900": string;
1246
+ "--hop-fog-25": string;
1247
+ "--hop-fog-50": string;
1248
+ "--hop-fog-75": string;
1249
+ "--hop-fog-100": string;
1250
+ "--hop-fog-200": string;
1251
+ "--hop-fog-300": string;
1252
+ "--hop-fog-400": string;
1253
+ "--hop-fog-500": string;
1254
+ "--hop-fog-600": string;
1255
+ "--hop-fog-700": string;
1256
+ "--hop-fog-800": string;
1257
+ "--hop-fog-900": string;
1258
+ "--hop-toad-25": string;
1259
+ "--hop-toad-50": string;
1260
+ "--hop-toad-75": string;
1261
+ "--hop-toad-100": string;
1262
+ "--hop-toad-200": string;
1263
+ "--hop-toad-300": string;
1264
+ "--hop-toad-400": string;
1265
+ "--hop-toad-500": string;
1266
+ "--hop-toad-600": string;
1267
+ "--hop-toad-700": string;
1268
+ "--hop-toad-800": string;
1269
+ "--hop-toad-900": string;
1270
+ "--hop-sunken-treasure-25": string;
1271
+ "--hop-sunken-treasure-50": string;
1272
+ "--hop-sunken-treasure-75": string;
1273
+ "--hop-sunken-treasure-100": string;
1274
+ "--hop-sunken-treasure-200": string;
1275
+ "--hop-sunken-treasure-300": string;
1276
+ "--hop-sunken-treasure-400": string;
1277
+ "--hop-sunken-treasure-500": string;
1278
+ "--hop-sunken-treasure-600": string;
1279
+ "--hop-sunken-treasure-700": string;
1280
+ "--hop-sunken-treasure-800": string;
1281
+ "--hop-sunken-treasure-900": string;
1282
+ "--hop-koi-25": string;
1283
+ "--hop-koi-50": string;
1284
+ "--hop-koi-75": string;
1285
+ "--hop-koi-100": string;
1286
+ "--hop-koi-200": string;
1287
+ "--hop-koi-300": string;
1288
+ "--hop-koi-400": string;
1289
+ "--hop-koi-500": string;
1290
+ "--hop-koi-600": string;
1291
+ "--hop-koi-700": string;
1292
+ "--hop-koi-800": string;
1293
+ "--hop-koi-900": string;
1294
+ "--hop-amanita-25": string;
1295
+ "--hop-amanita-50": string;
1296
+ "--hop-amanita-75": string;
1297
+ "--hop-amanita-100": string;
1298
+ "--hop-amanita-200": string;
1299
+ "--hop-amanita-300": string;
1300
+ "--hop-amanita-400": string;
1301
+ "--hop-amanita-500": string;
1302
+ "--hop-amanita-600": string;
1303
+ "--hop-amanita-700": string;
1304
+ "--hop-amanita-800": string;
1305
+ "--hop-amanita-900": string;
1306
+ "--hop-moss-25": string;
1307
+ "--hop-moss-50": string;
1308
+ "--hop-moss-75": string;
1309
+ "--hop-moss-100": string;
1310
+ "--hop-moss-200": string;
1311
+ "--hop-moss-300": string;
1312
+ "--hop-moss-400": string;
1313
+ "--hop-moss-500": string;
1314
+ "--hop-moss-600": string;
1315
+ "--hop-moss-700": string;
1316
+ "--hop-moss-800": string;
1317
+ "--hop-moss-900": string;
1318
+ "--hop-abyss": string;
1319
+ "--hop-rock-20": string;
1320
+ "--hop-rock-25": string;
1321
+ "--hop-rock-50": string;
1322
+ "--hop-rock-75": string;
1323
+ "--hop-rock-100": string;
1324
+ "--hop-rock-200": string;
1325
+ "--hop-rock-300": string;
1326
+ "--hop-rock-400": string;
1327
+ "--hop-rock-500": string;
1328
+ "--hop-rock-600": string;
1329
+ "--hop-rock-700": string;
1330
+ "--hop-rock-800": string;
1331
+ "--hop-rock-900": string;
1332
+ "--hop-samoyed": string;
1333
+ "--hop-shadow-none": string;
1334
+ "--hop-shadow-sm": string;
1335
+ "--hop-shadow-md": string;
1336
+ "--hop-shadow-lg": string;
1337
+ "--hop-font-family-primary": string;
1338
+ "--hop-font-family-secondary": string;
1339
+ "--hop-font-family-tertiary": string;
1340
+ "--hop-font-size-120": string;
1341
+ "--hop-font-size-140": string;
1342
+ "--hop-font-size-160": string;
1343
+ "--hop-font-size-180": string;
1344
+ "--hop-font-size-200": string;
1345
+ "--hop-font-size-240": string;
1346
+ "--hop-font-size-280": string;
1347
+ "--hop-font-size-320": string;
1348
+ "--hop-font-size-360": string;
1349
+ "--hop-font-size-480": string;
1350
+ "--hop-font-weight-400": string;
1351
+ "--hop-font-weight-410": string;
1352
+ "--hop-font-weight-505": string;
1353
+ "--hop-font-weight-580": string;
1354
+ "--hop-font-weight-590": string;
1355
+ "--hop-font-weight-680": string;
1356
+ "--hop-font-weight-690": string;
1357
+ "--hop-line-height-1-125": string;
1358
+ "--hop-line-height-1-14": string;
1359
+ "--hop-line-height-1-20": string;
1360
+ "--hop-line-height-1-25": string;
1361
+ "--hop-line-height-1-33": string;
1362
+ "--hop-line-height-1-4285": string;
1363
+ "--hop-line-height-1-50": string;
1364
+ "--hop-border-radius-0": string;
1365
+ "--hop-border-radius-1": string;
1366
+ "--hop-border-radius-2": string;
1367
+ "--hop-border-radius-3": string;
1368
+ "--hop-border-radius-4": string;
1369
+ "--hop-border-radius-9999": string;
1370
+ "--hop-space-0": string;
1371
+ "--hop-space-20": string;
1372
+ "--hop-space-40": string;
1373
+ "--hop-space-80": string;
1374
+ "--hop-space-160": string;
1375
+ "--hop-space-240": string;
1376
+ "--hop-space-320": string;
1377
+ "--hop-space-400": string;
1378
+ "--hop-space-480": string;
1379
+ "--hop-space-640": string;
1380
+ "--hop-space-800": string;
1381
+ "--hop-space-960": string;
1382
+ "--hop-space-1280": string;
1383
+ };
1384
+ Semantic: {
1385
+ "--hop-space-inset-xs": string;
1386
+ "--hop-space-inset-sm": string;
1387
+ "--hop-space-inset-md": string;
1388
+ "--hop-space-inset-lg": string;
1389
+ "--hop-space-inset-xl": string;
1390
+ "--hop-space-inset-squish-sm": string;
1391
+ "--hop-space-inset-squish-md": string;
1392
+ "--hop-space-inset-squish-lg": string;
1393
+ "--hop-space-inset-stretch-sm": string;
1394
+ "--hop-space-inset-stretch-md": string;
1395
+ "--hop-space-inset-stretch-lg": string;
1396
+ "--hop-space-stack-xs": string;
1397
+ "--hop-space-stack-sm": string;
1398
+ "--hop-space-stack-md": string;
1399
+ "--hop-space-stack-lg": string;
1400
+ "--hop-space-stack-xl": string;
1401
+ "--hop-space-inline-xs": string;
1402
+ "--hop-space-inline-sm": string;
1403
+ "--hop-space-inline-md": string;
1404
+ "--hop-space-inline-lg": string;
1405
+ "--hop-space-inline-xl": string;
1406
+ "--hop-upsell-border-active": string;
1407
+ "--hop-upsell-text-active": string;
1408
+ "--hop-upsell-icon-weakest": string;
1409
+ "--hop-upsell-icon-weak": string;
1410
+ "--hop-upsell-border": string;
1411
+ "--hop-upsell-surface-hover": string;
1412
+ "--hop-upsell-border-disabled": string;
1413
+ "--hop-upsell-icon-active": string;
1414
+ "--hop-upsell-surface-weak": string;
1415
+ "--hop-upsell-surface-disabled": string;
1416
+ "--hop-upsell-text": string;
1417
+ "--hop-upsell-icon": string;
1418
+ "--hop-upsell-text-hover": string;
1419
+ "--hop-upsell-text-disabled": string;
1420
+ "--hop-upsell-surface-active": string;
1421
+ "--hop-upsell-surface": string;
1422
+ "--hop-danger-border-active": string;
1423
+ "--hop-danger-icon-active": string;
1424
+ "--hop-danger-text-active": string;
1425
+ "--hop-danger-surface": string;
1426
+ "--hop-danger-text-hover": string;
1427
+ "--hop-danger-surface-disabled": string;
1428
+ "--hop-danger-surface-hover": string;
1429
+ "--hop-danger-surface-strong": string;
1430
+ "--hop-danger-surface-strong-hover": string;
1431
+ "--hop-danger-surface-weak": string;
1432
+ "--hop-danger-border-strong": string;
1433
+ "--hop-danger-icon": string;
1434
+ "--hop-danger-icon-weak": string;
1435
+ "--hop-danger-text": string;
1436
+ "--hop-danger-surface-active": string;
1437
+ "--hop-danger-text-weak": string;
1438
+ "--hop-danger-text-strong": string;
1439
+ "--hop-danger-text-strong-hover": string;
1440
+ "--hop-danger-icon-strong": string;
1441
+ "--hop-danger-icon-strong-hover": string;
1442
+ "--hop-danger-icon-hover": string;
1443
+ "--hop-danger-text-disabled": string;
1444
+ "--hop-danger-icon-disabled": string;
1445
+ "--hop-danger-border": string;
1446
+ "--hop-primary-icon-active": string;
1447
+ "--hop-primary-border-active": string;
1448
+ "--hop-primary-text-active": string;
1449
+ "--hop-primary-icon-strong": string;
1450
+ "--hop-primary-icon-strong-hover": string;
1451
+ "--hop-primary-icon": string;
1452
+ "--hop-primary-border-focus": string;
1453
+ "--hop-primary-border": string;
1454
+ "--hop-primary-icon-hover": string;
1455
+ "--hop-primary-icon-disabled": string;
1456
+ "--hop-primary-surface-disabled": string;
1457
+ "--hop-primary-surface-focus": string;
1458
+ "--hop-primary-text-disabled": string;
1459
+ "--hop-primary-surface": string;
1460
+ "--hop-primary-surface-weak": string;
1461
+ "--hop-primary-surface-strong": string;
1462
+ "--hop-primary-surface-strong-active": string;
1463
+ "--hop-primary-surface-strong-hover": string;
1464
+ "--hop-primary-text": string;
1465
+ "--hop-primary-surface-hover": string;
1466
+ "--hop-primary-text-strong": string;
1467
+ "--hop-primary-text-strong-hover": string;
1468
+ "--hop-primary-text-hover": string;
1469
+ "--hop-primary-surface-active": string;
1470
+ "--hop-decorative-option9-icon": string;
1471
+ "--hop-decorative-option9-surface": string;
1472
+ "--hop-decorative-option9-surface-strong": string;
1473
+ "--hop-decorative-option9-surface-hover": string;
1474
+ "--hop-decorative-option9-surface-weak": string;
1475
+ "--hop-decorative-option9-surface-weak-hover": string;
1476
+ "--hop-decorative-option9-surface-weakest": string;
1477
+ "--hop-decorative-option9-text": string;
1478
+ "--hop-decorative-option9-text-weak": string;
1479
+ "--hop-decorative-option9-border": string;
1480
+ "--hop-decorative-option8-icon": string;
1481
+ "--hop-decorative-option8-surface-weakest": string;
1482
+ "--hop-decorative-option8-surface-weak": string;
1483
+ "--hop-decorative-option8-surface-weak-hover": string;
1484
+ "--hop-decorative-option8-surface-hover": string;
1485
+ "--hop-decorative-option8-surface-strong": string;
1486
+ "--hop-decorative-option8-text-weak": string;
1487
+ "--hop-decorative-option8-surface": string;
1488
+ "--hop-decorative-option8-text": string;
1489
+ "--hop-decorative-option8-border": string;
1490
+ "--hop-decorative-option7-icon": string;
1491
+ "--hop-decorative-option7-surface-weakest": string;
1492
+ "--hop-decorative-option7-surface-weak": string;
1493
+ "--hop-decorative-option7-surface-weak-hover": string;
1494
+ "--hop-decorative-option7-surface-strong": string;
1495
+ "--hop-decorative-option7-surface-hover": string;
1496
+ "--hop-decorative-option7-surface": string;
1497
+ "--hop-decorative-option7-text-weak": string;
1498
+ "--hop-decorative-option7-text": string;
1499
+ "--hop-decorative-option7-border": string;
1500
+ "--hop-decorative-option5-text-weak": string;
1501
+ "--hop-decorative-option5-text": string;
1502
+ "--hop-decorative-option5-surface-weakest": string;
1503
+ "--hop-decorative-option5-surface-weak": string;
1504
+ "--hop-decorative-option5-surface-strong": string;
1505
+ "--hop-decorative-option5-surface-hover": string;
1506
+ "--hop-decorative-option5-surface": string;
1507
+ "--hop-decorative-option5-icon": string;
1508
+ "--hop-decorative-option5-border": string;
1509
+ "--hop-decorative-option6-surface-weakest": string;
1510
+ "--hop-decorative-option6-surface-weak": string;
1511
+ "--hop-decorative-option6-surface-weak-hover": string;
1512
+ "--hop-decorative-option6-surface-hover": string;
1513
+ "--hop-decorative-option6-surface-strong": string;
1514
+ "--hop-decorative-option6-surface": string;
1515
+ "--hop-decorative-option6-icon": string;
1516
+ "--hop-decorative-option6-text": string;
1517
+ "--hop-decorative-option6-text-weak": string;
1518
+ "--hop-decorative-option6-border": string;
1519
+ "--hop-decorative-option4-surface-weakest": string;
1520
+ "--hop-decorative-option4-surface-weak": string;
1521
+ "--hop-decorative-option4-surface-weak-hover": string;
1522
+ "--hop-decorative-option4-surface-strong": string;
1523
+ "--hop-decorative-option4-surface-hover": string;
1524
+ "--hop-decorative-option4-surface": string;
1525
+ "--hop-decorative-option4-icon": string;
1526
+ "--hop-decorative-option4-text-weak": string;
1527
+ "--hop-decorative-option4-text": string;
1528
+ "--hop-decorative-option4-border": string;
1529
+ "--hop-decorative-option3-surface-weak": string;
1530
+ "--hop-decorative-option3-surface-weak-hover": string;
1531
+ "--hop-decorative-option3-surface-weakest": string;
1532
+ "--hop-decorative-option3-surface-strong": string;
1533
+ "--hop-decorative-option3-surface-hover": string;
1534
+ "--hop-decorative-option3-surface": string;
1535
+ "--hop-decorative-option3-icon": string;
1536
+ "--hop-decorative-option3-text": string;
1537
+ "--hop-decorative-option3-text-weak": string;
1538
+ "--hop-decorative-option3-border": string;
1539
+ "--hop-decorative-option2-surface-weakest": string;
1540
+ "--hop-decorative-option2-surface-weak": string;
1541
+ "--hop-decorative-option2-surface-weak-hover": string;
1542
+ "--hop-decorative-option2-surface-strong": string;
1543
+ "--hop-decorative-option2-surface": string;
1544
+ "--hop-decorative-option2-surface-hover": string;
1545
+ "--hop-decorative-option2-text": string;
1546
+ "--hop-decorative-option2-text-weak": string;
1547
+ "--hop-decorative-option2-icon": string;
1548
+ "--hop-decorative-option2-border": string;
1549
+ "--hop-decorative-option1-surface-weak": string;
1550
+ "--hop-decorative-option1-surface-weak-hover": string;
1551
+ "--hop-decorative-option1-surface-weakest": string;
1552
+ "--hop-decorative-option1-surface-strong": string;
1553
+ "--hop-decorative-option1-surface-hover": string;
1554
+ "--hop-decorative-option1-surface": string;
1555
+ "--hop-decorative-option1-border": string;
1556
+ "--hop-decorative-option1-text-weak": string;
1557
+ "--hop-decorative-option1-icon": string;
1558
+ "--hop-decorative-option1-text": string;
1559
+ "--hop-neutral-text-hover": string;
1560
+ "--hop-neutral-surface-weakest-active": string;
1561
+ "--hop-neutral-surface-weakest-hover": string;
1562
+ "--hop-neutral-text-weak": string;
1563
+ "--hop-neutral-surface-disabled": string;
1564
+ "--hop-neutral-surface-active": string;
1565
+ "--hop-neutral-surface-weak": string;
1566
+ "--hop-neutral-surface": string;
1567
+ "--hop-neutral-text-disabled": string;
1568
+ "--hop-neutral-text-active": string;
1569
+ "--hop-neutral-text-strong": string;
1570
+ "--hop-neutral-text": string;
1571
+ "--hop-neutral-text-weakest": string;
1572
+ "--hop-neutral-border-disabled": string;
1573
+ "--hop-neutral-border-strong-hover": string;
1574
+ "--hop-neutral-border-strong": string;
1575
+ "--hop-neutral-surface-strong": string;
1576
+ "--hop-neutral-surface-hover": string;
1577
+ "--hop-neutral-icon-disabled": string;
1578
+ "--hop-neutral-icon": string;
1579
+ "--hop-neutral-icon-weak": string;
1580
+ "--hop-neutral-icon-weak-hover": string;
1581
+ "--hop-neutral-border": string;
1582
+ "--hop-neutral-border-weak": string;
1583
+ "--hop-neutral-icon-weakest": string;
1584
+ "--hop-neutral-icon-strong": string;
1585
+ "--hop-neutral-icon-hover": string;
1586
+ "--hop-neutral-icon-active": string;
1587
+ "--hop-neutral-border-hover": string;
1588
+ "--hop-neutral-border-active": string;
1589
+ "--hop-neutral-surface-weak-hover": string;
1590
+ "--hop-neutral-border-weakest": string;
1591
+ "--hop-neutral-surface-weakest": string;
1592
+ "--hop-warning-icon-weakest": string;
1593
+ "--hop-warning-icon-weak": string;
1594
+ "--hop-warning-text-weak": string;
1595
+ "--hop-warning-surface": string;
1596
+ "--hop-warning-surface-strong": string;
1597
+ "--hop-warning-surface-weak": string;
1598
+ "--hop-warning-border": string;
1599
+ "--hop-warning-icon": string;
1600
+ "--hop-warning-text": string;
1601
+ "--hop-success-border": string;
1602
+ "--hop-success-icon-weak": string;
1603
+ "--hop-success-icon-weakest": string;
1604
+ "--hop-success-text-weak": string;
1605
+ "--hop-success-surface": string;
1606
+ "--hop-success-surface-strong": string;
1607
+ "--hop-success-text-hover": string;
1608
+ "--hop-success-text": string;
1609
+ "--hop-success-icon": string;
1610
+ "--hop-success-surface-weak": string;
1611
+ "--hop-information-icon-weakest": string;
1612
+ "--hop-information-surface-strong": string;
1613
+ "--hop-information-icon-weak": string;
1614
+ "--hop-information-text": string;
1615
+ "--hop-information-surface": string;
1616
+ "--hop-information-surface-weak": string;
1617
+ "--hop-information-text-weak": string;
1618
+ "--hop-information-icon": string;
1619
+ "--hop-information-border": string;
1620
+ "--hop-status-neutral-surface-strong": string;
1621
+ "--hop-status-neutral-text": string;
1622
+ "--hop-status-neutral-icon": string;
1623
+ "--hop-status-neutral-surface": string;
1624
+ "--hop-status-progress-surface-strong": string;
1625
+ "--hop-status-progress-icon": string;
1626
+ "--hop-status-progress-surface": string;
1627
+ "--hop-status-progress-text": string;
1628
+ "--hop-status-option6-surface-strong": string;
1629
+ "--hop-status-option6-icon": string;
1630
+ "--hop-status-option6-surface": string;
1631
+ "--hop-status-option6-text": string;
1632
+ "--hop-status-option5-surface-strong": string;
1633
+ "--hop-status-option5-icon": string;
1634
+ "--hop-status-option5-surface": string;
1635
+ "--hop-status-option5-text": string;
1636
+ "--hop-status-option1-surface-strong": string;
1637
+ "--hop-status-option1-icon": string;
1638
+ "--hop-status-option1-surface": string;
1639
+ "--hop-status-option1-text": string;
1640
+ "--hop-status-option2-surface-strong": string;
1641
+ "--hop-status-option2-text": string;
1642
+ "--hop-status-option2-surface": string;
1643
+ "--hop-status-option2-icon": string;
1644
+ "--hop-status-option3-surface-strong": string;
1645
+ "--hop-status-option3-icon": string;
1646
+ "--hop-status-option3-surface": string;
1647
+ "--hop-status-option3-text": string;
1648
+ "--hop-status-option4-surface-strong": string;
1649
+ "--hop-status-option4-icon": string;
1650
+ "--hop-status-option4-surface": string;
1651
+ "--hop-status-option4-text": string;
1652
+ "--hop-status-caution-surface-strong": string;
1653
+ "--hop-status-caution-icon": string;
1654
+ "--hop-status-caution-surface": string;
1655
+ "--hop-status-caution-text": string;
1656
+ "--hop-status-negative-surface-strong": string;
1657
+ "--hop-status-negative-icon": string;
1658
+ "--hop-status-negative-surface": string;
1659
+ "--hop-status-negative-text": string;
1660
+ "--hop-status-inactive-surface-strong": string;
1661
+ "--hop-status-inactive-icon": string;
1662
+ "--hop-status-inactive-surface": string;
1663
+ "--hop-status-inactive-text": string;
1664
+ "--hop-status-positive-icon": string;
1665
+ "--hop-status-positive-surface-strong": string;
1666
+ "--hop-status-positive-surface": string;
1667
+ "--hop-status-positive-text": string;
1668
+ "--hop-dataviz-monochromatic-primary-25": string;
1669
+ "--hop-dataviz-monochromatic-primary-50": string;
1670
+ "--hop-dataviz-monochromatic-primary-75": string;
1671
+ "--hop-dataviz-monochromatic-primary-100": string;
1672
+ "--hop-dataviz-monochromatic-primary-200": string;
1673
+ "--hop-dataviz-monochromatic-primary-300": string;
1674
+ "--hop-dataviz-monochromatic-primary-400": string;
1675
+ "--hop-dataviz-monochromatic-primary-500": string;
1676
+ "--hop-dataviz-monochromatic-primary-600": string;
1677
+ "--hop-dataviz-monochromatic-primary-700": string;
1678
+ "--hop-dataviz-monochromatic-primary-800": string;
1679
+ "--hop-dataviz-monochromatic-primary-900": string;
1680
+ "--hop-dataviz-monochromatic-primary-25-hover": string;
1681
+ "--hop-dataviz-monochromatic-primary-50-hover": string;
1682
+ "--hop-dataviz-monochromatic-primary-75-hover": string;
1683
+ "--hop-dataviz-monochromatic-primary-100-hover": string;
1684
+ "--hop-dataviz-monochromatic-primary-200-hover": string;
1685
+ "--hop-dataviz-monochromatic-primary-300-hover": string;
1686
+ "--hop-dataviz-monochromatic-primary-400-hover": string;
1687
+ "--hop-dataviz-monochromatic-primary-500-hover": string;
1688
+ "--hop-dataviz-monochromatic-primary-600-hover": string;
1689
+ "--hop-dataviz-monochromatic-primary-700-hover": string;
1690
+ "--hop-dataviz-monochromatic-primary-800-hover": string;
1691
+ "--hop-dataviz-monochromatic-primary-900-hover": string;
1692
+ "--hop-dataviz-monochromatic-positive-25": string;
1693
+ "--hop-dataviz-monochromatic-positive-50": string;
1694
+ "--hop-dataviz-monochromatic-positive-75": string;
1695
+ "--hop-dataviz-monochromatic-positive-100": string;
1696
+ "--hop-dataviz-monochromatic-positive-200": string;
1697
+ "--hop-dataviz-monochromatic-positive-300": string;
1698
+ "--hop-dataviz-monochromatic-positive-400": string;
1699
+ "--hop-dataviz-monochromatic-positive-500": string;
1700
+ "--hop-dataviz-monochromatic-positive-600": string;
1701
+ "--hop-dataviz-monochromatic-positive-700": string;
1702
+ "--hop-dataviz-monochromatic-positive-800": string;
1703
+ "--hop-dataviz-monochromatic-positive-900": string;
1704
+ "--hop-dataviz-monochromatic-positive-25-hover": string;
1705
+ "--hop-dataviz-monochromatic-positive-50-hover": string;
1706
+ "--hop-dataviz-monochromatic-positive-75-hover": string;
1707
+ "--hop-dataviz-monochromatic-positive-100-hover": string;
1708
+ "--hop-dataviz-monochromatic-positive-200-hover": string;
1709
+ "--hop-dataviz-monochromatic-positive-300-hover": string;
1710
+ "--hop-dataviz-monochromatic-positive-400-hover": string;
1711
+ "--hop-dataviz-monochromatic-positive-500-hover": string;
1712
+ "--hop-dataviz-monochromatic-positive-600-hover": string;
1713
+ "--hop-dataviz-monochromatic-positive-700-hover": string;
1714
+ "--hop-dataviz-monochromatic-positive-800-hover": string;
1715
+ "--hop-dataviz-monochromatic-positive-900-hover": string;
1716
+ "--hop-dataviz-monochromatic-negative-25": string;
1717
+ "--hop-dataviz-monochromatic-negative-50": string;
1718
+ "--hop-dataviz-monochromatic-negative-75": string;
1719
+ "--hop-dataviz-monochromatic-negative-100": string;
1720
+ "--hop-dataviz-monochromatic-negative-200": string;
1721
+ "--hop-dataviz-monochromatic-negative-300": string;
1722
+ "--hop-dataviz-monochromatic-negative-400": string;
1723
+ "--hop-dataviz-monochromatic-negative-500": string;
1724
+ "--hop-dataviz-monochromatic-negative-600": string;
1725
+ "--hop-dataviz-monochromatic-negative-700": string;
1726
+ "--hop-dataviz-monochromatic-negative-800": string;
1727
+ "--hop-dataviz-monochromatic-negative-900": string;
1728
+ "--hop-dataviz-monochromatic-negative-25-hover": string;
1729
+ "--hop-dataviz-monochromatic-negative-50-hover": string;
1730
+ "--hop-dataviz-monochromatic-negative-75-hover": string;
1731
+ "--hop-dataviz-monochromatic-negative-100-hover": string;
1732
+ "--hop-dataviz-monochromatic-negative-200-hover": string;
1733
+ "--hop-dataviz-monochromatic-negative-300-hover": string;
1734
+ "--hop-dataviz-monochromatic-negative-400-hover": string;
1735
+ "--hop-dataviz-monochromatic-negative-500-hover": string;
1736
+ "--hop-dataviz-monochromatic-negative-600-hover": string;
1737
+ "--hop-dataviz-monochromatic-negative-700-hover": string;
1738
+ "--hop-dataviz-monochromatic-negative-800-hover": string;
1739
+ "--hop-dataviz-monochromatic-negative-900-hover": string;
1740
+ "--hop-dataviz-diverging-sequence-1-positive9": string;
1741
+ "--hop-dataviz-diverging-sequence-1-positive9-hover": string;
1742
+ "--hop-dataviz-diverging-sequence-1-positive8": string;
1743
+ "--hop-dataviz-diverging-sequence-1-positive8-hover": string;
1744
+ "--hop-dataviz-diverging-sequence-1-positive7": string;
1745
+ "--hop-dataviz-diverging-sequence-1-positive7-hover": string;
1746
+ "--hop-dataviz-diverging-sequence-1-positive6": string;
1747
+ "--hop-dataviz-diverging-sequence-1-positive6-hover": string;
1748
+ "--hop-dataviz-diverging-sequence-1-positive5": string;
1749
+ "--hop-dataviz-diverging-sequence-1-positive5-hover": string;
1750
+ "--hop-dataviz-diverging-sequence-1-positive4": string;
1751
+ "--hop-dataviz-diverging-sequence-1-positive-4-hover": string;
1752
+ "--hop-dataviz-diverging-sequence-1-positive3": string;
1753
+ "--hop-dataviz-diverging-sequence-1-positive3-hover": string;
1754
+ "--hop-dataviz-diverging-sequence-1-positive2": string;
1755
+ "--hop-dataviz-diverging-sequence-1-positive2-hover": string;
1756
+ "--hop-dataviz-diverging-sequence-1-positive1": string;
1757
+ "--hop-dataviz-diverging-sequence-1-positive1-hover": string;
1758
+ "--hop-dataviz-diverging-sequence-1-neutral": string;
1759
+ "--hop-dataviz-diverging-sequence-1-neutral-hover": string;
1760
+ "--hop-dataviz-diverging-sequence-1-negative1": string;
1761
+ "--hop-dataviz-diverging-sequence-1-negative1-hover": string;
1762
+ "--hop-dataviz-diverging-sequence-1-negative2": string;
1763
+ "--hop-dataviz-diverging-sequence-1-negative2-hover": string;
1764
+ "--hop-dataviz-diverging-sequence-1-negative3": string;
1765
+ "--hop-dataviz-diverging-sequence-1-negative3-hover": string;
1766
+ "--hop-dataviz-diverging-sequence-1-negative4": string;
1767
+ "--hop-dataviz-diverging-sequence-1-negative4-hover": string;
1768
+ "--hop-dataviz-diverging-sequence-1-negative5": string;
1769
+ "--hop-dataviz-diverging-sequence-1-negative5-hover": string;
1770
+ "--hop-dataviz-diverging-sequence-1-negative6": string;
1771
+ "--hop-dataviz-diverging-sequence-1-negative6-hover": string;
1772
+ "--hop-dataviz-diverging-sequence-1-negative7": string;
1773
+ "--hop-dataviz-diverging-sequence-1-negative7-hover": string;
1774
+ "--hop-dataviz-diverging-sequence-1-negative8": string;
1775
+ "--hop-dataviz-diverging-sequence-1-negative8-hover": string;
1776
+ "--hop-dataviz-diverging-sequence-1-negative9": string;
1777
+ "--hop-dataviz-diverging-sequence-1-negative9-hover": string;
1778
+ "--hop-dataviz-diverging-sequence-2-positive10": string;
1779
+ "--hop-dataviz-diverging-sequence-2-positive10-hover": string;
1780
+ "--hop-dataviz-diverging-sequence-2-positive9": string;
1781
+ "--hop-dataviz-diverging-sequence-2-positive9-hover": string;
1782
+ "--hop-dataviz-diverging-sequence-2-positive8": string;
1783
+ "--hop-dataviz-diverging-sequence-2-positive8-hover": string;
1784
+ "--hop-dataviz-diverging-sequence-2-positive7": string;
1785
+ "--hop-dataviz-diverging-sequence-2-positive7-hover": string;
1786
+ "--hop-dataviz-diverging-sequence-2-positive6": string;
1787
+ "--hop-dataviz-diverging-sequence-2-positive6-hover": string;
1788
+ "--hop-dataviz-diverging-sequence-2-positive5": string;
1789
+ "--hop-dataviz-diverging-sequence-2-positive5-hover": string;
1790
+ "--hop-dataviz-diverging-sequence-2-positive4": string;
1791
+ "--hop-dataviz-diverging-sequence-2-positive4-hover": string;
1792
+ "--hop-dataviz-diverging-sequence-2-positive3": string;
1793
+ "--hop-dataviz-diverging-sequence-2-positive3-hover": string;
1794
+ "--hop-dataviz-diverging-sequence-2-positive2": string;
1795
+ "--hop-dataviz-diverging-sequence-2-positive2-hover": string;
1796
+ "--hop-dataviz-diverging-sequence-2-positive1": string;
1797
+ "--hop-dataviz-diverging-sequence-2-positive1-hover": string;
1798
+ "--hop-dataviz-diverging-sequence-2-negative1": string;
1799
+ "--hop-dataviz-diverging-sequence-2-negative1-hover": string;
1800
+ "--hop-dataviz-diverging-sequence-2-negative2": string;
1801
+ "--hop-dataviz-diverging-sequence-2-negative2-hover": string;
1802
+ "--hop-dataviz-diverging-sequence-2-negative3": string;
1803
+ "--hop-dataviz-diverging-sequence-2-negative3-hover": string;
1804
+ "--hop-dataviz-diverging-sequence-2-negative4": string;
1805
+ "--hop-dataviz-diverging-sequence-2-negative4-hover": string;
1806
+ "--hop-dataviz-diverging-sequence-2-negative5": string;
1807
+ "--hop-dataviz-diverging-sequence-2-negative5-hover": string;
1808
+ "--hop-dataviz-diverging-sequence-2-negative6": string;
1809
+ "--hop-dataviz-diverging-sequence-2-negative6-hover": string;
1810
+ "--hop-dataviz-diverging-sequence-2-negative7": string;
1811
+ "--hop-dataviz-diverging-sequence-2-negative7-hover": string;
1812
+ "--hop-dataviz-diverging-sequence-2-negative8": string;
1813
+ "--hop-dataviz-diverging-sequence-2-negative8-hover": string;
1814
+ "--hop-dataviz-diverging-sequence-2-negative9": string;
1815
+ "--hop-dataviz-diverging-sequence-2-negative9-hover": string;
1816
+ "--hop-dataviz-diverging-sequence-2-negative10": string;
1817
+ "--hop-dataviz-diverging-sequence-2-negative10-hover": string;
1818
+ "--hop-dataviz-categorical-sequence-category1": string;
1819
+ "--hop-dataviz-categorical-sequence-category1-hover": string;
1820
+ "--hop-dataviz-categorical-sequence-category2": string;
1821
+ "--hop-dataviz-categorical-sequence-category2-hover": string;
1822
+ "--hop-dataviz-categorical-sequence-category3": string;
1823
+ "--hop-dataviz-categorical-sequence-category3-hover": string;
1824
+ "--hop-dataviz-categorical-sequence-category4": string;
1825
+ "--hop-dataviz-categorical-sequence-category4-hover": string;
1826
+ "--hop-dataviz-categorical-sequence-category5": string;
1827
+ "--hop-dataviz-categorical-sequence-category5-hover": string;
1828
+ "--hop-dataviz-categorical-sequence-category6": string;
1829
+ "--hop-dataviz-categorical-sequence-category6-hover": string;
1830
+ "--hop-dataviz-categorical-sequence-category7": string;
1831
+ "--hop-dataviz-categorical-sequence-category7-hover": string;
1832
+ "--hop-dataviz-categorical-sequence-category8": string;
1833
+ "--hop-dataviz-categorical-sequence-category8-hover": string;
1834
+ "--hop-dataviz-categorical-sequence-category9": string;
1835
+ "--hop-dataviz-categorical-sequence-category9-hover": string;
1836
+ "--hop-dataviz-categorical-sequence-category10": string;
1837
+ "--hop-dataviz-categorical-sequence-category10-hover": string;
1838
+ "--hop-dataviz-categorical-sequence-category11": string;
1839
+ "--hop-dataviz-categorical-sequence-category-11-hover": string;
1840
+ "--hop-dataviz-categorical-sequence-category12": string;
1841
+ "--hop-dataviz-categorical-sequence-cateogry12-hover": string;
1842
+ "--hop-dataviz-categorical-sequence-category13": string;
1843
+ "--hop-dataviz-categorical-sequence-category13-hover": string;
1844
+ "--hop-dataviz-categorical-2colorgroup-option6-category2": string;
1845
+ "--hop-dataviz-categorical-2colorgroup-option6-category1": string;
1846
+ "--hop-dataviz-categorical-2colorgroup-option5-category2": string;
1847
+ "--hop-dataviz-categorical-2colorgroup-option5-category1": string;
1848
+ "--hop-dataviz-categorical-2colorgroup-option4-category2": string;
1849
+ "--hop-dataviz-categorical-2colorgroup-option4-category1": string;
1850
+ "--hop-dataviz-categorical-2colorgroup-option3-category2": string;
1851
+ "--hop-dataviz-categorical-2colorgroup-option3-category1": string;
1852
+ "--hop-dataviz-categorical-2colorgroup-option2-category2": string;
1853
+ "--hop-dataviz-categorical-2colorgroup-option2-category1": string;
1854
+ "--hop-dataviz-categorical-2colorgroup-option1-category2": string;
1855
+ "--hop-dataviz-categorical-2colorgroup-option1-category1": string;
1856
+ "--hop-dataviz-categorical-3colorgroup-option1-category1": string;
1857
+ "--hop-dataviz-categorical-3colorgroup-option1-category2": string;
1858
+ "--hop-dataviz-categorical-3colorgroup-option1-category3": string;
1859
+ "--hop-dataviz-categorical-3colorgroup-option2-category1": string;
1860
+ "--hop-dataviz-categorical-3colorgroup-option2-category2": string;
1861
+ "--hop-dataviz-categorical-3colorgroup-option2-category3": string;
1862
+ "--hop-dataviz-categorical-3colorgroup-option3-category1": string;
1863
+ "--hop-dataviz-categorical-3colorgroup-option3-category2": string;
1864
+ "--hop-dataviz-categorical-3colorgroup-option3-category3": string;
1865
+ "--hop-dataviz-categorical-3colorgroup-option4-category1": string;
1866
+ "--hop-dataviz-categorical-3colorgroup-option4-category2": string;
1867
+ "--hop-dataviz-categorical-3colorgroup-option4-category3": string;
1868
+ "--hop-dataviz-categorical-4colorgroup-option1-category1": string;
1869
+ "--hop-dataviz-categorical-4colorgroup-option1-category2": string;
1870
+ "--hop-dataviz-categorical-4colorgroup-option1-category3": string;
1871
+ "--hop-dataviz-categorical-4colorgroup-option1-category4": string;
1872
+ "--hop-dataviz-categorical-4colorgroup-option2-category1": string;
1873
+ "--hop-dataviz-categorical-4colorgroup-option2-category2": string;
1874
+ "--hop-dataviz-categorical-4colorgroup-option2-category3": string;
1875
+ "--hop-dataviz-categorical-4colorgroup-option2-category4": string;
1876
+ "--hop-dataviz-categorical-4colorgroup-option3-category1": string;
1877
+ "--hop-dataviz-categorical-4colorgroup-option3-category2": string;
1878
+ "--hop-dataviz-categorical-4colorgroup-option3-category3": string;
1879
+ "--hop-dataviz-categorical-4colorgroup-option3-category4": string;
1880
+ "--hop-dataviz-categorical-4colorgroup-option4-category1": string;
1881
+ "--hop-dataviz-categorical-4colorgroup-option4-category2": string;
1882
+ "--hop-dataviz-categorical-4colorgroup-option4-category3": string;
1883
+ "--hop-dataviz-categorical-4colorgroup-option4-category4": string;
1884
+ "--hop-dataviz-categorical-5colorgroup-option1-category1": string;
1885
+ "--hop-dataviz-categorical-5colorgroup-option1-category2": string;
1886
+ "--hop-dataviz-categorical-5colorgroup-option1-category3": string;
1887
+ "--hop-dataviz-categorical-5colorgroup-option1-category4": string;
1888
+ "--hop-dataviz-categorical-5colorgroup-option1-category5": string;
1889
+ "--hop-dataviz-categorical-5colorgroup-option2-category1": string;
1890
+ "--hop-dataviz-categorical-5colorgroup-option2-category2": string;
1891
+ "--hop-dataviz-categorical-5colorgroup-option2-category3": string;
1892
+ "--hop-dataviz-categorical-5colorgroup-option2-category4": string;
1893
+ "--hop-dataviz-categorical-5colorgroup-option2-category5": string;
1894
+ "--hop-dataviz-categorical-5colorgroup-option3-category1": string;
1895
+ "--hop-dataviz-categorical-5colorgroup-option3-category2": string;
1896
+ "--hop-dataviz-categorical-5colorgroup-option3-category3": string;
1897
+ "--hop-dataviz-categorical-5colorgroup-option3-category4": string;
1898
+ "--hop-dataviz-categorical-5colorgroup-option3-category5": string;
1899
+ "--hop-dataviz-categorical-5colorgroup-option4-category1": string;
1900
+ "--hop-dataviz-categorical-5colorgroup-option4-category2": string;
1901
+ "--hop-dataviz-categorical-5colorgroup-option4-category3": string;
1902
+ "--hop-dataviz-categorical-5colorgroup-option4-category4": string;
1903
+ "--hop-dataviz-categorical-5colorgroup-option4-category5": string;
1904
+ "--hop-dataviz-categorical-6colorgroup-option1-category1": string;
1905
+ "--hop-dataviz-categorical-6colorgroup-option1-category2": string;
1906
+ "--hop-dataviz-categorical-6colorgroup-option1-category3": string;
1907
+ "--hop-dataviz-categorical-6colorgroup-option1-category4": string;
1908
+ "--hop-dataviz-categorical-6colorgroup-option1-category5": string;
1909
+ "--hop-dataviz-categorical-6colorgroup-option1-category6": string;
1910
+ "--hop-dataviz-categorical-6colorgroup-option2-category1": string;
1911
+ "--hop-dataviz-categorical-6colorgroup-option2-category2": string;
1912
+ "--hop-dataviz-categorical-6colorgroup-option2-category3": string;
1913
+ "--hop-dataviz-categorical-6colorgroup-option2-category4": string;
1914
+ "--hop-dataviz-categorical-6colorgroup-option2-category5": string;
1915
+ "--hop-dataviz-categorical-6colorgroup-option2-category6": string;
1916
+ "--hop-dataviz-categorical-6colorgroup-option3-category1": string;
1917
+ "--hop-dataviz-categorical-6colorgroup-option3-category2": string;
1918
+ "--hop-dataviz-categorical-6colorgroup-option3-category3": string;
1919
+ "--hop-dataviz-categorical-6colorgroup-option3-category4": string;
1920
+ "--hop-dataviz-categorical-6colorgroup-option3-category5": string;
1921
+ "--hop-dataviz-categorical-6colorgroup-option3-category6": string;
1922
+ "--hop-dataviz-categorical-6colorgroup-option4-category1": string;
1923
+ "--hop-dataviz-categorical-6colorgroup-option4-category2": string;
1924
+ "--hop-dataviz-categorical-6colorgroup-option4-category3": string;
1925
+ "--hop-dataviz-categorical-6colorgroup-option4-category4": string;
1926
+ "--hop-dataviz-categorical-6colorgroup-option4-category5": string;
1927
+ "--hop-dataviz-categorical-6colorgroup-option4-category6": string;
1928
+ "--hop-dataviz-unavailable": string;
1929
+ "--hop-dataviz-unavailable-weak": string;
1930
+ "--hop-dataviz-unavailable-strong": string;
1931
+ "--hop-dataviz-text-onlight": string;
1932
+ "--hop-dataviz-text-ondark": string;
1933
+ "--hop-elevation-none": string;
1934
+ "--hop-elevation-raised": string;
1935
+ "--hop-elevation-lifted": string;
1936
+ "--hop-elevation-floating": string;
1937
+ "--hop-heading-3xl-font-family": string;
1938
+ "--hop-heading-3xl-font-size": string;
1939
+ "--hop-heading-3xl-font-weight": string;
1940
+ "--hop-heading-3xl-line-height": string;
1941
+ "--hop-heading-2xl-font-family": string;
1942
+ "--hop-heading-2xl-font-size": string;
1943
+ "--hop-heading-2xl-font-weight": string;
1944
+ "--hop-heading-2xl-line-height": string;
1945
+ "--hop-heading-xl-font-family": string;
1946
+ "--hop-heading-xl-font-size": string;
1947
+ "--hop-heading-xl-font-weight": string;
1948
+ "--hop-heading-xl-line-height": string;
1949
+ "--hop-heading-lg-font-family": string;
1950
+ "--hop-heading-lg-font-size": string;
1951
+ "--hop-heading-lg-font-weight": string;
1952
+ "--hop-heading-lg-line-height": string;
1953
+ "--hop-heading-md-font-family": string;
1954
+ "--hop-heading-md-font-size": string;
1955
+ "--hop-heading-md-font-weight": string;
1956
+ "--hop-heading-md-line-height": string;
1957
+ "--hop-heading-sm-font-family": string;
1958
+ "--hop-heading-sm-font-size": string;
1959
+ "--hop-heading-sm-font-weight": string;
1960
+ "--hop-heading-sm-line-height": string;
1961
+ "--hop-heading-xs-font-family": string;
1962
+ "--hop-heading-xs-font-size": string;
1963
+ "--hop-heading-xs-font-weight": string;
1964
+ "--hop-heading-xs-line-height": string;
1965
+ "--hop-heading-xs-medium-font-family": string;
1966
+ "--hop-heading-xs-medium-font-size": string;
1967
+ "--hop-heading-xs-medium-font-weight": string;
1968
+ "--hop-heading-xs-medium-line-height": string;
1969
+ "--hop-overline-font-family": string;
1970
+ "--hop-overline-font-size": string;
1971
+ "--hop-overline-font-weight": string;
1972
+ "--hop-overline-line-height": string;
1973
+ "--hop-body-2xl-font-family": string;
1974
+ "--hop-body-2xl-font-size": string;
1975
+ "--hop-body-2xl-font-weight": string;
1976
+ "--hop-body-2xl-line-height": string;
1977
+ "--hop-body-xl-font-family": string;
1978
+ "--hop-body-xl-font-size": string;
1979
+ "--hop-body-xl-font-weight": string;
1980
+ "--hop-body-xl-line-height": string;
1981
+ "--hop-body-lg-font-family": string;
1982
+ "--hop-body-lg-font-size": string;
1983
+ "--hop-body-lg-font-weight": string;
1984
+ "--hop-body-lg-line-height": string;
1985
+ "--hop-body-lg-medium-font-family": string;
1986
+ "--hop-body-lg-medium-font-size": string;
1987
+ "--hop-body-lg-medium-font-weight": string;
1988
+ "--hop-body-lg-medium-line-height": string;
1989
+ "--hop-body-lg-semibold-font-family": string;
1990
+ "--hop-body-lg-semibold-font-size": string;
1991
+ "--hop-body-lg-semibold-font-weight": string;
1992
+ "--hop-body-lg-semibold-line-height": string;
1993
+ "--hop-body-lg-bold-font-family": string;
1994
+ "--hop-body-lg-bold-font-size": string;
1995
+ "--hop-body-lg-bold-font-weight": string;
1996
+ "--hop-body-lg-bold-line-height": string;
1997
+ "--hop-body-lg-underline-font-family": string;
1998
+ "--hop-body-lg-underline-font-size": string;
1999
+ "--hop-body-lg-underline-font-weight": string;
2000
+ "--hop-body-lg-underline-line-height": string;
2001
+ "--hop-body-md-font-family": string;
2002
+ "--hop-body-md-font-size": string;
2003
+ "--hop-body-md-font-weight": string;
2004
+ "--hop-body-md-line-height": string;
2005
+ "--hop-body-md-medium-font-family": string;
2006
+ "--hop-body-md-medium-font-size": string;
2007
+ "--hop-body-md-medium-font-weight": string;
2008
+ "--hop-body-md-medium-line-height": string;
2009
+ "--hop-body-md-semibold-font-family": string;
2010
+ "--hop-body-md-semibold-font-size": string;
2011
+ "--hop-body-md-semibold-font-weight": string;
2012
+ "--hop-body-md-semibold-line-height": string;
2013
+ "--hop-body-md-bold-font-family": string;
2014
+ "--hop-body-md-bold-font-size": string;
2015
+ "--hop-body-md-bold-font-weight": string;
2016
+ "--hop-body-md-bold-line-height": string;
2017
+ "--hop-body-md-underline-font-family": string;
2018
+ "--hop-body-md-underline-font-size": string;
2019
+ "--hop-body-md-underline-font-weight": string;
2020
+ "--hop-body-md-underline-line-height": string;
2021
+ "--hop-body-sm-font-family": string;
2022
+ "--hop-body-sm-font-size": string;
2023
+ "--hop-body-sm-font-weight": string;
2024
+ "--hop-body-sm-line-height": string;
2025
+ "--hop-body-sm-medium-font-family": string;
2026
+ "--hop-body-sm-medium-font-size": string;
2027
+ "--hop-body-sm-medium-font-weight": string;
2028
+ "--hop-body-sm-medium-line-height": string;
2029
+ "--hop-body-sm-semibold-font-family": string;
2030
+ "--hop-body-sm-semibold-font-size": string;
2031
+ "--hop-body-sm-semibold-font-weight": string;
2032
+ "--hop-body-sm-semibold-line-height": string;
2033
+ "--hop-body-sm-bold-font-family": string;
2034
+ "--hop-body-sm-bold-font-size": string;
2035
+ "--hop-body-sm-bold-font-weight": string;
2036
+ "--hop-body-sm-bold-line-height": string;
2037
+ "--hop-body-sm-underline-font-family": string;
2038
+ "--hop-body-sm-underline-font-size": string;
2039
+ "--hop-body-sm-underline-font-weight": string;
2040
+ "--hop-body-sm-underline-line-height": string;
2041
+ "--hop-body-xs-font-family": string;
2042
+ "--hop-body-xs-font-size": string;
2043
+ "--hop-body-xs-font-weight": string;
2044
+ "--hop-body-xs-line-height": string;
2045
+ "--hop-body-xs-medium-font-family": string;
2046
+ "--hop-body-xs-medium-font-size": string;
2047
+ "--hop-body-xs-medium-font-weight": string;
2048
+ "--hop-body-xs-medium-line-height": string;
2049
+ "--hop-body-xs-semibold-font-family": string;
2050
+ "--hop-body-xs-semibold-font-size": string;
2051
+ "--hop-body-xs-semibold-font-weight": string;
2052
+ "--hop-body-xs-semibold-line-height": string;
2053
+ "--hop-body-xs-bold-font-family": string;
2054
+ "--hop-body-xs-bold-font-size": string;
2055
+ "--hop-body-xs-bold-font-weight": string;
2056
+ "--hop-body-xs-bold-line-height": string;
2057
+ "--hop-body-xs-underline-font-family": string;
2058
+ "--hop-body-xs-underline-font-size": string;
2059
+ "--hop-body-xs-underline-font-weight": string;
2060
+ "--hop-body-xs-underline-line-height": string;
2061
+ "--hop-accent-lg-font-family": string;
2062
+ "--hop-accent-lg-font-size": string;
2063
+ "--hop-accent-lg-font-weight": string;
2064
+ "--hop-accent-lg-line-height": string;
2065
+ "--hop-accent-sm-font-family": string;
2066
+ "--hop-accent-sm-font-size": string;
2067
+ "--hop-accent-sm-font-weight": string;
2068
+ "--hop-accent-sm-line-height": string;
2069
+ "--hop-shape-circle": string;
2070
+ "--hop-shape-pill": string;
2071
+ "--hop-shape-rounded-lg": string;
2072
+ "--hop-shape-rounded-md": string;
2073
+ "--hop-shape-rounded-sm": string;
2074
+ };
2075
+ DarkSemantic: {
2076
+ "--hop-upsell-border-active": string;
2077
+ "--hop-upsell-text-active": string;
2078
+ "--hop-upsell-icon-weakest": string;
2079
+ "--hop-upsell-icon-weak": string;
2080
+ "--hop-upsell-border": string;
2081
+ "--hop-upsell-surface-hover": string;
2082
+ "--hop-upsell-border-disabled": string;
2083
+ "--hop-upsell-icon-active": string;
2084
+ "--hop-upsell-surface-weak": string;
2085
+ "--hop-upsell-surface-disabled": string;
2086
+ "--hop-upsell-text": string;
2087
+ "--hop-upsell-icon": string;
2088
+ "--hop-upsell-text-hover": string;
2089
+ "--hop-upsell-text-disabled": string;
2090
+ "--hop-upsell-surface-active": string;
2091
+ "--hop-upsell-surface": string;
2092
+ "--hop-danger-border-active": string;
2093
+ "--hop-danger-icon-active": string;
2094
+ "--hop-danger-text-active": string;
2095
+ "--hop-danger-surface": string;
2096
+ "--hop-danger-text-hover": string;
2097
+ "--hop-danger-surface-disabled": string;
2098
+ "--hop-danger-surface-hover": string;
2099
+ "--hop-danger-surface-strong": string;
2100
+ "--hop-danger-surface-strong-hover": string;
2101
+ "--hop-danger-surface-weak": string;
2102
+ "--hop-danger-border-strong": string;
2103
+ "--hop-danger-icon": string;
2104
+ "--hop-danger-icon-weak": string;
2105
+ "--hop-danger-text": string;
2106
+ "--hop-danger-surface-active": string;
2107
+ "--hop-danger-text-weak": string;
2108
+ "--hop-danger-text-strong": string;
2109
+ "--hop-danger-text-strong-hover": string;
2110
+ "--hop-danger-icon-strong": string;
2111
+ "--hop-danger-icon-hover": string;
2112
+ "--hop-danger-text-disabled": string;
2113
+ "--hop-danger-icon-disabled": string;
2114
+ "--hop-danger-border": string;
2115
+ "--hop-primary-icon-active": string;
2116
+ "--hop-primary-border-active": string;
2117
+ "--hop-primary-text-active": string;
2118
+ "--hop-primary-icon-strong": string;
2119
+ "--hop-primary-icon-strong-hover": string;
2120
+ "--hop-primary-icon": string;
2121
+ "--hop-primary-border-focus": string;
2122
+ "--hop-primary-border": string;
2123
+ "--hop-primary-icon-hover": string;
2124
+ "--hop-primary-icon-disabled": string;
2125
+ "--hop-primary-surface-disabled": string;
2126
+ "--hop-primary-surface-focus": string;
2127
+ "--hop-primary-text-disabled": string;
2128
+ "--hop-primary-surface": string;
2129
+ "--hop-primary-surface-weak": string;
2130
+ "--hop-primary-surface-strong": string;
2131
+ "--hop-primary-surface-strong-hover": string;
2132
+ "--hop-primary-surface-strong-active": string;
2133
+ "--hop-primary-text": string;
2134
+ "--hop-primary-surface-hover": string;
2135
+ "--hop-primary-text-strong": string;
2136
+ "--hop-primary-text-strong-hover": string;
2137
+ "--hop-primary-text-hover": string;
2138
+ "--hop-primary-surface-active": string;
2139
+ "--hop-decorative-option9-border": string;
2140
+ "--hop-decorative-option9-icon": string;
2141
+ "--hop-decorative-option9-surface-weakest": string;
2142
+ "--hop-decorative-option9-surface-weak": string;
2143
+ "--hop-decorative-option9-surface-weak-hover": string;
2144
+ "--hop-decorative-option9-surface-strong": string;
2145
+ "--hop-decorative-option9-surface-hover": string;
2146
+ "--hop-decorative-option9-surface": string;
2147
+ "--hop-decorative-option9-text": string;
2148
+ "--hop-decorative-option9-text-weak": string;
2149
+ "--hop-decorative-option8-border": string;
2150
+ "--hop-decorative-option8-icon": string;
2151
+ "--hop-decorative-option8-surface-weakest": string;
2152
+ "--hop-decorative-option8-surface-weak": string;
2153
+ "--hop-decorative-option8-surface-weak-hover": string;
2154
+ "--hop-decorative-option8-surface-strong": string;
2155
+ "--hop-decorative-option8-surface-hover": string;
2156
+ "--hop-decorative-option8-text-weak": string;
2157
+ "--hop-decorative-option8-surface": string;
2158
+ "--hop-decorative-option8-text": string;
2159
+ "--hop-decorative-option7-border": string;
2160
+ "--hop-decorative-option7-icon": string;
2161
+ "--hop-decorative-option7-surface-weakest": string;
2162
+ "--hop-decorative-option7-surface-weak": string;
2163
+ "--hop-decorative-option7-surface-weak-hover": string;
2164
+ "--hop-decorative-option7-surface-strong": string;
2165
+ "--hop-decorative-option7-surface-hover": string;
2166
+ "--hop-decorative-option7-surface": string;
2167
+ "--hop-decorative-option7-text-weak": string;
2168
+ "--hop-decorative-option7-text": string;
2169
+ "--hop-decorative-option5-text-weak": string;
2170
+ "--hop-decorative-option5-text": string;
2171
+ "--hop-decorative-option5-surface-weakest": string;
2172
+ "--hop-decorative-option5-surface-weak": string;
2173
+ "--hop-decorative-option5-surface-weak-hover": string;
2174
+ "--hop-decorative-option5-surface-strong": string;
2175
+ "--hop-decorative-option5-surface-hover": string;
2176
+ "--hop-decorative-option5-surface": string;
2177
+ "--hop-decorative-option5-border": string;
2178
+ "--hop-decorative-option5-icon": string;
2179
+ "--hop-decorative-option6-surface-weakest": string;
2180
+ "--hop-decorative-option6-surface-weak": string;
2181
+ "--hop-decorative-option6-surface-weak-hover": string;
2182
+ "--hop-decorative-option6-surface-strong": string;
2183
+ "--hop-decorative-option6-surface-hover": string;
2184
+ "--hop-decorative-option6-surface": string;
2185
+ "--hop-decorative-option6-border": string;
2186
+ "--hop-decorative-option6-icon": string;
2187
+ "--hop-decorative-option6-text": string;
2188
+ "--hop-decorative-option6-text-weak": string;
2189
+ "--hop-decorative-option4-surface-weakest": string;
2190
+ "--hop-decorative-option4-surface-weak": string;
2191
+ "--hop-decorative-option4-surface-weak-hover": string;
2192
+ "--hop-decorative-option4-surface-strong": string;
2193
+ "--hop-decorative-option4-surface-hover": string;
2194
+ "--hop-decorative-option4-surface": string;
2195
+ "--hop-decorative-option4-border": string;
2196
+ "--hop-decorative-option4-icon": string;
2197
+ "--hop-decorative-option4-text-weak": string;
2198
+ "--hop-decorative-option4-text": string;
2199
+ "--hop-decorative-option3-surface-strong": string;
2200
+ "--hop-decorative-option3-surface-weakest": string;
2201
+ "--hop-decorative-option3-surface-weak": string;
2202
+ "--hop-decorative-option3-surface-weak-hover": string;
2203
+ "--hop-decorative-option3-surface-hover": string;
2204
+ "--hop-decorative-option3-surface": string;
2205
+ "--hop-decorative-option3-border": string;
2206
+ "--hop-decorative-option3-icon": string;
2207
+ "--hop-decorative-option3-text": string;
2208
+ "--hop-decorative-option3-text-weak": string;
2209
+ "--hop-decorative-option2-surface-weakest": string;
2210
+ "--hop-decorative-option2-surface-weak": string;
2211
+ "--hop-decorative-option2-surface-weak-hover": string;
2212
+ "--hop-decorative-option2-surface-strong": string;
2213
+ "--hop-decorative-option2-surface-hover": string;
2214
+ "--hop-decorative-option2-surface": string;
2215
+ "--hop-decorative-option2-text": string;
2216
+ "--hop-decorative-option2-text-weak": string;
2217
+ "--hop-decorative-option2-border": string;
2218
+ "--hop-decorative-option2-icon": string;
2219
+ "--hop-decorative-option1-surface-strong": string;
2220
+ "--hop-decorative-option1-surface-weakest": string;
2221
+ "--hop-decorative-option1-surface-weak": string;
2222
+ "--hop-decorative-option1-surface-weak-hover": string;
2223
+ "--hop-decorative-option1-surface-hover": string;
2224
+ "--hop-decorative-option1-surface": string;
2225
+ "--hop-decorative-option1-text-weak": string;
2226
+ "--hop-decorative-option1-border": string;
2227
+ "--hop-decorative-option1-icon": string;
2228
+ "--hop-decorative-option1-text": string;
2229
+ "--hop-neutral-text-hover": string;
2230
+ "--hop-neutral-surface-weakest-hover": string;
2231
+ "--hop-neutral-text-weak": string;
2232
+ "--hop-neutral-surface-disabled": string;
2233
+ "--hop-neutral-surface-active": string;
2234
+ "--hop-neutral-surface-weak": string;
2235
+ "--hop-neutral-surface": string;
2236
+ "--hop-neutral-text-disabled": string;
2237
+ "--hop-neutral-text-active": string;
2238
+ "--hop-neutral-text-strong": string;
2239
+ "--hop-neutral-text": string;
2240
+ "--hop-neutral-text-weakest": string;
2241
+ "--hop-neutral-border-disabled": string;
2242
+ "--hop-neutral-border-strong-hover": string;
2243
+ "--hop-neutral-border-strong": string;
2244
+ "--hop-neutral-surface-strong": string;
2245
+ "--hop-neutral-surface-hover": string;
2246
+ "--hop-neutral-icon-disabled": string;
2247
+ "--hop-neutral-icon": string;
2248
+ "--hop-neutral-icon-weak": string;
2249
+ "--hop-neutral-border": string;
2250
+ "--hop-neutral-border-weak": string;
2251
+ "--hop-neutral-icon-weakest": string;
2252
+ "--hop-neutral-icon-strong": string;
2253
+ "--hop-neutral-icon-hover": string;
2254
+ "--hop-neutral-icon-active": string;
2255
+ "--hop-neutral-border-hover": string;
2256
+ "--hop-neutral-border-active": string;
2257
+ "--hop-neutral-surface-weak-hover": string;
2258
+ "--hop-neutral-border-weakest": string;
2259
+ "--hop-neutral-surface-weakest": string;
2260
+ "--hop-warning-icon-weakest": string;
2261
+ "--hop-warning-icon-weak": string;
2262
+ "--hop-warning-text-weak": string;
2263
+ "--hop-warning-surface": string;
2264
+ "--hop-warning-surface-strong": string;
2265
+ "--hop-warning-surface-weak": string;
2266
+ "--hop-warning-border": string;
2267
+ "--hop-warning-icon": string;
2268
+ "--hop-warning-text": string;
2269
+ "--hop-success-border": string;
2270
+ "--hop-success-icon-weak": string;
2271
+ "--hop-success-icon-weakest": string;
2272
+ "--hop-success-text-weak": string;
2273
+ "--hop-success-surface": string;
2274
+ "--hop-success-surface-strong": string;
2275
+ "--hop-success-text-hover": string;
2276
+ "--hop-success-text": string;
2277
+ "--hop-success-icon": string;
2278
+ "--hop-success-surface-weak": string;
2279
+ "--hop-information-icon-weakest": string;
2280
+ "--hop-information-surface-strong": string;
2281
+ "--hop-information-icon-weak": string;
2282
+ "--hop-information-text": string;
2283
+ "--hop-information-surface": string;
2284
+ "--hop-information-surface-weak": string;
2285
+ "--hop-information-text-weak": string;
2286
+ "--hop-information-icon": string;
2287
+ "--hop-information-border": string;
2288
+ "--hop-status-neutral-surface-strong": string;
2289
+ "--hop-status-neutral-text": string;
2290
+ "--hop-status-neutral-icon": string;
2291
+ "--hop-status-neutral-surface": string;
2292
+ "--hop-status-progress-surface-strong": string;
2293
+ "--hop-status-progress-icon": string;
2294
+ "--hop-status-progress-surface": string;
2295
+ "--hop-status-progress-text": string;
2296
+ "--hop-status-option6-surface-strong": string;
2297
+ "--hop-status-option6-icon": string;
2298
+ "--hop-status-option6-surface": string;
2299
+ "--hop-status-option6-text": string;
2300
+ "--hop-status-option5-surface-strong": string;
2301
+ "--hop-status-option5-icon": string;
2302
+ "--hop-status-option5-surface": string;
2303
+ "--hop-status-option5-text": string;
2304
+ "--hop-status-option1-surface-strong": string;
2305
+ "--hop-status-option1-icon": string;
2306
+ "--hop-status-option1-surface": string;
2307
+ "--hop-status-option1-text": string;
2308
+ "--hop-status-option2-surface-strong": string;
2309
+ "--hop-status-option2-text": string;
2310
+ "--hop-status-option2-surface": string;
2311
+ "--hop-status-option2-icon": string;
2312
+ "--hop-status-option3-surface-strong": string;
2313
+ "--hop-status-option3-icon": string;
2314
+ "--hop-status-option3-surface": string;
2315
+ "--hop-status-option3-text": string;
2316
+ "--hop-status-option4-surface-strong": string;
2317
+ "--hop-status-option4-icon": string;
2318
+ "--hop-status-option4-surface": string;
2319
+ "--hop-status-option4-text": string;
2320
+ "--hop-status-inactive-surface-strong": string;
2321
+ "--hop-status-inactive-icon": string;
2322
+ "--hop-status-inactive-surface": string;
2323
+ "--hop-status-inactive-text": string;
2324
+ "--hop-status-caution-surface-strong": string;
2325
+ "--hop-status-caution-icon": string;
2326
+ "--hop-status-caution-surface": string;
2327
+ "--hop-status-caution-text": string;
2328
+ "--hop-status-negative-surface-strong": string;
2329
+ "--hop-status-negative-icon": string;
2330
+ "--hop-status-negative-surface": string;
2331
+ "--hop-status-negative-text": string;
2332
+ "--hop-status-positive-icon": string;
2333
+ "--hop-status-positive-surface-strong": string;
2334
+ "--hop-status-positive-surface": string;
2335
+ "--hop-status-positive-text": string;
2336
+ "--hop-dataviz-unavailable": string;
2337
+ "--hop-dataviz-unavailable-weak": string;
2338
+ "--hop-dataviz-unavailable-strong": string;
2339
+ "--hop-dataviz-text-onlight": string;
2340
+ "--hop-dataviz-text-ondark": string;
2341
+ };
2342
+ };
2343
+ type HopperTokenKey = keyof typeof CoreTokens | keyof typeof SemanticTokens | keyof typeof DarkSemanticTokens;
2344
+ type HopperCssVar = `var(${HopperTokenKey})`;
2345
+
2346
+ /** Method use for runtime injection of <style> tags in the document's head.
2347
+ * @param elementId the id of the <style> tag to inject. If the tag already exists, it is not updated.
2348
+ */
2349
+ declare function useInsertStyleElement(elementId: string, cssContent: string | undefined, allowUpdates?: boolean): void;
2350
+
2351
+ /** Inspired by https://www.npmjs.com/package/@emotion/use-insertion-effect-with-fallbacks
2352
+ *
2353
+ * This version of useInsertionEffect is used so that no warnings are thrown when using SSR
2354
+ * If you're using NextJS and you use useInsertionEffect in a server component, you'll have this warning message:
2355
+ *
2356
+ * error useInsertionEffect only works in Client Components.
2357
+ * Add the "use client" directive at the top of the file to use it.
2358
+ * Read more: https://nextjs.org/docs/messages/react-client-hook-in-server-component
2359
+ *
2360
+ * This hook fixes this problem by switching between useEffect and useInsertionEffect following the execution environment.
2361
+ */
2362
+ declare const useIsomorphicInsertionEffect: typeof useEffect;
2363
+
2364
+ /** Inspired by https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect
2365
+ *
2366
+ * If you're using NextJS and you use useLayoutEffect, you'll have this warning message:
2367
+ *
2368
+ * Warning: useLayoutEffect does nothing on the server, because its effect cannot be encoded into the server renderer's output format.
2369
+ * This will lead to a mismatch between the initial, non-hydrated UI and the intended UI.
2370
+ * To avoid this, useLayoutEffect should only be used in components that render exclusively on the client.
2371
+ * See https://reactjs.org/link/uselayouteffect-ssr for common fixes.
2372
+ *
2373
+ * This hook fixes this problem by switching between useEffect and useLayoutEffect following the execution environment.
2374
+ */
2375
+ declare const useIsomorphicLayoutEffect: typeof useEffect;
2376
+
2377
+ /**
2378
+ * This class is used to get the computed style of a theme element.
2379
+ * It is used to get the value of a CSS variable defined in the theme.
2380
+ */
2381
+ declare class ThemeComputedStyle {
2382
+ #private;
2383
+ constructor(componentRef: RefObject<Element>, scope: string);
2384
+ private getThemeElement;
2385
+ getPropertyValue(name: string): string;
2386
+ }
2387
+
2388
+ export { BodyStyleProvider, Breakpoint, BreakpointContext, BreakpointContextType, ColorScheme, ColorSchemeOrSystem, HopperCssVar, HopperTokenKey, ThemeComputedStyle, TokenProvider, Tokens, useBreakpointContext, useColorScheme, useColorSchemeValue, useInsertStyleElement, useIsomorphicInsertionEffect, useIsomorphicLayoutEffect };