@hopper-ui/styled-system 2.5.13 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/StyledSystemProvider.css +35 -35
  3. package/dist/StyledSystemProvider.d.ts +6 -6
  4. package/dist/StyledSystemProvider.js +15 -17
  5. package/dist/{chunk-54RO57YA.js → chunk-3PUBJ5LJ.js} +25 -13
  6. package/dist/chunk-6ZFFJVAW.js +17 -0
  7. package/dist/{chunk-V7X6ANEM.js → chunk-7PR2BAOL.js} +0 -1
  8. package/dist/{chunk-MSH55T2T.js → chunk-A54ZRFEM.js} +31 -2
  9. package/dist/{chunk-ILG53YIO.js → chunk-FGXNB7F6.js} +34 -9
  10. package/dist/{chunk-7TNCJ3OQ.js → chunk-JJKYIWIT.js} +13 -3
  11. package/dist/{chunk-A54ZF3UN.js → chunk-QZ7W6U3E.js} +2 -2
  12. package/dist/{chunk-GQ3J3RTR.js → chunk-SVHEHWY4.js} +3 -3
  13. package/dist/chunk-TKWJ3X2I.js +13 -0
  14. package/dist/{chunk-JVNXXRWE.js → chunk-VIIWNAIQ.js} +1 -1
  15. package/dist/{chunk-X5OXC6DN.js → chunk-XG7R6QGE.js} +1 -1
  16. package/dist/chunk-YQ665QH5.js +6 -0
  17. package/dist/color-scheme/ColorSchemeContext.js +1 -1
  18. package/dist/color-scheme/useColorSchemeValue.js +2 -2
  19. package/dist/global-styles/BodyStyleProvider.js +5 -5
  20. package/dist/html-wrappers/html.css +35 -35
  21. package/dist/html-wrappers/html.js +8 -7
  22. package/dist/html-wrappers/htmlElement.css +35 -35
  23. package/dist/html-wrappers/htmlElement.js +7 -6
  24. package/dist/index.css +35 -35
  25. package/dist/index.d.ts +4 -6
  26. package/dist/index.js +16 -18
  27. package/dist/responsive/useResponsiveValue.js +2 -2
  28. package/dist/styledSystemProps.d.ts +21 -5
  29. package/dist/styledSystemRootCssClass.d.ts +2 -4
  30. package/dist/styledSystemRootCssClass.js +2 -1
  31. package/dist/theme/ThemeContext.d.ts +11 -0
  32. package/dist/theme/ThemeContext.js +2 -0
  33. package/dist/theme/generated/sharegate/dark.css +742 -0
  34. package/dist/theme/generated/sharegate/light.css +1182 -0
  35. package/dist/theme/generated/sharegate.css +4 -0
  36. package/dist/theme/generated/workleap/dark.css +742 -0
  37. package/dist/theme/generated/workleap/light.css +1182 -0
  38. package/dist/theme/generated/workleap.css +4 -0
  39. package/dist/tokens/generated/styledSystemConstants.d.ts +6 -0
  40. package/dist/tokens/generated/styledSystemConstants.js +2 -0
  41. package/dist/tokens/generated/styledSystemToTokenMappings.d.ts +1182 -1151
  42. package/dist/tokens/generated/styledSystemToTokenMappings.js +1 -1
  43. package/dist/tokens/tokenMappings.d.ts +540 -37
  44. package/dist/tokens/tokenMappings.js +5 -4
  45. package/dist/useStyledSystem.css +32 -32
  46. package/dist/useStyledSystem.js +6 -5
  47. package/package.json +13 -9
  48. package/dist/chunk-43MQD25Q.js +0 -17
  49. package/dist/chunk-K5JIMNDM.js +0 -1182
  50. package/dist/chunk-P6FMQKUS.js +0 -546
  51. package/dist/chunk-RAWVBWQ4.js +0 -11
  52. package/dist/chunk-S3G5NPHF.js +0 -32
  53. package/dist/tokens/TokenProvider.d.ts +0 -20
  54. package/dist/tokens/TokenProvider.js +0 -9
  55. package/dist/tokens/generated/darkSemanticTokens.d.ts +0 -548
  56. package/dist/tokens/generated/darkSemanticTokens.js +0 -2
  57. package/dist/tokens/generated/lightSemanticTokens.d.ts +0 -1184
  58. package/dist/tokens/generated/lightSemanticTokens.js +0 -2
  59. package/dist/tokens/tokens.d.ts +0 -1731
  60. package/dist/tokens/tokens.js +0 -4
  61. package/dist/{chunk-SFOVKOPG.js → chunk-FTYK7Z7Q.js} +1 -1
@@ -1,546 +0,0 @@
1
- // src/tokens/generated/darkSemanticTokens.ts
2
- var DarkSemanticTokens = {
3
- "--hop-danger-border-active": "var(--hop-amanita-300)",
4
- "--hop-danger-icon-active": "var(--hop-amanita-50)",
5
- "--hop-danger-icon-weak-active": "var(--hop-amanita-300)",
6
- "--hop-danger-surface-active": "var(--hop-amanita-600)",
7
- "--hop-danger-surface-weak-active": "var(--hop-amanita-600)",
8
- "--hop-danger-text-active": "var(--hop-amanita-50)",
9
- "--hop-danger-text-weak-active": "var(--hop-amanita-300)",
10
- "--hop-danger-border": "var(--hop-amanita-500)",
11
- "--hop-danger-border-selected": "var(--hop-amanita-100)",
12
- "--hop-danger-border-press": "var(--hop-amanita-400)",
13
- "--hop-danger-border-strong": "var(--hop-amanita-300)",
14
- "--hop-danger-icon": "var(--hop-amanita-900)",
15
- "--hop-danger-icon-selected": "var(--hop-amanita-100)",
16
- "--hop-danger-icon-disabled": "var(--hop-amanita-600)",
17
- "--hop-danger-icon-hover": "var(--hop-amanita-200)",
18
- "--hop-danger-icon-press": "var(--hop-amanita-50)",
19
- "--hop-danger-icon-strong": "var(--hop-samoyed)",
20
- "--hop-danger-icon-strong-hover": "var(--hop-samoyed)",
21
- "--hop-danger-icon-weak": "var(--hop-amanita-100)",
22
- "--hop-danger-icon-weak-hover": "var(--hop-amanita-200)",
23
- "--hop-danger-icon-weak-press": "var(--hop-amanita-300)",
24
- "--hop-danger-icon-weakest": "var(--hop-amanita-100)",
25
- "--hop-danger-surface": "var(--hop-amanita-200)",
26
- "--hop-danger-surface-selected": "var(--hop-amanita-800)",
27
- "--hop-danger-surface-disabled": "var(--hop-amanita-600)",
28
- "--hop-danger-surface-hover": "var(--hop-amanita-300)",
29
- "--hop-danger-surface-press": "var(--hop-amanita-600)",
30
- "--hop-danger-surface-strong": "var(--hop-amanita-400)",
31
- "--hop-danger-surface-strong-hover": "var(--hop-amanita-500)",
32
- "--hop-danger-surface-weak": "var(--hop-amanita-900)",
33
- "--hop-danger-surface-weak-hover": "var(--hop-amanita-700)",
34
- "--hop-danger-surface-weak-press": "var(--hop-amanita-600)",
35
- "--hop-danger-text": "var(--hop-amanita-900)",
36
- "--hop-danger-text-selected": "var(--hop-amanita-100)",
37
- "--hop-danger-text-disabled": "var(--hop-amanita-600)",
38
- "--hop-danger-text-hover": "var(--hop-amanita-200)",
39
- "--hop-danger-text-press": "var(--hop-amanita-50)",
40
- "--hop-danger-text-strong": "var(--hop-samoyed)",
41
- "--hop-danger-text-strong-hover": "var(--hop-samoyed)",
42
- "--hop-danger-text-weak": "var(--hop-amanita-100)",
43
- "--hop-danger-text-weak-hover": "var(--hop-amanita-200)",
44
- "--hop-danger-text-weak-press": "var(--hop-amanita-300)",
45
- "--hop-neutral-border-active": "var(--hop-rock-700)",
46
- "--hop-neutral-icon-active": "var(--hop-toad-25)",
47
- "--hop-neutral-icon-weak-active": "var(--hop-rock-50)",
48
- "--hop-neutral-surface-active": "var(--hop-rock-700)",
49
- "--hop-neutral-surface-weak-active": "var(--hop-rock-600)",
50
- "--hop-neutral-text-active": "var(--hop-toad-25)",
51
- "--hop-neutral-text-weak-active": "var(--hop-rock-50)",
52
- "--hop-neutral-border": "var(--hop-rock-500)",
53
- "--hop-neutral-border-selected": "var(--hop-toad-25)",
54
- "--hop-neutral-border-disabled": "var(--hop-rock-800)",
55
- "--hop-neutral-border-hover": "var(--hop-rock-300)",
56
- "--hop-neutral-border-press": "var(--hop-rock-200)",
57
- "--hop-neutral-border-strong": "var(--hop-samoyed)",
58
- "--hop-neutral-border-strong-hover": "var(--hop-samoyed)",
59
- "--hop-neutral-border-weakest": "var(--hop-rock-800)",
60
- "--hop-neutral-border-weak": "var(--hop-rock-800)",
61
- "--hop-neutral-icon": "var(--hop-rock-25)",
62
- "--hop-neutral-icon-selected": "var(--hop-rock-900)",
63
- "--hop-neutral-icon-disabled": "var(--hop-rock-500)",
64
- "--hop-neutral-icon-hover": "var(--hop-rock-50)",
65
- "--hop-neutral-icon-press": "var(--hop-toad-25)",
66
- "--hop-neutral-icon-strong": "var(--hop-rock-900)",
67
- "--hop-neutral-icon-strong-hover": "var(--hop-rock-900)",
68
- "--hop-neutral-icon-weak": "var(--hop-rock-200)",
69
- "--hop-neutral-icon-weak-hover": "var(--hop-rock-75)",
70
- "--hop-neutral-icon-weak-press": "var(--hop-rock-50)",
71
- "--hop-neutral-icon-weak-selected": "var(--hop-rock-75)",
72
- "--hop-neutral-icon-weakest": "var(--hop-rock-400)",
73
- "--hop-neutral-surface": "var(--hop-abyss)",
74
- "--hop-neutral-surface-selected": "var(--hop-toad-25)",
75
- "--hop-neutral-surface-disabled": "var(--hop-rock-700)",
76
- "--hop-neutral-surface-hover": "var(--hop-rock-800)",
77
- "--hop-neutral-surface-press": "var(--hop-rock-700)",
78
- "--hop-neutral-surface-strong": "var(--hop-toad-25)",
79
- "--hop-neutral-surface-weakest": "var(--hop-rock-900)",
80
- "--hop-neutral-surface-weak": "var(--hop-rock-800)",
81
- "--hop-neutral-surface-weak-selected": "var(--hop-rock-800)",
82
- "--hop-neutral-surface-weak-hover": "var(--hop-rock-700)",
83
- "--hop-neutral-surface-weak-press": "var(--hop-rock-600)",
84
- "--hop-neutral-surface-weakest-selected": "var(--hop-rock-800)",
85
- "--hop-neutral-surface-weakest-hover": "var(--hop-rock-800)",
86
- "--hop-neutral-text": "var(--hop-rock-25)",
87
- "--hop-neutral-text-selected": "var(--hop-rock-900)",
88
- "--hop-neutral-text-disabled": "var(--hop-rock-500)",
89
- "--hop-neutral-text-hover": "var(--hop-rock-50)",
90
- "--hop-neutral-text-press": "var(--hop-toad-25)",
91
- "--hop-neutral-text-strong": "var(--hop-rock-900)",
92
- "--hop-neutral-text-weak": "var(--hop-rock-200)",
93
- "--hop-neutral-text-weak-hover": "var(--hop-rock-75)",
94
- "--hop-neutral-text-weak-press": "var(--hop-rock-50)",
95
- "--hop-neutral-text-weak-selected": "var(--hop-rock-75)",
96
- "--hop-neutral-text-weakest": "var(--hop-rock-300)",
97
- "--hop-primary-border-active": "var(--hop-sapphire-500)",
98
- "--hop-primary-icon-active": "var(--hop-sapphire-75)",
99
- "--hop-primary-surface-active": "var(--hop-sapphire-500)",
100
- "--hop-primary-surface-strong-active": "var(--hop-sapphire-600)",
101
- "--hop-primary-surface-weak-active": "var(--hop-sapphire-600)",
102
- "--hop-primary-text-active": "var(--hop-sapphire-75)",
103
- "--hop-primary-border": "var(--hop-sapphire-300)",
104
- "--hop-primary-border-selected": "var(--hop-sapphire-300)",
105
- "--hop-primary-border-focus": "var(--hop-sapphire-200)",
106
- "--hop-primary-border-press": "var(--hop-sapphire-500)",
107
- "--hop-primary-icon": "var(--hop-sapphire-200)",
108
- "--hop-primary-icon-selected": "var(--hop-sapphire-200)",
109
- "--hop-primary-icon-disabled": "var(--hop-sapphire-700)",
110
- "--hop-primary-icon-hover": "var(--hop-sapphire-300)",
111
- "--hop-primary-icon-press": "var(--hop-sapphire-75)",
112
- "--hop-primary-icon-strong": "var(--hop-samoyed)",
113
- "--hop-primary-icon-strong-hover": "var(--hop-sapphire-300)",
114
- "--hop-primary-surface": "var(--hop-sapphire-200)",
115
- "--hop-primary-surface-selected": "var(--hop-sapphire-800)",
116
- "--hop-primary-surface-disabled": "var(--hop-sapphire-700)",
117
- "--hop-primary-surface-focus": "var(--hop-sapphire-900)",
118
- "--hop-primary-surface-hover": "var(--hop-sapphire-400)",
119
- "--hop-primary-surface-press": "var(--hop-sapphire-500)",
120
- "--hop-primary-surface-strong": "var(--hop-sapphire-400)",
121
- "--hop-primary-surface-strong-selected": "var(--hop-sapphire-800)",
122
- "--hop-primary-surface-strong-hover": "var(--hop-sapphire-500)",
123
- "--hop-primary-surface-strong-press": "var(--hop-sapphire-600)",
124
- "--hop-primary-surface-weak": "var(--hop-sapphire-800)",
125
- "--hop-primary-surface-weak-hover": "var(--hop-sapphire-700)",
126
- "--hop-primary-surface-weak-press": "var(--hop-sapphire-600)",
127
- "--hop-primary-text": "var(--hop-sapphire-100)",
128
- "--hop-primary-text-hover": "var(--hop-sapphire-200)",
129
- "--hop-primary-text-press": "var(--hop-sapphire-75)",
130
- "--hop-primary-text-strong": "var(--hop-samoyed)",
131
- "--hop-primary-text-strong-hover": "var(--hop-samoyed)",
132
- "--hop-primary-text-selected": "var(--hop-sapphire-200)",
133
- "--hop-primary-text-disabled": "var(--hop-sapphire-700)",
134
- "--hop-upsell-border-active": "var(--hop-sunken-treasure-400)",
135
- "--hop-upsell-icon-active": "var(--hop-sunken-treasure-900)",
136
- "--hop-upsell-icon-weak-active": "var(--hop-sunken-treasure-300)",
137
- "--hop-upsell-surface-active": "var(--hop-sunken-treasure-300)",
138
- "--hop-upsell-surface-weak-active": "var(--hop-sunken-treasure-600)",
139
- "--hop-upsell-text-active": "var(--hop-sunken-treasure-900)",
140
- "--hop-upsell-text-weak-active": "var(--hop-sunken-treasure-300)",
141
- "--hop-upsell-border": "var(--hop-sunken-treasure-200)",
142
- "--hop-upsell-border-selected": "var(--hop-sunken-treasure-100)",
143
- "--hop-upsell-border-disabled": "var(--hop-sunken-treasure-700)",
144
- "--hop-upsell-border-press": "var(--hop-sunken-treasure-400)",
145
- "--hop-upsell-icon": "var(--hop-sunken-treasure-700)",
146
- "--hop-upsell-icon-selected": "var(--hop-sunken-treasure-100)",
147
- "--hop-upsell-icon-hover": "var(--hop-sunken-treasure-800)",
148
- "--hop-upsell-icon-press": "var(--hop-sunken-treasure-900)",
149
- "--hop-upsell-icon-weakest": "var(--hop-sunken-treasure-100)",
150
- "--hop-upsell-icon-weak": "var(--hop-sunken-treasure-100)",
151
- "--hop-upsell-icon-weak-hover": "var(--hop-sunken-treasure-200)",
152
- "--hop-upsell-icon-weak-press": "var(--hop-sunken-treasure-300)",
153
- "--hop-upsell-surface": "var(--hop-sunken-treasure-75)",
154
- "--hop-upsell-surface-selected": "var(--hop-sunken-treasure-800)",
155
- "--hop-upsell-surface-disabled": "var(--hop-sunken-treasure-700)",
156
- "--hop-upsell-surface-hover": "var(--hop-sunken-treasure-100)",
157
- "--hop-upsell-surface-press": "var(--hop-sunken-treasure-200)",
158
- "--hop-upsell-surface-weak": "var(--hop-sunken-treasure-800)",
159
- "--hop-upsell-surface-weak-hover": "var(--hop-sunken-treasure-700)",
160
- "--hop-upsell-surface-weak-press": "var(--hop-sunken-treasure-600)",
161
- "--hop-upsell-text": "var(--hop-sunken-treasure-700)",
162
- "--hop-upsell-text-selected": "var(--hop-sunken-treasure-100)",
163
- "--hop-upsell-text-disabled": "var(--hop-sunken-treasure-300)",
164
- "--hop-upsell-text-hover": "var(--hop-sunken-treasure-800)",
165
- "--hop-upsell-text-press": "var(--hop-sunken-treasure-900)",
166
- "--hop-upsell-text-weak": "var(--hop-sunken-treasure-100)",
167
- "--hop-upsell-text-weak-hover": "var(--hop-sunken-treasure-200)",
168
- "--hop-upsell-text-weak-press": "var(--hop-sunken-treasure-300)",
169
- "--hop-decorative-option1-border": "var(--hop-sapphire-400)",
170
- "--hop-decorative-option1-icon": "var(--hop-sapphire-900)",
171
- "--hop-decorative-option1-surface": "var(--hop-sapphire-100)",
172
- "--hop-decorative-option1-surface-hover": "var(--hop-sapphire-200)",
173
- "--hop-decorative-option1-surface-strong": "var(--hop-sapphire-200)",
174
- "--hop-decorative-option1-surface-weak": "var(--hop-sapphire-50)",
175
- "--hop-decorative-option1-surface-weak-hover": "var(--hop-sapphire-75)",
176
- "--hop-decorative-option1-surface-weakest": "var(--hop-sapphire-25)",
177
- "--hop-decorative-option1-text": "var(--hop-sapphire-900)",
178
- "--hop-decorative-option1-text-weak": "var(--hop-sapphire-300)",
179
- "--hop-decorative-option2-border": "var(--hop-quetzal-400)",
180
- "--hop-decorative-option2-icon": "var(--hop-quetzal-900)",
181
- "--hop-decorative-option2-surface": "var(--hop-quetzal-100)",
182
- "--hop-decorative-option2-surface-hover": "var(--hop-quetzal-200)",
183
- "--hop-decorative-option2-surface-strong": "var(--hop-quetzal-200)",
184
- "--hop-decorative-option2-surface-weak": "var(--hop-quetzal-50)",
185
- "--hop-decorative-option2-surface-weak-hover": "var(--hop-quetzal-75)",
186
- "--hop-decorative-option2-surface-weakest": "var(--hop-quetzal-25)",
187
- "--hop-decorative-option2-text": "var(--hop-quetzal-900)",
188
- "--hop-decorative-option2-text-weak": "var(--hop-quetzal-300)",
189
- "--hop-decorative-option3-border": "var(--hop-koi-400)",
190
- "--hop-decorative-option3-icon": "var(--hop-koi-900)",
191
- "--hop-decorative-option3-surface": "var(--hop-koi-100)",
192
- "--hop-decorative-option3-surface-hover": "var(--hop-koi-200)",
193
- "--hop-decorative-option3-surface-strong": "var(--hop-koi-200)",
194
- "--hop-decorative-option3-surface-weak": "var(--hop-koi-50)",
195
- "--hop-decorative-option3-surface-weak-hover": "var(--hop-koi-75)",
196
- "--hop-decorative-option3-surface-weakest": "var(--hop-koi-25)",
197
- "--hop-decorative-option3-text": "var(--hop-koi-900)",
198
- "--hop-decorative-option3-text-weak": "var(--hop-koi-300)",
199
- "--hop-decorative-option4-border": "var(--hop-moss-400)",
200
- "--hop-decorative-option4-icon": "var(--hop-moss-900)",
201
- "--hop-decorative-option4-surface": "var(--hop-moss-75)",
202
- "--hop-decorative-option4-surface-hover": "var(--hop-moss-100)",
203
- "--hop-decorative-option4-surface-strong": "var(--hop-moss-100)",
204
- "--hop-decorative-option4-surface-weak": "var(--hop-moss-50)",
205
- "--hop-decorative-option4-surface-weak-hover": "var(--hop-moss-75)",
206
- "--hop-decorative-option4-surface-weakest": "var(--hop-moss-25)",
207
- "--hop-decorative-option4-text": "var(--hop-moss-900)",
208
- "--hop-decorative-option4-text-weak": "var(--hop-moss-400)",
209
- "--hop-decorative-option5-border": "var(--hop-coastal-400)",
210
- "--hop-decorative-option5-icon": "var(--hop-coastal-900)",
211
- "--hop-decorative-option5-surface": "var(--hop-coastal-75)",
212
- "--hop-decorative-option5-surface-hover": "var(--hop-coastal-100)",
213
- "--hop-decorative-option5-surface-strong": "var(--hop-coastal-100)",
214
- "--hop-decorative-option5-surface-weak": "var(--hop-coastal-50)",
215
- "--hop-decorative-option5-surface-weak-hover": "var(--hop-coastal-75)",
216
- "--hop-decorative-option5-surface-weakest": "var(--hop-coastal-25)",
217
- "--hop-decorative-option5-text": "var(--hop-coastal-900)",
218
- "--hop-decorative-option5-text-weak": "var(--hop-coastal-300)",
219
- "--hop-decorative-option6-border": "var(--hop-sunken-treasure-400)",
220
- "--hop-decorative-option6-icon": "var(--hop-sunken-treasure-900)",
221
- "--hop-decorative-option6-surface": "var(--hop-sunken-treasure-75)",
222
- "--hop-decorative-option6-surface-hover": "var(--hop-sunken-treasure-100)",
223
- "--hop-decorative-option6-surface-strong": "var(--hop-sunken-treasure-100)",
224
- "--hop-decorative-option6-surface-weak": "var(--hop-sunken-treasure-50)",
225
- "--hop-decorative-option6-surface-weak-hover": "var(--hop-sunken-treasure-75)",
226
- "--hop-decorative-option6-surface-weakest": "var(--hop-sunken-treasure-25)",
227
- "--hop-decorative-option6-text": "var(--hop-sunken-treasure-900)",
228
- "--hop-decorative-option6-text-weak": "var(--hop-sunken-treasure-200)",
229
- "--hop-decorative-option7-border": "var(--hop-toad-400)",
230
- "--hop-decorative-option7-icon": "var(--hop-toad-900)",
231
- "--hop-decorative-option7-surface": "var(--hop-toad-50)",
232
- "--hop-decorative-option7-surface-hover": "var(--hop-toad-100)",
233
- "--hop-decorative-option7-surface-strong": "var(--hop-toad-100)",
234
- "--hop-decorative-option7-surface-weak": "var(--hop-toad-50)",
235
- "--hop-decorative-option7-surface-weak-hover": "var(--hop-toad-75)",
236
- "--hop-decorative-option7-surface-weakest": "var(--hop-toad-25)",
237
- "--hop-decorative-option7-text": "var(--hop-toad-900)",
238
- "--hop-decorative-option7-text-weak": "var(--hop-toad-500)",
239
- "--hop-decorative-option8-border": "var(--hop-amanita-400)",
240
- "--hop-decorative-option8-icon": "var(--hop-amanita-900)",
241
- "--hop-decorative-option8-surface": "var(--hop-amanita-75)",
242
- "--hop-decorative-option8-surface-hover": "var(--hop-amanita-200)",
243
- "--hop-decorative-option8-surface-strong": "var(--hop-amanita-100)",
244
- "--hop-decorative-option8-surface-weak": "var(--hop-amanita-50)",
245
- "--hop-decorative-option8-surface-weak-hover": "var(--hop-amanita-75)",
246
- "--hop-decorative-option8-surface-weakest": "var(--hop-amanita-25)",
247
- "--hop-decorative-option8-text": "var(--hop-amanita-900)",
248
- "--hop-decorative-option8-text-weak": "var(--hop-amanita-300)",
249
- "--hop-decorative-option9-border": "var(--hop-rock-400)",
250
- "--hop-decorative-option9-icon": "var(--hop-samoyed)",
251
- "--hop-decorative-option9-surface": "var(--hop-rock-400)",
252
- "--hop-decorative-option9-surface-hover": "var(--hop-rock-500)",
253
- "--hop-decorative-option9-surface-strong": "var(--hop-rock-800)",
254
- "--hop-decorative-option9-surface-weak": "var(--hop-rock-300)",
255
- "--hop-decorative-option9-surface-weak-hover": "var(--hop-rock-400)",
256
- "--hop-decorative-option9-surface-weakest": "var(--hop-rock-200)",
257
- "--hop-decorative-option9-text": "var(--hop-samoyed)",
258
- "--hop-decorative-option9-text-weak": "var(--hop-rock-300)",
259
- "--hop-information-border": "var(--hop-coastal-400)",
260
- "--hop-information-icon": "var(--hop-coastal-900)",
261
- "--hop-information-icon-weakest": "var(--hop-coastal-200)",
262
- "--hop-information-icon-weak": "var(--hop-coastal-300)",
263
- "--hop-information-surface": "var(--hop-coastal-75)",
264
- "--hop-information-surface-strong": "var(--hop-coastal-300)",
265
- "--hop-information-surface-weak": "var(--hop-coastal-800)",
266
- "--hop-information-text": "var(--hop-coastal-900)",
267
- "--hop-information-text-weak": "var(--hop-coastal-75)",
268
- "--hop-status-caution-border": "var(--hop-koi-400)",
269
- "--hop-status-caution-border-disabled": "var(--hop-koi-600)",
270
- "--hop-status-caution-border-hover": "var(--hop-koi-500)",
271
- "--hop-status-caution-border-press": "var(--hop-koi-400)",
272
- "--hop-status-caution-border-selected": "var(--hop-koi-75)",
273
- "--hop-status-caution-icon": "var(--hop-koi-800)",
274
- "--hop-status-caution-icon-disabled": "var(--hop-koi-500)",
275
- "--hop-status-caution-icon-hover": "var(--hop-koi-900)",
276
- "--hop-status-caution-icon-press": "var(--hop-koi-800)",
277
- "--hop-status-caution-icon-selected": "var(--hop-koi-75)",
278
- "--hop-status-caution-surface": "var(--hop-koi-100)",
279
- "--hop-status-caution-surface-disabled": "var(--hop-koi-800)",
280
- "--hop-status-caution-surface-hover": "var(--hop-koi-200)",
281
- "--hop-status-caution-surface-press": "var(--hop-koi-300)",
282
- "--hop-status-caution-surface-selected": "var(--hop-koi-800)",
283
- "--hop-status-caution-surface-strong": "var(--hop-koi-200)",
284
- "--hop-status-caution-text": "var(--hop-koi-800)",
285
- "--hop-status-caution-text-disabled": "var(--hop-koi-500)",
286
- "--hop-status-caution-text-hover": "var(--hop-koi-900)",
287
- "--hop-status-caution-text-press": "var(--hop-koi-800)",
288
- "--hop-status-caution-text-selected": "var(--hop-koi-75)",
289
- "--hop-status-inactive-border": "var(--hop-rock-400)",
290
- "--hop-status-inactive-border-disabled": "var(--hop-rock-600)",
291
- "--hop-status-inactive-border-hover": "var(--hop-rock-500)",
292
- "--hop-status-inactive-border-press": "var(--hop-rock-400)",
293
- "--hop-status-inactive-border-selected": "var(--hop-rock-75)",
294
- "--hop-status-inactive-icon": "var(--hop-rock-800)",
295
- "--hop-status-inactive-icon-disabled": "var(--hop-rock-500)",
296
- "--hop-status-inactive-icon-hover": "var(--hop-rock-900)",
297
- "--hop-status-inactive-icon-press": "var(--hop-rock-800)",
298
- "--hop-status-inactive-icon-selected": "var(--hop-rock-75)",
299
- "--hop-status-inactive-surface": "var(--hop-rock-75)",
300
- "--hop-status-inactive-surface-disabled": "var(--hop-rock-800)",
301
- "--hop-status-inactive-surface-hover": "var(--hop-rock-200)",
302
- "--hop-status-inactive-surface-press": "var(--hop-rock-300)",
303
- "--hop-status-inactive-surface-selected": "var(--hop-rock-800)",
304
- "--hop-status-inactive-surface-strong": "var(--hop-rock-100)",
305
- "--hop-status-inactive-text": "var(--hop-rock-800)",
306
- "--hop-status-inactive-text-disabled": "var(--hop-rock-500)",
307
- "--hop-status-inactive-text-hover": "var(--hop-rock-900)",
308
- "--hop-status-inactive-text-press": "var(--hop-rock-800)",
309
- "--hop-status-inactive-text-selected": "var(--hop-rock-75)",
310
- "--hop-status-negative-border": "var(--hop-amanita-400)",
311
- "--hop-status-negative-border-disabled": "var(--hop-amanita-600)",
312
- "--hop-status-negative-border-hover": "var(--hop-amanita-500)",
313
- "--hop-status-negative-border-press": "var(--hop-amanita-400)",
314
- "--hop-status-negative-border-selected": "var(--hop-amanita-75)",
315
- "--hop-status-negative-icon": "var(--hop-amanita-800)",
316
- "--hop-status-negative-icon-disabled": "var(--hop-amanita-500)",
317
- "--hop-status-negative-icon-hover": "var(--hop-amanita-900)",
318
- "--hop-status-negative-icon-press": "var(--hop-amanita-800)",
319
- "--hop-status-negative-icon-selected": "var(--hop-amanita-75)",
320
- "--hop-status-negative-surface": "var(--hop-amanita-100)",
321
- "--hop-status-negative-surface-disabled": "var(--hop-amanita-800)",
322
- "--hop-status-negative-surface-hover": "var(--hop-amanita-200)",
323
- "--hop-status-negative-surface-press": "var(--hop-amanita-300)",
324
- "--hop-status-negative-surface-selected": "var(--hop-amanita-800)",
325
- "--hop-status-negative-surface-strong": "var(--hop-amanita-200)",
326
- "--hop-status-negative-text": "var(--hop-amanita-800)",
327
- "--hop-status-negative-text-disabled": "var(--hop-amanita-500)",
328
- "--hop-status-negative-text-hover": "var(--hop-amanita-900)",
329
- "--hop-status-negative-text-press": "var(--hop-amanita-800)",
330
- "--hop-status-negative-text-selected": "var(--hop-amanita-75)",
331
- "--hop-status-neutral-border": "var(--hop-rock-25)",
332
- "--hop-status-neutral-border-disabled": "var(--hop-rock-800)",
333
- "--hop-status-neutral-border-hover": "var(--hop-rock-50)",
334
- "--hop-status-neutral-border-press": "var(--hop-rock-25)",
335
- "--hop-status-neutral-border-selected": "var(--hop-rock-25)",
336
- "--hop-status-neutral-icon": "var(--hop-rock-25)",
337
- "--hop-status-neutral-icon-disabled": "var(--hop-rock-500)",
338
- "--hop-status-neutral-icon-hover": "var(--hop-rock-50)",
339
- "--hop-status-neutral-icon-press": "var(--hop-rock-25)",
340
- "--hop-status-neutral-icon-selected": "var(--hop-rock-25)",
341
- "--hop-status-neutral-surface": "var(--hop-abyss)",
342
- "--hop-status-neutral-surface-disabled": "var(--hop-rock-700)",
343
- "--hop-status-neutral-surface-hover": "var(--hop-rock-800)",
344
- "--hop-status-neutral-surface-press": "var(--hop-rock-700)",
345
- "--hop-status-neutral-surface-selected": "var(--hop-toad-25)",
346
- "--hop-status-neutral-surface-strong": "var(--hop-rock-100)",
347
- "--hop-status-neutral-text": "var(--hop-rock-25)",
348
- "--hop-status-neutral-text-disabled": "var(--hop-rock-500)",
349
- "--hop-status-neutral-text-hover": "var(--hop-rock-50)",
350
- "--hop-status-neutral-text-press": "var(--hop-rock-25)",
351
- "--hop-status-neutral-text-selected": "var(--hop-rock-900)",
352
- "--hop-status-option1-border": "var(--hop-coastal-400)",
353
- "--hop-status-option1-border-disabled": "var(--hop-coastal-600)",
354
- "--hop-status-option1-border-hover": "var(--hop-coastal-500)",
355
- "--hop-status-option1-border-press": "var(--hop-coastal-400)",
356
- "--hop-status-option1-border-selected": "var(--hop-coastal-75)",
357
- "--hop-status-option1-icon": "var(--hop-coastal-800)",
358
- "--hop-status-option1-icon-disabled": "var(--hop-coastal-500)",
359
- "--hop-status-option1-icon-hover": "var(--hop-coastal-900)",
360
- "--hop-status-option1-icon-press": "var(--hop-coastal-800)",
361
- "--hop-status-option1-icon-selected": "var(--hop-coastal-75)",
362
- "--hop-status-option1-surface": "var(--hop-coastal-100)",
363
- "--hop-status-option1-surface-disabled": "var(--hop-coastal-800)",
364
- "--hop-status-option1-surface-hover": "var(--hop-coastal-200)",
365
- "--hop-status-option1-surface-press": "var(--hop-coastal-300)",
366
- "--hop-status-option1-surface-selected": "var(--hop-coastal-800)",
367
- "--hop-status-option1-surface-strong": "var(--hop-coastal-100)",
368
- "--hop-status-option1-text": "var(--hop-coastal-800)",
369
- "--hop-status-option1-text-disabled": "var(--hop-coastal-500)",
370
- "--hop-status-option1-text-hover": "var(--hop-coastal-900)",
371
- "--hop-status-option1-text-press": "var(--hop-coastal-800)",
372
- "--hop-status-option1-text-selected": "var(--hop-coastal-75)",
373
- "--hop-status-option2-border": "var(--hop-orchid-bloom-300)",
374
- "--hop-status-option2-border-disabled": "var(--hop-orchid-bloom-600)",
375
- "--hop-status-option2-border-hover": "var(--hop-orchid-bloom-500)",
376
- "--hop-status-option2-border-press": "var(--hop-orchid-bloom-300)",
377
- "--hop-status-option2-border-selected": "var(--hop-orchid-bloom-800)",
378
- "--hop-status-option2-icon": "var(--hop-orchid-bloom-800)",
379
- "--hop-status-option2-icon-disabled": "var(--hop-orchid-bloom-500)",
380
- "--hop-status-option2-icon-hover": "var(--hop-orchid-bloom-900)",
381
- "--hop-status-option2-icon-press": "var(--hop-orchid-bloom-800)",
382
- "--hop-status-option2-icon-selected": "var(--hop-orchid-bloom-75)",
383
- "--hop-status-option2-surface": "var(--hop-orchid-bloom-100)",
384
- "--hop-status-option2-surface-disabled": "var(--hop-orchid-bloom-800)",
385
- "--hop-status-option2-surface-hover": "var(--hop-orchid-bloom-200)",
386
- "--hop-status-option2-surface-press": "var(--hop-orchid-bloom-300)",
387
- "--hop-status-option2-surface-selected": "var(--hop-orchid-bloom-800)",
388
- "--hop-status-option2-surface-strong": "var(--hop-orchid-bloom-100)",
389
- "--hop-status-option2-text": "var(--hop-orchid-bloom-800)",
390
- "--hop-status-option2-text-disabled": "var(--hop-orchid-bloom-500)",
391
- "--hop-status-option2-text-hover": "var(--hop-orchid-bloom-900)",
392
- "--hop-status-option2-text-press": "var(--hop-orchid-bloom-800)",
393
- "--hop-status-option2-text-selected": "var(--hop-orchid-bloom-75)",
394
- "--hop-status-option3-border": "var(--hop-quetzal-400)",
395
- "--hop-status-option3-border-disabled": "var(--hop-quetzal-600)",
396
- "--hop-status-option3-border-hover": "var(--hop-quetzal-500)",
397
- "--hop-status-option3-border-press": "var(--hop-quetzal-400)",
398
- "--hop-status-option3-border-selected": "var(--hop-quetzal-75)",
399
- "--hop-status-option3-icon": "var(--hop-quetzal-800)",
400
- "--hop-status-option3-icon-disabled": "var(--hop-quetzal-500)",
401
- "--hop-status-option3-icon-hover": "var(--hop-quetzal-900)",
402
- "--hop-status-option3-icon-press": "var(--hop-quetzal-800)",
403
- "--hop-status-option3-icon-selected": "var(--hop-quetzal-75)",
404
- "--hop-status-option3-surface": "var(--hop-quetzal-100)",
405
- "--hop-status-option3-surface-disabled": "var(--hop-quetzal-800)",
406
- "--hop-status-option3-surface-hover": "var(--hop-quetzal-200)",
407
- "--hop-status-option3-surface-press": "var(--hop-quetzal-300)",
408
- "--hop-status-option3-surface-selected": "var(--hop-quetzal-800)",
409
- "--hop-status-option3-surface-strong": "var(--hop-quetzal-100)",
410
- "--hop-status-option3-text": "var(--hop-quetzal-800)",
411
- "--hop-status-option3-text-disabled": "var(--hop-quetzal-200)",
412
- "--hop-status-option3-text-hover": "var(--hop-quetzal-900)",
413
- "--hop-status-option3-text-press": "var(--hop-quetzal-800)",
414
- "--hop-status-option3-text-selected": "var(--hop-quetzal-75)",
415
- "--hop-status-option4-border": "var(--hop-fog-400)",
416
- "--hop-status-option4-border-disabled": "var(--hop-fog-600)",
417
- "--hop-status-option4-border-hover": "var(--hop-fog-500)",
418
- "--hop-status-option4-border-press": "var(--hop-fog-400)",
419
- "--hop-status-option4-border-selected": "var(--hop-fog-75)",
420
- "--hop-status-option4-icon": "var(--hop-fog-800)",
421
- "--hop-status-option4-icon-disabled": "var(--hop-fog-500)",
422
- "--hop-status-option4-icon-hover": "var(--hop-fog-900)",
423
- "--hop-status-option4-icon-press": "var(--hop-fog-800)",
424
- "--hop-status-option4-icon-selected": "var(--hop-fog-75)",
425
- "--hop-status-option4-surface": "var(--hop-fog-100)",
426
- "--hop-status-option4-surface-disabled": "var(--hop-fog-600)",
427
- "--hop-status-option4-surface-hover": "var(--hop-fog-200)",
428
- "--hop-status-option4-surface-press": "var(--hop-fog-300)",
429
- "--hop-status-option4-surface-selected": "var(--hop-fog-800)",
430
- "--hop-status-option4-surface-strong": "var(--hop-fog-100)",
431
- "--hop-status-option4-text": "var(--hop-fog-800)",
432
- "--hop-status-option4-text-disabled": "var(--hop-fog-500)",
433
- "--hop-status-option4-text-hover": "var(--hop-fog-900)",
434
- "--hop-status-option4-text-press": "var(--hop-fog-900)",
435
- "--hop-status-option4-text-selected": "var(--hop-fog-75)",
436
- "--hop-status-option5-border": "var(--hop-toad-400)",
437
- "--hop-status-option5-border-disabled": "var(--hop-toad-600)",
438
- "--hop-status-option5-border-hover": "var(--hop-toad-500)",
439
- "--hop-status-option5-border-press": "var(--hop-toad-400)",
440
- "--hop-status-option5-border-selected": "var(--hop-toad-75)",
441
- "--hop-status-option5-icon": "var(--hop-toad-800)",
442
- "--hop-status-option5-icon-disabled": "var(--hop-toad-500)",
443
- "--hop-status-option5-icon-hover": "var(--hop-toad-900)",
444
- "--hop-status-option5-icon-press": "var(--hop-toad-800)",
445
- "--hop-status-option5-icon-selected": "var(--hop-toad-75)",
446
- "--hop-status-option5-surface": "var(--hop-toad-100)",
447
- "--hop-status-option5-surface-disabled": "var(--hop-toad-800)",
448
- "--hop-status-option5-surface-hover": "var(--hop-toad-200)",
449
- "--hop-status-option5-surface-press": "var(--hop-toad-300)",
450
- "--hop-status-option5-surface-selected": "var(--hop-toad-800)",
451
- "--hop-status-option5-surface-strong": "var(--hop-toad-100)",
452
- "--hop-status-option5-text": "var(--hop-toad-800)",
453
- "--hop-status-option5-text-disabled": "var(--hop-toad-500)",
454
- "--hop-status-option5-text-hover": "var(--hop-toad-900)",
455
- "--hop-status-option5-text-press": "var(--hop-toad-800)",
456
- "--hop-status-option5-text-selected": "var(--hop-toad-75)",
457
- "--hop-status-option6-border": "var(--hop-sunken-treasure-400)",
458
- "--hop-status-option6-border-disabled": "var(--hop-sunken-treasure-600)",
459
- "--hop-status-option6-border-hover": "var(--hop-sunken-treasure-500)",
460
- "--hop-status-option6-border-press": "var(--hop-sunken-treasure-400)",
461
- "--hop-status-option6-border-selected": "var(--hop-sunken-treasure-75)",
462
- "--hop-status-option6-icon": "var(--hop-sunken-treasure-800)",
463
- "--hop-status-option6-icon-disabled": "var(--hop-sunken-treasure-500)",
464
- "--hop-status-option6-icon-hover": "var(--hop-sunken-treasure-900)",
465
- "--hop-status-option6-icon-press": "var(--hop-sunken-treasure-800)",
466
- "--hop-status-option6-icon-selected": "var(--hop-sunken-treasure-75)",
467
- "--hop-status-option6-surface": "var(--hop-sunken-treasure-100)",
468
- "--hop-status-option6-surface-disabled": "var(--hop-sunken-treasure-800)",
469
- "--hop-status-option6-surface-hover": "var(--hop-sunken-treasure-200)",
470
- "--hop-status-option6-surface-press": "var(--hop-sunken-treasure-300)",
471
- "--hop-status-option6-surface-selected": "var(--hop-sunken-treasure-800)",
472
- "--hop-status-option6-surface-strong": "var(--hop-sunken-treasure-100)",
473
- "--hop-status-option6-text": "var(--hop-sunken-treasure-800)",
474
- "--hop-status-option6-text-disabled": "var(--hop-sunken-treasure-500)",
475
- "--hop-status-option6-text-hover": "var(--hop-sunken-treasure-900)",
476
- "--hop-status-option6-text-press": "var(--hop-sunken-treasure-800)",
477
- "--hop-status-option6-text-selected": "var(--hop-sunken-treasure-75)",
478
- "--hop-status-positive-border": "var(--hop-moss-400)",
479
- "--hop-status-positive-border-disabled": "var(--hop-moss-800)",
480
- "--hop-status-positive-border-hover": "var(--hop-moss-500)",
481
- "--hop-status-positive-border-press": "var(--hop-moss-400)",
482
- "--hop-status-positive-border-selected": "var(--hop-moss-75)",
483
- "--hop-status-positive-icon": "var(--hop-moss-800)",
484
- "--hop-status-positive-icon-disabled": "var(--hop-moss-500)",
485
- "--hop-status-positive-icon-hover": "var(--hop-moss-900)",
486
- "--hop-status-positive-icon-press": "var(--hop-moss-800)",
487
- "--hop-status-positive-icon-selected": "var(--hop-moss-75)",
488
- "--hop-status-positive-surface": "var(--hop-moss-100)",
489
- "--hop-status-positive-surface-disabled": "var(--hop-moss-800)",
490
- "--hop-status-positive-surface-hover": "var(--hop-moss-200)",
491
- "--hop-status-positive-surface-press": "var(--hop-moss-300)",
492
- "--hop-status-positive-surface-selected": "var(--hop-moss-800)",
493
- "--hop-status-positive-surface-strong": "var(--hop-moss-200)",
494
- "--hop-status-positive-text": "var(--hop-moss-800)",
495
- "--hop-status-positive-text-disabled": "var(--hop-moss-500)",
496
- "--hop-status-positive-text-hover": "var(--hop-moss-900)",
497
- "--hop-status-positive-text-press": "var(--hop-moss-800)",
498
- "--hop-status-positive-text-selected": "var(--hop-moss-75)",
499
- "--hop-status-progress-border": "var(--hop-sapphire-400)",
500
- "--hop-status-progress-border-disabled": "var(--hop-sapphire-600)",
501
- "--hop-status-progress-border-hover": "var(--hop-sapphire-500)",
502
- "--hop-status-progress-border-press": "var(--hop-sapphire-400)",
503
- "--hop-status-progress-border-selected": "var(--hop-sapphire-75)",
504
- "--hop-status-progress-icon": "var(--hop-sapphire-800)",
505
- "--hop-status-progress-icon-disabled": "var(--hop-sapphire-500)",
506
- "--hop-status-progress-icon-hover": "var(--hop-sapphire-900)",
507
- "--hop-status-progress-icon-press": "var(--hop-sapphire-800)",
508
- "--hop-status-progress-icon-selected": "var(--hop-sapphire-75)",
509
- "--hop-status-progress-surface": "var(--hop-sapphire-100)",
510
- "--hop-status-progress-surface-disabled": "var(--hop-sapphire-800)",
511
- "--hop-status-progress-surface-hover": "var(--hop-sapphire-200)",
512
- "--hop-status-progress-surface-press": "var(--hop-sapphire-300)",
513
- "--hop-status-progress-surface-selected": "var(--hop-sapphire-800)",
514
- "--hop-status-progress-surface-strong": "var(--hop-sapphire-200)",
515
- "--hop-status-progress-text": "var(--hop-sapphire-800)",
516
- "--hop-status-progress-text-disabled": "var(--hop-sapphire-500)",
517
- "--hop-status-progress-text-hover": "var(--hop-sapphire-900)",
518
- "--hop-status-progress-text-press": "var(--hop-sapphire-800)",
519
- "--hop-status-progress-text-selected": "var(--hop-sapphire-75)",
520
- "--hop-success-border": "var(--hop-moss-500)",
521
- "--hop-success-icon": "var(--hop-moss-900)",
522
- "--hop-success-icon-weakest": "var(--hop-moss-200)",
523
- "--hop-success-icon-weak": "var(--hop-moss-75)",
524
- "--hop-success-surface": "var(--hop-moss-75)",
525
- "--hop-success-surface-strong": "var(--hop-moss-300)",
526
- "--hop-success-surface-weak": "var(--hop-moss-800)",
527
- "--hop-success-text": "var(--hop-moss-900)",
528
- "--hop-success-text-weak": "var(--hop-moss-75)",
529
- "--hop-success-text-hover": "var(--hop-moss-700)",
530
- "--hop-warning-border": "var(--hop-koi-500)",
531
- "--hop-warning-icon": "var(--hop-koi-900)",
532
- "--hop-warning-icon-weakest": "var(--hop-koi-200)",
533
- "--hop-warning-icon-weak": "var(--hop-koi-75)",
534
- "--hop-warning-surface": "var(--hop-koi-75)",
535
- "--hop-warning-surface-strong": "var(--hop-koi-300)",
536
- "--hop-warning-surface-weak": "var(--hop-koi-800)",
537
- "--hop-warning-text": "var(--hop-koi-900)",
538
- "--hop-warning-text-weak": "var(--hop-koi-75)",
539
- "--hop-dataviz-unavailable": "var(--hop-rock-600)",
540
- "--hop-dataviz-unavailable-weak": "var(--hop-rock-400)",
541
- "--hop-dataviz-unavailable-strong": "var(--hop-rock-700)",
542
- "--hop-dataviz-text-onlight": "var(--hop-rock-800)",
543
- "--hop-dataviz-text-ondark": "var(--hop-samoyed)"
544
- };
545
-
546
- export { DarkSemanticTokens };
@@ -1,11 +0,0 @@
1
- import { DarkSemanticTokens } from './chunk-P6FMQKUS.js';
2
- import { SemanticTokens, CoreTokens } from './chunk-K5JIMNDM.js';
3
-
4
- // src/tokens/tokens.ts
5
- var Tokens = {
6
- Core: CoreTokens,
7
- Semantic: SemanticTokens,
8
- DarkSemantic: DarkSemanticTokens
9
- };
10
-
11
- export { Tokens };
@@ -1,32 +0,0 @@
1
- import { Tokens } from './chunk-RAWVBWQ4.js';
2
- import { useInsertStyleElement } from './chunk-RIORU7JO.js';
3
- import { StyledSystemRootCssClass } from './chunk-43MQD25Q.js';
4
-
5
- // src/tokens/TokenProvider.tsx
6
- function TokenProvider() {
7
- useInsertStyleElement(
8
- `hop-tokens-${StyledSystemRootCssClass}`,
9
- tokensToCssString(`.hop.${StyledSystemRootCssClass}`, Tokens.Core),
10
- false
11
- );
12
- useInsertStyleElement(
13
- `hop-tokens-semantic-${StyledSystemRootCssClass}`,
14
- tokensToCssString(`.hop.${StyledSystemRootCssClass}`, Tokens.Semantic),
15
- false
16
- );
17
- useInsertStyleElement(
18
- `hop-tokens-semantic-dark-${StyledSystemRootCssClass}`,
19
- tokensToCssString(`.hop.${StyledSystemRootCssClass}.${StyledSystemRootCssClass}-dark`, Tokens.DarkSemantic),
20
- false
21
- );
22
- return null;
23
- }
24
- function tokensToCssString(selector, tokens) {
25
- const cssValues = Object.entries(tokens).reduce((acc, [key, value]) => {
26
- return `${acc} ${key}: ${value};`;
27
- }, "");
28
- return `${selector} {${cssValues}
29
- }`;
30
- }
31
-
32
- export { TokenProvider };
@@ -1,20 +0,0 @@
1
- /** The TokenProvider injects tokens in the document's head.
2
- * This is a component and not a hook, so it's easier to conditionally call it
3
- * @example
4
- * assuming different versions of the design system loaded at the same time, one with version 1, the other with version 2.0.0
5
- * <head>
6
- * <style id="hop-tokens-1.0.0">
7
- * .hop-1-0-0 {
8
- * --token: red
9
- * }
10
- * </style>
11
- * <style id="hop-tokens-2.0.0">
12
- * .hop-2-0-0 {
13
- * --token: blue
14
- * }
15
- * </style>
16
- * </head>
17
- */
18
- declare function TokenProvider(): null;
19
-
20
- export { TokenProvider };
@@ -1,9 +0,0 @@
1
- export { TokenProvider } from '../chunk-S3G5NPHF.js';
2
- import '../chunk-RAWVBWQ4.js';
3
- import '../chunk-P6FMQKUS.js';
4
- import '../chunk-K5JIMNDM.js';
5
- import '../chunk-RIORU7JO.js';
6
- import '../chunk-YPIK2HRL.js';
7
- import '../chunk-43MQD25Q.js';
8
- import '../chunk-U5R6ZXH3.js';
9
- import '../chunk-AQ5VUG5P.js';