@hopper-ui/styled-system 2.0.0 → 2.0.2

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 (58) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/StyledSystemProvider.css +34 -34
  3. package/dist/StyledSystemProvider.js +14 -14
  4. package/dist/chunk-2UOTJGT6.js +12 -0
  5. package/dist/{chunk-XEJOSGGW.js → chunk-3QZI66SR.js} +4 -4
  6. package/dist/{chunk-DVOV55CD.js → chunk-4E7VQIC5.js} +130 -103
  7. package/dist/{chunk-B6ZBFYWJ.js → chunk-6IPAN22Z.js} +3 -3
  8. package/dist/chunk-7STOSQRA.js +8 -0
  9. package/dist/{chunk-EF3UX45A.js → chunk-CFIMNXX5.js} +2 -2
  10. package/dist/{chunk-BA7JHGU6.js → chunk-F7KWE6J5.js} +2 -2
  11. package/dist/{chunk-Y7GWSHYF.js → chunk-FAICHNEU.js} +117 -90
  12. package/dist/{chunk-YJKWZYVH.js → chunk-LKOZVSXD.js} +129 -102
  13. package/dist/{chunk-5GX5VZFT.js → chunk-NJIDLCB7.js} +1 -1
  14. package/dist/{chunk-VJNKYHHT.js → chunk-QLYSVZLZ.js} +2 -2
  15. package/dist/{chunk-AZ44JR7G.js → chunk-RU6U3SMC.js} +1 -1
  16. package/dist/{chunk-REAV6RA4.js → chunk-XGLTD52P.js} +8 -8
  17. package/dist/{chunk-SSBFBJJN.js → chunk-XOHK7VFY.js} +5 -5
  18. package/dist/{chunk-GZ3MQOPA.js → chunk-ZAHZAEAR.js} +2 -2
  19. package/dist/color-scheme/ColorSchemeContext.js +1 -1
  20. package/dist/color-scheme/useColorScheme.js +1 -1
  21. package/dist/color-scheme/useColorSchemeValue.js +1 -1
  22. package/dist/global-styles/BodyStyleProvider.js +4 -4
  23. package/dist/html-wrappers/html.css +34 -34
  24. package/dist/html-wrappers/html.js +6 -6
  25. package/dist/html-wrappers/htmlElement.css +34 -34
  26. package/dist/html-wrappers/htmlElement.js +5 -5
  27. package/dist/index.css +34 -34
  28. package/dist/index.d.ts +1 -0
  29. package/dist/index.js +15 -14
  30. package/dist/responsive/BreakpointContext.js +1 -1
  31. package/dist/responsive/BreakpointProvider.js +1 -1
  32. package/dist/responsive/Breakpoints.js +1 -1
  33. package/dist/responsive/useResponsiveValue.js +1 -1
  34. package/dist/styledSystemProps.js +1 -1
  35. package/dist/styledSystemRootCssClass.js +2 -2
  36. package/dist/tokens/TokenProvider.js +6 -6
  37. package/dist/tokens/generated/darkSemanticTokens.d.ts +129 -102
  38. package/dist/tokens/generated/darkSemanticTokens.js +2 -2
  39. package/dist/tokens/generated/lightSemanticTokens.d.ts +129 -102
  40. package/dist/tokens/generated/lightSemanticTokens.js +2 -2
  41. package/dist/tokens/generated/styledSystemToTokenMappings.d.ts +117 -90
  42. package/dist/tokens/generated/styledSystemToTokenMappings.js +2 -2
  43. package/dist/tokens/tokenMappings.d.ts +145 -113
  44. package/dist/tokens/tokenMappings.js +3 -3
  45. package/dist/tokens/tokens.d.ts +258 -204
  46. package/dist/tokens/tokens.js +4 -4
  47. package/dist/useStyledSystem.css +31 -31
  48. package/dist/useStyledSystem.js +4 -4
  49. package/dist/utils/assertion.js +1 -1
  50. package/dist/utils/slot.d.ts +20 -0
  51. package/dist/utils/slot.js +2 -0
  52. package/dist/utils/useInsertStyleElement.js +1 -1
  53. package/dist/utils/useIsomorphicInsertionEffect.js +1 -1
  54. package/dist/utils/useIsomorphicLayoutEffect.js +1 -1
  55. package/dist/utils/useMediaQuery.js +1 -1
  56. package/dist/utils/useThemeComputedStyle.js +2 -2
  57. package/package.json +9 -9
  58. package/dist/chunk-6LX4VMOV.js +0 -26
package/dist/index.js CHANGED
@@ -1,20 +1,21 @@
1
- export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-XEJOSGGW.js';
2
- export { BodyStyleProvider } from './chunk-BA7JHGU6.js';
1
+ export { slot } from './chunk-7STOSQRA.js';
2
+ export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-3QZI66SR.js';
3
+ export { BodyStyleProvider } from './chunk-F7KWE6J5.js';
4
+ export { ThemeComputedStyle } from './chunk-6IPAN22Z.js';
3
5
  export { useIsomorphicLayoutEffect } from './chunk-3YM73BQP.js';
4
- export { ThemeComputedStyle } from './chunk-B6ZBFYWJ.js';
5
- export { A, Address, Article, Aside, Div, HtmlButton, HtmlFooter, HtmlForm, HtmlH1, HtmlH2, HtmlH3, HtmlH4, HtmlH5, HtmlH6, HtmlHeader, HtmlInput, HtmlLabel, HtmlParagraph, HtmlSection, HtmlTextArea, Img, LI, Main, Nav, OL, Span, TBody, TD, TFoot, TH, THead, TR, Table, UL } from './chunk-AZ44JR7G.js';
6
- export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from './chunk-GZ3MQOPA.js';
6
+ export { A, Address, Article, Aside, Div, HtmlButton, HtmlFooter, HtmlForm, HtmlH1, HtmlH2, HtmlH3, HtmlH4, HtmlH5, HtmlH6, HtmlHeader, HtmlInput, HtmlLabel, HtmlParagraph, HtmlSection, HtmlTextArea, Img, LI, Main, Nav, OL, Span, TBody, TD, TFoot, TH, THead, TR, Table, UL } from './chunk-RU6U3SMC.js';
7
+ export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from './chunk-ZAHZAEAR.js';
7
8
  export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-GXUFWEP5.js';
8
- export { TokenProvider } from './chunk-VJNKYHHT.js';
9
- export { Tokens } from './chunk-EF3UX45A.js';
10
- import './chunk-YJKWZYVH.js';
11
- import './chunk-DVOV55CD.js';
9
+ export { TokenProvider } from './chunk-QLYSVZLZ.js';
10
+ export { Tokens } from './chunk-CFIMNXX5.js';
11
+ import './chunk-LKOZVSXD.js';
12
+ import './chunk-4E7VQIC5.js';
12
13
  export { useInsertStyleElement } from './chunk-RIORU7JO.js';
13
14
  export { useIsomorphicInsertionEffect } from './chunk-YPIK2HRL.js';
14
- export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-REAV6RA4.js';
15
- export { isStyledSystemProp, useStyledSystem } from './chunk-SSBFBJJN.js';
16
- export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, IconColorMapping, LineHeightMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSizingValue, getSystemValue, parseResponsiveSystemValue } from './chunk-5GX5VZFT.js';
17
- import './chunk-Y7GWSHYF.js';
15
+ export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-XGLTD52P.js';
16
+ export { isStyledSystemProp, useStyledSystem } from './chunk-XOHK7VFY.js';
17
+ export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, IconColorMapping, LineHeightMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSizingValue, getSystemValue, parseResponsiveSystemValue } from './chunk-NJIDLCB7.js';
18
+ import './chunk-FAICHNEU.js';
18
19
  export { isResponsiveObject, parseResponsiveValue, useResponsiveValue } from './chunk-SFOVKOPG.js';
19
20
  export { BreakpointContext, useBreakpointContext } from './chunk-VBKLISDI.js';
20
21
  export { Breakpoints } from './chunk-XUHDFZZL.js';
@@ -24,4 +25,4 @@ export { useColorScheme } from './chunk-5U5IRAPA.js';
24
25
  import './chunk-T6JS7L6B.js';
25
26
  export { useColorSchemeValue } from './chunk-X5OXC6DN.js';
26
27
  export { ColorSchemeContext, useColorSchemeContext } from './chunk-V7X6ANEM.js';
27
- import './chunk-6LX4VMOV.js';
28
+ import './chunk-2UOTJGT6.js';
package/dist/responsive/BreakpointContext.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export { BreakpointContext, useBreakpointContext } from '../chunk-VBKLISDI.js';
2
- import '../chunk-6LX4VMOV.js';
2
+ import '../chunk-2UOTJGT6.js';
package/dist/responsive/BreakpointProvider.js CHANGED
@@ -2,4 +2,4 @@ export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from '../c
2
2
  import '../chunk-VBKLISDI.js';
3
3
  import '../chunk-XUHDFZZL.js';
4
4
  import '../chunk-T6JS7L6B.js';
5
- import '../chunk-6LX4VMOV.js';
5
+ import '../chunk-2UOTJGT6.js';
package/dist/responsive/Breakpoints.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export { Breakpoints } from '../chunk-XUHDFZZL.js';
2
- import '../chunk-6LX4VMOV.js';
2
+ import '../chunk-2UOTJGT6.js';
package/dist/responsive/useResponsiveValue.js CHANGED
@@ -2,4 +2,4 @@ export { isResponsiveObject, parseResponsiveValue, useResponsiveValue } from '..
2
2
  import '../chunk-VBKLISDI.js';
3
3
  import '../chunk-XUHDFZZL.js';
4
4
  import '../chunk-U5R6ZXH3.js';
5
- import '../chunk-6LX4VMOV.js';
5
+ import '../chunk-2UOTJGT6.js';
package/dist/styledSystemProps.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export { UnsafePrefix } from './chunk-QMDDVBCZ.js';
2
- import './chunk-6LX4VMOV.js';
2
+ import './chunk-2UOTJGT6.js';
package/dist/styledSystemRootCssClass.js CHANGED
@@ -1,2 +1,2 @@
1
- export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-REAV6RA4.js';
2
- import './chunk-6LX4VMOV.js';
1
+ export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-XGLTD52P.js';
2
+ import './chunk-2UOTJGT6.js';
package/dist/tokens/TokenProvider.js CHANGED
@@ -1,9 +1,9 @@
1
- export { TokenProvider } from '../chunk-VJNKYHHT.js';
2
- import '../chunk-EF3UX45A.js';
3
- import '../chunk-YJKWZYVH.js';
4
- import '../chunk-DVOV55CD.js';
1
+ export { TokenProvider } from '../chunk-QLYSVZLZ.js';
2
+ import '../chunk-CFIMNXX5.js';
3
+ import '../chunk-LKOZVSXD.js';
4
+ import '../chunk-4E7VQIC5.js';
5
5
  import '../chunk-RIORU7JO.js';
6
6
  import '../chunk-YPIK2HRL.js';
7
- import '../chunk-REAV6RA4.js';
7
+ import '../chunk-XGLTD52P.js';
8
8
  import '../chunk-U5R6ZXH3.js';
9
- import '../chunk-6LX4VMOV.js';
9
+ import '../chunk-2UOTJGT6.js';
package/dist/tokens/generated/darkSemanticTokens.d.ts CHANGED
@@ -2,6 +2,13 @@
2
2
  * This file is generated by Style Dictionary. Do not edit directly.
3
3
  */
4
4
  declare const DarkSemanticTokens: {
5
+ "--hop-danger-border-active": string;
6
+ "--hop-danger-icon-active": string;
7
+ "--hop-danger-icon-weak-active": string;
8
+ "--hop-danger-surface-active": string;
9
+ "--hop-danger-surface-weak-active": string;
10
+ "--hop-danger-text-active": string;
11
+ "--hop-danger-text-weak-active": string;
5
12
  "--hop-danger-border": string;
6
13
  "--hop-danger-border-selected": string;
7
14
  "--hop-danger-border-press": string;
@@ -36,6 +43,128 @@ declare const DarkSemanticTokens: {
36
43
  "--hop-danger-text-weak": string;
37
44
  "--hop-danger-text-weak-hover": string;
38
45
  "--hop-danger-text-weak-press": string;
46
+ "--hop-neutral-border-active": string;
47
+ "--hop-neutral-icon-active": string;
48
+ "--hop-neutral-icon-weak-active": string;
49
+ "--hop-neutral-surface-active": string;
50
+ "--hop-neutral-surface-weak-active": string;
51
+ "--hop-neutral-text-active": string;
52
+ "--hop-neutral-text-weak-active": string;
53
+ "--hop-neutral-border": string;
54
+ "--hop-neutral-border-selected": string;
55
+ "--hop-neutral-border-disabled": string;
56
+ "--hop-neutral-border-hover": string;
57
+ "--hop-neutral-border-press": string;
58
+ "--hop-neutral-border-strong": string;
59
+ "--hop-neutral-border-strong-hover": string;
60
+ "--hop-neutral-border-weakest": string;
61
+ "--hop-neutral-border-weak": string;
62
+ "--hop-neutral-icon": string;
63
+ "--hop-neutral-icon-selected": string;
64
+ "--hop-neutral-icon-disabled": string;
65
+ "--hop-neutral-icon-hover": string;
66
+ "--hop-neutral-icon-press": string;
67
+ "--hop-neutral-icon-strong": string;
68
+ "--hop-neutral-icon-strong-hover": string;
69
+ "--hop-neutral-icon-weak": string;
70
+ "--hop-neutral-icon-weak-hover": string;
71
+ "--hop-neutral-icon-weak-press": string;
72
+ "--hop-neutral-icon-weakest": string;
73
+ "--hop-neutral-surface": string;
74
+ "--hop-neutral-surface-selected": string;
75
+ "--hop-neutral-surface-disabled": string;
76
+ "--hop-neutral-surface-hover": string;
77
+ "--hop-neutral-surface-press": string;
78
+ "--hop-neutral-surface-strong": string;
79
+ "--hop-neutral-surface-weakest": string;
80
+ "--hop-neutral-surface-weak": string;
81
+ "--hop-neutral-surface-weak-selected": string;
82
+ "--hop-neutral-surface-weak-hover": string;
83
+ "--hop-neutral-surface-weak-press": string;
84
+ "--hop-neutral-surface-weakest-selected": string;
85
+ "--hop-neutral-surface-weakest-hover": string;
86
+ "--hop-neutral-text": string;
87
+ "--hop-neutral-text-selected": string;
88
+ "--hop-neutral-text-disabled": string;
89
+ "--hop-neutral-text-hover": string;
90
+ "--hop-neutral-text-press": string;
91
+ "--hop-neutral-text-strong": string;
92
+ "--hop-neutral-text-weak": string;
93
+ "--hop-neutral-text-weak-hover": string;
94
+ "--hop-neutral-text-weak-press": string;
95
+ "--hop-neutral-text-weakest": string;
96
+ "--hop-primary-border-active": string;
97
+ "--hop-primary-icon-active": string;
98
+ "--hop-primary-surface-active": string;
99
+ "--hop-primary-surface-strong-active": string;
100
+ "--hop-primary-surface-weak-active": string;
101
+ "--hop-primary-text-active": string;
102
+ "--hop-primary-border": string;
103
+ "--hop-primary-border-selected": string;
104
+ "--hop-primary-border-focus": string;
105
+ "--hop-primary-border-press": string;
106
+ "--hop-primary-icon": string;
107
+ "--hop-primary-icon-selected": string;
108
+ "--hop-primary-icon-disabled": string;
109
+ "--hop-primary-icon-hover": string;
110
+ "--hop-primary-icon-press": string;
111
+ "--hop-primary-icon-strong": string;
112
+ "--hop-primary-icon-strong-hover": string;
113
+ "--hop-primary-surface": string;
114
+ "--hop-primary-surface-selected": string;
115
+ "--hop-primary-surface-disabled": string;
116
+ "--hop-primary-surface-focus": string;
117
+ "--hop-primary-surface-hover": string;
118
+ "--hop-primary-surface-press": string;
119
+ "--hop-primary-surface-strong": string;
120
+ "--hop-primary-surface-strong-selected": string;
121
+ "--hop-primary-surface-strong-hover": string;
122
+ "--hop-primary-surface-strong-press": string;
123
+ "--hop-primary-surface-weak": string;
124
+ "--hop-primary-surface-weak-hover": string;
125
+ "--hop-primary-surface-weak-press": string;
126
+ "--hop-primary-text": string;
127
+ "--hop-primary-text-hover": string;
128
+ "--hop-primary-text-press": string;
129
+ "--hop-primary-text-strong": string;
130
+ "--hop-primary-text-strong-hover": string;
131
+ "--hop-primary-text-selected": string;
132
+ "--hop-primary-text-disabled": string;
133
+ "--hop-upsell-border-active": string;
134
+ "--hop-upsell-icon-active": string;
135
+ "--hop-upsell-icon-weak-active": string;
136
+ "--hop-upsell-surface-active": string;
137
+ "--hop-upsell-surface-weak-active": string;
138
+ "--hop-upsell-text-active": string;
139
+ "--hop-upsell-text-weak-active": string;
140
+ "--hop-upsell-border": string;
141
+ "--hop-upsell-border-selected": string;
142
+ "--hop-upsell-border-disabled": string;
143
+ "--hop-upsell-border-press": string;
144
+ "--hop-upsell-icon": string;
145
+ "--hop-upsell-icon-selected": string;
146
+ "--hop-upsell-icon-hover": string;
147
+ "--hop-upsell-icon-press": string;
148
+ "--hop-upsell-icon-weakest": string;
149
+ "--hop-upsell-icon-weak": string;
150
+ "--hop-upsell-icon-weak-hover": string;
151
+ "--hop-upsell-icon-weak-press": string;
152
+ "--hop-upsell-surface": string;
153
+ "--hop-upsell-surface-selected": string;
154
+ "--hop-upsell-surface-disabled": string;
155
+ "--hop-upsell-surface-hover": string;
156
+ "--hop-upsell-surface-press": string;
157
+ "--hop-upsell-surface-weak": string;
158
+ "--hop-upsell-surface-weak-hover": string;
159
+ "--hop-upsell-surface-weak-press": string;
160
+ "--hop-upsell-text": string;
161
+ "--hop-upsell-text-selected": string;
162
+ "--hop-upsell-text-disabled": string;
163
+ "--hop-upsell-text-hover": string;
164
+ "--hop-upsell-text-press": string;
165
+ "--hop-upsell-text-weak": string;
166
+ "--hop-upsell-text-weak-hover": string;
167
+ "--hop-upsell-text-weak-press": string;
39
168
  "--hop-decorative-option1-border": string;
40
169
  "--hop-decorative-option1-icon": string;
41
170
  "--hop-decorative-option1-surface": string;
@@ -135,80 +264,6 @@ declare const DarkSemanticTokens: {
135
264
  "--hop-information-surface-weak": string;
136
265
  "--hop-information-text": string;
137
266
  "--hop-information-text-weak": string;
138
- "--hop-neutral-border": string;
139
- "--hop-neutral-border-selected": string;
140
- "--hop-neutral-border-disabled": string;
141
- "--hop-neutral-border-hover": string;
142
- "--hop-neutral-border-press": string;
143
- "--hop-neutral-border-strong": string;
144
- "--hop-neutral-border-strong-hover": string;
145
- "--hop-neutral-border-weakest": string;
146
- "--hop-neutral-border-weak": string;
147
- "--hop-neutral-icon": string;
148
- "--hop-neutral-icon-selected": string;
149
- "--hop-neutral-icon-disabled": string;
150
- "--hop-neutral-icon-hover": string;
151
- "--hop-neutral-icon-press": string;
152
- "--hop-neutral-icon-strong": string;
153
- "--hop-neutral-icon-strong-hover": string;
154
- "--hop-neutral-icon-weak": string;
155
- "--hop-neutral-icon-weak-hover": string;
156
- "--hop-neutral-icon-weak-press": string;
157
- "--hop-neutral-icon-weakest": string;
158
- "--hop-neutral-surface": string;
159
- "--hop-neutral-surface-selected": string;
160
- "--hop-neutral-surface-disabled": string;
161
- "--hop-neutral-surface-hover": string;
162
- "--hop-neutral-surface-press": string;
163
- "--hop-neutral-surface-strong": string;
164
- "--hop-neutral-surface-weakest": string;
165
- "--hop-neutral-surface-weak": string;
166
- "--hop-neutral-surface-weak-selected": string;
167
- "--hop-neutral-surface-weak-hover": string;
168
- "--hop-neutral-surface-weak-press": string;
169
- "--hop-neutral-surface-weakest-selected": string;
170
- "--hop-neutral-surface-weakest-hover": string;
171
- "--hop-neutral-text": string;
172
- "--hop-neutral-text-selected": string;
173
- "--hop-neutral-text-disabled": string;
174
- "--hop-neutral-text-hover": string;
175
- "--hop-neutral-text-press": string;
176
- "--hop-neutral-text-strong": string;
177
- "--hop-neutral-text-weak": string;
178
- "--hop-neutral-text-weak-hover": string;
179
- "--hop-neutral-text-weak-press": string;
180
- "--hop-neutral-text-weakest": string;
181
- "--hop-primary-border": string;
182
- "--hop-primary-border-selected": string;
183
- "--hop-primary-border-focus": string;
184
- "--hop-primary-border-press": string;
185
- "--hop-primary-icon": string;
186
- "--hop-primary-icon-selected": string;
187
- "--hop-primary-icon-disabled": string;
188
- "--hop-primary-icon-hover": string;
189
- "--hop-primary-icon-press": string;
190
- "--hop-primary-icon-strong": string;
191
- "--hop-primary-icon-strong-hover": string;
192
- "--hop-primary-surface": string;
193
- "--hop-primary-surface-selected": string;
194
- "--hop-primary-surface-disabled": string;
195
- "--hop-primary-surface-focus": string;
196
- "--hop-primary-surface-hover": string;
197
- "--hop-primary-surface-press": string;
198
- "--hop-primary-surface-strong": string;
199
- "--hop-primary-surface-strong-selected": string;
200
- "--hop-primary-surface-strong-hover": string;
201
- "--hop-primary-surface-strong-press": string;
202
- "--hop-primary-surface-weak": string;
203
- "--hop-primary-surface-weak-hover": string;
204
- "--hop-primary-surface-weak-press": string;
205
- "--hop-primary-text": string;
206
- "--hop-primary-text-hover": string;
207
- "--hop-primary-text-press": string;
208
- "--hop-primary-text-strong": string;
209
- "--hop-primary-text-strong-hover": string;
210
- "--hop-primary-text-selected": string;
211
- "--hop-primary-text-disabled": string;
212
267
  "--hop-status-caution-icon": string;
213
268
  "--hop-status-caution-surface": string;
214
269
  "--hop-status-caution-surface-strong": string;
@@ -267,34 +322,6 @@ declare const DarkSemanticTokens: {
267
322
  "--hop-success-text": string;
268
323
  "--hop-success-text-weak": string;
269
324
  "--hop-success-text-hover": string;
270
- "--hop-upsell-border": string;
271
- "--hop-upsell-border-selected": string;
272
- "--hop-upsell-border-disabled": string;
273
- "--hop-upsell-border-press": string;
274
- "--hop-upsell-icon": string;
275
- "--hop-upsell-icon-selected": string;
276
- "--hop-upsell-icon-hover": string;
277
- "--hop-upsell-icon-press": string;
278
- "--hop-upsell-icon-weakest": string;
279
- "--hop-upsell-icon-weak": string;
280
- "--hop-upsell-icon-weak-hover": string;
281
- "--hop-upsell-icon-weak-press": string;
282
- "--hop-upsell-surface": string;
283
- "--hop-upsell-surface-selected": string;
284
- "--hop-upsell-surface-disabled": string;
285
- "--hop-upsell-surface-hover": string;
286
- "--hop-upsell-surface-press": string;
287
- "--hop-upsell-surface-weak": string;
288
- "--hop-upsell-surface-weak-hover": string;
289
- "--hop-upsell-surface-weak-press": string;
290
- "--hop-upsell-text": string;
291
- "--hop-upsell-text-selected": string;
292
- "--hop-upsell-text-disabled": string;
293
- "--hop-upsell-text-hover": string;
294
- "--hop-upsell-text-press": string;
295
- "--hop-upsell-text-weak": string;
296
- "--hop-upsell-text-weak-hover": string;
297
- "--hop-upsell-text-weak-press": string;
298
325
  "--hop-warning-border": string;
299
326
  "--hop-warning-icon": string;
300
327
  "--hop-warning-icon-weakest": string;
package/dist/tokens/generated/darkSemanticTokens.js CHANGED
@@ -1,2 +1,2 @@
1
- export { DarkSemanticTokens } from '../../chunk-YJKWZYVH.js';
2
- import '../../chunk-6LX4VMOV.js';
1
+ export { DarkSemanticTokens } from '../../chunk-LKOZVSXD.js';
2
+ import '../../chunk-2UOTJGT6.js';
package/dist/tokens/generated/lightSemanticTokens.d.ts CHANGED
@@ -218,6 +218,13 @@ declare const SemanticTokens: {
218
218
  "--hop-space-inline-md": string;
219
219
  "--hop-space-inline-lg": string;
220
220
  "--hop-space-inline-xl": string;
221
+ "--hop-danger-border-active": string;
222
+ "--hop-danger-icon-active": string;
223
+ "--hop-danger-icon-weak-active": string;
224
+ "--hop-danger-surface-active": string;
225
+ "--hop-danger-surface-weak-active": string;
226
+ "--hop-danger-text-active": string;
227
+ "--hop-danger-text-weak-active": string;
221
228
  "--hop-danger-border": string;
222
229
  "--hop-danger-border-selected": string;
223
230
  "--hop-danger-border-strong": string;
@@ -252,6 +259,128 @@ declare const SemanticTokens: {
252
259
  "--hop-danger-text-weak": string;
253
260
  "--hop-danger-text-weak-hover": string;
254
261
  "--hop-danger-text-weak-press": string;
262
+ "--hop-neutral-border-active": string;
263
+ "--hop-neutral-icon-active": string;
264
+ "--hop-neutral-icon-weak-active": string;
265
+ "--hop-neutral-surface-active": string;
266
+ "--hop-neutral-surface-weak-active": string;
267
+ "--hop-neutral-text-active": string;
268
+ "--hop-neutral-text-weak-active": string;
269
+ "--hop-neutral-border": string;
270
+ "--hop-neutral-border-selected": string;
271
+ "--hop-neutral-border-disabled": string;
272
+ "--hop-neutral-border-hover": string;
273
+ "--hop-neutral-border-press": string;
274
+ "--hop-neutral-border-strong": string;
275
+ "--hop-neutral-border-strong-hover": string;
276
+ "--hop-neutral-border-weak": string;
277
+ "--hop-neutral-border-weakest": string;
278
+ "--hop-neutral-icon": string;
279
+ "--hop-neutral-icon-selected": string;
280
+ "--hop-neutral-icon-disabled": string;
281
+ "--hop-neutral-icon-hover": string;
282
+ "--hop-neutral-icon-press": string;
283
+ "--hop-neutral-icon-strong": string;
284
+ "--hop-neutral-icon-strong-hover": string;
285
+ "--hop-neutral-icon-weak": string;
286
+ "--hop-neutral-icon-weak-hover": string;
287
+ "--hop-neutral-icon-weak-press": string;
288
+ "--hop-neutral-icon-weakest": string;
289
+ "--hop-neutral-surface": string;
290
+ "--hop-neutral-surface-selected": string;
291
+ "--hop-neutral-surface-disabled": string;
292
+ "--hop-neutral-surface-hover": string;
293
+ "--hop-neutral-surface-press": string;
294
+ "--hop-neutral-surface-strong": string;
295
+ "--hop-neutral-surface-weak": string;
296
+ "--hop-neutral-surface-weak-selected": string;
297
+ "--hop-neutral-surface-weak-hover": string;
298
+ "--hop-neutral-surface-weak-press": string;
299
+ "--hop-neutral-surface-weakest": string;
300
+ "--hop-neutral-surface-weakest-selected": string;
301
+ "--hop-neutral-surface-weakest-hover": string;
302
+ "--hop-neutral-text": string;
303
+ "--hop-neutral-text-selected": string;
304
+ "--hop-neutral-text-disabled": string;
305
+ "--hop-neutral-text-hover": string;
306
+ "--hop-neutral-text-press": string;
307
+ "--hop-neutral-text-strong": string;
308
+ "--hop-neutral-text-weak": string;
309
+ "--hop-neutral-text-weak-hover": string;
310
+ "--hop-neutral-text-weak-press": string;
311
+ "--hop-neutral-text-weakest": string;
312
+ "--hop-primary-border-active": string;
313
+ "--hop-primary-icon-active": string;
314
+ "--hop-primary-surface-active": string;
315
+ "--hop-primary-surface-strong-active": string;
316
+ "--hop-primary-surface-weak-active": string;
317
+ "--hop-primary-text-active": string;
318
+ "--hop-primary-border": string;
319
+ "--hop-primary-border-selected": string;
320
+ "--hop-primary-border-focus": string;
321
+ "--hop-primary-border-press": string;
322
+ "--hop-primary-icon": string;
323
+ "--hop-primary-icon-selected": string;
324
+ "--hop-primary-icon-disabled": string;
325
+ "--hop-primary-icon-hover": string;
326
+ "--hop-primary-icon-press": string;
327
+ "--hop-primary-icon-strong": string;
328
+ "--hop-primary-icon-strong-hover": string;
329
+ "--hop-primary-surface": string;
330
+ "--hop-primary-surface-selected": string;
331
+ "--hop-primary-surface-disabled": string;
332
+ "--hop-primary-surface-focus": string;
333
+ "--hop-primary-surface-hover": string;
334
+ "--hop-primary-surface-press": string;
335
+ "--hop-primary-surface-strong": string;
336
+ "--hop-primary-surface-strong-selected": string;
337
+ "--hop-primary-surface-strong-hover": string;
338
+ "--hop-primary-surface-strong-press": string;
339
+ "--hop-primary-surface-weak": string;
340
+ "--hop-primary-surface-weak-hover": string;
341
+ "--hop-primary-surface-weak-press": string;
342
+ "--hop-primary-text": string;
343
+ "--hop-primary-text-selected": string;
344
+ "--hop-primary-text-disabled": string;
345
+ "--hop-primary-text-hover": string;
346
+ "--hop-primary-text-press": string;
347
+ "--hop-primary-text-strong": string;
348
+ "--hop-primary-text-strong-hover": string;
349
+ "--hop-upsell-border-active": string;
350
+ "--hop-upsell-icon-active": string;
351
+ "--hop-upsell-icon-weak-active": string;
352
+ "--hop-upsell-surface-active": string;
353
+ "--hop-upsell-surface-weak-active": string;
354
+ "--hop-upsell-text-active": string;
355
+ "--hop-upsell-text-weak-active": string;
356
+ "--hop-upsell-border": string;
357
+ "--hop-upsell-border-selected": string;
358
+ "--hop-upsell-border-disabled": string;
359
+ "--hop-upsell-border-press": string;
360
+ "--hop-upsell-icon": string;
361
+ "--hop-upsell-icon-selected": string;
362
+ "--hop-upsell-icon-hover": string;
363
+ "--hop-upsell-icon-press": string;
364
+ "--hop-upsell-icon-weakest": string;
365
+ "--hop-upsell-icon-weak": string;
366
+ "--hop-upsell-icon-weak-hover": string;
367
+ "--hop-upsell-icon-weak-press": string;
368
+ "--hop-upsell-surface": string;
369
+ "--hop-upsell-surface-selected": string;
370
+ "--hop-upsell-surface-disabled": string;
371
+ "--hop-upsell-surface-hover": string;
372
+ "--hop-upsell-surface-press": string;
373
+ "--hop-upsell-surface-weak": string;
374
+ "--hop-upsell-surface-weak-hover": string;
375
+ "--hop-upsell-surface-weak-press": string;
376
+ "--hop-upsell-text": string;
377
+ "--hop-upsell-text-selected": string;
378
+ "--hop-upsell-text-disabled": string;
379
+ "--hop-upsell-text-hover": string;
380
+ "--hop-upsell-text-press": string;
381
+ "--hop-upsell-text-weak": string;
382
+ "--hop-upsell-text-weak-hover": string;
383
+ "--hop-upsell-text-weak-press": string;
255
384
  "--hop-decorative-option9-border": string;
256
385
  "--hop-decorative-option9-icon": string;
257
386
  "--hop-decorative-option9-surface": string;
@@ -351,80 +480,6 @@ declare const SemanticTokens: {
351
480
  "--hop-information-surface-weak": string;
352
481
  "--hop-information-text": string;
353
482
  "--hop-information-text-weak": string;
354
- "--hop-neutral-border": string;
355
- "--hop-neutral-border-selected": string;
356
- "--hop-neutral-border-disabled": string;
357
- "--hop-neutral-border-hover": string;
358
- "--hop-neutral-border-press": string;
359
- "--hop-neutral-border-strong": string;
360
- "--hop-neutral-border-strong-hover": string;
361
- "--hop-neutral-border-weak": string;
362
- "--hop-neutral-border-weakest": string;
363
- "--hop-neutral-icon": string;
364
- "--hop-neutral-icon-selected": string;
365
- "--hop-neutral-icon-disabled": string;
366
- "--hop-neutral-icon-hover": string;
367
- "--hop-neutral-icon-press": string;
368
- "--hop-neutral-icon-strong": string;
369
- "--hop-neutral-icon-strong-hover": string;
370
- "--hop-neutral-icon-weak": string;
371
- "--hop-neutral-icon-weak-hover": string;
372
- "--hop-neutral-icon-weak-press": string;
373
- "--hop-neutral-icon-weakest": string;
374
- "--hop-neutral-surface": string;
375
- "--hop-neutral-surface-selected": string;
376
- "--hop-neutral-surface-disabled": string;
377
- "--hop-neutral-surface-hover": string;
378
- "--hop-neutral-surface-press": string;
379
- "--hop-neutral-surface-strong": string;
380
- "--hop-neutral-surface-weak": string;
381
- "--hop-neutral-surface-weak-selected": string;
382
- "--hop-neutral-surface-weak-hover": string;
383
- "--hop-neutral-surface-weak-press": string;
384
- "--hop-neutral-surface-weakest": string;
385
- "--hop-neutral-surface-weakest-selected": string;
386
- "--hop-neutral-surface-weakest-hover": string;
387
- "--hop-neutral-text": string;
388
- "--hop-neutral-text-selected": string;
389
- "--hop-neutral-text-disabled": string;
390
- "--hop-neutral-text-hover": string;
391
- "--hop-neutral-text-press": string;
392
- "--hop-neutral-text-strong": string;
393
- "--hop-neutral-text-weak": string;
394
- "--hop-neutral-text-weak-hover": string;
395
- "--hop-neutral-text-weak-press": string;
396
- "--hop-neutral-text-weakest": string;
397
- "--hop-primary-border": string;
398
- "--hop-primary-border-selected": string;
399
- "--hop-primary-border-focus": string;
400
- "--hop-primary-border-press": string;
401
- "--hop-primary-icon": string;
402
- "--hop-primary-icon-selected": string;
403
- "--hop-primary-icon-disabled": string;
404
- "--hop-primary-icon-hover": string;
405
- "--hop-primary-icon-press": string;
406
- "--hop-primary-icon-strong": string;
407
- "--hop-primary-icon-strong-hover": string;
408
- "--hop-primary-surface": string;
409
- "--hop-primary-surface-selected": string;
410
- "--hop-primary-surface-disabled": string;
411
- "--hop-primary-surface-focus": string;
412
- "--hop-primary-surface-hover": string;
413
- "--hop-primary-surface-press": string;
414
- "--hop-primary-surface-strong": string;
415
- "--hop-primary-surface-strong-selected": string;
416
- "--hop-primary-surface-strong-hover": string;
417
- "--hop-primary-surface-strong-press": string;
418
- "--hop-primary-surface-weak": string;
419
- "--hop-primary-surface-weak-hover": string;
420
- "--hop-primary-surface-weak-press": string;
421
- "--hop-primary-text": string;
422
- "--hop-primary-text-selected": string;
423
- "--hop-primary-text-disabled": string;
424
- "--hop-primary-text-hover": string;
425
- "--hop-primary-text-press": string;
426
- "--hop-primary-text-strong": string;
427
- "--hop-primary-text-strong-hover": string;
428
483
  "--hop-status-caution-surface-strong": string;
429
484
  "--hop-status-caution-icon": string;
430
485
  "--hop-status-caution-surface": string;
@@ -483,34 +538,6 @@ declare const SemanticTokens: {
483
538
  "--hop-success-text": string;
484
539
  "--hop-success-text-hover": string;
485
540
  "--hop-success-text-weak": string;
486
- "--hop-upsell-border": string;
487
- "--hop-upsell-border-selected": string;
488
- "--hop-upsell-border-disabled": string;
489
- "--hop-upsell-border-press": string;
490
- "--hop-upsell-icon": string;
491
- "--hop-upsell-icon-selected": string;
492
- "--hop-upsell-icon-hover": string;
493
- "--hop-upsell-icon-press": string;
494
- "--hop-upsell-icon-weakest": string;
495
- "--hop-upsell-icon-weak": string;
496
- "--hop-upsell-icon-weak-hover": string;
497
- "--hop-upsell-icon-weak-press": string;
498
- "--hop-upsell-surface": string;
499
- "--hop-upsell-surface-selected": string;
500
- "--hop-upsell-surface-disabled": string;
501
- "--hop-upsell-surface-hover": string;
502
- "--hop-upsell-surface-press": string;
503
- "--hop-upsell-surface-weak": string;
504
- "--hop-upsell-surface-weak-hover": string;
505
- "--hop-upsell-surface-weak-press": string;
506
- "--hop-upsell-text": string;
507
- "--hop-upsell-text-selected": string;
508
- "--hop-upsell-text-disabled": string;
509
- "--hop-upsell-text-hover": string;
510
- "--hop-upsell-text-press": string;
511
- "--hop-upsell-text-weak": string;
512
- "--hop-upsell-text-weak-hover": string;
513
- "--hop-upsell-text-weak-press": string;
514
541
  "--hop-warning-border": string;
515
542
  "--hop-warning-icon": string;
516
543
  "--hop-warning-icon-weakest": string;
package/dist/tokens/generated/lightSemanticTokens.js CHANGED
@@ -1,2 +1,2 @@
1
- export { CoreTokens, SemanticTokens } from '../../chunk-DVOV55CD.js';
2
- import '../../chunk-6LX4VMOV.js';
1
+ export { CoreTokens, SemanticTokens } from '../../chunk-4E7VQIC5.js';
2
+ import '../../chunk-2UOTJGT6.js';