@hopper-ui/components 1.1.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (198) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/README.md +1 -1
  3. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  4. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  5. package/dist/Avatar/src/Avatar.css +37 -37
  6. package/dist/Avatar/src/Avatar.js +3 -3
  7. package/dist/Avatar/src/AvatarContext.d.ts +1 -1
  8. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  9. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  10. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  11. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  12. package/dist/Avatar/src/index.css +37 -37
  13. package/dist/Avatar/src/index.js +5 -5
  14. package/dist/Badge/src/Badge.css +10 -10
  15. package/dist/Badge/src/Badge.js +2 -2
  16. package/dist/Badge/src/index.css +10 -10
  17. package/dist/Badge/src/index.js +2 -2
  18. package/dist/Divider/src/Divider.css +2 -2
  19. package/dist/Divider/src/Divider.js +1 -1
  20. package/dist/Divider/src/index.css +2 -2
  21. package/dist/Divider/src/index.js +1 -1
  22. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  23. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  24. package/dist/ErrorMessage/src/index.css +11 -11
  25. package/dist/ErrorMessage/src/index.js +2 -2
  26. package/dist/Form/src/Form.css +4111 -0
  27. package/dist/Form/src/Form.d.ts +28 -0
  28. package/dist/Form/src/Form.js +114 -0
  29. package/dist/Form/src/FormContext.d.ts +8 -0
  30. package/dist/Form/src/FormContext.js +2 -0
  31. package/dist/Form/src/index.css +4111 -0
  32. package/dist/Form/src/index.d.ts +5 -0
  33. package/dist/Form/src/index.js +114 -0
  34. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  35. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  36. package/dist/HelperMessage/src/index.css +11 -11
  37. package/dist/HelperMessage/src/index.js +2 -2
  38. package/dist/IconList/src/IconList.css +1 -1
  39. package/dist/IconList/src/IconList.js +1 -1
  40. package/dist/IconList/src/index.css +1 -1
  41. package/dist/IconList/src/index.js +1 -1
  42. package/dist/Link/src/Link.css +31 -31
  43. package/dist/Link/src/Link.js +3 -3
  44. package/dist/Link/src/index.css +31 -31
  45. package/dist/Link/src/index.js +3 -3
  46. package/dist/ListBox/src/ListBox.css +369 -169
  47. package/dist/ListBox/src/ListBox.js +12 -11
  48. package/dist/ListBox/src/ListBoxItem.css +425 -225
  49. package/dist/ListBox/src/ListBoxItem.js +10 -9
  50. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  51. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  52. package/dist/ListBox/src/index.css +369 -169
  53. package/dist/ListBox/src/index.js +12 -11
  54. package/dist/Spinner/src/Spinner.css +19 -19
  55. package/dist/Spinner/src/Spinner.js +2 -2
  56. package/dist/Spinner/src/index.css +19 -19
  57. package/dist/Spinner/src/index.js +2 -2
  58. package/dist/buttons/src/Button.css +94 -94
  59. package/dist/buttons/src/Button.js +6 -6
  60. package/dist/buttons/src/ButtonGroup.css +11 -11
  61. package/dist/buttons/src/ButtonGroup.js +1 -1
  62. package/dist/buttons/src/ClearButton.css +375 -28
  63. package/dist/buttons/src/ClearButton.js +3 -3
  64. package/dist/buttons/src/EmbeddedButton.css +375 -28
  65. package/dist/buttons/src/EmbeddedButton.d.ts +9 -0
  66. package/dist/buttons/src/EmbeddedButton.js +1 -1
  67. package/dist/buttons/src/index.css +480 -133
  68. package/dist/buttons/src/index.js +9 -9
  69. package/dist/checkbox/src/Checkbox.css +31 -31
  70. package/dist/checkbox/src/Checkbox.js +3 -3
  71. package/dist/checkbox/src/CheckboxField.css +15 -15
  72. package/dist/checkbox/src/CheckboxField.js +1 -1
  73. package/dist/checkbox/src/CheckboxGroup.css +62 -59
  74. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  75. package/dist/checkbox/src/index.css +62 -59
  76. package/dist/checkbox/src/index.js +6 -6
  77. package/dist/{chunk-SR3GAXY5.js → chunk-2XO5CZBO.js} +2 -2
  78. package/dist/{chunk-VFYGHX3N.js → chunk-354H4FNA.js} +1 -1
  79. package/dist/{chunk-TGXZJJJA.js → chunk-5IB23E3O.js} +6 -2
  80. package/dist/{chunk-UMD6RDUS.js → chunk-BKCMCC7V.js} +1 -1
  81. package/dist/{chunk-YE7RARJB.js → chunk-CEUQHDEQ.js} +1 -1
  82. package/dist/{chunk-WAUGFWZA.js → chunk-CKKLDA5J.js} +2 -2
  83. package/dist/{chunk-PQV24MM4.js → chunk-COIGQP33.js} +3 -3
  84. package/dist/{chunk-VVY3ONWS.js → chunk-EJUIYBAC.js} +1 -1
  85. package/dist/chunk-EURJK4ZT.js +7 -0
  86. package/dist/{chunk-YEYNRBMQ.js → chunk-F4H76S4H.js} +6 -2
  87. package/dist/{chunk-A7HLXFSP.js → chunk-FA4IXLWZ.js} +9 -7
  88. package/dist/chunk-FOD7XUSJ.js +150 -0
  89. package/dist/{chunk-ZNGSZW7M.js → chunk-FOKTHCFK.js} +3 -3
  90. package/dist/{chunk-XGI4LDIF.js → chunk-HCRWIU7V.js} +4 -4
  91. package/dist/{chunk-BGRKDTCG.js → chunk-IUOLKHYQ.js} +1 -1
  92. package/dist/{chunk-FQO2QRSC.js → chunk-IXWYHDGU.js} +1 -1
  93. package/dist/{chunk-TMWNNF4J.js → chunk-J44DIB5J.js} +3 -3
  94. package/dist/{chunk-TVV4RMFR.js → chunk-JJ4EFTES.js} +1 -1
  95. package/dist/{chunk-P7UUQGGF.js → chunk-L5KI4ZCL.js} +2 -2
  96. package/dist/{chunk-6PH4IIEW.js → chunk-M3K4IYX6.js} +1 -1
  97. package/dist/{chunk-TKB5Q2WX.js → chunk-MJHMFANK.js} +1 -1
  98. package/dist/{chunk-BLQ72S4U.js → chunk-PFABSIDM.js} +1 -1
  99. package/dist/{chunk-GXFFLWNF.js → chunk-PQXVL3YJ.js} +1 -1
  100. package/dist/{chunk-YRUBXLBX.js → chunk-Q63YLWI6.js} +6 -3
  101. package/dist/{chunk-BQZQTNI6.js → chunk-RQKU3XDG.js} +1 -1
  102. package/dist/chunk-RWAVMW7T.js +70 -0
  103. package/dist/{chunk-6K6W32Q7.js → chunk-S5CK32KM.js} +6 -4
  104. package/dist/{chunk-I6OII2RA.js → chunk-SZSQZ4C7.js} +3 -3
  105. package/dist/{chunk-Q52NUBN7.js → chunk-T6MAOVLH.js} +2 -2
  106. package/dist/{chunk-BXPZ6HPC.js → chunk-TCOZUCPD.js} +142 -159
  107. package/dist/{chunk-GCJT5PQ4.js → chunk-TG623HPA.js} +7 -5
  108. package/dist/{chunk-6CDXS774.js → chunk-U56LEEEA.js} +6 -6
  109. package/dist/{chunk-AT7ZY6GA.js → chunk-UT4CSUUM.js} +1 -1
  110. package/dist/{chunk-CXCOSGTO.js → chunk-V5Q245NH.js} +4 -2
  111. package/dist/chunk-VISBUD2K.js +172 -0
  112. package/dist/{chunk-KA6KVIVV.js → chunk-VYKPDMP3.js} +3 -3
  113. package/dist/{chunk-XHZ4R2MB.js → chunk-W2BQZEW6.js} +4 -4
  114. package/dist/{chunk-RD6VCI72.js → chunk-W474WFOP.js} +20 -8
  115. package/dist/{chunk-QY6U3R3W.js → chunk-X253QCYD.js} +3 -2
  116. package/dist/{chunk-6MSRPPI6.js → chunk-XT2MZWEV.js} +1 -1
  117. package/dist/{chunk-ICDMJUNE.js → chunk-XUJNQNB3.js} +1 -1
  118. package/dist/i18n/src/index.js +1 -1
  119. package/dist/i18n/src/useLocalizedString.js +1 -1
  120. package/dist/index.css +1521 -694
  121. package/dist/index.d.ts +5 -3
  122. package/dist/index.js +46 -44
  123. package/dist/inputs/src/InputGroup.css +14 -14
  124. package/dist/inputs/src/InputGroup.d.ts +2 -1
  125. package/dist/inputs/src/InputGroup.js +1 -1
  126. package/dist/inputs/src/NumberField.css +65 -62
  127. package/dist/inputs/src/NumberField.d.ts +1 -0
  128. package/dist/inputs/src/NumberField.js +18 -173
  129. package/dist/inputs/src/PasswordField.css +524 -174
  130. package/dist/inputs/src/PasswordField.d.ts +1 -0
  131. package/dist/inputs/src/PasswordField.js +9 -9
  132. package/dist/inputs/src/SearchField.css +530 -180
  133. package/dist/inputs/src/SearchField.d.ts +1 -0
  134. package/dist/inputs/src/SearchField.js +10 -10
  135. package/dist/inputs/src/TextArea.css +59 -56
  136. package/dist/inputs/src/TextArea.js +8 -8
  137. package/dist/inputs/src/TextField.css +525 -175
  138. package/dist/inputs/src/TextField.d.ts +2 -0
  139. package/dist/inputs/src/TextField.js +11 -11
  140. package/dist/inputs/src/index.css +694 -205
  141. package/dist/inputs/src/index.d.ts +2 -0
  142. package/dist/inputs/src/index.js +17 -14
  143. package/dist/overlays/Popover/src/Popover.css +1521 -694
  144. package/dist/overlays/Popover/src/Popover.js +46 -44
  145. package/dist/overlays/Popover/src/index.css +1521 -694
  146. package/dist/overlays/Popover/src/index.js +46 -44
  147. package/dist/radio/src/Radio.css +31 -31
  148. package/dist/radio/src/Radio.js +3 -3
  149. package/dist/radio/src/RadioField.css +15 -15
  150. package/dist/radio/src/RadioField.js +1 -1
  151. package/dist/radio/src/RadioGroup.css +62 -59
  152. package/dist/radio/src/RadioGroup.js +1 -1
  153. package/dist/radio/src/index.css +62 -59
  154. package/dist/radio/src/index.js +6 -6
  155. package/dist/switch/src/Switch.css +25 -25
  156. package/dist/switch/src/Switch.js +3 -3
  157. package/dist/switch/src/SwitchField.css +15 -15
  158. package/dist/switch/src/SwitchField.js +1 -1
  159. package/dist/switch/src/index.css +31 -31
  160. package/dist/switch/src/index.js +4 -4
  161. package/dist/tag/src/Tag.css +1041 -2332
  162. package/dist/tag/src/Tag.d.ts +6 -1
  163. package/dist/tag/src/Tag.js +7 -99
  164. package/dist/tag/src/TagGroup.css +24 -21
  165. package/dist/tag/src/TagGroup.d.ts +7 -2
  166. package/dist/tag/src/TagGroup.js +1 -1
  167. package/dist/tag/src/index.css +1104 -2296
  168. package/dist/tag/src/index.js +9 -94
  169. package/dist/typography/Heading/src/Heading.css +9 -9
  170. package/dist/typography/Heading/src/Heading.js +1 -1
  171. package/dist/typography/Heading/src/index.css +9 -9
  172. package/dist/typography/Heading/src/index.js +1 -1
  173. package/dist/typography/Label/src/Label.css +5 -2
  174. package/dist/typography/Label/src/Label.d.ts +8 -0
  175. package/dist/typography/Label/src/Label.js +2 -1
  176. package/dist/typography/Label/src/index.css +5 -2
  177. package/dist/typography/Label/src/index.js +2 -1
  178. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  179. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  180. package/dist/typography/OverlineText/src/index.css +6 -6
  181. package/dist/typography/OverlineText/src/index.js +1 -1
  182. package/dist/typography/Text/src/Text.css +9 -9
  183. package/dist/typography/Text/src/Text.js +1 -1
  184. package/dist/typography/Text/src/index.css +9 -9
  185. package/dist/typography/Text/src/index.js +1 -1
  186. package/dist/utils/src/index.js +1 -1
  187. package/package.json +3 -3
  188. package/dist/Chip/src/Chip.css +0 -261
  189. package/dist/Chip/src/Chip.d.ts +0 -27
  190. package/dist/Chip/src/Chip.js +0 -10
  191. package/dist/Chip/src/ChipContext.d.ts +0 -10
  192. package/dist/Chip/src/ChipContext.js +0 -2
  193. package/dist/Chip/src/index.css +0 -261
  194. package/dist/Chip/src/index.d.ts +0 -7
  195. package/dist/Chip/src/index.js +0 -10
  196. package/dist/chunk-632B5YBQ.js +0 -7
  197. package/dist/chunk-7VS566A2.js +0 -43
  198. package/dist/chunk-OETAIO6N.js +0 -105
package/dist/inputs/src/index.css CHANGED
@@ -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___MpyEZ {
2
+ .InputGroup-module__hop-InputGroup___PiLz0 {
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___nXqi6 {
83
+ .InputGroup-module__hop-InputGroup--fluid___Cp15- {
84
84
  --inline-size: 100%;
85
85
  --input-inline-size: 100%;
86
86
  }
87
- .InputGroup-module__hop-InputGroup--sm___tvLAO {
87
+ .InputGroup-module__hop-InputGroup--sm___ZeMr9 {
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___MpyEZ[data-input-type=textarea] {
95
+ .InputGroup-module__hop-InputGroup___PiLz0[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___MpyEZ[data-input-type=number] {
103
+ .InputGroup-module__hop-InputGroup___PiLz0[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___MpyEZ[data-hovered] {
108
+ .InputGroup-module__hop-InputGroup___PiLz0[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___MpyEZ[data-focus-within] {
112
+ .InputGroup-module__hop-InputGroup___PiLz0[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___MpyEZ[data-invalid] {
115
+ .InputGroup-module__hop-InputGroup___PiLz0[data-invalid] {
116
116
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
117
117
  }
118
- .InputGroup-module__hop-InputGroup___MpyEZ[data-disabled] {
118
+ .InputGroup-module__hop-InputGroup___PiLz0[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___lecEl,
125
- .InputGroup-module__hop-InputGroup__textarea___e89Dj {
124
+ .InputGroup-module__hop-InputGroup__input___xLgn9,
125
+ .InputGroup-module__hop-InputGroup__textarea___6Go7N {
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___lecEl {
139
+ .InputGroup-module__hop-InputGroup__input___xLgn9 {
140
140
  block-size: var(--input-block-size);
141
141
  padding: var(--hop-InputGroup-input-padding);
142
142
  }
143
- .InputGroup-module__hop-InputGroup__textarea___e89Dj {
143
+ .InputGroup-module__hop-InputGroup__textarea___6Go7N {
144
144
  padding: var(--hop-InputGroup-textarea-padding);
145
145
  }
146
- .InputGroup-module__hop-InputGroup__input___lecEl::placeholder {
146
+ .InputGroup-module__hop-InputGroup__input___xLgn9::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___HnTiu {
155
+ .Text-module__hop-Text___7s-NC {
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___HnTiu) {
185
+ :where(.Text-module__hop-Text___7s-NC) {
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___ndb-c) {
191
+ :where(.Text-module__hop-Text--xs___uRZNm) {
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___cv0bL) {
197
+ :where(.Text-module__hop-Text--sm___LfDaA) {
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___daNZS) {
203
+ :where(.Text-module__hop-Text--md___aGVbv) {
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___ByUWL) {
209
+ :where(.Text-module__hop-Text--lg___TgsRg) {
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___Udc-p) {
215
+ :where(.Text-module__hop-Text--xl___gAcxP) {
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___sxc7S) {
221
+ :where(.Text-module__hop-Text--2xl___n-9B9) {
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___WU81u) {
227
+ :where(.Text-module__hop-Text--inherit___SEa0P) {
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___dDEnR {
235
+ .ErrorMessage-module__hop-ErrorMessage___6qmlS {
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___pGy0- {
252
+ .ErrorMessage-module__hop-ErrorMessage__icon___m4Mae {
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___U0gBi {
258
+ .HelperMessage-module__hop-HelperMessage___KQaJ4 {
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___z35Yf {
267
+ .HelperMessage-module__hop-HelperMessage__icon___1a1jj {
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___hJVqv {
273
+ .Heading-module__hop-Heading___FVhfN {
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___hJVqv) {
307
+ :where(.Heading-module__hop-Heading___FVhfN) {
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___Gkvx5) {
314
+ :where(.Heading-module__hop-Heading--xs___t30s-) {
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___GUTqC) {
320
+ :where(.Heading-module__hop-Heading--sm___R6y6i) {
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___AqJfy) {
326
+ :where(.Heading-module__hop-Heading--md___d6d9m) {
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___pDVN1) {
332
+ :where(.Heading-module__hop-Heading--lg___yqjzy) {
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___T0hGA) {
338
+ :where(.Heading-module__hop-Heading--xl___U0Gfz) {
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___qJRjZ) {
344
+ :where(.Heading-module__hop-Heading--2xl___B7lym) {
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___uQNVA) {
350
+ :where(.Heading-module__hop-Heading--3xl___P65x-) {
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___OCaWy) {
358
+ :where(.OverlineText-module__hop-OverlineText___kurkU) {
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,42 +379,184 @@
379
379
  text-transform: uppercase;
380
380
  letter-spacing: var(--letter-spacing);
381
381
  }
382
- .OverlineText-module__hop-OverlineText__text___C3XIa {
382
+ .OverlineText-module__hop-OverlineText__text___7uNsa {
383
383
  box-sizing: border-box;
384
384
  }
385
- .OverlineText-module__hop-OverlineText__text___C3XIa::before,
386
- .OverlineText-module__hop-OverlineText__text___C3XIa::after {
385
+ .OverlineText-module__hop-OverlineText__text___7uNsa::before,
386
+ .OverlineText-module__hop-OverlineText__text___7uNsa::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___C3XIa::before {
393
+ .OverlineText-module__hop-OverlineText__text___7uNsa::before {
394
394
  margin-block-end: var(--bottom-offset);
395
395
  }
396
- .OverlineText-module__hop-OverlineText__text___C3XIa::after {
396
+ .OverlineText-module__hop-OverlineText__text___7uNsa::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___5okv4 {
401
+ .Label-module__hop-Label___L4zrw {
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___5okv4) {
408
+ :where(.Label-module__hop-Label___L4zrw) {
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) {
416
+ padding-inline-start: var(--hop-space-20);
417
+ }
418
+
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 {
421
+ --hop-NumberField-gap: var(--hop-space-stack-xs);
422
+ --hop-NumberField-inline-size: 20rem;
423
+ --hop-NumberField-inline-size-fluid: 100%;
424
+ --hop-NumberField-prefix-color: var(--hop-neutral-text-weak);
425
+ --hop-NumberField-prefix-margin-inline-end: var(--hop-space-inline-sm);
426
+ --hop-NumberField-input-group-display: grid;
427
+ --hop-NumberField-input-group-template: "prefix input stepup" auto "prefix input stepdown" auto / auto 1fr auto;
428
+ --hop-NumberField-input-group-template-mobile: "stepdown prefix input stepup" auto / auto auto 1fr auto;
429
+ --hop-NumberField-stepper-color: var(--hop-neutral-icon);
430
+ --hop-NumberField-stepper-color-hovered: var(--hop-neutral-icon-hover);
431
+ --hop-NumberField-stepper-color-pressed: var(--hop-neutral-icon-press);
432
+ --hop-NumberField-stepper-color-disabled: var(--hop-neutral-icon-disabled);
433
+ --hop-NumberField-stepper-background-color: var(--hop-neutral-surface);
434
+ --hop-NumberField-stepper-background-color-hovered: var(--hop-neutral-surface-hover);
435
+ --hop-NumberField-stepper-background-color-pressed: var(--hop-neutral-surface-press);
436
+ --hop-NumberField-stepper-background-color-disabled: transparent;
437
+ --hop-NumberField-stepper-border-radius: calc(var(--hop-shape-rounded-sm));
438
+ --hop-NumberField-stepper-border-radius-increment: var(--hop-NumberField-stepper-border-radius) var(--hop-NumberField-stepper-border-radius) 0 0;
439
+ --hop-NumberField-stepper-border-radius-decrement: 0 0 var(--hop-NumberField-stepper-border-radius) var(--hop-NumberField-stepper-border-radius);
440
+ --hop-NumberField-stepper-border-radius-mobile-increment: 0 var(--hop-shape-rounded-md) var(--hop-shape-rounded-md) 0;
441
+ --hop-NumberField-stepper-border-radius-mobile-decrement: var(--hop-shape-rounded-md) 0 0 var(--hop-shape-rounded-md);
442
+ --hop-NumberField-stepper-height: 0.86rem;
443
+ --hop-NumberField-stepper-height-mobile: 100%;
444
+ --hop-NumberField-stepper-width: 1.5rem;
445
+ --hop-NumberField-stepper-border-color: var(--hop-neutral-border);
446
+ --hop-NumberField-stepper-border-width: 0.0625rem;
447
+ --hop-NumberField-stepper-align-self-increment: end;
448
+ --hop-NumberField-stepper-align-self-decrement: start;
449
+ --hop-NumberField-stepper-align-self-increment-mobile: center;
450
+ --hop-NumberField-stepper-align-self-decrement-mobile: center;
451
+ --hop-NumberField-stepper-margin-inline-increment: var(--hop-space-inline-sm) calc(-1 * var(--hop-space-inline-sm));
452
+ --hop-NumberField-stepper-margin-inline-decrement: var(--hop-space-inline-sm) calc(-1 * var(--hop-space-inline-sm));
453
+ --hop-NumberField-stepper-margin-inline-increment-mobile: var(--hop-space-inline-sm) calc(-1 * var(--hop-space-inline-md));
454
+ --hop-NumberField-stepper-margin-inline-decrement-mobile: calc(-1 * var(--hop-space-inline-md)) var(--hop-space-inline-sm);
455
+ --inline-size: var(--hop-NumberField-inline-size);
456
+ --stepper-color: var(--hop-NumberField-stepper-color);
457
+ --stepper-background-color: var(--hop-NumberField-stepper-background-color);
458
+ --stepper-border: var(--hop-NumberField-stepper-border-width) solid var(--hop-NumberField-stepper-border-color);
459
+ --stepper-height: var(--hop-NumberField-stepper-height);
460
+ --input-group-display: var(--hop-NumberField-input-group-display);
461
+ --input-group-template: var(--hop-NumberField-input-group-template);
462
+ overflow: hidden;
463
+ display: flex;
464
+ flex-direction: column;
465
+ gap: var(--hop-NumberField-gap);
466
+ inline-size: var(--inline-size);
467
+ }
468
+ .NumberField-module__hop-NumberField--fluid___cBL6Z {
469
+ --inline-size: var(--hop-NumberField-inline-size-fluid);
470
+ }
471
+ .NumberField-module__hop-NumberField--mobile___83Tka {
472
+ --input-group-template: var(--hop-NumberField-input-group-template-mobile);
473
+ --stepper-height: var(--hop-NumberField-stepper-height-mobile);
474
+ }
475
+ .NumberField-module__hop-NumberField__Label___QqEtX {
476
+ order: 0;
477
+ }
478
+ .NumberField-module__hop-NumberField__prefix___zfJ4v {
479
+ grid-area: prefix;
480
+ margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
481
+ color: var(--hop-NumberField-prefix-color);
482
+ }
483
+ .NumberField-module__hop-NumberField__InputGroup___rpkuJ {
484
+ grid-template: var(--input-group-template);
485
+ order: 1;
486
+ }
487
+ .NumberField-module__hop-NumberField__ErrorMessage___isGtg,
488
+ .NumberField-module__hop-NumberField__HelperMessage___7p6WZ {
489
+ order: 3;
490
+ }
491
+ .NumberField-module__hop-NumberField__stepper-button___ofNwv {
492
+ cursor: pointer;
493
+ display: flex;
494
+ grid-area: var(--grid-area, unset);
495
+ align-items: center;
496
+ align-self: var(--stepper-align-self);
497
+ justify-content: center;
498
+ box-sizing: border-box;
499
+ inline-size: var(--hop-NumberField-stepper-width);
500
+ block-size: var(--stepper-height);
501
+ margin-inline: var(--stepper-margin-inline);
502
+ padding: 0;
503
+ color: var(--stepper-color);
504
+ background-color: var(--stepper-background-color);
505
+ border-color: var(--hop-NumberField-stepper-border-color);
506
+ border-style: solid;
507
+ border-width: var(--stepper-border-width);
508
+ border-radius: var(--stepper-border-radius, 0);
509
+ outline: none;
510
+ }
511
+ .NumberField-module__hop-NumberField__stepper-button--increment___BXGLT {
512
+ --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
513
+ --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
514
+ --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
515
+ --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
516
+ --grid-area: stepup;
517
+ }
518
+ .NumberField-module__hop-NumberField__stepper-button--decrement___vWXrK {
519
+ --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
520
+ --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
521
+ --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
522
+ --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
523
+ --grid-area: stepdown;
524
+ }
525
+ .NumberField-module__hop-NumberField__stepper-button--mobile___lZj4N.NumberField-module__hop-NumberField__stepper-button--increment___BXGLT {
526
+ --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
527
+ --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
528
+ --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
529
+ --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
530
+ }
531
+ .NumberField-module__hop-NumberField__stepper-button--mobile___lZj4N.NumberField-module__hop-NumberField__stepper-button--decrement___vWXrK {
532
+ --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
533
+ --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
534
+ --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
535
+ --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
536
+ }
537
+ .NumberField-module__hop-NumberField__stepper-button___ofNwv[data-hovered] {
538
+ color: var(--hop-NumberField-stepper-color-hovered);
539
+ background-color: var(--hop-NumberField-stepper-background-color-hovered);
540
+ }
541
+ .NumberField-module__hop-NumberField__stepper-button___ofNwv[data-pressed] {
542
+ color: var(--hop-NumberField-stepper-color-pressed);
543
+ background-color: var(--hop-NumberField-stepper-background-color-pressed);
544
+ }
545
+ .NumberField-module__hop-NumberField__stepper-button___ofNwv[data-disabled] {
546
+ cursor: not-allowed;
547
+ color: var(--hop-NumberField-stepper-color-disabled);
548
+ background-color: var(--hop-NumberField-stepper-background-color-disabled);
549
+ }
550
+ .NumberField-module__hop-NumberField__stepper-button__icon___-KSsu {
551
+ display: block;
552
+ max-block-size: 100%;
553
+ }
554
+ .NumberField-module__hop-NumberField__input___lQVE0 {
555
+ grid-area: input;
556
+ }
415
557
 
416
558
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
417
- .TextArea-module__hop-TextArea___uQGKH {
559
+ .TextArea-module__hop-TextArea___Oqrhm {
418
560
  --hop-TextArea-gap: var(--hop-space-stack-xs);
419
561
  --hop-TextArea-inline-size: 20rem;
420
562
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -431,42 +573,42 @@
431
573
  gap: var(--hop-TextArea-gap);
432
574
  inline-size: var(--inline-size);
433
575
  }
434
- .TextArea-module__hop-TextArea--fluid___sNZwX {
576
+ .TextArea-module__hop-TextArea--fluid___2QsEG {
435
577
  --inline-size: 100%;
436
578
  }
437
- .TextArea-module__hop-TextArea___uQGKH[data-resize-mode=vertical] {
579
+ .TextArea-module__hop-TextArea___Oqrhm[data-resize-mode=vertical] {
438
580
  --resize: vertical;
439
581
  }
440
- .TextArea-module__hop-TextArea___uQGKH[data-over-max-length] {
582
+ .TextArea-module__hop-TextArea___Oqrhm[data-over-max-length] {
441
583
  --char-count-color: var(--hop-TextArea-char-count-color-invalid);
442
584
  }
443
- .TextArea-module__hop-TextArea___uQGKH[data-disabled] {
585
+ .TextArea-module__hop-TextArea___Oqrhm[data-disabled] {
444
586
  --char-count-color: var(--hop-TextArea-char-count-color-disabled);
445
587
  }
446
- .TextArea-module__hop-TextArea__Label___x0-91 {
588
+ .TextArea-module__hop-TextArea__Label___6uZvZ {
447
589
  order: 0;
448
590
  }
449
- .TextArea-module__hop-TextArea__prefix___ozMT- {
591
+ .TextArea-module__hop-TextArea__prefix___UGSsJ {
450
592
  color: var(--hop-TextArea-prefix-color);
451
593
  }
452
- .TextArea-module__hop-TextArea__InputGroup___1hWlx {
594
+ .TextArea-module__hop-TextArea__InputGroup___m2oHv {
453
595
  order: 1;
454
596
  }
455
- .TextArea-module__hop-TextArea__textarea___r0SC4 {
597
+ .TextArea-module__hop-TextArea__textarea___-aEby {
456
598
  resize: var(--resize);
457
599
  min-block-size: var(--hop-TextArea-input-min-height);
458
600
  }
459
- .TextArea-module__hop-TextArea__char-count___TBxZb {
601
+ .TextArea-module__hop-TextArea__char-count___-TDoe {
460
602
  padding: var(--hop-TextArea-char-count-padding);
461
603
  color: var(--char-count-color);
462
604
  }
463
- .TextArea-module__hop-TextArea__ErrorMessage___F5Ho0,
464
- .TextArea-module__hop-TextArea__HelperMessage___EXkDT {
605
+ .TextArea-module__hop-TextArea__ErrorMessage___Gj-AJ,
606
+ .TextArea-module__hop-TextArea__HelperMessage___FVgxx {
465
607
  order: 3;
466
608
  }
467
609
 
468
610
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
469
- .IconList-module__hop-IconList___omUb3 {
611
+ .IconList-module__hop-IconList___-mdbp {
470
612
  --hop-IconList-gap: var(--hop-space-inline-xs);
471
613
  display: flex;
472
614
  flex-wrap: wrap;
@@ -475,7 +617,7 @@
475
617
  }
476
618
 
477
619
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
478
- @keyframes Spinner-module__spin___lyTxx {
620
+ @keyframes Spinner-module__spin___SWfvR {
479
621
  0% {
480
622
  transform: rotate(0deg);
481
623
  }
@@ -483,7 +625,7 @@
483
625
  transform: rotate(360deg);
484
626
  }
485
627
  }
486
- .Spinner-module__hop-Spinner___HpocQ {
628
+ .Spinner-module__hop-Spinner___apf3U {
487
629
  --hop-Spinner-border-radius: var(--hop-shape-circle);
488
630
  --hop-Spinner-sm-wheel-size: 1rem;
489
631
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -491,7 +633,7 @@
491
633
  --hop-Spinner-track-width: 0.125rem;
492
634
  --hop-Spinner-track-opacity: 0.2;
493
635
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
494
- --hop-Spinner-fill-animation: Spinner-module__spin___lyTxx .8s infinite linear;
636
+ --hop-Spinner-fill-animation: Spinner-module__spin___SWfvR .8s infinite linear;
495
637
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
496
638
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
497
639
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -502,19 +644,19 @@
502
644
  align-items: center;
503
645
  box-sizing: border-box;
504
646
  }
505
- .Spinner-module__hop-Spinner--sm___4IKBk {
647
+ .Spinner-module__hop-Spinner--sm___iii5s {
506
648
  --width: var(--hop-Spinner-sm-wheel-size);
507
649
  --height: var(--hop-Spinner-sm-wheel-size);
508
650
  }
509
- .Spinner-module__hop-Spinner--md___ShZNF {
651
+ .Spinner-module__hop-Spinner--md___XWByD {
510
652
  --width: var(--hop-Spinner-md-wheel-size);
511
653
  --height: var(--hop-Spinner-md-wheel-size);
512
654
  }
513
- .Spinner-module__hop-Spinner--lg___TjYWE {
655
+ .Spinner-module__hop-Spinner--lg___8MyXM {
514
656
  --width: var(--hop-Spinner-lg-wheel-size);
515
657
  --height: var(--hop-Spinner-lg-wheel-size);
516
658
  }
517
- .Spinner-module__hop-Spinner__track___AfGNc {
659
+ .Spinner-module__hop-Spinner__track___jLA3R {
518
660
  grid-area: spinner;
519
661
  box-sizing: border-box;
520
662
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -523,7 +665,7 @@
523
665
  border: var(--hop-Spinner-track-border);
524
666
  border-radius: var(--hop-Spinner-border-radius);
525
667
  }
526
- .Spinner-module__hop-Spinner__fill___STOGj {
668
+ .Spinner-module__hop-Spinner__fill___9aaOq {
527
669
  grid-area: spinner;
528
670
  box-sizing: border-box;
529
671
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -534,17 +676,17 @@
534
676
  animation: var(--hop-Spinner-fill-animation);
535
677
  }
536
678
  @media (prefers-reduced-motion: reduce) {
537
- .Spinner-module__hop-Spinner__fill___STOGj {
679
+ .Spinner-module__hop-Spinner__fill___9aaOq {
538
680
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
539
681
  }
540
682
  }
541
- .Spinner-module__hop-Spinner__label___XLsyu {
683
+ .Spinner-module__hop-Spinner__label___fNaHT {
542
684
  grid-area: label;
543
685
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
544
686
  }
545
687
 
546
688
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
547
- .Button-module__hop-Button___hVNkV {
689
+ .Button-module__hop-Button___ot9lw {
548
690
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
549
691
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
550
692
  --hop-Button-icon-only-padding: 0;
@@ -703,327 +845,319 @@
703
845
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
704
846
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
705
847
  }
706
- .Button-module__hop-Button___hVNkV[data-focus-visible] {
848
+ .Button-module__hop-Button___ot9lw[data-focus-visible] {
707
849
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
708
850
  }
709
- .Button-module__hop-Button--icon-only___UP8Ng {
851
+ .Button-module__hop-Button--icon-only___i5ahP {
710
852
  --padding-block: var(--hop-Button-icon-only-padding);
711
853
  --padding-inline: var(--hop-Button-icon-only-padding);
712
854
  column-gap: 0;
713
855
  aspect-ratio: 1;
714
856
  }
715
- .Button-module__hop-Button___hVNkV[data-disabled],
716
- .Button-module__hop-Button___hVNkV[data-loading] {
857
+ .Button-module__hop-Button___ot9lw[data-disabled],
858
+ .Button-module__hop-Button___ot9lw[data-loading] {
717
859
  cursor: not-allowed;
718
860
  }
719
- .Button-module__hop-Button--fluid___i-q6U {
861
+ .Button-module__hop-Button--fluid___7p5MN {
720
862
  --inline-size: 100%;
721
863
  }
722
- .Button-module__hop-Button--sm___TSOaw {
864
+ .Button-module__hop-Button--sm___8f5C7 {
723
865
  --block-size: var(--hop-Button-sm-height);
724
866
  }
725
- .Button-module__hop-Button--primary___bK7ig.Button-module__hop-Button--sm___TSOaw:not(.Button-module__hop-Button--icon-only___UP8Ng) {
867
+ .Button-module__hop-Button--primary___eGhk1.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
726
868
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
727
869
  --padding-block: var(--hop-Button-primary-sm-padding-y);
728
870
  }
729
- .Button-module__hop-Button--primary___bK7ig.Button-module__hop-Button--md___bw44A:not(.Button-module__hop-Button--icon-only___UP8Ng) {
871
+ .Button-module__hop-Button--primary___eGhk1.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
730
872
  --padding-inline: var(--hop-Button-primary-md-padding-x);
731
873
  --padding-block: var(--hop-Button-primary-md-padding-y);
732
874
  }
733
- .Button-module__hop-Button--secondary___iQ-Xg.Button-module__hop-Button--md___bw44A:not(.Button-module__hop-Button--icon-only___UP8Ng) {
875
+ .Button-module__hop-Button--secondary___EK4MQ.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
734
876
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
735
877
  --padding-block: var(--hop-Button-secondary-md-padding-y);
736
878
  }
737
- .Button-module__hop-Button--secondary___iQ-Xg.Button-module__hop-Button--sm___TSOaw:not(.Button-module__hop-Button--icon-only___UP8Ng) {
879
+ .Button-module__hop-Button--secondary___EK4MQ.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
738
880
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
739
881
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
740
882
  }
741
- .Button-module__hop-Button--upsell___MaRoN.Button-module__hop-Button--md___bw44A:not(.Button-module__hop-Button--icon-only___UP8Ng) {
883
+ .Button-module__hop-Button--upsell___tKts9.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
742
884
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
743
885
  --padding-block: var(--hop-Button-upsell-md-padding-y);
744
886
  }
745
- .Button-module__hop-Button--upsell___MaRoN.Button-module__hop-Button--sm___TSOaw:not(.Button-module__hop-Button--icon-only___UP8Ng) {
887
+ .Button-module__hop-Button--upsell___tKts9.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
746
888
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
747
889
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
748
890
  }
749
- .Button-module__hop-Button--danger___vlH3V.Button-module__hop-Button--md___bw44A:not(.Button-module__hop-Button--icon-only___UP8Ng) {
891
+ .Button-module__hop-Button--danger___kCc82.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
750
892
  --padding-inline: var(--hop-Button-danger-md-padding-x);
751
893
  --padding-block: var(--hop-Button-danger-md-padding-y);
752
894
  }
753
- .Button-module__hop-Button--danger___vlH3V.Button-module__hop-Button--sm___TSOaw:not(.Button-module__hop-Button--icon-only___UP8Ng) {
895
+ .Button-module__hop-Button--danger___kCc82.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
754
896
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
755
897
  --padding-block: var(--hop-Button-danger-sm-padding-y);
756
898
  }
757
- .Button-module__hop-Button--ghost-danger___JaoY-.Button-module__hop-Button--md___bw44A:not(.Button-module__hop-Button--icon-only___UP8Ng) {
899
+ .Button-module__hop-Button--ghost-danger___p0AWu.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
758
900
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
759
901
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
760
902
  }
761
- .Button-module__hop-Button--ghost-danger___JaoY-.Button-module__hop-Button--sm___TSOaw:not(.Button-module__hop-Button--icon-only___UP8Ng) {
903
+ .Button-module__hop-Button--ghost-danger___p0AWu.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
762
904
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
763
905
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
764
906
  }
765
- .Button-module__hop-Button--ghost-secondary___JeWkk.Button-module__hop-Button--md___bw44A:not(.Button-module__hop-Button--icon-only___UP8Ng) {
907
+ .Button-module__hop-Button--ghost-secondary___Mh--L.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
766
908
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
767
909
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
768
910
  }
769
- .Button-module__hop-Button--ghost-secondary___JeWkk.Button-module__hop-Button--sm___TSOaw:not(.Button-module__hop-Button--icon-only___UP8Ng) {
911
+ .Button-module__hop-Button--ghost-secondary___Mh--L.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
770
912
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
771
913
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
772
914
  }
773
- .Button-module__hop-Button--ghost-primary___HBhCX.Button-module__hop-Button--md___bw44A:not(.Button-module__hop-Button--icon-only___UP8Ng) {
915
+ .Button-module__hop-Button--ghost-primary___bHqEG.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
774
916
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
775
917
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
776
918
  }
777
- .Button-module__hop-Button--ghost-primary___HBhCX.Button-module__hop-Button--sm___TSOaw:not(.Button-module__hop-Button--icon-only___UP8Ng) {
919
+ .Button-module__hop-Button--ghost-primary___bHqEG.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
778
920
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
779
921
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
780
922
  }
781
- .Button-module__hop-Button--primary___bK7ig {
923
+ .Button-module__hop-Button--primary___eGhk1 {
782
924
  --background-color: var(--hop-Button-primary-background-color);
783
925
  --color: var(--hop-Button-primary-color);
784
926
  --border: var(--hop-Button-primary-border);
785
927
  --spinner-color: var(--hop-Button-primary-spinner-color);
786
928
  }
787
- .Button-module__hop-Button--primary___bK7ig[data-disabled]:not([data-loading]) {
929
+ .Button-module__hop-Button--primary___eGhk1[data-disabled]:not([data-loading]) {
788
930
  --background-color: var(--hop-Button-primary-background-color-disabled);
789
931
  --color: var(--hop-Button-primary-color-disabled);
790
932
  --border: var(--hop-Button-primary-border-disabled);
791
933
  }
792
- .Button-module__hop-Button--primary___bK7ig[data-hovered]:not([data-disabled], [data-loading]),
793
- .Button-module__hop-Button--primary___bK7ig[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
794
936
  --background-color: var(--hop-Button-primary-background-color-hover);
795
937
  --color: var(--hop-Button-primary-color-hover);
796
938
  --border: var(--hop-Button-primary-border-hover);
797
939
  }
798
- .Button-module__hop-Button--primary___bK7ig[data-pressed]:not([data-loading]) {
940
+ .Button-module__hop-Button--primary___eGhk1[data-pressed]:not([data-loading]) {
799
941
  --background-color: var(--hop-Button-primary-background-color-pressed);
800
942
  --color: var(--hop-Button-primary-color-pressed);
801
943
  --border: var(--hop-Button-primary-border-pressed);
802
944
  }
803
- .Button-module__hop-Button--secondary___iQ-Xg {
945
+ .Button-module__hop-Button--secondary___EK4MQ {
804
946
  --background-color: var(--hop-Button-secondary-background-color);
805
947
  --color: var(--hop-Button-secondary-color);
806
948
  --border: var(--hop-Button-secondary-border);
807
949
  --spinner-color: var(--hop-Button-secondary-spinner-color);
808
950
  }
809
- .Button-module__hop-Button--secondary___iQ-Xg[data-disabled]:not([data-loading]) {
951
+ .Button-module__hop-Button--secondary___EK4MQ[data-disabled]:not([data-loading]) {
810
952
  --background-color: var(--hop-Button-secondary-background-color-disabled);
811
953
  --color: var(--hop-Button-secondary-color-disabled);
812
954
  --border: var(--hop-Button-secondary-border-disabled);
813
955
  }
814
- .Button-module__hop-Button--secondary___iQ-Xg[data-hovered]:not([data-disabled], [data-loading]),
815
- .Button-module__hop-Button--secondary___iQ-Xg[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
816
958
  --background-color: var(--hop-Button-secondary-background-color-hover);
817
959
  --color: var(--hop-Button-secondary-color-hover);
818
960
  --border: var(--hop-Button-secondary-border-hover);
819
961
  }
820
- .Button-module__hop-Button--secondary___iQ-Xg[data-pressed]:not([data-loading]) {
962
+ .Button-module__hop-Button--secondary___EK4MQ[data-pressed]:not([data-loading]) {
821
963
  --background-color: var(--hop-Button-secondary-background-color-pressed);
822
964
  --color: var(--hop-Button-secondary-color-pressed);
823
965
  --border: var(--hop-Button-secondary-border-pressed);
824
966
  }
825
- .Button-module__hop-Button--upsell___MaRoN {
967
+ .Button-module__hop-Button--upsell___tKts9 {
826
968
  --background-color: var(--hop-Button-upsell-background-color);
827
969
  --color: var(--hop-Button-upsell-color);
828
970
  --border: var(--hop-Button-upsell-border);
829
971
  --spinner-color: var(--hop-Button-upsell-spinner-color);
830
972
  }
831
- .Button-module__hop-Button--upsell___MaRoN[data-disabled]:not([data-loading]) {
973
+ .Button-module__hop-Button--upsell___tKts9[data-disabled]:not([data-loading]) {
832
974
  --background-color: var(--hop-Button-upsell-background-color-disabled);
833
975
  --color: var(--hop-Button-upsell-color-disabled);
834
976
  --border: var(--hop-Button-upsell-border-disabled);
835
977
  }
836
- .Button-module__hop-Button--upsell___MaRoN[data-hovered]:not([data-disabled], [data-loading]),
837
- .Button-module__hop-Button--upsell___MaRoN[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
838
980
  --background-color: var(--hop-Button-upsell-background-color-hover);
839
981
  --color: var(--hop-Button-upsell-color-hover);
840
982
  --border: var(--hop-Button-upsell-border-hover);
841
983
  }
842
- .Button-module__hop-Button--upsell___MaRoN[data-pressed]:not([data-loading]) {
984
+ .Button-module__hop-Button--upsell___tKts9[data-pressed]:not([data-loading]) {
843
985
  --background-color: var(--hop-Button-upsell-background-color-pressed);
844
986
  --color: var(--hop-Button-upsell-color-pressed);
845
987
  --border: var(--hop-Button-upsell-border-pressed);
846
988
  }
847
- .Button-module__hop-Button--danger___vlH3V {
989
+ .Button-module__hop-Button--danger___kCc82 {
848
990
  --background-color: var(--hop-Button-danger-background-color);
849
991
  --color: var(--hop-Button-danger-color);
850
992
  --border: var(--hop-Button-danger-border);
851
993
  --spinner-color: var(--hop-Button-danger-spinner-color);
852
994
  }
853
- .Button-module__hop-Button--danger___vlH3V[data-disabled]:not([data-loading]) {
995
+ .Button-module__hop-Button--danger___kCc82[data-disabled]:not([data-loading]) {
854
996
  --background-color: var(--hop-Button-danger-background-color-disabled);
855
997
  --color: var(--hop-Button-danger-color-disabled);
856
998
  --border: var(--hop-Button-danger-border-disabled);
857
999
  }
858
- .Button-module__hop-Button--danger___vlH3V[data-hovered]:not([data-disabled], [data-loading]),
859
- .Button-module__hop-Button--danger___vlH3V[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
860
1002
  --background-color: var(--hop-Button-danger-background-color-hover);
861
1003
  --color: var(--hop-Button-danger-color-hover);
862
1004
  --border: var(--hop-Button-danger-border-hover);
863
1005
  }
864
- .Button-module__hop-Button--danger___vlH3V[data-pressed]:not([data-loading]) {
1006
+ .Button-module__hop-Button--danger___kCc82[data-pressed]:not([data-loading]) {
865
1007
  --background-color: var(--hop-Button-danger-background-color-pressed);
866
1008
  --color: var(--hop-Button-danger-color-pressed);
867
1009
  --border: var(--hop-Button-danger-border-pressed);
868
1010
  }
869
- .Button-module__hop-Button--ghost-primary___HBhCX {
1011
+ .Button-module__hop-Button--ghost-primary___bHqEG {
870
1012
  --background-color: var(--hop-Button-ghost-primary-background-color);
871
1013
  --color: var(--hop-Button-ghost-primary-color);
872
1014
  --border: var(--hop-Button-ghost-primary-border);
873
1015
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
874
1016
  }
875
- .Button-module__hop-Button--ghost-primary___HBhCX[data-disabled]:not([data-loading]) {
1017
+ .Button-module__hop-Button--ghost-primary___bHqEG[data-disabled]:not([data-loading]) {
876
1018
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
877
1019
  --color: var(--hop-Button-ghost-primary-color-disabled);
878
1020
  --border: var(--hop-Button-ghost-primary-border-disabled);
879
1021
  }
880
- .Button-module__hop-Button--ghost-primary___HBhCX[data-hovered]:not([data-disabled], [data-loading]),
881
- .Button-module__hop-Button--ghost-primary___HBhCX[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
882
1024
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
883
1025
  --color: var(--hop-Button-ghost-primary-color-hover);
884
1026
  --border: var(--hop-Button-ghost-primary-border-hover);
885
1027
  }
886
- .Button-module__hop-Button--ghost-primary___HBhCX[data-pressed]:not([data-loading]) {
1028
+ .Button-module__hop-Button--ghost-primary___bHqEG[data-pressed]:not([data-loading]) {
887
1029
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
888
1030
  --color: var(--hop-Button-ghost-primary-color-pressed);
889
1031
  --border: var(--hop-Button-ghost-primary-border-pressed);
890
1032
  }
891
- .Button-module__hop-Button--ghost-secondary___JeWkk {
1033
+ .Button-module__hop-Button--ghost-secondary___Mh--L {
892
1034
  --background-color: var(--hop-Button-ghost-secondary-background-color);
893
1035
  --color: var(--hop-Button-ghost-secondary-color);
894
1036
  --border: var(--hop-Button-ghost-secondary-border);
895
1037
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
896
1038
  }
897
- .Button-module__hop-Button--ghost-secondary___JeWkk[data-disabled]:not([data-loading]) {
1039
+ .Button-module__hop-Button--ghost-secondary___Mh--L[data-disabled]:not([data-loading]) {
898
1040
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
899
1041
  --color: var(--hop-Button-ghost-secondary-color-disabled);
900
1042
  --border: var(--hop-Button-ghost-secondary-border-disabled);
901
1043
  }
902
- .Button-module__hop-Button--ghost-secondary___JeWkk[data-hovered]:not([data-disabled], [data-loading]),
903
- .Button-module__hop-Button--ghost-secondary___JeWkk[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
904
1046
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
905
1047
  --color: var(--hop-Button-ghost-secondary-color-hover);
906
1048
  --border: var(--hop-Button-ghost-secondary-border-hover);
907
1049
  }
908
- .Button-module__hop-Button--ghost-secondary___JeWkk[data-pressed]:not([data-loading]) {
1050
+ .Button-module__hop-Button--ghost-secondary___Mh--L[data-pressed]:not([data-loading]) {
909
1051
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
910
1052
  --color: var(--hop-Button-ghost-secondary-color-pressed);
911
1053
  --border: var(--hop-Button-ghost-secondary-border-pressed);
912
1054
  }
913
- .Button-module__hop-Button--ghost-danger___JaoY- {
1055
+ .Button-module__hop-Button--ghost-danger___p0AWu {
914
1056
  --background-color: var(--hop-Button-ghost-danger-background-color);
915
1057
  --color: var(--hop-Button-ghost-danger-color);
916
1058
  --border: var(--hop-Button-ghost-danger-border);
917
1059
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
918
1060
  }
919
- .Button-module__hop-Button--ghost-danger___JaoY-[data-disabled]:not([data-loading]) {
1061
+ .Button-module__hop-Button--ghost-danger___p0AWu[data-disabled]:not([data-loading]) {
920
1062
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
921
1063
  --color: var(--hop-Button-ghost-danger-color-disabled);
922
1064
  --border: var(--hop-Button-ghost-danger-border-disabled);
923
1065
  }
924
- .Button-module__hop-Button--ghost-danger___JaoY-[data-hovered]:not([data-disabled], [data-loading]),
925
- .Button-module__hop-Button--ghost-danger___JaoY-[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
926
1068
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
927
1069
  --color: var(--hop-Button-ghost-danger-color-hover);
928
1070
  --border: var(--hop-Button-ghost-danger-border-hover);
929
1071
  }
930
- .Button-module__hop-Button--ghost-danger___JaoY-[data-pressed]:not([data-loading]) {
1072
+ .Button-module__hop-Button--ghost-danger___p0AWu[data-pressed]:not([data-loading]) {
931
1073
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
932
1074
  --color: var(--hop-Button-ghost-danger-color-pressed);
933
1075
  --border: var(--hop-Button-ghost-danger-border-pressed);
934
1076
  }
935
- .Button-module__hop-Button__Spinner___qhpjO {
1077
+ .Button-module__hop-Button__Spinner___pYUr5 {
936
1078
  position: absolute;
937
1079
  justify-self: center;
938
1080
  color: var(--spinner-color);
939
1081
  }
940
- .Button-module__hop-Button__icon___lufK8,
941
- .Button-module__hop-Button__icon-list___QNRCt {
1082
+ .Button-module__hop-Button__icon___8a7Yy,
1083
+ .Button-module__hop-Button__icon-list___7KNrU {
942
1084
  grid-area: start-icon;
943
1085
  justify-self: end;
944
1086
  }
945
- .Button-module__hop-Button__text___MfT24 {
1087
+ .Button-module__hop-Button__text___a4lmJ {
946
1088
  user-select: none;
947
1089
  overflow: visible;
948
1090
  grid-area: content;
949
1091
  font-weight: var(--hop-font-weight-505);
950
1092
  text-wrap: nowrap;
951
1093
  }
952
- .Button-module__hop-Button--ghost-primary___HBhCX[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___MfT24,
953
- .Button-module__hop-Button--ghost-secondary___JeWkk[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___MfT24,
954
- .Button-module__hop-Button--ghost-danger___JaoY-[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___MfT24,
955
- .Button-module__hop-Button--ghost-primary___HBhCX[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___MfT24,
956
- .Button-module__hop-Button--ghost-secondary___JeWkk[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___MfT24,
957
- .Button-module__hop-Button--ghost-danger___JaoY-[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___MfT24,
958
- .Button-module__hop-Button--ghost-primary___HBhCX[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___MfT24,
959
- .Button-module__hop-Button--ghost-secondary___JeWkk[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___MfT24,
960
- .Button-module__hop-Button--ghost-danger___JaoY-[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___MfT24 {
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 {
961
1103
  text-decoration: underline;
962
1104
  text-underline-offset: 0.125rem;
963
1105
  }
964
- .Button-module__hop-Button__end-icon___Wx11c,
965
- .Button-module__hop-Button__end-icon-list___7VMeu {
1106
+ .Button-module__hop-Button__end-icon___oJS-s,
1107
+ .Button-module__hop-Button__end-icon-list___iyDSw {
966
1108
  grid-area: end-icon;
967
1109
  }
968
- .Button-module__hop-Button___hVNkV .Button-module__hop-Button__icon-list___QNRCt,
969
- .Button-module__hop-Button___hVNkV .Button-module__hop-Button__end-icon-list___7VMeu {
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 {
970
1112
  flex-wrap: nowrap;
971
1113
  }
972
- .Button-module__hop-Button___hVNkV[data-loading] > *:not(.Button-module__hop-Button__Spinner___qhpjO) {
1114
+ .Button-module__hop-Button___ot9lw[data-loading] > *:not(.Button-module__hop-Button__Spinner___pYUr5) {
973
1115
  opacity: 0;
974
1116
  }
975
1117
 
976
1118
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
977
- .ButtonGroup-module__hop-ButtonGroup___04OMd {
1119
+ .ButtonGroup-module__hop-ButtonGroup___pg9lD {
978
1120
  display: inline-flex;
979
1121
  flex-wrap: nowrap;
980
1122
  gap: var(--hop-space-inline-md);
981
1123
  }
982
- .ButtonGroup-module__hop-ButtonGroup--horizontal___gfk88 {
1124
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___IeYfB {
983
1125
  justify-content: center;
984
1126
  }
985
- .ButtonGroup-module__hop-ButtonGroup--vertical___AWwpV {
1127
+ .ButtonGroup-module__hop-ButtonGroup--vertical___20OwE {
986
1128
  flex-direction: column;
987
1129
  gap: var(--hop-space-stack-md);
988
1130
  align-items: center;
989
1131
  }
990
- .ButtonGroup-module__hop-ButtonGroup--start___2HDvA.ButtonGroup-module__hop-ButtonGroup--vertical___AWwpV {
1132
+ .ButtonGroup-module__hop-ButtonGroup--start___8cAOO.ButtonGroup-module__hop-ButtonGroup--vertical___20OwE {
991
1133
  align-items: flex-start;
992
1134
  }
993
- .ButtonGroup-module__hop-ButtonGroup--center___cWrk2.ButtonGroup-module__hop-ButtonGroup--vertical___AWwpV {
1135
+ .ButtonGroup-module__hop-ButtonGroup--center___bXsRU.ButtonGroup-module__hop-ButtonGroup--vertical___20OwE {
994
1136
  align-items: center;
995
1137
  }
996
- .ButtonGroup-module__hop-ButtonGroup--end___h-8op.ButtonGroup-module__hop-ButtonGroup--vertical___AWwpV {
1138
+ .ButtonGroup-module__hop-ButtonGroup--end___QRAcI.ButtonGroup-module__hop-ButtonGroup--vertical___20OwE {
997
1139
  align-items: flex-end;
998
1140
  }
999
- .ButtonGroup-module__hop-ButtonGroup--start___2HDvA.ButtonGroup-module__hop-ButtonGroup--horizontal___gfk88 {
1141
+ .ButtonGroup-module__hop-ButtonGroup--start___8cAOO.ButtonGroup-module__hop-ButtonGroup--horizontal___IeYfB {
1000
1142
  justify-content: flex-start;
1001
1143
  }
1002
- .ButtonGroup-module__hop-ButtonGroup--center___cWrk2.ButtonGroup-module__hop-ButtonGroup--horizontal___gfk88 {
1144
+ .ButtonGroup-module__hop-ButtonGroup--center___bXsRU.ButtonGroup-module__hop-ButtonGroup--horizontal___IeYfB {
1003
1145
  justify-content: center;
1004
1146
  }
1005
- .ButtonGroup-module__hop-ButtonGroup--end___h-8op.ButtonGroup-module__hop-ButtonGroup--horizontal___gfk88 {
1147
+ .ButtonGroup-module__hop-ButtonGroup--end___QRAcI.ButtonGroup-module__hop-ButtonGroup--horizontal___IeYfB {
1006
1148
  justify-content: flex-end;
1007
1149
  }
1008
- .ButtonGroup-module__hop-ButtonGroup--wrap___-uxgb {
1150
+ .ButtonGroup-module__hop-ButtonGroup--wrap___72Z7i {
1009
1151
  flex-wrap: wrap;
1010
1152
  }
1011
- .ButtonGroup-module__hop-ButtonGroup--fluid___TAcci {
1153
+ .ButtonGroup-module__hop-ButtonGroup--fluid___cVwde {
1012
1154
  inline-size: 100%;
1013
1155
  }
1014
1156
 
1015
1157
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1016
- .EmbeddedButton-module__hop-EmbeddedButton___YX-wK {
1158
+ .EmbeddedButton-module__hop-EmbeddedButton___Ef3WW {
1017
1159
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1018
1160
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1019
- --hop-EmbeddedButton-color: var(--hop-neutral-icon-weak);
1020
- --hop-EmbeddedButton-color-hover: var(--hop-neutral-icon-weak-hover);
1021
- --hop-EmbeddedButton-color-pressed: var(--hop-neutral-icon-weak-press);
1022
- --hop-EmbeddedButton-color-disabled: var(--hop-neutral-icon-disabled);
1023
- --hop-EmbeddedButton-effect-background-color: transparent;
1024
- --hop-EmbeddedButton-effect-background-color-hover: var(--hop-neutral-surface-weak-hover);
1025
- --hop-EmbeddedButton-effect-background-color-pressed: var(--hop-neutral-surface-weak-press);
1026
- --hop-EmbeddedButton-effect-background-color-disabled: transparent;
1027
1161
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
1028
1162
  --hop-EmbeddedButton-md-height: 1.5rem;
1029
1163
  --hop-EmbeddedButton-md-width: 1.5rem;
@@ -1033,11 +1167,133 @@
1033
1167
  --hop-EmbeddedButton-lg-width: 1.5rem;
1034
1168
  --hop-EmbeddedButton-lg-effect-height: 1.5rem;
1035
1169
  --hop-EmbeddedButton-lg-effect-width: 1.5rem;
1170
+ --hop-EmbeddedButton-neutral-color: var(--hop-neutral-icon-weak);
1171
+ --hop-EmbeddedButton-neutral-color-hovered: var(--hop-neutral-icon-weak-hover);
1172
+ --hop-EmbeddedButton-neutral-color-focused: var(--hop-neutral-icon-weak-hover);
1173
+ --hop-EmbeddedButton-neutral-color-pressed: var(--hop-neutral-icon-weak-press);
1174
+ --hop-EmbeddedButton-neutral-color-disabled: var(--hop-neutral-icon-disabled);
1175
+ --hop-EmbeddedButton-neutral-effect-background-color: transparent;
1176
+ --hop-EmbeddedButton-neutral-effect-background-color-hovered: var(--hop-neutral-surface-weak-hover);
1177
+ --hop-EmbeddedButton-neutral-effect-background-color-focused: var(--hop-neutral-surface-weak-hover);
1178
+ --hop-EmbeddedButton-neutral-effect-background-color-pressed: var(--hop-neutral-surface-weak-press);
1179
+ --hop-EmbeddedButton-neutral-effect-background-color-disabled: transparent;
1180
+ --hop-EmbeddedButton-subdued-color: var(--hop-neutral-icon-weak);
1181
+ --hop-EmbeddedButton-subdued-color-hovered: var(--hop-neutral-icon-weak-hover);
1182
+ --hop-EmbeddedButton-subdued-color-focused: var(--hop-neutral-icon-weak-hover);
1183
+ --hop-EmbeddedButton-subdued-color-pressed: var(--hop-neutral-icon-weak-press);
1184
+ --hop-EmbeddedButton-subdued-color-disabled: var(--hop-neutral-icon-disabled);
1185
+ --hop-EmbeddedButton-subdued-effect-background-color: transparent;
1186
+ --hop-EmbeddedButton-subdued-effect-background-color-hovered: var(--hop-neutral-surface-weak-hover);
1187
+ --hop-EmbeddedButton-subdued-effect-background-color-focused: var(--hop-neutral-surface-weak-hover);
1188
+ --hop-EmbeddedButton-subdued-effect-background-color-pressed: var(--hop-neutral-surface-weak-press);
1189
+ --hop-EmbeddedButton-subdued-effect-background-color-disabled: transparent;
1190
+ --hop-EmbeddedButton-progress-color: var(--hop-status-progress-icon);
1191
+ --hop-EmbeddedButton-progress-color-hovered: var(--hop-status-progress-icon-hover);
1192
+ --hop-EmbeddedButton-progress-color-focused: var(--hop-status-progress-icon-hover);
1193
+ --hop-EmbeddedButton-progress-color-pressed: var(--hop-status-progress-icon-press);
1194
+ --hop-EmbeddedButton-progress-color-disabled: var(--hop-status-progress-icon-disabled);
1195
+ --hop-EmbeddedButton-progress-effect-background-color: transparent;
1196
+ --hop-EmbeddedButton-progress-effect-background-color-hovered: var(--hop-status-progress-surface-hover);
1197
+ --hop-EmbeddedButton-progress-effect-background-color-focused: var(--hop-status-progress-surface-hover);
1198
+ --hop-EmbeddedButton-progress-effect-background-color-pressed: var(--hop-status-progress-surface-press);
1199
+ --hop-EmbeddedButton-progress-effect-background-color-disabled: transparent;
1200
+ --hop-EmbeddedButton-positive-color: var(--hop-status-positive-icon);
1201
+ --hop-EmbeddedButton-positive-color-hovered: var(--hop-status-positive-icon-hover);
1202
+ --hop-EmbeddedButton-positive-color-focused: var(--hop-status-positive-icon-hover);
1203
+ --hop-EmbeddedButton-positive-color-pressed: var(--hop-status-positive-icon-press);
1204
+ --hop-EmbeddedButton-positive-color-disabled: var(--hop-status-positive-icon-disabled);
1205
+ --hop-EmbeddedButton-positive-effect-background-color: transparent;
1206
+ --hop-EmbeddedButton-positive-effect-background-color-hovered: var(--hop-status-positive-surface-hover);
1207
+ --hop-EmbeddedButton-positive-effect-background-color-focused: var(--hop-status-positive-surface-hover);
1208
+ --hop-EmbeddedButton-positive-effect-background-color-pressed: var(--hop-status-positive-surface-press);
1209
+ --hop-EmbeddedButton-positive-effect-background-color-disabled: transparent;
1210
+ --hop-EmbeddedButton-caution-color: var(--hop-status-caution-icon);
1211
+ --hop-EmbeddedButton-caution-color-hovered: var(--hop-status-caution-icon-hover);
1212
+ --hop-EmbeddedButton-caution-color-focused: var(--hop-status-caution-icon-hover);
1213
+ --hop-EmbeddedButton-caution-color-pressed: var(--hop-status-caution-icon-press);
1214
+ --hop-EmbeddedButton-caution-color-disabled: var(--hop-status-caution-icon-disabled);
1215
+ --hop-EmbeddedButton-caution-effect-background-color: transparent;
1216
+ --hop-EmbeddedButton-caution-effect-background-color-hovered: var(--hop-status-caution-surface-hover);
1217
+ --hop-EmbeddedButton-caution-effect-background-color-focused: var(--hop-status-caution-surface-hover);
1218
+ --hop-EmbeddedButton-caution-effect-background-color-pressed: var(--hop-status-caution-surface-press);
1219
+ --hop-EmbeddedButton-caution-effect-background-color-disabled: transparent;
1220
+ --hop-EmbeddedButton-negative-color: var(--hop-status-negative-icon);
1221
+ --hop-EmbeddedButton-negative-color-hovered: var(--hop-status-negative-icon-hover);
1222
+ --hop-EmbeddedButton-negative-color-focused: var(--hop-status-negative-icon-hover);
1223
+ --hop-EmbeddedButton-negative-color-pressed: var(--hop-status-negative-icon-press);
1224
+ --hop-EmbeddedButton-negative-color-disabled: var(--hop-status-negative-icon-disabled);
1225
+ --hop-EmbeddedButton-negative-effect-background-color: transparent;
1226
+ --hop-EmbeddedButton-negative-effect-background-color-hovered: var(--hop-status-negative-surface-hover);
1227
+ --hop-EmbeddedButton-negative-effect-background-color-focused: var(--hop-status-negative-surface-hover);
1228
+ --hop-EmbeddedButton-negative-effect-background-color-pressed: var(--hop-status-negative-surface-press);
1229
+ --hop-EmbeddedButton-negative-effect-background-color-disabled: transparent;
1230
+ --hop-EmbeddedButton-option1-color: var(--hop-status-option1-icon);
1231
+ --hop-EmbeddedButton-option1-color-hovered: var(--hop-status-option1-icon-hover);
1232
+ --hop-EmbeddedButton-option1-color-focused: var(--hop-status-option1-icon-hover);
1233
+ --hop-EmbeddedButton-option1-color-pressed: var(--hop-status-option1-icon-press);
1234
+ --hop-EmbeddedButton-option1-color-disabled: var(--hop-status-option1-icon-disabled);
1235
+ --hop-EmbeddedButton-option1-effect-background-color: transparent;
1236
+ --hop-EmbeddedButton-option1-effect-background-color-hovered: var(--hop-status-option1-surface-hover);
1237
+ --hop-EmbeddedButton-option1-effect-background-color-focused: var(--hop-status-option1-surface-hover);
1238
+ --hop-EmbeddedButton-option1-effect-background-color-pressed: var(--hop-status-option1-surface-press);
1239
+ --hop-EmbeddedButton-option1-effect-background-color-disabled: transparent;
1240
+ --hop-EmbeddedButton-option2-color: var(--hop-status-option2-icon);
1241
+ --hop-EmbeddedButton-option2-color-hovered: var(--hop-status-option2-icon-hover);
1242
+ --hop-EmbeddedButton-option2-color-focused: var(--hop-status-option2-icon-hover);
1243
+ --hop-EmbeddedButton-option2-color-pressed: var(--hop-status-option2-icon-press);
1244
+ --hop-EmbeddedButton-option2-color-disabled: var(--hop-status-option2-icon-disabled);
1245
+ --hop-EmbeddedButton-option2-effect-background-color: transparent;
1246
+ --hop-EmbeddedButton-option2-effect-background-color-hovered: var(--hop-status-option2-surface-hover);
1247
+ --hop-EmbeddedButton-option2-effect-background-color-focused: var(--hop-status-option2-surface-hover);
1248
+ --hop-EmbeddedButton-option2-effect-background-color-pressed: var(--hop-status-option2-surface-press);
1249
+ --hop-EmbeddedButton-option2-effect-background-color-disabled: transparent;
1250
+ --hop-EmbeddedButton-option3-color: var(--hop-status-option3-icon);
1251
+ --hop-EmbeddedButton-option3-color-hovered: var(--hop-status-option3-icon-hover);
1252
+ --hop-EmbeddedButton-option3-color-focused: var(--hop-status-option3-icon-hover);
1253
+ --hop-EmbeddedButton-option3-color-pressed: var(--hop-status-option3-icon-press);
1254
+ --hop-EmbeddedButton-option3-color-disabled: var(--hop-status-option3-icon-disabled);
1255
+ --hop-EmbeddedButton-option3-effect-background-color: transparent;
1256
+ --hop-EmbeddedButton-option3-effect-background-color-hovered: var(--hop-status-option3-surface-hover);
1257
+ --hop-EmbeddedButton-option3-effect-background-color-focused: var(--hop-status-option3-surface-hover);
1258
+ --hop-EmbeddedButton-option3-effect-background-color-pressed: var(--hop-status-option3-surface-press);
1259
+ --hop-EmbeddedButton-option3-effect-background-color-disabled: transparent;
1260
+ --hop-EmbeddedButton-option4-color: var(--hop-status-option4-icon);
1261
+ --hop-EmbeddedButton-option4-color-hovered: var(--hop-status-option4-icon-hover);
1262
+ --hop-EmbeddedButton-option4-color-focused: var(--hop-status-option4-icon-hover);
1263
+ --hop-EmbeddedButton-option4-color-pressed: var(--hop-status-option4-icon-press);
1264
+ --hop-EmbeddedButton-option4-color-disabled: var(--hop-status-option4-icon-disabled);
1265
+ --hop-EmbeddedButton-option4-effect-background-color: transparent;
1266
+ --hop-EmbeddedButton-option4-effect-background-color-hovered: var(--hop-status-option4-surface-hover);
1267
+ --hop-EmbeddedButton-option4-effect-background-color-focused: var(--hop-status-option4-surface-hover);
1268
+ --hop-EmbeddedButton-option4-effect-background-color-pressed: var(--hop-status-option4-surface-press);
1269
+ --hop-EmbeddedButton-option4-effect-background-color-disabled: transparent;
1270
+ --hop-EmbeddedButton-option5-color: var(--hop-status-option5-icon);
1271
+ --hop-EmbeddedButton-option5-color-hovered: var(--hop-status-option5-icon-hover);
1272
+ --hop-EmbeddedButton-option5-color-focused: var(--hop-status-option5-icon-hover);
1273
+ --hop-EmbeddedButton-option5-color-pressed: var(--hop-status-option5-icon-press);
1274
+ --hop-EmbeddedButton-option5-color-disabled: var(--hop-status-option5-icon-disabled);
1275
+ --hop-EmbeddedButton-option5-effect-background-color: transparent;
1276
+ --hop-EmbeddedButton-option5-effect-background-color-hovered: var(--hop-status-option5-surface-hover);
1277
+ --hop-EmbeddedButton-option5-effect-background-color-focused: var(--hop-status-option5-surface-hover);
1278
+ --hop-EmbeddedButton-option5-effect-background-color-pressed: var(--hop-status-option5-surface-press);
1279
+ --hop-EmbeddedButton-option5-effect-background-color-disabled: transparent;
1280
+ --hop-EmbeddedButton-option6-color: var(--hop-status-option6-icon);
1281
+ --hop-EmbeddedButton-option6-color-hovered: var(--hop-status-option6-icon-hover);
1282
+ --hop-EmbeddedButton-option6-color-focused: var(--hop-status-option6-icon-hover);
1283
+ --hop-EmbeddedButton-option6-color-pressed: var(--hop-status-option6-icon-press);
1284
+ --hop-EmbeddedButton-option6-color-disabled: var(--hop-status-option6-icon-disabled);
1285
+ --hop-EmbeddedButton-option6-effect-background-color: transparent;
1286
+ --hop-EmbeddedButton-option6-effect-background-color-hovered: var(--hop-status-option6-surface-hover);
1287
+ --hop-EmbeddedButton-option6-effect-background-color-focused: var(--hop-status-option6-surface-hover);
1288
+ --hop-EmbeddedButton-option6-effect-background-color-pressed: var(--hop-status-option6-surface-press);
1289
+ --hop-EmbeddedButton-option6-effect-background-color-disabled: transparent;
1290
+ --hop-EmbeddedButton-selected-color: var(--hop-neutral-icon-weak-selected);
1291
+ --hop-EmbeddedButton-selected-effect-background-color: var(--hop-neutral-surface-weak-selected);
1036
1292
  --spinner: var(--hop-primary-icon-strong);
1037
1293
  --padding-inline: 0;
1038
1294
  --padding-block: 0;
1039
- --effect-background-color: var(--hop-EmbeddedButton-effect-background-color);
1040
- --color: var(--hop-EmbeddedButton-color);
1295
+ --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1296
+ --color: var(--hop-EmbeddedButton-neutral-color);
1041
1297
  --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
1042
1298
  --effect-border-radius: var(--hop-EmbeddedButton-effect-border-radius);
1043
1299
  --focus-ring-size: 0.125rem;
@@ -1062,7 +1318,7 @@
1062
1318
  outline: none;
1063
1319
  transition: color var(--transition);
1064
1320
  }
1065
- .EmbeddedButton-module__hop-EmbeddedButton___YX-wK::before {
1321
+ .EmbeddedButton-module__hop-EmbeddedButton___Ef3WW::before {
1066
1322
  content: "";
1067
1323
  position: absolute;
1068
1324
  inset-block-start: 50%;
@@ -1075,48 +1331,281 @@
1075
1331
  border-radius: var(--effect-border-radius);
1076
1332
  transition: background-color var(--transition);
1077
1333
  }
1078
- .EmbeddedButton-module__hop-EmbeddedButton--md___4MiXk {
1334
+ .EmbeddedButton-module__hop-EmbeddedButton--md___2JVnP {
1079
1335
  --inline-size: var(--hop-EmbeddedButton-md-width);
1080
1336
  --block-size: var(--hop-EmbeddedButton-md-height);
1081
1337
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1082
1338
  }
1083
- .EmbeddedButton-module__hop-EmbeddedButton--lg___xPKbb {
1339
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___msSgm {
1084
1340
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1085
1341
  --block-size: var(--hop-EmbeddedButton-lg-height);
1086
1342
  --focus-ring-offset: 0;
1087
1343
  }
1088
- .EmbeddedButton-module__hop-EmbeddedButton--md___4MiXk::before {
1344
+ .EmbeddedButton-module__hop-EmbeddedButton--md___2JVnP::before {
1089
1345
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1090
1346
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1091
1347
  }
1092
- .EmbeddedButton-module__hop-EmbeddedButton--lg___xPKbb::before {
1348
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___msSgm::before {
1093
1349
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1094
1350
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1095
1351
  }
1096
- .EmbeddedButton-module__hop-EmbeddedButton___YX-wK[data-focus-visible] {
1352
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___UmAU5 {
1353
+ --color: var(--hop-EmbeddedButton-neutral-color);
1354
+ --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1355
+ }
1356
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___DvRSb {
1357
+ --color: var(--hop-EmbeddedButton-subdued-color);
1358
+ --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1359
+ }
1360
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___JHpxs {
1361
+ --color: var(--hop-EmbeddedButton-progress-color);
1362
+ --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1363
+ }
1364
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___3R-QA {
1365
+ --color: var(--hop-EmbeddedButton-positive-color);
1366
+ --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1367
+ }
1368
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___AYJP5 {
1369
+ --color: var(--hop-EmbeddedButton-caution-color);
1370
+ --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1371
+ }
1372
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___NYJpR {
1373
+ --color: var(--hop-EmbeddedButton-negative-color);
1374
+ --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1375
+ }
1376
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___HjCqc {
1377
+ --color: var(--hop-EmbeddedButton-option1-color);
1378
+ --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1379
+ }
1380
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-arDT {
1381
+ --color: var(--hop-EmbeddedButton-option2-color);
1382
+ --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1383
+ }
1384
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ydPzK {
1385
+ --color: var(--hop-EmbeddedButton-option3-color);
1386
+ --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1387
+ }
1388
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Lahu0 {
1389
+ --color: var(--hop-EmbeddedButton-option4-color);
1390
+ --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1391
+ }
1392
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___FN9cX {
1393
+ --color: var(--hop-EmbeddedButton-option5-color);
1394
+ --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1395
+ }
1396
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___VaTPy {
1397
+ --color: var(--hop-EmbeddedButton-option6-color);
1398
+ --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1399
+ }
1400
+ .EmbeddedButton-module__hop-EmbeddedButton___Ef3WW[data-selected] {
1401
+ --color: var(--hop-EmbeddedButton-selected-color);
1402
+ --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1403
+ }
1404
+ .EmbeddedButton-module__hop-EmbeddedButton___Ef3WW[data-focus-visible] {
1097
1405
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1098
1406
  outline-offset: var(--focus-ring-offset);
1099
1407
  }
1100
- .EmbeddedButton-module__hop-EmbeddedButton___YX-wK[data-disabled] {
1101
- --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-disabled);
1102
- --color: var(--hop-EmbeddedButton-color-disabled);
1408
+ .EmbeddedButton-module__hop-EmbeddedButton___Ef3WW[data-disabled] {
1103
1409
  cursor: not-allowed;
1104
1410
  }
1105
- .EmbeddedButton-module__hop-EmbeddedButton___YX-wK[data-hovered]:not([data-disabled], [data-pressed]),
1106
- .EmbeddedButton-module__hop-EmbeddedButton___YX-wK[data-focus-visible]:not([data-disabled], [data-pressed]) {
1107
- --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-hover);
1108
- --color: var(--hop-EmbeddedButton-color-hover);
1411
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___UmAU5[data-hovered] {
1412
+ --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1413
+ --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1414
+ }
1415
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___UmAU5[data-focus-visible] {
1416
+ --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1417
+ --color: var(--hop-EmbeddedButton-neutral-color-focused);
1418
+ }
1419
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___UmAU5[data-pressed] {
1420
+ --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1421
+ --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1422
+ }
1423
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___UmAU5[data-disabled] {
1424
+ --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1425
+ --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1426
+ }
1427
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___DvRSb[data-hovered] {
1428
+ --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1429
+ --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1430
+ }
1431
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___DvRSb[data-focus-visible] {
1432
+ --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1433
+ --color: var(--hop-EmbeddedButton-subdued-color-focused);
1434
+ }
1435
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___DvRSb[data-pressed] {
1436
+ --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1437
+ --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1438
+ }
1439
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___DvRSb[data-disabled] {
1440
+ --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1441
+ --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1442
+ }
1443
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___JHpxs[data-hovered] {
1444
+ --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1445
+ --color: var(--hop-EmbeddedButton-progress-color-hovered);
1446
+ }
1447
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___JHpxs[data-focus-visible] {
1448
+ --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1449
+ --color: var(--hop-EmbeddedButton-progress-color-focused);
1450
+ }
1451
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___JHpxs[data-pressed] {
1452
+ --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1453
+ --color: var(--hop-EmbeddedButton-progress-color-pressed);
1454
+ }
1455
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___JHpxs[data-disabled] {
1456
+ --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1457
+ --color: var(--hop-EmbeddedButton-progress-color-disabled);
1458
+ }
1459
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___3R-QA[data-hovered] {
1460
+ --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1461
+ --color: var(--hop-EmbeddedButton-positive-color-hovered);
1462
+ }
1463
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___3R-QA[data-focus-visible] {
1464
+ --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1465
+ --color: var(--hop-EmbeddedButton-positive-color-focused);
1466
+ }
1467
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___3R-QA[data-pressed] {
1468
+ --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1469
+ --color: var(--hop-EmbeddedButton-positive-color-pressed);
1470
+ }
1471
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___3R-QA[data-disabled] {
1472
+ --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1473
+ --color: var(--hop-EmbeddedButton-positive-color-disabled);
1474
+ }
1475
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___AYJP5[data-hovered] {
1476
+ --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1477
+ --color: var(--hop-EmbeddedButton-caution-color-hovered);
1478
+ }
1479
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___AYJP5[data-focus-visible] {
1480
+ --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1481
+ --color: var(--hop-EmbeddedButton-caution-color-focused);
1482
+ }
1483
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___AYJP5[data-pressed] {
1484
+ --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1485
+ --color: var(--hop-EmbeddedButton-caution-color-pressed);
1486
+ }
1487
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___AYJP5[data-disabled] {
1488
+ --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1489
+ --color: var(--hop-EmbeddedButton-caution-color-disabled);
1490
+ }
1491
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___NYJpR[data-hovered] {
1492
+ --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1493
+ --color: var(--hop-EmbeddedButton-negative-color-hovered);
1494
+ }
1495
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___NYJpR[data-focus-visible] {
1496
+ --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1497
+ --color: var(--hop-EmbeddedButton-negative-color-focused);
1498
+ }
1499
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___NYJpR[data-pressed] {
1500
+ --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1501
+ --color: var(--hop-EmbeddedButton-negative-color-pressed);
1502
+ }
1503
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___NYJpR[data-disabled] {
1504
+ --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1505
+ --color: var(--hop-EmbeddedButton-negative-color-disabled);
1506
+ }
1507
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___HjCqc[data-hovered] {
1508
+ --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1509
+ --color: var(--hop-EmbeddedButton-option1-color-hovered);
1510
+ }
1511
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___HjCqc[data-focus-visible] {
1512
+ --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1513
+ --color: var(--hop-EmbeddedButton-option1-color-focused);
1514
+ }
1515
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___HjCqc[data-pressed] {
1516
+ --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1517
+ --color: var(--hop-EmbeddedButton-option1-color-pressed);
1518
+ }
1519
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___HjCqc[data-disabled] {
1520
+ --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1521
+ --color: var(--hop-EmbeddedButton-option1-color-disabled);
1522
+ }
1523
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-arDT[data-hovered] {
1524
+ --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1525
+ --color: var(--hop-EmbeddedButton-option2-color-hovered);
1526
+ }
1527
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-arDT[data-focus-visible] {
1528
+ --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1529
+ --color: var(--hop-EmbeddedButton-option2-color-focused);
1530
+ }
1531
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-arDT[data-pressed] {
1532
+ --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1533
+ --color: var(--hop-EmbeddedButton-option2-color-pressed);
1534
+ }
1535
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-arDT[data-disabled] {
1536
+ --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1537
+ --color: var(--hop-EmbeddedButton-option2-color-disabled);
1538
+ }
1539
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ydPzK[data-hovered] {
1540
+ --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1541
+ --color: var(--hop-EmbeddedButton-option3-color-hovered);
1542
+ }
1543
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ydPzK[data-focus-visible] {
1544
+ --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1545
+ --color: var(--hop-EmbeddedButton-option3-color-focused);
1546
+ }
1547
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ydPzK[data-pressed] {
1548
+ --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1549
+ --color: var(--hop-EmbeddedButton-option3-color-pressed);
1550
+ }
1551
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ydPzK[data-disabled] {
1552
+ --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1553
+ --color: var(--hop-EmbeddedButton-option3-color-disabled);
1554
+ }
1555
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Lahu0[data-hovered] {
1556
+ --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1557
+ --color: var(--hop-EmbeddedButton-option4-color-hovered);
1558
+ }
1559
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Lahu0[data-focus-visible] {
1560
+ --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1561
+ --color: var(--hop-EmbeddedButton-option4-color-focused);
1562
+ }
1563
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Lahu0[data-pressed] {
1564
+ --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1565
+ --color: var(--hop-EmbeddedButton-option4-color-pressed);
1566
+ }
1567
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Lahu0[data-disabled] {
1568
+ --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1569
+ --color: var(--hop-EmbeddedButton-option4-color-disabled);
1570
+ }
1571
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___FN9cX[data-hovered] {
1572
+ --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1573
+ --color: var(--hop-EmbeddedButton-option5-color-hovered);
1574
+ }
1575
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___FN9cX[data-focus-visible] {
1576
+ --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1577
+ --color: var(--hop-EmbeddedButton-option5-color-focused);
1578
+ }
1579
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___FN9cX[data-pressed] {
1580
+ --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1581
+ --color: var(--hop-EmbeddedButton-option5-color-pressed);
1582
+ }
1583
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___FN9cX[data-disabled] {
1584
+ --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1585
+ --color: var(--hop-EmbeddedButton-option5-color-disabled);
1586
+ }
1587
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___VaTPy[data-hovered] {
1588
+ --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1589
+ --color: var(--hop-EmbeddedButton-option6-color-hovered);
1590
+ }
1591
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___VaTPy[data-focus-visible] {
1592
+ --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1593
+ --color: var(--hop-EmbeddedButton-option6-color-focused);
1594
+ }
1595
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___VaTPy[data-pressed] {
1596
+ --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1597
+ --color: var(--hop-EmbeddedButton-option6-color-pressed);
1109
1598
  }
1110
- .EmbeddedButton-module__hop-EmbeddedButton___YX-wK[data-pressed]:not([data-disabled]) {
1111
- --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-pressed);
1112
- --color: var(--hop-EmbeddedButton-color-pressed);
1599
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___VaTPy[data-disabled] {
1600
+ --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1601
+ --color: var(--hop-EmbeddedButton-option6-color-disabled);
1113
1602
  }
1114
- .EmbeddedButton-module__hop-EmbeddedButton__icon___wEbGV {
1603
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___YTaCR {
1115
1604
  position: relative;
1116
1605
  }
1117
1606
 
1118
1607
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
1119
- .TextField-module__hop-TextField___Pmegw {
1608
+ .TextField-module__hop-TextField___p1zZl {
1120
1609
  --hop-TextField-gap: var(--hop-space-stack-xs);
1121
1610
  --hop-TextField-inline-size: 20rem;
1122
1611
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -1126,25 +1615,25 @@
1126
1615
  gap: var(--hop-TextField-gap);
1127
1616
  inline-size: var(--inline-size);
1128
1617
  }
1129
- .TextField-module__hop-TextField--fluid___gB9AM {
1618
+ .TextField-module__hop-TextField--fluid___upyKv {
1130
1619
  --inline-size: 100%;
1131
1620
  }
1132
- .TextField-module__hop-TextField__Label___5O2K- {
1621
+ .TextField-module__hop-TextField__Label___KP7AK {
1133
1622
  order: 0;
1134
1623
  }
1135
- .TextField-module__hop-TextField__prefix___YFY4G {
1624
+ .TextField-module__hop-TextField__prefix___o3YUl {
1136
1625
  color: var(--hop-TextField-prefix-color);
1137
1626
  }
1138
- .TextField-module__hop-TextField__InputGroup___qnReJ {
1627
+ .TextField-module__hop-TextField__InputGroup___b7EQq {
1139
1628
  order: 1;
1140
1629
  }
1141
- .TextField-module__hop-TextField__ErrorMessage___IU7x-,
1142
- .TextField-module__hop-TextField__HelperMessage___QChBo {
1630
+ .TextField-module__hop-TextField__ErrorMessage___oXqwU,
1631
+ .TextField-module__hop-TextField__HelperMessage___WN1xO {
1143
1632
  order: 3;
1144
1633
  }
1145
1634
 
1146
1635
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
1147
- .PasswordField-module__hop-PasswordField___K1Viz {
1636
+ .PasswordField-module__hop-PasswordField___BZw2q {
1148
1637
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
1149
1638
  --hop-PasswordField-inline-size: 20rem;
1150
1639
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -1153,22 +1642,22 @@
1153
1642
  gap: var(--hop-PasswordField-gap);
1154
1643
  inline-size: var(--inline-size);
1155
1644
  }
1156
- .PasswordField-module__hop-PasswordField--fluid___A9xrf {
1645
+ .PasswordField-module__hop-PasswordField--fluid___Vy6O6 {
1157
1646
  --inline-size: 100%;
1158
1647
  }
1159
- .PasswordField-module__hop-PasswordField__Label___PEh-V {
1648
+ .PasswordField-module__hop-PasswordField__Label___3feE7 {
1160
1649
  order: 0;
1161
1650
  }
1162
- .PasswordField-module__hop-PasswordField__InputGroup___-KMzA {
1651
+ .PasswordField-module__hop-PasswordField__InputGroup___6fO8H {
1163
1652
  order: 1;
1164
1653
  }
1165
- .PasswordField-module__hop-PasswordField__ErrorMessage___hiN1T,
1166
- .PasswordField-module__hop-PasswordField__HelperMessage___Dc3vM {
1654
+ .PasswordField-module__hop-PasswordField__ErrorMessage___ACyog,
1655
+ .PasswordField-module__hop-PasswordField__HelperMessage___xp9kN {
1167
1656
  order: 3;
1168
1657
  }
1169
1658
 
1170
1659
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
1171
- .SearchField-module__hop-SearchField___Bzhek {
1660
+ .SearchField-module__hop-SearchField___eeVrI {
1172
1661
  --hop-SearchField-gap: var(--hop-space-stack-xs);
1173
1662
  --hop-SearchField-inline-size: 20rem;
1174
1663
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -1182,33 +1671,33 @@
1182
1671
  gap: var(--hop-SearchField-gap);
1183
1672
  inline-size: var(--inline-size);
1184
1673
  }
1185
- .SearchField-module__hop-SearchField--fluid___-XKVD {
1674
+ .SearchField-module__hop-SearchField--fluid___tJI3Z {
1186
1675
  --inline-size: 100%;
1187
1676
  }
1188
- .SearchField-module__hop-SearchField__Label___laPoU {
1677
+ .SearchField-module__hop-SearchField__Label___FHalK {
1189
1678
  order: 0;
1190
1679
  }
1191
- .SearchField-module__hop-SearchField__prefix___-OhTw {
1680
+ .SearchField-module__hop-SearchField__prefix___051pF {
1192
1681
  color: var(--hop-SearchField-color);
1193
1682
  }
1194
- .SearchField-module__hop-SearchField__InputGroup___-gzSx {
1683
+ .SearchField-module__hop-SearchField__InputGroup___4Vkaq {
1195
1684
  order: 1;
1196
1685
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
1197
1686
  }
1198
- .SearchField-module__hop-SearchField--clearable___1bAv6 {
1687
+ .SearchField-module__hop-SearchField--clearable___yge5P {
1199
1688
  --input-group-padding-inline-end: 0;
1200
1689
  }
1201
- .SearchField-module__hop-SearchField__ErrorMessage___j3nmG,
1202
- .SearchField-module__hop-SearchField__HelperMessage___WEhqH {
1690
+ .SearchField-module__hop-SearchField__ErrorMessage___TgcwI,
1691
+ .SearchField-module__hop-SearchField__HelperMessage___ACElD {
1203
1692
  order: 3;
1204
1693
  }
1205
- .SearchField-module__hop-SearchField___Bzhek input::-webkit-search-cancel-button,
1206
- .SearchField-module__hop-SearchField___Bzhek input::-webkit-search-decoration {
1694
+ .SearchField-module__hop-SearchField___eeVrI input::-webkit-search-cancel-button,
1695
+ .SearchField-module__hop-SearchField___eeVrI input::-webkit-search-decoration {
1207
1696
  appearance: none;
1208
1697
  }
1209
- .SearchField-module__hop-SearchField___Bzhek[data-empty] {
1698
+ .SearchField-module__hop-SearchField___eeVrI[data-empty] {
1210
1699
  --clear-button-display: none;
1211
1700
  }
1212
- .SearchField-module__hop-SearchField__ClearButton___SN3ZA {
1701
+ .SearchField-module__hop-SearchField__ClearButton___zKqjG {
1213
1702
  display: var(--clear-button-display);
1214
1703
  }