@hopper-ui/components 1.2.0 → 1.2.1

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 (165) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +37 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +10 -10
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/index.css +10 -10
  15. package/dist/Badge/src/index.js +2 -2
  16. package/dist/Divider/src/Divider.css +2 -2
  17. package/dist/Divider/src/Divider.js +1 -1
  18. package/dist/Divider/src/index.css +2 -2
  19. package/dist/Divider/src/index.js +1 -1
  20. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  21. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  22. package/dist/ErrorMessage/src/index.css +11 -11
  23. package/dist/ErrorMessage/src/index.js +2 -2
  24. package/dist/Form/src/Form.css +584 -584
  25. package/dist/Form/src/Form.js +40 -40
  26. package/dist/Form/src/index.css +584 -584
  27. package/dist/Form/src/index.js +40 -40
  28. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  29. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  30. package/dist/HelperMessage/src/index.css +11 -11
  31. package/dist/HelperMessage/src/index.js +2 -2
  32. package/dist/IconList/src/IconList.css +1 -1
  33. package/dist/IconList/src/IconList.js +1 -1
  34. package/dist/IconList/src/index.css +1 -1
  35. package/dist/IconList/src/index.js +1 -1
  36. package/dist/Link/src/Link.css +31 -31
  37. package/dist/Link/src/Link.js +2 -2
  38. package/dist/Link/src/index.css +31 -31
  39. package/dist/Link/src/index.js +2 -2
  40. package/dist/ListBox/src/ListBox.css +197 -197
  41. package/dist/ListBox/src/ListBox.js +8 -8
  42. package/dist/ListBox/src/ListBoxItem.css +182 -182
  43. package/dist/ListBox/src/ListBoxItem.js +6 -6
  44. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  45. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  46. package/dist/ListBox/src/index.css +197 -197
  47. package/dist/ListBox/src/index.js +8 -8
  48. package/dist/Spinner/src/Spinner.css +19 -19
  49. package/dist/Spinner/src/Spinner.js +2 -2
  50. package/dist/Spinner/src/index.css +19 -19
  51. package/dist/Spinner/src/index.js +2 -2
  52. package/dist/buttons/src/Button.css +94 -94
  53. package/dist/buttons/src/Button.js +3 -3
  54. package/dist/buttons/src/ButtonGroup.css +11 -11
  55. package/dist/buttons/src/ButtonGroup.js +1 -1
  56. package/dist/buttons/src/ClearButton.css +70 -70
  57. package/dist/buttons/src/ClearButton.js +2 -2
  58. package/dist/buttons/src/EmbeddedButton.css +70 -70
  59. package/dist/buttons/src/EmbeddedButton.js +1 -1
  60. package/dist/buttons/src/index.css +175 -175
  61. package/dist/buttons/src/index.js +6 -6
  62. package/dist/checkbox/src/Checkbox.css +31 -31
  63. package/dist/checkbox/src/Checkbox.js +2 -2
  64. package/dist/checkbox/src/CheckboxField.css +15 -15
  65. package/dist/checkbox/src/CheckboxField.js +1 -1
  66. package/dist/checkbox/src/CheckboxGroup.css +60 -60
  67. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  68. package/dist/checkbox/src/index.css +60 -60
  69. package/dist/checkbox/src/index.js +4 -4
  70. package/dist/{chunk-BKCMCC7V.js → chunk-2DPE3H3G.js} +1 -1
  71. package/dist/{chunk-PFABSIDM.js → chunk-462UBJV3.js} +1 -1
  72. package/dist/{chunk-VYKPDMP3.js → chunk-4APVXEPA.js} +2 -2
  73. package/dist/{chunk-W474WFOP.js → chunk-4H7PKEMJ.js} +6 -6
  74. package/dist/{chunk-IUOLKHYQ.js → chunk-55AWCUQF.js} +1 -1
  75. package/dist/{chunk-X253QCYD.js → chunk-6WKRP4MN.js} +2 -2
  76. package/dist/{chunk-CKKLDA5J.js → chunk-AGRQ7UGN.js} +2 -2
  77. package/dist/{chunk-T6MAOVLH.js → chunk-BN32T6QQ.js} +2 -2
  78. package/dist/{chunk-SZSQZ4C7.js → chunk-C7XRB2J6.js} +2 -2
  79. package/dist/{chunk-IXWYHDGU.js → chunk-CSE22YXO.js} +1 -1
  80. package/dist/{chunk-XUJNQNB3.js → chunk-CXWMHWSS.js} +1 -1
  81. package/dist/{chunk-5IB23E3O.js → chunk-DZKJZSTQ.js} +1 -1
  82. package/dist/{chunk-PQXVL3YJ.js → chunk-F47GZGT7.js} +1 -1
  83. package/dist/{chunk-EJUIYBAC.js → chunk-F4KQUFXI.js} +1 -1
  84. package/dist/{chunk-354H4FNA.js → chunk-IUFABTFZ.js} +1 -1
  85. package/dist/{chunk-FOD7XUSJ.js → chunk-J6YYPRGY.js} +4 -4
  86. package/dist/{chunk-VISBUD2K.js → chunk-J7BXE7WN.js} +3 -3
  87. package/dist/{chunk-XT2MZWEV.js → chunk-K7DU4YR4.js} +1 -1
  88. package/dist/{chunk-W2BQZEW6.js → chunk-LXCCS4SA.js} +3 -3
  89. package/dist/{chunk-U56LEEEA.js → chunk-MFFXNI66.js} +3 -3
  90. package/dist/{chunk-CEUQHDEQ.js → chunk-MX5BW5VE.js} +1 -1
  91. package/dist/{chunk-TCOZUCPD.js → chunk-PUNJWQAN.js} +2 -2
  92. package/dist/{chunk-MJHMFANK.js → chunk-QGC3OX7W.js} +1 -1
  93. package/dist/{chunk-TG623HPA.js → chunk-RLDQEH6F.js} +3 -3
  94. package/dist/{chunk-JJ4EFTES.js → chunk-RYZNMKWB.js} +1 -1
  95. package/dist/{chunk-COIGQP33.js → chunk-SPFANCCV.js} +3 -3
  96. package/dist/{chunk-FOKTHCFK.js → chunk-T7QJEHL7.js} +2 -2
  97. package/dist/{chunk-Q63YLWI6.js → chunk-TFELIWJO.js} +1 -1
  98. package/dist/{chunk-M3K4IYX6.js → chunk-THUFFPGX.js} +1 -1
  99. package/dist/{chunk-L5KI4ZCL.js → chunk-TM4R5NO7.js} +2 -2
  100. package/dist/{chunk-S5CK32KM.js → chunk-VQC5F6I7.js} +3 -3
  101. package/dist/{chunk-UT4CSUUM.js → chunk-WQSVNGFJ.js} +1 -1
  102. package/dist/{chunk-2XO5CZBO.js → chunk-WYBQCRQB.js} +1 -1
  103. package/dist/{chunk-HCRWIU7V.js → chunk-XI3BX2TP.js} +3 -3
  104. package/dist/{chunk-RWAVMW7T.js → chunk-XUCH26RT.js} +1 -1
  105. package/dist/{chunk-V5Q245NH.js → chunk-YWIDJ55Q.js} +1 -1
  106. package/dist/{chunk-RQKU3XDG.js → chunk-YXD3IR3T.js} +1 -1
  107. package/dist/{chunk-FA4IXLWZ.js → chunk-ZEXXNE5U.js} +4 -4
  108. package/dist/{chunk-J44DIB5J.js → chunk-ZPPQJKHC.js} +2 -2
  109. package/dist/index.css +584 -584
  110. package/dist/index.js +40 -40
  111. package/dist/inputs/src/InputGroup.css +14 -14
  112. package/dist/inputs/src/InputGroup.js +1 -1
  113. package/dist/inputs/src/NumberField.css +63 -63
  114. package/dist/inputs/src/NumberField.js +6 -6
  115. package/dist/inputs/src/PasswordField.css +217 -217
  116. package/dist/inputs/src/PasswordField.js +7 -7
  117. package/dist/inputs/src/SearchField.css +223 -223
  118. package/dist/inputs/src/SearchField.js +8 -8
  119. package/dist/inputs/src/TextArea.css +57 -57
  120. package/dist/inputs/src/TextArea.js +6 -6
  121. package/dist/inputs/src/TextField.css +218 -218
  122. package/dist/inputs/src/TextField.js +8 -8
  123. package/dist/inputs/src/index.css +266 -266
  124. package/dist/inputs/src/index.js +12 -12
  125. package/dist/overlays/Popover/src/Popover.css +584 -584
  126. package/dist/overlays/Popover/src/Popover.js +40 -40
  127. package/dist/overlays/Popover/src/index.css +584 -584
  128. package/dist/overlays/Popover/src/index.js +40 -40
  129. package/dist/radio/src/Radio.css +31 -31
  130. package/dist/radio/src/Radio.js +2 -2
  131. package/dist/radio/src/RadioField.css +15 -15
  132. package/dist/radio/src/RadioField.js +1 -1
  133. package/dist/radio/src/RadioGroup.css +60 -60
  134. package/dist/radio/src/RadioGroup.js +1 -1
  135. package/dist/radio/src/index.css +60 -60
  136. package/dist/radio/src/index.js +4 -4
  137. package/dist/switch/src/Switch.css +25 -25
  138. package/dist/switch/src/Switch.js +2 -2
  139. package/dist/switch/src/SwitchField.css +15 -15
  140. package/dist/switch/src/SwitchField.js +1 -1
  141. package/dist/switch/src/index.css +31 -31
  142. package/dist/switch/src/index.js +3 -3
  143. package/dist/tag/src/Tag.css +301 -301
  144. package/dist/tag/src/Tag.js +5 -5
  145. package/dist/tag/src/TagGroup.css +22 -22
  146. package/dist/tag/src/TagGroup.js +1 -1
  147. package/dist/tag/src/index.css +314 -314
  148. package/dist/tag/src/index.js +6 -6
  149. package/dist/typography/Heading/src/Heading.css +9 -9
  150. package/dist/typography/Heading/src/Heading.js +1 -1
  151. package/dist/typography/Heading/src/index.css +9 -9
  152. package/dist/typography/Heading/src/index.js +1 -1
  153. package/dist/typography/Label/src/Label.css +3 -3
  154. package/dist/typography/Label/src/Label.js +1 -1
  155. package/dist/typography/Label/src/index.css +3 -3
  156. package/dist/typography/Label/src/index.js +1 -1
  157. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  158. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  159. package/dist/typography/OverlineText/src/index.css +6 -6
  160. package/dist/typography/OverlineText/src/index.js +1 -1
  161. package/dist/typography/Text/src/Text.css +9 -9
  162. package/dist/typography/Text/src/Text.js +1 -1
  163. package/dist/typography/Text/src/index.css +9 -9
  164. package/dist/typography/Text/src/index.js +1 -1
  165. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
2
- .InputGroup-module__hop-InputGroup___PiLz0 {
2
+ .InputGroup-module__hop-InputGroup___JGJFG {
3
3
  --hop-InputGroup-background: var(--hop-neutral-surface);
4
4
  --hop-InputGroup-border-color: var(--hop-neutral-border);
5
5
  --hop-InputGroup-border-width: 0.0625rem;
@@ -80,11 +80,11 @@
80
80
  border: var(--border);
81
81
  border-radius: var(--hop-InputGroup-border-radius);
82
82
  }
83
- .InputGroup-module__hop-InputGroup--fluid___Cp15- {
83
+ .InputGroup-module__hop-InputGroup--fluid___6JfQH {
84
84
  --inline-size: 100%;
85
85
  --input-inline-size: 100%;
86
86
  }
87
- .InputGroup-module__hop-InputGroup--sm___ZeMr9 {
87
+ .InputGroup-module__hop-InputGroup--sm___JoxWu {
88
88
  --block-size: var(--hop-InputGroup-sm-block-size);
89
89
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
90
90
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -92,7 +92,7 @@
92
92
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
93
93
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
94
94
  }
95
- .InputGroup-module__hop-InputGroup___PiLz0[data-input-type=textarea] {
95
+ .InputGroup-module__hop-InputGroup___JGJFG[data-input-type=textarea] {
96
96
  --gap: var(--hop-InputGroup-gap-textarea);
97
97
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
98
98
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -100,29 +100,29 @@
100
100
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
101
101
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
102
102
  }
103
- .InputGroup-module__hop-InputGroup___PiLz0[data-input-type=number] {
103
+ .InputGroup-module__hop-InputGroup___JGJFG[data-input-type=number] {
104
104
  --display: var(--hop-InputGroup-display-number);
105
105
  --gap: var(--hop-InputGroup-gap-number);
106
106
  --inline-size: var(--hop-InputGroup-inline-size-number);
107
107
  }
108
- .InputGroup-module__hop-InputGroup___PiLz0[data-hovered] {
108
+ .InputGroup-module__hop-InputGroup___JGJFG[data-hovered] {
109
109
  --background: var(--hop-InputGroup-background-hover);
110
110
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
111
111
  }
112
- .InputGroup-module__hop-InputGroup___PiLz0[data-focus-within] {
112
+ .InputGroup-module__hop-InputGroup___JGJFG[data-focus-within] {
113
113
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
114
114
  }
115
- .InputGroup-module__hop-InputGroup___PiLz0[data-invalid] {
115
+ .InputGroup-module__hop-InputGroup___JGJFG[data-invalid] {
116
116
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
117
117
  }
118
- .InputGroup-module__hop-InputGroup___PiLz0[data-disabled] {
118
+ .InputGroup-module__hop-InputGroup___JGJFG[data-disabled] {
119
119
  --background: var(--hop-InputGroup-background-disabled);
120
120
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
121
121
  --input-color: var(--hop-InputGroup-input-color-disabled);
122
122
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
123
123
  }
124
- .InputGroup-module__hop-InputGroup__input___xLgn9,
125
- .InputGroup-module__hop-InputGroup__textarea___6Go7N {
124
+ .InputGroup-module__hop-InputGroup__input___2VtDU,
125
+ .InputGroup-module__hop-InputGroup__textarea___eOkGw {
126
126
  flex: 1 1 auto;
127
127
  box-sizing: border-box;
128
128
  inline-size: var(--input-inline-size);
@@ -136,14 +136,14 @@
136
136
  border: none;
137
137
  outline: none;
138
138
  }
139
- .InputGroup-module__hop-InputGroup__input___xLgn9 {
139
+ .InputGroup-module__hop-InputGroup__input___2VtDU {
140
140
  block-size: var(--input-block-size);
141
141
  padding: var(--hop-InputGroup-input-padding);
142
142
  }
143
- .InputGroup-module__hop-InputGroup__textarea___6Go7N {
143
+ .InputGroup-module__hop-InputGroup__textarea___eOkGw {
144
144
  padding: var(--hop-InputGroup-textarea-padding);
145
145
  }
146
- .InputGroup-module__hop-InputGroup__input___xLgn9::placeholder {
146
+ .InputGroup-module__hop-InputGroup__input___2VtDU::placeholder {
147
147
  font-family: var(--hop-InputGroup-placeholder-font-family);
148
148
  font-size: var(--hop-InputGroup-placeholder-font-size);
149
149
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
@@ -152,7 +152,7 @@
152
152
  }
153
153
 
154
154
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
155
- .Text-module__hop-Text___7s-NC {
155
+ .Text-module__hop-Text___Ww7PP {
156
156
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
157
157
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
158
158
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -182,49 +182,49 @@
182
182
  --hop-Text-inherit-size-font-weight: inherit;
183
183
  --hop-Text-inherit-size-line-height: inherit;
184
184
  }
185
- :where(.Text-module__hop-Text___7s-NC) {
185
+ :where(.Text-module__hop-Text___Ww7PP) {
186
186
  font-family: var(--font-family);
187
187
  font-size: var(--font-size);
188
188
  font-weight: var(--font-weight);
189
189
  line-height: var(--line-height);
190
190
  }
191
- :where(.Text-module__hop-Text--xs___uRZNm) {
191
+ :where(.Text-module__hop-Text--xs___YsuwL) {
192
192
  --font-size: var(--hop-Text-xs-font-size);
193
193
  --font-family: var(--hop-Text-xs-font-family);
194
194
  --font-weight: var(--hop-Text-xs-font-weight);
195
195
  --line-height: var(--hop-Text-xs-line-height);
196
196
  }
197
- :where(.Text-module__hop-Text--sm___LfDaA) {
197
+ :where(.Text-module__hop-Text--sm___9lTR-) {
198
198
  --font-size: var(--hop-Text-sm-font-size);
199
199
  --font-family: var(--hop-Text-sm-font-family);
200
200
  --font-weight: var(--hop-Text-sm-font-weight);
201
201
  --line-height: var(--hop-Text-sm-line-height);
202
202
  }
203
- :where(.Text-module__hop-Text--md___aGVbv) {
203
+ :where(.Text-module__hop-Text--md___to5eX) {
204
204
  --font-size: var(--hop-Text-md-font-size);
205
205
  --font-family: var(--hop-Text-md-font-family);
206
206
  --font-weight: var(--hop-Text-md-font-weight);
207
207
  --line-height: var(--hop-Text-md-line-height);
208
208
  }
209
- :where(.Text-module__hop-Text--lg___TgsRg) {
209
+ :where(.Text-module__hop-Text--lg___Y-6Mo) {
210
210
  --font-size: var(--hop-Text-lg-font-size);
211
211
  --font-family: var(--hop-Text-lg-font-family);
212
212
  --font-weight: var(--hop-Text-lg-font-weight);
213
213
  --line-height: var(--hop-Text-lg-line-height);
214
214
  }
215
- :where(.Text-module__hop-Text--xl___gAcxP) {
215
+ :where(.Text-module__hop-Text--xl___Qo9et) {
216
216
  --font-size: var(--hop-Text-xl-font-size);
217
217
  --font-family: var(--hop-Text-xl-font-family);
218
218
  --font-weight: var(--hop-Text-xl-font-weight);
219
219
  --line-height: var(--hop-Text-xl-line-height);
220
220
  }
221
- :where(.Text-module__hop-Text--2xl___n-9B9) {
221
+ :where(.Text-module__hop-Text--2xl___dViKj) {
222
222
  --font-size: var(--hop-Text-2xl-font-size);
223
223
  --font-family: var(--hop-Text-2xl-font-family);
224
224
  --font-weight: var(--hop-Text-2xl-font-weight);
225
225
  --line-height: var(--hop-Text-2xl-line-height);
226
226
  }
227
- :where(.Text-module__hop-Text--inherit___SEa0P) {
227
+ :where(.Text-module__hop-Text--inherit___uMHTH) {
228
228
  --font-size: var(--hop-Text-inherit-size-font-size);
229
229
  --font-family: var(--hop-Text-inherit-size-font-family);
230
230
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -232,7 +232,7 @@
232
232
  }
233
233
 
234
234
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
235
- .ErrorMessage-module__hop-ErrorMessage___6qmlS {
235
+ .ErrorMessage-module__hop-ErrorMessage___mPK9U {
236
236
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
237
237
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
238
238
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -249,13 +249,13 @@
249
249
  line-height: var(--hop-ErrorMessage-line-height);
250
250
  color: var(--hop-ErrorMessage-color);
251
251
  }
252
- .ErrorMessage-module__hop-ErrorMessage__icon___m4Mae {
252
+ .ErrorMessage-module__hop-ErrorMessage__icon___blB3q {
253
253
  flex: 0 0 auto;
254
254
  align-self: flex-start;
255
255
  }
256
256
 
257
257
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
258
- .HelperMessage-module__hop-HelperMessage___KQaJ4 {
258
+ .HelperMessage-module__hop-HelperMessage___g-wQa {
259
259
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
260
260
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
261
261
  display: flex;
@@ -264,13 +264,13 @@
264
264
  box-sizing: border-box;
265
265
  color: var(--hop-HelperMessage-color);
266
266
  }
267
- .HelperMessage-module__hop-HelperMessage__icon___1a1jj {
267
+ .HelperMessage-module__hop-HelperMessage__icon___3-slU {
268
268
  flex: 0 0 auto;
269
269
  align-self: flex-start;
270
270
  }
271
271
 
272
272
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
273
- .Heading-module__hop-Heading___FVhfN {
273
+ .Heading-module__hop-Heading___uAJ5h {
274
274
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
275
275
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
276
276
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -304,50 +304,50 @@
304
304
  --hop-Heading-inherit-size-font-weight: inherit;
305
305
  --hop-Heading-inherit-size-line-height: inherit;
306
306
  }
307
- :where(.Heading-module__hop-Heading___FVhfN) {
307
+ :where(.Heading-module__hop-Heading___uAJ5h) {
308
308
  margin: 0;
309
309
  font-family: var(--font-family);
310
310
  font-size: var(--font-size);
311
311
  font-weight: var(--font-weight);
312
312
  line-height: var(--line-height);
313
313
  }
314
- :where(.Heading-module__hop-Heading--xs___t30s-) {
314
+ :where(.Heading-module__hop-Heading--xs___GM0hn) {
315
315
  --font-size: var(--hop-Heading-xs-font-size);
316
316
  --font-family: var(--hop-Heading-xs-font-family);
317
317
  --font-weight: var(--hop-Heading-xs-font-weight);
318
318
  --line-height: var(--hop-Heading-xs-line-height);
319
319
  }
320
- :where(.Heading-module__hop-Heading--sm___R6y6i) {
320
+ :where(.Heading-module__hop-Heading--sm___jvfjH) {
321
321
  --font-size: var(--hop-Heading-sm-font-size);
322
322
  --font-family: var(--hop-Heading-sm-font-family);
323
323
  --font-weight: var(--hop-Heading-sm-font-weight);
324
324
  --line-height: var(--hop-Heading-sm-line-height);
325
325
  }
326
- :where(.Heading-module__hop-Heading--md___d6d9m) {
326
+ :where(.Heading-module__hop-Heading--md___8sUov) {
327
327
  --font-size: var(--hop-Heading-md-font-size);
328
328
  --font-family: var(--hop-Heading-md-font-family);
329
329
  --font-weight: var(--hop-Heading-md-font-weight);
330
330
  --line-height: var(--hop-Heading-md-line-height);
331
331
  }
332
- :where(.Heading-module__hop-Heading--lg___yqjzy) {
332
+ :where(.Heading-module__hop-Heading--lg___AaXUx) {
333
333
  --font-size: var(--hop-Heading-lg-font-size);
334
334
  --font-family: var(--hop-Heading-lg-font-family);
335
335
  --font-weight: var(--hop-Heading-lg-font-weight);
336
336
  --line-height: var(--hop-Heading-lg-line-height);
337
337
  }
338
- :where(.Heading-module__hop-Heading--xl___U0Gfz) {
338
+ :where(.Heading-module__hop-Heading--xl___V5Rgs) {
339
339
  --font-size: var(--hop-Heading-xl-font-size);
340
340
  --font-family: var(--hop-Heading-xl-font-family);
341
341
  --font-weight: var(--hop-Heading-xl-font-weight);
342
342
  --line-height: var(--hop-Heading-xl-line-height);
343
343
  }
344
- :where(.Heading-module__hop-Heading--2xl___B7lym) {
344
+ :where(.Heading-module__hop-Heading--2xl___21pHk) {
345
345
  --font-size: var(--hop-Heading-2xl-font-size);
346
346
  --font-family: var(--hop-Heading-2xl-font-family);
347
347
  --font-weight: var(--hop-Heading-2xl-font-weight);
348
348
  --line-height: var(--hop-Heading-2xl-line-height);
349
349
  }
350
- :where(.Heading-module__hop-Heading--3xl___P65x-) {
350
+ :where(.Heading-module__hop-Heading--3xl___Z-RFz) {
351
351
  --font-size: var(--hop-Heading-3xl-font-size);
352
352
  --font-family: var(--hop-Heading-3xl-font-family);
353
353
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -355,7 +355,7 @@
355
355
  }
356
356
 
357
357
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
358
- :where(.OverlineText-module__hop-OverlineText___kurkU) {
358
+ :where(.OverlineText-module__hop-OverlineText___N5J5g) {
359
359
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
360
360
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
361
361
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -379,45 +379,45 @@
379
379
  text-transform: uppercase;
380
380
  letter-spacing: var(--letter-spacing);
381
381
  }
382
- .OverlineText-module__hop-OverlineText__text___7uNsa {
382
+ .OverlineText-module__hop-OverlineText__text___EUFfb {
383
383
  box-sizing: border-box;
384
384
  }
385
- .OverlineText-module__hop-OverlineText__text___7uNsa::before,
386
- .OverlineText-module__hop-OverlineText__text___7uNsa::after {
385
+ .OverlineText-module__hop-OverlineText__text___EUFfb::before,
386
+ .OverlineText-module__hop-OverlineText__text___EUFfb::after {
387
387
  content: "";
388
388
  display: block;
389
389
  box-sizing: border-box;
390
390
  inline-size: 0;
391
391
  block-size: 0;
392
392
  }
393
- .OverlineText-module__hop-OverlineText__text___7uNsa::before {
393
+ .OverlineText-module__hop-OverlineText__text___EUFfb::before {
394
394
  margin-block-end: var(--bottom-offset);
395
395
  }
396
- .OverlineText-module__hop-OverlineText__text___7uNsa::after {
396
+ .OverlineText-module__hop-OverlineText__text___EUFfb::after {
397
397
  margin-block-start: var(--top-offset);
398
398
  }
399
399
 
400
400
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
401
- .Label-module__hop-Label___L4zrw {
401
+ .Label-module__hop-Label___43PE1 {
402
402
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
403
403
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
404
404
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
405
405
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
406
406
  --hop-Label-color: var(--hop-neutral-text-weak);
407
407
  }
408
- :where(.Label-module__hop-Label___L4zrw) {
408
+ :where(.Label-module__hop-Label___43PE1) {
409
409
  font-family: var(--hop-Label-font-family);
410
410
  font-size: var(--hop-Label-font-size);
411
411
  font-weight: var(--hop-Label-font-weight);
412
412
  line-height: var(--hop-Label-line-height);
413
413
  color: var(--hop-Label-color);
414
414
  }
415
- :where(.Label-module__hop-Label__indicator___mWy1n) {
415
+ :where(.Label-module__hop-Label__indicator___PXvS0) {
416
416
  padding-inline-start: var(--hop-space-20);
417
417
  }
418
418
 
419
419
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
420
- .NumberField-module__hop-NumberField___IQHRz {
420
+ .NumberField-module__hop-NumberField___UgGQL {
421
421
  --hop-NumberField-gap: var(--hop-space-stack-xs);
422
422
  --hop-NumberField-inline-size: 20rem;
423
423
  --hop-NumberField-inline-size-fluid: 100%;
@@ -465,30 +465,30 @@
465
465
  gap: var(--hop-NumberField-gap);
466
466
  inline-size: var(--inline-size);
467
467
  }
468
- .NumberField-module__hop-NumberField--fluid___cBL6Z {
468
+ .NumberField-module__hop-NumberField--fluid___JQJsO {
469
469
  --inline-size: var(--hop-NumberField-inline-size-fluid);
470
470
  }
471
- .NumberField-module__hop-NumberField--mobile___83Tka {
471
+ .NumberField-module__hop-NumberField--mobile___-rjzF {
472
472
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
473
473
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
474
474
  }
475
- .NumberField-module__hop-NumberField__Label___QqEtX {
475
+ .NumberField-module__hop-NumberField__Label___AIkme {
476
476
  order: 0;
477
477
  }
478
- .NumberField-module__hop-NumberField__prefix___zfJ4v {
478
+ .NumberField-module__hop-NumberField__prefix___k9Amr {
479
479
  grid-area: prefix;
480
480
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
481
481
  color: var(--hop-NumberField-prefix-color);
482
482
  }
483
- .NumberField-module__hop-NumberField__InputGroup___rpkuJ {
483
+ .NumberField-module__hop-NumberField__InputGroup___AmBST {
484
484
  grid-template: var(--input-group-template);
485
485
  order: 1;
486
486
  }
487
- .NumberField-module__hop-NumberField__ErrorMessage___isGtg,
488
- .NumberField-module__hop-NumberField__HelperMessage___7p6WZ {
487
+ .NumberField-module__hop-NumberField__ErrorMessage___1ZR-C,
488
+ .NumberField-module__hop-NumberField__HelperMessage___aL7XZ {
489
489
  order: 3;
490
490
  }
491
- .NumberField-module__hop-NumberField__stepper-button___ofNwv {
491
+ .NumberField-module__hop-NumberField__stepper-button___O8-2A {
492
492
  cursor: pointer;
493
493
  display: flex;
494
494
  grid-area: var(--grid-area, unset);
@@ -508,55 +508,55 @@
508
508
  border-radius: var(--stepper-border-radius, 0);
509
509
  outline: none;
510
510
  }
511
- .NumberField-module__hop-NumberField__stepper-button--increment___BXGLT {
511
+ .NumberField-module__hop-NumberField__stepper-button--increment___yxvZH {
512
512
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
513
513
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
514
514
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
515
515
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
516
516
  --grid-area: stepup;
517
517
  }
518
- .NumberField-module__hop-NumberField__stepper-button--decrement___vWXrK {
518
+ .NumberField-module__hop-NumberField__stepper-button--decrement___z-fu- {
519
519
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
520
520
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
521
521
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
522
522
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
523
523
  --grid-area: stepdown;
524
524
  }
525
- .NumberField-module__hop-NumberField__stepper-button--mobile___lZj4N.NumberField-module__hop-NumberField__stepper-button--increment___BXGLT {
525
+ .NumberField-module__hop-NumberField__stepper-button--mobile___2Fw9-.NumberField-module__hop-NumberField__stepper-button--increment___yxvZH {
526
526
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
527
527
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
528
528
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
529
529
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
530
530
  }
531
- .NumberField-module__hop-NumberField__stepper-button--mobile___lZj4N.NumberField-module__hop-NumberField__stepper-button--decrement___vWXrK {
531
+ .NumberField-module__hop-NumberField__stepper-button--mobile___2Fw9-.NumberField-module__hop-NumberField__stepper-button--decrement___z-fu- {
532
532
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
533
533
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
534
534
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
535
535
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
536
536
  }
537
- .NumberField-module__hop-NumberField__stepper-button___ofNwv[data-hovered] {
537
+ .NumberField-module__hop-NumberField__stepper-button___O8-2A[data-hovered] {
538
538
  color: var(--hop-NumberField-stepper-color-hovered);
539
539
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
540
540
  }
541
- .NumberField-module__hop-NumberField__stepper-button___ofNwv[data-pressed] {
541
+ .NumberField-module__hop-NumberField__stepper-button___O8-2A[data-pressed] {
542
542
  color: var(--hop-NumberField-stepper-color-pressed);
543
543
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
544
544
  }
545
- .NumberField-module__hop-NumberField__stepper-button___ofNwv[data-disabled] {
545
+ .NumberField-module__hop-NumberField__stepper-button___O8-2A[data-disabled] {
546
546
  cursor: not-allowed;
547
547
  color: var(--hop-NumberField-stepper-color-disabled);
548
548
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
549
549
  }
550
- .NumberField-module__hop-NumberField__stepper-button__icon___-KSsu {
550
+ .NumberField-module__hop-NumberField__stepper-button__icon___QtyaS {
551
551
  display: block;
552
552
  max-block-size: 100%;
553
553
  }
554
- .NumberField-module__hop-NumberField__input___lQVE0 {
554
+ .NumberField-module__hop-NumberField__input___XsNK4 {
555
555
  grid-area: input;
556
556
  }
557
557
 
558
558
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
559
- .TextArea-module__hop-TextArea___Oqrhm {
559
+ .TextArea-module__hop-TextArea___RQPX1 {
560
560
  --hop-TextArea-gap: var(--hop-space-stack-xs);
561
561
  --hop-TextArea-inline-size: 20rem;
562
562
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -573,42 +573,42 @@
573
573
  gap: var(--hop-TextArea-gap);
574
574
  inline-size: var(--inline-size);
575
575
  }
576
- .TextArea-module__hop-TextArea--fluid___2QsEG {
576
+ .TextArea-module__hop-TextArea--fluid___8Dtb- {
577
577
  --inline-size: 100%;
578
578
  }
579
- .TextArea-module__hop-TextArea___Oqrhm[data-resize-mode=vertical] {
579
+ .TextArea-module__hop-TextArea___RQPX1[data-resize-mode=vertical] {
580
580
  --resize: vertical;
581
581
  }
582
- .TextArea-module__hop-TextArea___Oqrhm[data-over-max-length] {
582
+ .TextArea-module__hop-TextArea___RQPX1[data-over-max-length] {
583
583
  --char-count-color: var(--hop-TextArea-char-count-color-invalid);
584
584
  }
585
- .TextArea-module__hop-TextArea___Oqrhm[data-disabled] {
585
+ .TextArea-module__hop-TextArea___RQPX1[data-disabled] {
586
586
  --char-count-color: var(--hop-TextArea-char-count-color-disabled);
587
587
  }
588
- .TextArea-module__hop-TextArea__Label___6uZvZ {
588
+ .TextArea-module__hop-TextArea__Label___up8f- {
589
589
  order: 0;
590
590
  }
591
- .TextArea-module__hop-TextArea__prefix___UGSsJ {
591
+ .TextArea-module__hop-TextArea__prefix___Goc9g {
592
592
  color: var(--hop-TextArea-prefix-color);
593
593
  }
594
- .TextArea-module__hop-TextArea__InputGroup___m2oHv {
594
+ .TextArea-module__hop-TextArea__InputGroup___5CqUn {
595
595
  order: 1;
596
596
  }
597
- .TextArea-module__hop-TextArea__textarea___-aEby {
597
+ .TextArea-module__hop-TextArea__textarea___Hc7Ow {
598
598
  resize: var(--resize);
599
599
  min-block-size: var(--hop-TextArea-input-min-height);
600
600
  }
601
- .TextArea-module__hop-TextArea__char-count___-TDoe {
601
+ .TextArea-module__hop-TextArea__char-count___U8NGM {
602
602
  padding: var(--hop-TextArea-char-count-padding);
603
603
  color: var(--char-count-color);
604
604
  }
605
- .TextArea-module__hop-TextArea__ErrorMessage___Gj-AJ,
606
- .TextArea-module__hop-TextArea__HelperMessage___FVgxx {
605
+ .TextArea-module__hop-TextArea__ErrorMessage___QQhT-,
606
+ .TextArea-module__hop-TextArea__HelperMessage___JSKR5 {
607
607
  order: 3;
608
608
  }
609
609
 
610
610
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
611
- .IconList-module__hop-IconList___-mdbp {
611
+ .IconList-module__hop-IconList___gfJWC {
612
612
  --hop-IconList-gap: var(--hop-space-inline-xs);
613
613
  display: flex;
614
614
  flex-wrap: wrap;
@@ -617,7 +617,7 @@
617
617
  }
618
618
 
619
619
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
620
- @keyframes Spinner-module__spin___SWfvR {
620
+ @keyframes Spinner-module__spin___rd-Rj {
621
621
  0% {
622
622
  transform: rotate(0deg);
623
623
  }
@@ -625,7 +625,7 @@
625
625
  transform: rotate(360deg);
626
626
  }
627
627
  }
628
- .Spinner-module__hop-Spinner___apf3U {
628
+ .Spinner-module__hop-Spinner___P0jhV {
629
629
  --hop-Spinner-border-radius: var(--hop-shape-circle);
630
630
  --hop-Spinner-sm-wheel-size: 1rem;
631
631
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -633,7 +633,7 @@
633
633
  --hop-Spinner-track-width: 0.125rem;
634
634
  --hop-Spinner-track-opacity: 0.2;
635
635
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
636
- --hop-Spinner-fill-animation: Spinner-module__spin___SWfvR .8s infinite linear;
636
+ --hop-Spinner-fill-animation: Spinner-module__spin___rd-Rj .8s infinite linear;
637
637
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
638
638
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
639
639
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -644,19 +644,19 @@
644
644
  align-items: center;
645
645
  box-sizing: border-box;
646
646
  }
647
- .Spinner-module__hop-Spinner--sm___iii5s {
647
+ .Spinner-module__hop-Spinner--sm___ZnMZ7 {
648
648
  --width: var(--hop-Spinner-sm-wheel-size);
649
649
  --height: var(--hop-Spinner-sm-wheel-size);
650
650
  }
651
- .Spinner-module__hop-Spinner--md___XWByD {
651
+ .Spinner-module__hop-Spinner--md___7YS0S {
652
652
  --width: var(--hop-Spinner-md-wheel-size);
653
653
  --height: var(--hop-Spinner-md-wheel-size);
654
654
  }
655
- .Spinner-module__hop-Spinner--lg___8MyXM {
655
+ .Spinner-module__hop-Spinner--lg___0t21N {
656
656
  --width: var(--hop-Spinner-lg-wheel-size);
657
657
  --height: var(--hop-Spinner-lg-wheel-size);
658
658
  }
659
- .Spinner-module__hop-Spinner__track___jLA3R {
659
+ .Spinner-module__hop-Spinner__track___iI6Dd {
660
660
  grid-area: spinner;
661
661
  box-sizing: border-box;
662
662
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -665,7 +665,7 @@
665
665
  border: var(--hop-Spinner-track-border);
666
666
  border-radius: var(--hop-Spinner-border-radius);
667
667
  }
668
- .Spinner-module__hop-Spinner__fill___9aaOq {
668
+ .Spinner-module__hop-Spinner__fill___BCOFL {
669
669
  grid-area: spinner;
670
670
  box-sizing: border-box;
671
671
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -676,17 +676,17 @@
676
676
  animation: var(--hop-Spinner-fill-animation);
677
677
  }
678
678
  @media (prefers-reduced-motion: reduce) {
679
- .Spinner-module__hop-Spinner__fill___9aaOq {
679
+ .Spinner-module__hop-Spinner__fill___BCOFL {
680
680
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
681
681
  }
682
682
  }
683
- .Spinner-module__hop-Spinner__label___fNaHT {
683
+ .Spinner-module__hop-Spinner__label___fkVwj {
684
684
  grid-area: label;
685
685
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
686
686
  }
687
687
 
688
688
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
689
- .Button-module__hop-Button___ot9lw {
689
+ .Button-module__hop-Button___jX9LE {
690
690
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
691
691
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
692
692
  --hop-Button-icon-only-padding: 0;
@@ -845,317 +845,317 @@
845
845
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
846
846
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
847
847
  }
848
- .Button-module__hop-Button___ot9lw[data-focus-visible] {
848
+ .Button-module__hop-Button___jX9LE[data-focus-visible] {
849
849
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
850
850
  }
851
- .Button-module__hop-Button--icon-only___i5ahP {
851
+ .Button-module__hop-Button--icon-only___71t1L {
852
852
  --padding-block: var(--hop-Button-icon-only-padding);
853
853
  --padding-inline: var(--hop-Button-icon-only-padding);
854
854
  column-gap: 0;
855
855
  aspect-ratio: 1;
856
856
  }
857
- .Button-module__hop-Button___ot9lw[data-disabled],
858
- .Button-module__hop-Button___ot9lw[data-loading] {
857
+ .Button-module__hop-Button___jX9LE[data-disabled],
858
+ .Button-module__hop-Button___jX9LE[data-loading] {
859
859
  cursor: not-allowed;
860
860
  }
861
- .Button-module__hop-Button--fluid___7p5MN {
861
+ .Button-module__hop-Button--fluid___SYpjM {
862
862
  --inline-size: 100%;
863
863
  }
864
- .Button-module__hop-Button--sm___8f5C7 {
864
+ .Button-module__hop-Button--sm___wPAMa {
865
865
  --block-size: var(--hop-Button-sm-height);
866
866
  }
867
- .Button-module__hop-Button--primary___eGhk1.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
867
+ .Button-module__hop-Button--primary___BvniH.Button-module__hop-Button--sm___wPAMa:not(.Button-module__hop-Button--icon-only___71t1L) {
868
868
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
869
869
  --padding-block: var(--hop-Button-primary-sm-padding-y);
870
870
  }
871
- .Button-module__hop-Button--primary___eGhk1.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
871
+ .Button-module__hop-Button--primary___BvniH.Button-module__hop-Button--md___B9RAI:not(.Button-module__hop-Button--icon-only___71t1L) {
872
872
  --padding-inline: var(--hop-Button-primary-md-padding-x);
873
873
  --padding-block: var(--hop-Button-primary-md-padding-y);
874
874
  }
875
- .Button-module__hop-Button--secondary___EK4MQ.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
875
+ .Button-module__hop-Button--secondary___lCKXs.Button-module__hop-Button--md___B9RAI:not(.Button-module__hop-Button--icon-only___71t1L) {
876
876
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
877
877
  --padding-block: var(--hop-Button-secondary-md-padding-y);
878
878
  }
879
- .Button-module__hop-Button--secondary___EK4MQ.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
879
+ .Button-module__hop-Button--secondary___lCKXs.Button-module__hop-Button--sm___wPAMa:not(.Button-module__hop-Button--icon-only___71t1L) {
880
880
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
881
881
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
882
882
  }
883
- .Button-module__hop-Button--upsell___tKts9.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
883
+ .Button-module__hop-Button--upsell___NyM1V.Button-module__hop-Button--md___B9RAI:not(.Button-module__hop-Button--icon-only___71t1L) {
884
884
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
885
885
  --padding-block: var(--hop-Button-upsell-md-padding-y);
886
886
  }
887
- .Button-module__hop-Button--upsell___tKts9.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
887
+ .Button-module__hop-Button--upsell___NyM1V.Button-module__hop-Button--sm___wPAMa:not(.Button-module__hop-Button--icon-only___71t1L) {
888
888
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
889
889
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
890
890
  }
891
- .Button-module__hop-Button--danger___kCc82.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
891
+ .Button-module__hop-Button--danger___k-o-0.Button-module__hop-Button--md___B9RAI:not(.Button-module__hop-Button--icon-only___71t1L) {
892
892
  --padding-inline: var(--hop-Button-danger-md-padding-x);
893
893
  --padding-block: var(--hop-Button-danger-md-padding-y);
894
894
  }
895
- .Button-module__hop-Button--danger___kCc82.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
895
+ .Button-module__hop-Button--danger___k-o-0.Button-module__hop-Button--sm___wPAMa:not(.Button-module__hop-Button--icon-only___71t1L) {
896
896
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
897
897
  --padding-block: var(--hop-Button-danger-sm-padding-y);
898
898
  }
899
- .Button-module__hop-Button--ghost-danger___p0AWu.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
899
+ .Button-module__hop-Button--ghost-danger___omDnE.Button-module__hop-Button--md___B9RAI:not(.Button-module__hop-Button--icon-only___71t1L) {
900
900
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
901
901
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
902
902
  }
903
- .Button-module__hop-Button--ghost-danger___p0AWu.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
903
+ .Button-module__hop-Button--ghost-danger___omDnE.Button-module__hop-Button--sm___wPAMa:not(.Button-module__hop-Button--icon-only___71t1L) {
904
904
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
905
905
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
906
906
  }
907
- .Button-module__hop-Button--ghost-secondary___Mh--L.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
907
+ .Button-module__hop-Button--ghost-secondary___OFQHT.Button-module__hop-Button--md___B9RAI:not(.Button-module__hop-Button--icon-only___71t1L) {
908
908
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
909
909
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
910
910
  }
911
- .Button-module__hop-Button--ghost-secondary___Mh--L.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
911
+ .Button-module__hop-Button--ghost-secondary___OFQHT.Button-module__hop-Button--sm___wPAMa:not(.Button-module__hop-Button--icon-only___71t1L) {
912
912
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
913
913
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
914
914
  }
915
- .Button-module__hop-Button--ghost-primary___bHqEG.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
915
+ .Button-module__hop-Button--ghost-primary___ceb7C.Button-module__hop-Button--md___B9RAI:not(.Button-module__hop-Button--icon-only___71t1L) {
916
916
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
917
917
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
918
918
  }
919
- .Button-module__hop-Button--ghost-primary___bHqEG.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
919
+ .Button-module__hop-Button--ghost-primary___ceb7C.Button-module__hop-Button--sm___wPAMa:not(.Button-module__hop-Button--icon-only___71t1L) {
920
920
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
921
921
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
922
922
  }
923
- .Button-module__hop-Button--primary___eGhk1 {
923
+ .Button-module__hop-Button--primary___BvniH {
924
924
  --background-color: var(--hop-Button-primary-background-color);
925
925
  --color: var(--hop-Button-primary-color);
926
926
  --border: var(--hop-Button-primary-border);
927
927
  --spinner-color: var(--hop-Button-primary-spinner-color);
928
928
  }
929
- .Button-module__hop-Button--primary___eGhk1[data-disabled]:not([data-loading]) {
929
+ .Button-module__hop-Button--primary___BvniH[data-disabled]:not([data-loading]) {
930
930
  --background-color: var(--hop-Button-primary-background-color-disabled);
931
931
  --color: var(--hop-Button-primary-color-disabled);
932
932
  --border: var(--hop-Button-primary-border-disabled);
933
933
  }
934
- .Button-module__hop-Button--primary___eGhk1[data-hovered]:not([data-disabled], [data-loading]),
935
- .Button-module__hop-Button--primary___eGhk1[data-focus-visible]:not([data-disabled], [data-loading]) {
934
+ .Button-module__hop-Button--primary___BvniH[data-hovered]:not([data-disabled], [data-loading]),
935
+ .Button-module__hop-Button--primary___BvniH[data-focus-visible]:not([data-disabled], [data-loading]) {
936
936
  --background-color: var(--hop-Button-primary-background-color-hover);
937
937
  --color: var(--hop-Button-primary-color-hover);
938
938
  --border: var(--hop-Button-primary-border-hover);
939
939
  }
940
- .Button-module__hop-Button--primary___eGhk1[data-pressed]:not([data-loading]) {
940
+ .Button-module__hop-Button--primary___BvniH[data-pressed]:not([data-loading]) {
941
941
  --background-color: var(--hop-Button-primary-background-color-pressed);
942
942
  --color: var(--hop-Button-primary-color-pressed);
943
943
  --border: var(--hop-Button-primary-border-pressed);
944
944
  }
945
- .Button-module__hop-Button--secondary___EK4MQ {
945
+ .Button-module__hop-Button--secondary___lCKXs {
946
946
  --background-color: var(--hop-Button-secondary-background-color);
947
947
  --color: var(--hop-Button-secondary-color);
948
948
  --border: var(--hop-Button-secondary-border);
949
949
  --spinner-color: var(--hop-Button-secondary-spinner-color);
950
950
  }
951
- .Button-module__hop-Button--secondary___EK4MQ[data-disabled]:not([data-loading]) {
951
+ .Button-module__hop-Button--secondary___lCKXs[data-disabled]:not([data-loading]) {
952
952
  --background-color: var(--hop-Button-secondary-background-color-disabled);
953
953
  --color: var(--hop-Button-secondary-color-disabled);
954
954
  --border: var(--hop-Button-secondary-border-disabled);
955
955
  }
956
- .Button-module__hop-Button--secondary___EK4MQ[data-hovered]:not([data-disabled], [data-loading]),
957
- .Button-module__hop-Button--secondary___EK4MQ[data-focus-visible]:not([data-disabled], [data-loading]) {
956
+ .Button-module__hop-Button--secondary___lCKXs[data-hovered]:not([data-disabled], [data-loading]),
957
+ .Button-module__hop-Button--secondary___lCKXs[data-focus-visible]:not([data-disabled], [data-loading]) {
958
958
  --background-color: var(--hop-Button-secondary-background-color-hover);
959
959
  --color: var(--hop-Button-secondary-color-hover);
960
960
  --border: var(--hop-Button-secondary-border-hover);
961
961
  }
962
- .Button-module__hop-Button--secondary___EK4MQ[data-pressed]:not([data-loading]) {
962
+ .Button-module__hop-Button--secondary___lCKXs[data-pressed]:not([data-loading]) {
963
963
  --background-color: var(--hop-Button-secondary-background-color-pressed);
964
964
  --color: var(--hop-Button-secondary-color-pressed);
965
965
  --border: var(--hop-Button-secondary-border-pressed);
966
966
  }
967
- .Button-module__hop-Button--upsell___tKts9 {
967
+ .Button-module__hop-Button--upsell___NyM1V {
968
968
  --background-color: var(--hop-Button-upsell-background-color);
969
969
  --color: var(--hop-Button-upsell-color);
970
970
  --border: var(--hop-Button-upsell-border);
971
971
  --spinner-color: var(--hop-Button-upsell-spinner-color);
972
972
  }
973
- .Button-module__hop-Button--upsell___tKts9[data-disabled]:not([data-loading]) {
973
+ .Button-module__hop-Button--upsell___NyM1V[data-disabled]:not([data-loading]) {
974
974
  --background-color: var(--hop-Button-upsell-background-color-disabled);
975
975
  --color: var(--hop-Button-upsell-color-disabled);
976
976
  --border: var(--hop-Button-upsell-border-disabled);
977
977
  }
978
- .Button-module__hop-Button--upsell___tKts9[data-hovered]:not([data-disabled], [data-loading]),
979
- .Button-module__hop-Button--upsell___tKts9[data-focus-visible]:not([data-disabled], [data-loading]) {
978
+ .Button-module__hop-Button--upsell___NyM1V[data-hovered]:not([data-disabled], [data-loading]),
979
+ .Button-module__hop-Button--upsell___NyM1V[data-focus-visible]:not([data-disabled], [data-loading]) {
980
980
  --background-color: var(--hop-Button-upsell-background-color-hover);
981
981
  --color: var(--hop-Button-upsell-color-hover);
982
982
  --border: var(--hop-Button-upsell-border-hover);
983
983
  }
984
- .Button-module__hop-Button--upsell___tKts9[data-pressed]:not([data-loading]) {
984
+ .Button-module__hop-Button--upsell___NyM1V[data-pressed]:not([data-loading]) {
985
985
  --background-color: var(--hop-Button-upsell-background-color-pressed);
986
986
  --color: var(--hop-Button-upsell-color-pressed);
987
987
  --border: var(--hop-Button-upsell-border-pressed);
988
988
  }
989
- .Button-module__hop-Button--danger___kCc82 {
989
+ .Button-module__hop-Button--danger___k-o-0 {
990
990
  --background-color: var(--hop-Button-danger-background-color);
991
991
  --color: var(--hop-Button-danger-color);
992
992
  --border: var(--hop-Button-danger-border);
993
993
  --spinner-color: var(--hop-Button-danger-spinner-color);
994
994
  }
995
- .Button-module__hop-Button--danger___kCc82[data-disabled]:not([data-loading]) {
995
+ .Button-module__hop-Button--danger___k-o-0[data-disabled]:not([data-loading]) {
996
996
  --background-color: var(--hop-Button-danger-background-color-disabled);
997
997
  --color: var(--hop-Button-danger-color-disabled);
998
998
  --border: var(--hop-Button-danger-border-disabled);
999
999
  }
1000
- .Button-module__hop-Button--danger___kCc82[data-hovered]:not([data-disabled], [data-loading]),
1001
- .Button-module__hop-Button--danger___kCc82[data-focus-visible]:not([data-disabled], [data-loading]) {
1000
+ .Button-module__hop-Button--danger___k-o-0[data-hovered]:not([data-disabled], [data-loading]),
1001
+ .Button-module__hop-Button--danger___k-o-0[data-focus-visible]:not([data-disabled], [data-loading]) {
1002
1002
  --background-color: var(--hop-Button-danger-background-color-hover);
1003
1003
  --color: var(--hop-Button-danger-color-hover);
1004
1004
  --border: var(--hop-Button-danger-border-hover);
1005
1005
  }
1006
- .Button-module__hop-Button--danger___kCc82[data-pressed]:not([data-loading]) {
1006
+ .Button-module__hop-Button--danger___k-o-0[data-pressed]:not([data-loading]) {
1007
1007
  --background-color: var(--hop-Button-danger-background-color-pressed);
1008
1008
  --color: var(--hop-Button-danger-color-pressed);
1009
1009
  --border: var(--hop-Button-danger-border-pressed);
1010
1010
  }
1011
- .Button-module__hop-Button--ghost-primary___bHqEG {
1011
+ .Button-module__hop-Button--ghost-primary___ceb7C {
1012
1012
  --background-color: var(--hop-Button-ghost-primary-background-color);
1013
1013
  --color: var(--hop-Button-ghost-primary-color);
1014
1014
  --border: var(--hop-Button-ghost-primary-border);
1015
1015
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1016
1016
  }
1017
- .Button-module__hop-Button--ghost-primary___bHqEG[data-disabled]:not([data-loading]) {
1017
+ .Button-module__hop-Button--ghost-primary___ceb7C[data-disabled]:not([data-loading]) {
1018
1018
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
1019
1019
  --color: var(--hop-Button-ghost-primary-color-disabled);
1020
1020
  --border: var(--hop-Button-ghost-primary-border-disabled);
1021
1021
  }
1022
- .Button-module__hop-Button--ghost-primary___bHqEG[data-hovered]:not([data-disabled], [data-loading]),
1023
- .Button-module__hop-Button--ghost-primary___bHqEG[data-focus-visible]:not([data-disabled], [data-loading]) {
1022
+ .Button-module__hop-Button--ghost-primary___ceb7C[data-hovered]:not([data-disabled], [data-loading]),
1023
+ .Button-module__hop-Button--ghost-primary___ceb7C[data-focus-visible]:not([data-disabled], [data-loading]) {
1024
1024
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1025
1025
  --color: var(--hop-Button-ghost-primary-color-hover);
1026
1026
  --border: var(--hop-Button-ghost-primary-border-hover);
1027
1027
  }
1028
- .Button-module__hop-Button--ghost-primary___bHqEG[data-pressed]:not([data-loading]) {
1028
+ .Button-module__hop-Button--ghost-primary___ceb7C[data-pressed]:not([data-loading]) {
1029
1029
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1030
1030
  --color: var(--hop-Button-ghost-primary-color-pressed);
1031
1031
  --border: var(--hop-Button-ghost-primary-border-pressed);
1032
1032
  }
1033
- .Button-module__hop-Button--ghost-secondary___Mh--L {
1033
+ .Button-module__hop-Button--ghost-secondary___OFQHT {
1034
1034
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1035
1035
  --color: var(--hop-Button-ghost-secondary-color);
1036
1036
  --border: var(--hop-Button-ghost-secondary-border);
1037
1037
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1038
1038
  }
1039
- .Button-module__hop-Button--ghost-secondary___Mh--L[data-disabled]:not([data-loading]) {
1039
+ .Button-module__hop-Button--ghost-secondary___OFQHT[data-disabled]:not([data-loading]) {
1040
1040
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
1041
1041
  --color: var(--hop-Button-ghost-secondary-color-disabled);
1042
1042
  --border: var(--hop-Button-ghost-secondary-border-disabled);
1043
1043
  }
1044
- .Button-module__hop-Button--ghost-secondary___Mh--L[data-hovered]:not([data-disabled], [data-loading]),
1045
- .Button-module__hop-Button--ghost-secondary___Mh--L[data-focus-visible]:not([data-disabled], [data-loading]) {
1044
+ .Button-module__hop-Button--ghost-secondary___OFQHT[data-hovered]:not([data-disabled], [data-loading]),
1045
+ .Button-module__hop-Button--ghost-secondary___OFQHT[data-focus-visible]:not([data-disabled], [data-loading]) {
1046
1046
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1047
1047
  --color: var(--hop-Button-ghost-secondary-color-hover);
1048
1048
  --border: var(--hop-Button-ghost-secondary-border-hover);
1049
1049
  }
1050
- .Button-module__hop-Button--ghost-secondary___Mh--L[data-pressed]:not([data-loading]) {
1050
+ .Button-module__hop-Button--ghost-secondary___OFQHT[data-pressed]:not([data-loading]) {
1051
1051
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1052
1052
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1053
1053
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1054
1054
  }
1055
- .Button-module__hop-Button--ghost-danger___p0AWu {
1055
+ .Button-module__hop-Button--ghost-danger___omDnE {
1056
1056
  --background-color: var(--hop-Button-ghost-danger-background-color);
1057
1057
  --color: var(--hop-Button-ghost-danger-color);
1058
1058
  --border: var(--hop-Button-ghost-danger-border);
1059
1059
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1060
1060
  }
1061
- .Button-module__hop-Button--ghost-danger___p0AWu[data-disabled]:not([data-loading]) {
1061
+ .Button-module__hop-Button--ghost-danger___omDnE[data-disabled]:not([data-loading]) {
1062
1062
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
1063
1063
  --color: var(--hop-Button-ghost-danger-color-disabled);
1064
1064
  --border: var(--hop-Button-ghost-danger-border-disabled);
1065
1065
  }
1066
- .Button-module__hop-Button--ghost-danger___p0AWu[data-hovered]:not([data-disabled], [data-loading]),
1067
- .Button-module__hop-Button--ghost-danger___p0AWu[data-focus-visible]:not([data-disabled], [data-loading]) {
1066
+ .Button-module__hop-Button--ghost-danger___omDnE[data-hovered]:not([data-disabled], [data-loading]),
1067
+ .Button-module__hop-Button--ghost-danger___omDnE[data-focus-visible]:not([data-disabled], [data-loading]) {
1068
1068
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1069
1069
  --color: var(--hop-Button-ghost-danger-color-hover);
1070
1070
  --border: var(--hop-Button-ghost-danger-border-hover);
1071
1071
  }
1072
- .Button-module__hop-Button--ghost-danger___p0AWu[data-pressed]:not([data-loading]) {
1072
+ .Button-module__hop-Button--ghost-danger___omDnE[data-pressed]:not([data-loading]) {
1073
1073
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1074
1074
  --color: var(--hop-Button-ghost-danger-color-pressed);
1075
1075
  --border: var(--hop-Button-ghost-danger-border-pressed);
1076
1076
  }
1077
- .Button-module__hop-Button__Spinner___pYUr5 {
1077
+ .Button-module__hop-Button__Spinner___kILk7 {
1078
1078
  position: absolute;
1079
1079
  justify-self: center;
1080
1080
  color: var(--spinner-color);
1081
1081
  }
1082
- .Button-module__hop-Button__icon___8a7Yy,
1083
- .Button-module__hop-Button__icon-list___7KNrU {
1082
+ .Button-module__hop-Button__icon___6lA2X,
1083
+ .Button-module__hop-Button__icon-list___N8k0v {
1084
1084
  grid-area: start-icon;
1085
1085
  justify-self: end;
1086
1086
  }
1087
- .Button-module__hop-Button__text___a4lmJ {
1087
+ .Button-module__hop-Button__text___Rgagt {
1088
1088
  user-select: none;
1089
1089
  overflow: visible;
1090
1090
  grid-area: content;
1091
1091
  font-weight: var(--hop-font-weight-505);
1092
1092
  text-wrap: nowrap;
1093
1093
  }
1094
- .Button-module__hop-Button--ghost-primary___bHqEG[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___a4lmJ,
1095
- .Button-module__hop-Button--ghost-secondary___Mh--L[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___a4lmJ,
1096
- .Button-module__hop-Button--ghost-danger___p0AWu[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___a4lmJ,
1097
- .Button-module__hop-Button--ghost-primary___bHqEG[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___a4lmJ,
1098
- .Button-module__hop-Button--ghost-secondary___Mh--L[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___a4lmJ,
1099
- .Button-module__hop-Button--ghost-danger___p0AWu[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___a4lmJ,
1100
- .Button-module__hop-Button--ghost-primary___bHqEG[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___a4lmJ,
1101
- .Button-module__hop-Button--ghost-secondary___Mh--L[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___a4lmJ,
1102
- .Button-module__hop-Button--ghost-danger___p0AWu[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___a4lmJ {
1094
+ .Button-module__hop-Button--ghost-primary___ceb7C[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___Rgagt,
1095
+ .Button-module__hop-Button--ghost-secondary___OFQHT[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___Rgagt,
1096
+ .Button-module__hop-Button--ghost-danger___omDnE[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___Rgagt,
1097
+ .Button-module__hop-Button--ghost-primary___ceb7C[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___Rgagt,
1098
+ .Button-module__hop-Button--ghost-secondary___OFQHT[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___Rgagt,
1099
+ .Button-module__hop-Button--ghost-danger___omDnE[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___Rgagt,
1100
+ .Button-module__hop-Button--ghost-primary___ceb7C[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___Rgagt,
1101
+ .Button-module__hop-Button--ghost-secondary___OFQHT[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___Rgagt,
1102
+ .Button-module__hop-Button--ghost-danger___omDnE[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___Rgagt {
1103
1103
  text-decoration: underline;
1104
1104
  text-underline-offset: 0.125rem;
1105
1105
  }
1106
- .Button-module__hop-Button__end-icon___oJS-s,
1107
- .Button-module__hop-Button__end-icon-list___iyDSw {
1106
+ .Button-module__hop-Button__end-icon___M1yPt,
1107
+ .Button-module__hop-Button__end-icon-list___E8IaO {
1108
1108
  grid-area: end-icon;
1109
1109
  }
1110
- .Button-module__hop-Button___ot9lw .Button-module__hop-Button__icon-list___7KNrU,
1111
- .Button-module__hop-Button___ot9lw .Button-module__hop-Button__end-icon-list___iyDSw {
1110
+ .Button-module__hop-Button___jX9LE .Button-module__hop-Button__icon-list___N8k0v,
1111
+ .Button-module__hop-Button___jX9LE .Button-module__hop-Button__end-icon-list___E8IaO {
1112
1112
  flex-wrap: nowrap;
1113
1113
  }
1114
- .Button-module__hop-Button___ot9lw[data-loading] > *:not(.Button-module__hop-Button__Spinner___pYUr5) {
1114
+ .Button-module__hop-Button___jX9LE[data-loading] > *:not(.Button-module__hop-Button__Spinner___kILk7) {
1115
1115
  opacity: 0;
1116
1116
  }
1117
1117
 
1118
1118
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1119
- .ButtonGroup-module__hop-ButtonGroup___pg9lD {
1119
+ .ButtonGroup-module__hop-ButtonGroup___MX7aG {
1120
1120
  display: inline-flex;
1121
1121
  flex-wrap: nowrap;
1122
1122
  gap: var(--hop-space-inline-md);
1123
1123
  }
1124
- .ButtonGroup-module__hop-ButtonGroup--horizontal___IeYfB {
1124
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___7TWF1 {
1125
1125
  justify-content: center;
1126
1126
  }
1127
- .ButtonGroup-module__hop-ButtonGroup--vertical___20OwE {
1127
+ .ButtonGroup-module__hop-ButtonGroup--vertical___61uoU {
1128
1128
  flex-direction: column;
1129
1129
  gap: var(--hop-space-stack-md);
1130
1130
  align-items: center;
1131
1131
  }
1132
- .ButtonGroup-module__hop-ButtonGroup--start___8cAOO.ButtonGroup-module__hop-ButtonGroup--vertical___20OwE {
1132
+ .ButtonGroup-module__hop-ButtonGroup--start___QEKHx.ButtonGroup-module__hop-ButtonGroup--vertical___61uoU {
1133
1133
  align-items: flex-start;
1134
1134
  }
1135
- .ButtonGroup-module__hop-ButtonGroup--center___bXsRU.ButtonGroup-module__hop-ButtonGroup--vertical___20OwE {
1135
+ .ButtonGroup-module__hop-ButtonGroup--center___ocgo8.ButtonGroup-module__hop-ButtonGroup--vertical___61uoU {
1136
1136
  align-items: center;
1137
1137
  }
1138
- .ButtonGroup-module__hop-ButtonGroup--end___QRAcI.ButtonGroup-module__hop-ButtonGroup--vertical___20OwE {
1138
+ .ButtonGroup-module__hop-ButtonGroup--end___2BNou.ButtonGroup-module__hop-ButtonGroup--vertical___61uoU {
1139
1139
  align-items: flex-end;
1140
1140
  }
1141
- .ButtonGroup-module__hop-ButtonGroup--start___8cAOO.ButtonGroup-module__hop-ButtonGroup--horizontal___IeYfB {
1141
+ .ButtonGroup-module__hop-ButtonGroup--start___QEKHx.ButtonGroup-module__hop-ButtonGroup--horizontal___7TWF1 {
1142
1142
  justify-content: flex-start;
1143
1143
  }
1144
- .ButtonGroup-module__hop-ButtonGroup--center___bXsRU.ButtonGroup-module__hop-ButtonGroup--horizontal___IeYfB {
1144
+ .ButtonGroup-module__hop-ButtonGroup--center___ocgo8.ButtonGroup-module__hop-ButtonGroup--horizontal___7TWF1 {
1145
1145
  justify-content: center;
1146
1146
  }
1147
- .ButtonGroup-module__hop-ButtonGroup--end___QRAcI.ButtonGroup-module__hop-ButtonGroup--horizontal___IeYfB {
1147
+ .ButtonGroup-module__hop-ButtonGroup--end___2BNou.ButtonGroup-module__hop-ButtonGroup--horizontal___7TWF1 {
1148
1148
  justify-content: flex-end;
1149
1149
  }
1150
- .ButtonGroup-module__hop-ButtonGroup--wrap___72Z7i {
1150
+ .ButtonGroup-module__hop-ButtonGroup--wrap___aW16k {
1151
1151
  flex-wrap: wrap;
1152
1152
  }
1153
- .ButtonGroup-module__hop-ButtonGroup--fluid___cVwde {
1153
+ .ButtonGroup-module__hop-ButtonGroup--fluid___FZLER {
1154
1154
  inline-size: 100%;
1155
1155
  }
1156
1156
 
1157
1157
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1158
- .EmbeddedButton-module__hop-EmbeddedButton___Ef3WW {
1158
+ .EmbeddedButton-module__hop-EmbeddedButton___BR2tE {
1159
1159
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1160
1160
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1161
1161
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1318,7 +1318,7 @@
1318
1318
  outline: none;
1319
1319
  transition: color var(--transition);
1320
1320
  }
1321
- .EmbeddedButton-module__hop-EmbeddedButton___Ef3WW::before {
1321
+ .EmbeddedButton-module__hop-EmbeddedButton___BR2tE::before {
1322
1322
  content: "";
1323
1323
  position: absolute;
1324
1324
  inset-block-start: 50%;
@@ -1331,281 +1331,281 @@
1331
1331
  border-radius: var(--effect-border-radius);
1332
1332
  transition: background-color var(--transition);
1333
1333
  }
1334
- .EmbeddedButton-module__hop-EmbeddedButton--md___2JVnP {
1334
+ .EmbeddedButton-module__hop-EmbeddedButton--md___-cQfW {
1335
1335
  --inline-size: var(--hop-EmbeddedButton-md-width);
1336
1336
  --block-size: var(--hop-EmbeddedButton-md-height);
1337
1337
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1338
1338
  }
1339
- .EmbeddedButton-module__hop-EmbeddedButton--lg___msSgm {
1339
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___NGhbV {
1340
1340
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1341
1341
  --block-size: var(--hop-EmbeddedButton-lg-height);
1342
1342
  --focus-ring-offset: 0;
1343
1343
  }
1344
- .EmbeddedButton-module__hop-EmbeddedButton--md___2JVnP::before {
1344
+ .EmbeddedButton-module__hop-EmbeddedButton--md___-cQfW::before {
1345
1345
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1346
1346
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1347
1347
  }
1348
- .EmbeddedButton-module__hop-EmbeddedButton--lg___msSgm::before {
1348
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___NGhbV::before {
1349
1349
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1350
1350
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1351
1351
  }
1352
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___UmAU5 {
1352
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___vcdy2 {
1353
1353
  --color: var(--hop-EmbeddedButton-neutral-color);
1354
1354
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1355
1355
  }
1356
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___DvRSb {
1356
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___oZwBg {
1357
1357
  --color: var(--hop-EmbeddedButton-subdued-color);
1358
1358
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1359
1359
  }
1360
- .EmbeddedButton-module__hop-EmbeddedButton--progress___JHpxs {
1360
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___rYnCU {
1361
1361
  --color: var(--hop-EmbeddedButton-progress-color);
1362
1362
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1363
1363
  }
1364
- .EmbeddedButton-module__hop-EmbeddedButton--positive___3R-QA {
1364
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___oxHkr {
1365
1365
  --color: var(--hop-EmbeddedButton-positive-color);
1366
1366
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1367
1367
  }
1368
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AYJP5 {
1368
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___-k3Mi {
1369
1369
  --color: var(--hop-EmbeddedButton-caution-color);
1370
1370
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1371
1371
  }
1372
- .EmbeddedButton-module__hop-EmbeddedButton--negative___NYJpR {
1372
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___foo-0 {
1373
1373
  --color: var(--hop-EmbeddedButton-negative-color);
1374
1374
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1375
1375
  }
1376
- .EmbeddedButton-module__hop-EmbeddedButton--option1___HjCqc {
1376
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___CQod- {
1377
1377
  --color: var(--hop-EmbeddedButton-option1-color);
1378
1378
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1379
1379
  }
1380
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-arDT {
1380
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___B9Yky {
1381
1381
  --color: var(--hop-EmbeddedButton-option2-color);
1382
1382
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1383
1383
  }
1384
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ydPzK {
1384
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___vhwNL {
1385
1385
  --color: var(--hop-EmbeddedButton-option3-color);
1386
1386
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1387
1387
  }
1388
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Lahu0 {
1388
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___-Ht34 {
1389
1389
  --color: var(--hop-EmbeddedButton-option4-color);
1390
1390
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1391
1391
  }
1392
- .EmbeddedButton-module__hop-EmbeddedButton--option5___FN9cX {
1392
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dCb-s {
1393
1393
  --color: var(--hop-EmbeddedButton-option5-color);
1394
1394
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1395
1395
  }
1396
- .EmbeddedButton-module__hop-EmbeddedButton--option6___VaTPy {
1396
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___JJJlT {
1397
1397
  --color: var(--hop-EmbeddedButton-option6-color);
1398
1398
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1399
1399
  }
1400
- .EmbeddedButton-module__hop-EmbeddedButton___Ef3WW[data-selected] {
1400
+ .EmbeddedButton-module__hop-EmbeddedButton___BR2tE[data-selected] {
1401
1401
  --color: var(--hop-EmbeddedButton-selected-color);
1402
1402
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1403
1403
  }
1404
- .EmbeddedButton-module__hop-EmbeddedButton___Ef3WW[data-focus-visible] {
1404
+ .EmbeddedButton-module__hop-EmbeddedButton___BR2tE[data-focus-visible] {
1405
1405
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1406
1406
  outline-offset: var(--focus-ring-offset);
1407
1407
  }
1408
- .EmbeddedButton-module__hop-EmbeddedButton___Ef3WW[data-disabled] {
1408
+ .EmbeddedButton-module__hop-EmbeddedButton___BR2tE[data-disabled] {
1409
1409
  cursor: not-allowed;
1410
1410
  }
1411
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___UmAU5[data-hovered] {
1411
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___vcdy2[data-hovered] {
1412
1412
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1413
1413
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1414
1414
  }
1415
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___UmAU5[data-focus-visible] {
1415
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___vcdy2[data-focus-visible] {
1416
1416
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1417
1417
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1418
1418
  }
1419
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___UmAU5[data-pressed] {
1419
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___vcdy2[data-pressed] {
1420
1420
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1421
1421
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1422
1422
  }
1423
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___UmAU5[data-disabled] {
1423
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___vcdy2[data-disabled] {
1424
1424
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1425
1425
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1426
1426
  }
1427
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___DvRSb[data-hovered] {
1427
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___oZwBg[data-hovered] {
1428
1428
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1429
1429
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1430
1430
  }
1431
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___DvRSb[data-focus-visible] {
1431
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___oZwBg[data-focus-visible] {
1432
1432
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1433
1433
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1434
1434
  }
1435
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___DvRSb[data-pressed] {
1435
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___oZwBg[data-pressed] {
1436
1436
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1437
1437
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1438
1438
  }
1439
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___DvRSb[data-disabled] {
1439
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___oZwBg[data-disabled] {
1440
1440
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1441
1441
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1442
1442
  }
1443
- .EmbeddedButton-module__hop-EmbeddedButton--progress___JHpxs[data-hovered] {
1443
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___rYnCU[data-hovered] {
1444
1444
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1445
1445
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1446
1446
  }
1447
- .EmbeddedButton-module__hop-EmbeddedButton--progress___JHpxs[data-focus-visible] {
1447
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___rYnCU[data-focus-visible] {
1448
1448
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1449
1449
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1450
1450
  }
1451
- .EmbeddedButton-module__hop-EmbeddedButton--progress___JHpxs[data-pressed] {
1451
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___rYnCU[data-pressed] {
1452
1452
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1453
1453
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1454
1454
  }
1455
- .EmbeddedButton-module__hop-EmbeddedButton--progress___JHpxs[data-disabled] {
1455
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___rYnCU[data-disabled] {
1456
1456
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1457
1457
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1458
1458
  }
1459
- .EmbeddedButton-module__hop-EmbeddedButton--positive___3R-QA[data-hovered] {
1459
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___oxHkr[data-hovered] {
1460
1460
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1461
1461
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1462
1462
  }
1463
- .EmbeddedButton-module__hop-EmbeddedButton--positive___3R-QA[data-focus-visible] {
1463
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___oxHkr[data-focus-visible] {
1464
1464
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1465
1465
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1466
1466
  }
1467
- .EmbeddedButton-module__hop-EmbeddedButton--positive___3R-QA[data-pressed] {
1467
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___oxHkr[data-pressed] {
1468
1468
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1469
1469
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1470
1470
  }
1471
- .EmbeddedButton-module__hop-EmbeddedButton--positive___3R-QA[data-disabled] {
1471
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___oxHkr[data-disabled] {
1472
1472
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1473
1473
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1474
1474
  }
1475
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AYJP5[data-hovered] {
1475
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___-k3Mi[data-hovered] {
1476
1476
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1477
1477
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1478
1478
  }
1479
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AYJP5[data-focus-visible] {
1479
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___-k3Mi[data-focus-visible] {
1480
1480
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1481
1481
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1482
1482
  }
1483
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AYJP5[data-pressed] {
1483
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___-k3Mi[data-pressed] {
1484
1484
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1485
1485
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1486
1486
  }
1487
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AYJP5[data-disabled] {
1487
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___-k3Mi[data-disabled] {
1488
1488
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1489
1489
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1490
1490
  }
1491
- .EmbeddedButton-module__hop-EmbeddedButton--negative___NYJpR[data-hovered] {
1491
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___foo-0[data-hovered] {
1492
1492
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1493
1493
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1494
1494
  }
1495
- .EmbeddedButton-module__hop-EmbeddedButton--negative___NYJpR[data-focus-visible] {
1495
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___foo-0[data-focus-visible] {
1496
1496
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1497
1497
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1498
1498
  }
1499
- .EmbeddedButton-module__hop-EmbeddedButton--negative___NYJpR[data-pressed] {
1499
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___foo-0[data-pressed] {
1500
1500
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1501
1501
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1502
1502
  }
1503
- .EmbeddedButton-module__hop-EmbeddedButton--negative___NYJpR[data-disabled] {
1503
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___foo-0[data-disabled] {
1504
1504
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1505
1505
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1506
1506
  }
1507
- .EmbeddedButton-module__hop-EmbeddedButton--option1___HjCqc[data-hovered] {
1507
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___CQod-[data-hovered] {
1508
1508
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1509
1509
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1510
1510
  }
1511
- .EmbeddedButton-module__hop-EmbeddedButton--option1___HjCqc[data-focus-visible] {
1511
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___CQod-[data-focus-visible] {
1512
1512
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1513
1513
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1514
1514
  }
1515
- .EmbeddedButton-module__hop-EmbeddedButton--option1___HjCqc[data-pressed] {
1515
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___CQod-[data-pressed] {
1516
1516
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1517
1517
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1518
1518
  }
1519
- .EmbeddedButton-module__hop-EmbeddedButton--option1___HjCqc[data-disabled] {
1519
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___CQod-[data-disabled] {
1520
1520
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1521
1521
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1522
1522
  }
1523
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-arDT[data-hovered] {
1523
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___B9Yky[data-hovered] {
1524
1524
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1525
1525
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1526
1526
  }
1527
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-arDT[data-focus-visible] {
1527
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___B9Yky[data-focus-visible] {
1528
1528
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1529
1529
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1530
1530
  }
1531
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-arDT[data-pressed] {
1531
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___B9Yky[data-pressed] {
1532
1532
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1533
1533
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1534
1534
  }
1535
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-arDT[data-disabled] {
1535
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___B9Yky[data-disabled] {
1536
1536
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1537
1537
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1538
1538
  }
1539
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ydPzK[data-hovered] {
1539
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___vhwNL[data-hovered] {
1540
1540
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1541
1541
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1542
1542
  }
1543
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ydPzK[data-focus-visible] {
1543
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___vhwNL[data-focus-visible] {
1544
1544
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1545
1545
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1546
1546
  }
1547
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ydPzK[data-pressed] {
1547
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___vhwNL[data-pressed] {
1548
1548
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1549
1549
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1550
1550
  }
1551
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ydPzK[data-disabled] {
1551
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___vhwNL[data-disabled] {
1552
1552
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1553
1553
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1554
1554
  }
1555
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Lahu0[data-hovered] {
1555
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___-Ht34[data-hovered] {
1556
1556
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1557
1557
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1558
1558
  }
1559
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Lahu0[data-focus-visible] {
1559
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___-Ht34[data-focus-visible] {
1560
1560
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1561
1561
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1562
1562
  }
1563
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Lahu0[data-pressed] {
1563
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___-Ht34[data-pressed] {
1564
1564
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1565
1565
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1566
1566
  }
1567
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Lahu0[data-disabled] {
1567
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___-Ht34[data-disabled] {
1568
1568
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1569
1569
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1570
1570
  }
1571
- .EmbeddedButton-module__hop-EmbeddedButton--option5___FN9cX[data-hovered] {
1571
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dCb-s[data-hovered] {
1572
1572
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1573
1573
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1574
1574
  }
1575
- .EmbeddedButton-module__hop-EmbeddedButton--option5___FN9cX[data-focus-visible] {
1575
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dCb-s[data-focus-visible] {
1576
1576
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1577
1577
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1578
1578
  }
1579
- .EmbeddedButton-module__hop-EmbeddedButton--option5___FN9cX[data-pressed] {
1579
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dCb-s[data-pressed] {
1580
1580
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1581
1581
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1582
1582
  }
1583
- .EmbeddedButton-module__hop-EmbeddedButton--option5___FN9cX[data-disabled] {
1583
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dCb-s[data-disabled] {
1584
1584
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1585
1585
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1586
1586
  }
1587
- .EmbeddedButton-module__hop-EmbeddedButton--option6___VaTPy[data-hovered] {
1587
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___JJJlT[data-hovered] {
1588
1588
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1589
1589
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1590
1590
  }
1591
- .EmbeddedButton-module__hop-EmbeddedButton--option6___VaTPy[data-focus-visible] {
1591
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___JJJlT[data-focus-visible] {
1592
1592
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1593
1593
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1594
1594
  }
1595
- .EmbeddedButton-module__hop-EmbeddedButton--option6___VaTPy[data-pressed] {
1595
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___JJJlT[data-pressed] {
1596
1596
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1597
1597
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1598
1598
  }
1599
- .EmbeddedButton-module__hop-EmbeddedButton--option6___VaTPy[data-disabled] {
1599
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___JJJlT[data-disabled] {
1600
1600
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1601
1601
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1602
1602
  }
1603
- .EmbeddedButton-module__hop-EmbeddedButton__icon___YTaCR {
1603
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___LTuRz {
1604
1604
  position: relative;
1605
1605
  }
1606
1606
 
1607
1607
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
1608
- .TextField-module__hop-TextField___p1zZl {
1608
+ .TextField-module__hop-TextField___YVH8a {
1609
1609
  --hop-TextField-gap: var(--hop-space-stack-xs);
1610
1610
  --hop-TextField-inline-size: 20rem;
1611
1611
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -1615,25 +1615,25 @@
1615
1615
  gap: var(--hop-TextField-gap);
1616
1616
  inline-size: var(--inline-size);
1617
1617
  }
1618
- .TextField-module__hop-TextField--fluid___upyKv {
1618
+ .TextField-module__hop-TextField--fluid___ZNRHZ {
1619
1619
  --inline-size: 100%;
1620
1620
  }
1621
- .TextField-module__hop-TextField__Label___KP7AK {
1621
+ .TextField-module__hop-TextField__Label___ztJuQ {
1622
1622
  order: 0;
1623
1623
  }
1624
- .TextField-module__hop-TextField__prefix___o3YUl {
1624
+ .TextField-module__hop-TextField__prefix___Jjuy- {
1625
1625
  color: var(--hop-TextField-prefix-color);
1626
1626
  }
1627
- .TextField-module__hop-TextField__InputGroup___b7EQq {
1627
+ .TextField-module__hop-TextField__InputGroup___N7bZl {
1628
1628
  order: 1;
1629
1629
  }
1630
- .TextField-module__hop-TextField__ErrorMessage___oXqwU,
1631
- .TextField-module__hop-TextField__HelperMessage___WN1xO {
1630
+ .TextField-module__hop-TextField__ErrorMessage___CUNme,
1631
+ .TextField-module__hop-TextField__HelperMessage___FIu1i {
1632
1632
  order: 3;
1633
1633
  }
1634
1634
 
1635
1635
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
1636
- .PasswordField-module__hop-PasswordField___BZw2q {
1636
+ .PasswordField-module__hop-PasswordField___lt7Vx {
1637
1637
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
1638
1638
  --hop-PasswordField-inline-size: 20rem;
1639
1639
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -1642,22 +1642,22 @@
1642
1642
  gap: var(--hop-PasswordField-gap);
1643
1643
  inline-size: var(--inline-size);
1644
1644
  }
1645
- .PasswordField-module__hop-PasswordField--fluid___Vy6O6 {
1645
+ .PasswordField-module__hop-PasswordField--fluid___gKwge {
1646
1646
  --inline-size: 100%;
1647
1647
  }
1648
- .PasswordField-module__hop-PasswordField__Label___3feE7 {
1648
+ .PasswordField-module__hop-PasswordField__Label___sPG7D {
1649
1649
  order: 0;
1650
1650
  }
1651
- .PasswordField-module__hop-PasswordField__InputGroup___6fO8H {
1651
+ .PasswordField-module__hop-PasswordField__InputGroup___xPVPF {
1652
1652
  order: 1;
1653
1653
  }
1654
- .PasswordField-module__hop-PasswordField__ErrorMessage___ACyog,
1655
- .PasswordField-module__hop-PasswordField__HelperMessage___xp9kN {
1654
+ .PasswordField-module__hop-PasswordField__ErrorMessage___b3s4v,
1655
+ .PasswordField-module__hop-PasswordField__HelperMessage___oeGil {
1656
1656
  order: 3;
1657
1657
  }
1658
1658
 
1659
1659
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
1660
- .SearchField-module__hop-SearchField___eeVrI {
1660
+ .SearchField-module__hop-SearchField___1Lofe {
1661
1661
  --hop-SearchField-gap: var(--hop-space-stack-xs);
1662
1662
  --hop-SearchField-inline-size: 20rem;
1663
1663
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -1671,33 +1671,33 @@
1671
1671
  gap: var(--hop-SearchField-gap);
1672
1672
  inline-size: var(--inline-size);
1673
1673
  }
1674
- .SearchField-module__hop-SearchField--fluid___tJI3Z {
1674
+ .SearchField-module__hop-SearchField--fluid___FFqyK {
1675
1675
  --inline-size: 100%;
1676
1676
  }
1677
- .SearchField-module__hop-SearchField__Label___FHalK {
1677
+ .SearchField-module__hop-SearchField__Label___X46if {
1678
1678
  order: 0;
1679
1679
  }
1680
- .SearchField-module__hop-SearchField__prefix___051pF {
1680
+ .SearchField-module__hop-SearchField__prefix___mdypj {
1681
1681
  color: var(--hop-SearchField-color);
1682
1682
  }
1683
- .SearchField-module__hop-SearchField__InputGroup___4Vkaq {
1683
+ .SearchField-module__hop-SearchField__InputGroup___-mBBv {
1684
1684
  order: 1;
1685
1685
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
1686
1686
  }
1687
- .SearchField-module__hop-SearchField--clearable___yge5P {
1687
+ .SearchField-module__hop-SearchField--clearable___7zPYO {
1688
1688
  --input-group-padding-inline-end: 0;
1689
1689
  }
1690
- .SearchField-module__hop-SearchField__ErrorMessage___TgcwI,
1691
- .SearchField-module__hop-SearchField__HelperMessage___ACElD {
1690
+ .SearchField-module__hop-SearchField__ErrorMessage___ETtN4,
1691
+ .SearchField-module__hop-SearchField__HelperMessage___yE4eo {
1692
1692
  order: 3;
1693
1693
  }
1694
- .SearchField-module__hop-SearchField___eeVrI input::-webkit-search-cancel-button,
1695
- .SearchField-module__hop-SearchField___eeVrI input::-webkit-search-decoration {
1694
+ .SearchField-module__hop-SearchField___1Lofe input::-webkit-search-cancel-button,
1695
+ .SearchField-module__hop-SearchField___1Lofe input::-webkit-search-decoration {
1696
1696
  appearance: none;
1697
1697
  }
1698
- .SearchField-module__hop-SearchField___eeVrI[data-empty] {
1698
+ .SearchField-module__hop-SearchField___1Lofe[data-empty] {
1699
1699
  --clear-button-display: none;
1700
1700
  }
1701
- .SearchField-module__hop-SearchField__ClearButton___zKqjG {
1701
+ .SearchField-module__hop-SearchField__ClearButton___-jk3D {
1702
1702
  display: var(--clear-button-display);
1703
1703
  }