@hopper-ui/components 1.3.32 → 1.3.34

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 (260) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +44 -37
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +62 -55
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +44 -37
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +44 -37
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +62 -55
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +49 -42
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +44 -37
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +59 -52
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/Card/src/Card.css +39 -30
  19. package/dist/Card/src/Card.js +2 -2
  20. package/dist/Card/src/index.css +39 -30
  21. package/dist/Card/src/index.js +2 -2
  22. package/dist/ComboBox/src/ComboBox.css +578 -570
  23. package/dist/ComboBox/src/ComboBox.js +28 -24
  24. package/dist/ComboBox/src/index.css +578 -570
  25. package/dist/ComboBox/src/index.js +28 -24
  26. package/dist/Disclosure/src/Disclosure.css +305 -0
  27. package/dist/Disclosure/src/Disclosure.d.ts +16 -0
  28. package/dist/Disclosure/src/Disclosure.js +9 -0
  29. package/dist/Disclosure/src/DisclosureContext.d.ts +8 -0
  30. package/dist/Disclosure/src/DisclosureContext.js +2 -0
  31. package/dist/Disclosure/src/DisclosureHeader.css +405 -0
  32. package/dist/Disclosure/src/DisclosureHeader.d.ts +21 -0
  33. package/dist/Disclosure/src/DisclosureHeader.js +22 -0
  34. package/dist/Disclosure/src/DisclosureHeaderContext.d.ts +9 -0
  35. package/dist/Disclosure/src/DisclosureHeaderContext.js +2 -0
  36. package/dist/Disclosure/src/DisclosurePanel.css +292 -0
  37. package/dist/Disclosure/src/DisclosurePanel.d.ts +15 -0
  38. package/dist/Disclosure/src/DisclosurePanel.js +22 -0
  39. package/dist/Disclosure/src/DisclosurePanelContext.d.ts +8 -0
  40. package/dist/Disclosure/src/DisclosurePanelContext.js +2 -0
  41. package/dist/Disclosure/src/index.css +526 -0
  42. package/dist/Disclosure/src/index.d.ts +10 -0
  43. package/dist/Disclosure/src/index.js +27 -0
  44. package/dist/Divider/src/Divider.css +36 -29
  45. package/dist/Divider/src/Divider.js +1 -1
  46. package/dist/Divider/src/index.css +36 -29
  47. package/dist/Divider/src/index.js +1 -1
  48. package/dist/ErrorMessage/src/ErrorMessage.css +36 -29
  49. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  50. package/dist/ErrorMessage/src/index.css +36 -29
  51. package/dist/ErrorMessage/src/index.js +2 -2
  52. package/dist/Form/src/Form.css +28 -5005
  53. package/dist/Form/src/Form.d.ts +6 -3
  54. package/dist/Form/src/Form.js +2 -28
  55. package/dist/Form/src/FormContext.d.ts +3 -3
  56. package/dist/Form/src/FormContext.js +1 -1
  57. package/dist/Form/src/index.css +28 -5005
  58. package/dist/Form/src/index.d.ts +1 -1
  59. package/dist/Form/src/index.js +2 -28
  60. package/dist/HelperMessage/src/HelperMessage.css +36 -29
  61. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  62. package/dist/HelperMessage/src/index.css +36 -29
  63. package/dist/HelperMessage/src/index.js +2 -2
  64. package/dist/IconList/src/IconList.css +35 -28
  65. package/dist/IconList/src/IconList.js +1 -1
  66. package/dist/IconList/src/index.css +35 -28
  67. package/dist/IconList/src/index.js +1 -1
  68. package/dist/Link/src/Link.css +56 -49
  69. package/dist/Link/src/Link.js +9 -7
  70. package/dist/Link/src/index.css +56 -49
  71. package/dist/Link/src/index.js +9 -7
  72. package/dist/ListBox/src/ListBox.css +281 -274
  73. package/dist/ListBox/src/ListBox.js +15 -13
  74. package/dist/ListBox/src/ListBoxItem.css +269 -262
  75. package/dist/ListBox/src/ListBoxItem.js +13 -11
  76. package/dist/ListBox/src/ListBoxItemSkeleton.css +41 -34
  77. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  78. package/dist/ListBox/src/index.css +281 -274
  79. package/dist/ListBox/src/index.js +15 -13
  80. package/dist/Section/src/Section.js +1 -1
  81. package/dist/Section/src/index.js +1 -1
  82. package/dist/Select/src/Select.css +582 -564
  83. package/dist/Select/src/Select.js +29 -25
  84. package/dist/Select/src/SelectValue.css +68 -61
  85. package/dist/Select/src/SelectValue.js +7 -5
  86. package/dist/Select/src/index.css +582 -564
  87. package/dist/Select/src/index.js +29 -25
  88. package/dist/Spinner/src/Spinner.css +44 -37
  89. package/dist/Spinner/src/Spinner.js +2 -2
  90. package/dist/Spinner/src/index.css +44 -37
  91. package/dist/Spinner/src/index.js +2 -2
  92. package/dist/{tag/src/TagList.css → ToggleArrow/src/ToggleArrow.css} +44 -27
  93. package/dist/ToggleArrow/src/ToggleArrow.d.ts +21 -0
  94. package/dist/ToggleArrow/src/ToggleArrow.js +4 -0
  95. package/dist/ToggleArrow/src/ToggleArrowContext.d.ts +10 -0
  96. package/dist/ToggleArrow/src/ToggleArrowContext.js +2 -0
  97. package/dist/ToggleArrow/src/index.css +243 -0
  98. package/dist/ToggleArrow/src/index.d.ts +7 -0
  99. package/dist/ToggleArrow/src/index.js +4 -0
  100. package/dist/buttons/src/Button.css +100 -93
  101. package/dist/buttons/src/Button.js +11 -9
  102. package/dist/buttons/src/ButtonGroup.css +45 -38
  103. package/dist/buttons/src/ButtonGroup.js +1 -1
  104. package/dist/buttons/src/ClearButton.css +105 -98
  105. package/dist/buttons/src/ClearButton.js +2 -2
  106. package/dist/buttons/src/EmbeddedButton.css +105 -98
  107. package/dist/buttons/src/EmbeddedButton.js +1 -1
  108. package/dist/buttons/src/LinkButton.css +109 -102
  109. package/dist/buttons/src/LinkButton.js +10 -8
  110. package/dist/buttons/src/index.css +256 -249
  111. package/dist/buttons/src/index.js +15 -13
  112. package/dist/checkbox/src/Checkbox.css +53 -46
  113. package/dist/checkbox/src/Checkbox.js +10 -8
  114. package/dist/checkbox/src/CheckboxField.css +93 -86
  115. package/dist/checkbox/src/CheckboxField.js +4 -2
  116. package/dist/checkbox/src/CheckboxGroup.css +105 -98
  117. package/dist/checkbox/src/CheckboxGroup.js +9 -7
  118. package/dist/checkbox/src/DecorativeCheckbox.css +61 -54
  119. package/dist/checkbox/src/DecorativeCheckbox.js +10 -8
  120. package/dist/checkbox/src/index.css +105 -98
  121. package/dist/checkbox/src/index.js +17 -15
  122. package/dist/{chunk-B2PZHGGT.js → chunk-2DFRNPSR.js} +2 -2
  123. package/dist/{chunk-PR6Q2XJD.js → chunk-333PGOMR.js} +18 -10
  124. package/dist/{chunk-SWQEWYNM.js → chunk-566DZ4RC.js} +1 -1
  125. package/dist/{chunk-2PIWQBQ7.js → chunk-5SMJSNMW.js} +2 -2
  126. package/dist/chunk-5ZXBTCX3.js +124 -0
  127. package/dist/{chunk-425TRLX5.js → chunk-6AMCBCFX.js} +2 -2
  128. package/dist/{chunk-7ITDXJPN.js → chunk-6L4MTZT4.js} +7 -5
  129. package/dist/{chunk-BAX352BZ.js → chunk-6NX5XSZH.js} +8 -2
  130. package/dist/{chunk-2ZAWI3VO.js → chunk-75I7LTO3.js} +1 -1
  131. package/dist/chunk-7CJXILRD.js +7 -0
  132. package/dist/{chunk-UOVCHVGX.js → chunk-7FQHEXNP.js} +7 -5
  133. package/dist/{chunk-7OZNJCXL.js → chunk-7FQXKGYA.js} +8 -6
  134. package/dist/{chunk-VYNPGUH2.js → chunk-7FV3FDFI.js} +1 -1
  135. package/dist/{chunk-F3GTLFKR.js → chunk-7H7A6BGG.js} +1 -1
  136. package/dist/{chunk-ZUL2DWRU.js → chunk-BFYJWYHU.js} +2 -2
  137. package/dist/{chunk-MY7R6ZMF.js → chunk-C2ON6QTY.js} +2 -2
  138. package/dist/{chunk-FXB7BBJB.js → chunk-CC5QQ4YM.js} +2 -2
  139. package/dist/{chunk-ZTS67CFU.js → chunk-CS2YF25E.js} +2 -2
  140. package/dist/{chunk-QDIICTRS.js → chunk-DVIAXHYK.js} +4 -2
  141. package/dist/{chunk-MOIFFJJ3.js → chunk-E6TOJ3QU.js} +1 -1
  142. package/dist/{chunk-WXP3P4KY.js → chunk-EABCCXRD.js} +4 -4
  143. package/dist/{chunk-X5SCISRD.js → chunk-EXO4OJ7Z.js} +2 -2
  144. package/dist/{chunk-Y75VH6OP.js → chunk-G7QY3NWV.js} +1 -1
  145. package/dist/chunk-GFRTCF4B.js +7 -0
  146. package/dist/{chunk-UJAYZEVR.js → chunk-GO5KCRGN.js} +2 -2
  147. package/dist/{chunk-UEZ6JMBX.js → chunk-GQJ7GNYQ.js} +1 -1
  148. package/dist/chunk-GUCWHJZX.js +79 -0
  149. package/dist/chunk-GVEPINW7.js +67 -0
  150. package/dist/{chunk-VYFGV7LF.js → chunk-GYJQJEJS.js} +5 -3
  151. package/dist/chunk-J6WBI2I2.js +7 -0
  152. package/dist/{chunk-OEMWDVBB.js → chunk-K22HKHG2.js} +3 -3
  153. package/dist/{chunk-HPEGBHAQ.js → chunk-K5WUDBPF.js} +1 -1
  154. package/dist/{chunk-OFYHUD3N.js → chunk-KFMYXZFT.js} +2 -2
  155. package/dist/{chunk-N7ORIARY.js → chunk-KFPJZFZS.js} +2 -2
  156. package/dist/{chunk-OAUTLKSG.js → chunk-L7ORX4VV.js} +9 -7
  157. package/dist/chunk-LHX75LVJ.js +50 -0
  158. package/dist/{chunk-77K422AK.js → chunk-LVCA23CC.js} +1 -1
  159. package/dist/chunk-MUAXK42C.js +7 -0
  160. package/dist/{chunk-WJ6YDFFC.js → chunk-NIERUDZ6.js} +1 -1
  161. package/dist/{chunk-MMCWVCOD.js → chunk-NR7UTMYX.js} +2 -2
  162. package/dist/{chunk-JHZLRSJY.js → chunk-NUV3PDGE.js} +1 -1
  163. package/dist/{chunk-5YGTZWHS.js → chunk-O5LFX4XZ.js} +1 -1
  164. package/dist/{chunk-U7NERCPG.js → chunk-OFQN5TXX.js} +8 -6
  165. package/dist/{chunk-6XSOF5IT.js → chunk-PUQ7RTX4.js} +5 -3
  166. package/dist/{chunk-EURJK4ZT.js → chunk-Q7NXUUB3.js} +1 -1
  167. package/dist/{chunk-NLZXVLBW.js → chunk-QTD66QJH.js} +2 -2
  168. package/dist/{chunk-5TE4QKZ2.js → chunk-R5343IYO.js} +2 -2
  169. package/dist/chunk-RAAORA53.js +123 -0
  170. package/dist/{chunk-JZV3EU5P.js → chunk-RBENLQVB.js} +8 -6
  171. package/dist/{chunk-4XMDZ5QF.js → chunk-SBSBVVKM.js} +1 -1
  172. package/dist/chunk-SH3CLZKH.js +68 -0
  173. package/dist/{chunk-SMNKMZIC.js → chunk-SNDPAUAL.js} +10 -8
  174. package/dist/{chunk-MCSPPEQN.js → chunk-T3PSAQEK.js} +1 -1
  175. package/dist/{chunk-PME32XAH.js → chunk-U5SHNMC3.js} +8 -6
  176. package/dist/{chunk-KXZYWFM3.js → chunk-UMCSSGCS.js} +6 -4
  177. package/dist/{chunk-7RTEFFZS.js → chunk-VHRMFZPJ.js} +5 -5
  178. package/dist/{chunk-UYXVO6TB.js → chunk-WILQEDLK.js} +3 -3
  179. package/dist/{chunk-XTY7LASB.js → chunk-WWXZNKBE.js} +3 -3
  180. package/dist/{chunk-YTKE4ERV.js → chunk-Z57BGAOZ.js} +19 -11
  181. package/dist/{chunk-XDJMIWOT.js → chunk-ZRT7MWIL.js} +6 -4
  182. package/dist/index.css +1244 -957
  183. package/dist/index.d.ts +8 -4
  184. package/dist/index.js +84 -78
  185. package/dist/inputs/src/InputGroup.css +271 -264
  186. package/dist/inputs/src/InputGroup.js +1 -1
  187. package/dist/inputs/src/NumberField.css +293 -286
  188. package/dist/inputs/src/NumberField.js +14 -12
  189. package/dist/inputs/src/PasswordField.css +281 -274
  190. package/dist/inputs/src/PasswordField.js +13 -11
  191. package/dist/inputs/src/RemainingCharacterCount.css +37 -30
  192. package/dist/inputs/src/RemainingCharacterCount.js +7 -5
  193. package/dist/inputs/src/SearchField.css +287 -280
  194. package/dist/inputs/src/SearchField.js +14 -12
  195. package/dist/inputs/src/TextArea.css +288 -281
  196. package/dist/inputs/src/TextArea.js +13 -11
  197. package/dist/inputs/src/TextField.css +285 -278
  198. package/dist/inputs/src/TextField.js +17 -15
  199. package/dist/inputs/src/index.css +331 -324
  200. package/dist/inputs/src/index.js +25 -23
  201. package/dist/overlays/Popover/src/Popover.css +548 -541
  202. package/dist/overlays/Popover/src/Popover.js +11 -9
  203. package/dist/overlays/Popover/src/index.css +548 -541
  204. package/dist/overlays/Popover/src/index.js +11 -9
  205. package/dist/radio/src/DecorativeRadio.css +61 -54
  206. package/dist/radio/src/DecorativeRadio.js +9 -7
  207. package/dist/radio/src/Radio.css +53 -46
  208. package/dist/radio/src/Radio.js +9 -7
  209. package/dist/radio/src/RadioField.css +40 -33
  210. package/dist/radio/src/RadioField.js +2 -2
  211. package/dist/radio/src/RadioGroup.css +105 -98
  212. package/dist/radio/src/RadioGroup.js +9 -7
  213. package/dist/radio/src/index.css +105 -98
  214. package/dist/radio/src/index.js +17 -15
  215. package/dist/switch/src/Switch.css +50 -43
  216. package/dist/switch/src/Switch.js +9 -7
  217. package/dist/switch/src/SwitchField.css +40 -33
  218. package/dist/switch/src/SwitchField.js +2 -2
  219. package/dist/switch/src/index.css +56 -49
  220. package/dist/switch/src/index.js +10 -8
  221. package/dist/tag/src/Tag.css +397 -390
  222. package/dist/tag/src/Tag.js +12 -10
  223. package/dist/tag/src/TagGroup.css +44 -37
  224. package/dist/tag/src/TagGroup.d.ts +16 -10
  225. package/dist/tag/src/TagGroup.js +14 -4
  226. package/dist/tag/src/TagGroupContext.d.ts +2 -1
  227. package/dist/tag/src/index.css +407 -400
  228. package/dist/tag/src/index.d.ts +2 -3
  229. package/dist/tag/src/index.js +19 -16
  230. package/dist/typography/Heading/src/Heading.css +34 -27
  231. package/dist/typography/Heading/src/Heading.js +1 -1
  232. package/dist/typography/Heading/src/index.css +34 -27
  233. package/dist/typography/Heading/src/index.js +1 -1
  234. package/dist/typography/Label/src/Label.css +34 -27
  235. package/dist/typography/Label/src/Label.js +3 -1
  236. package/dist/typography/Label/src/index.css +34 -27
  237. package/dist/typography/Label/src/index.js +3 -1
  238. package/dist/typography/OverlineText/src/OverlineText.css +34 -27
  239. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  240. package/dist/typography/OverlineText/src/index.css +34 -27
  241. package/dist/typography/OverlineText/src/index.js +1 -1
  242. package/dist/typography/Text/src/Text.css +34 -27
  243. package/dist/typography/Text/src/Text.js +1 -1
  244. package/dist/typography/Text/src/index.css +34 -27
  245. package/dist/typography/Text/src/index.js +1 -1
  246. package/dist/utils/src/EnsureTextWrapper.css +34 -27
  247. package/dist/utils/src/EnsureTextWrapper.d.ts +1 -1
  248. package/dist/utils/src/EnsureTextWrapper.js +7 -5
  249. package/dist/utils/src/index.css +34 -27
  250. package/dist/utils/src/index.js +7 -5
  251. package/dist/utils/src/types.d.ts +1 -1
  252. package/package.json +9 -9
  253. package/dist/chunk-52EKMM7G.js +0 -94
  254. package/dist/chunk-TPVDUGOO.js +0 -44
  255. package/dist/chunk-UYDOZLJW.js +0 -153
  256. package/dist/chunk-XLKYXKWE.js +0 -7
  257. package/dist/tag/src/TagList.d.ts +0 -15
  258. package/dist/tag/src/TagList.js +0 -4
  259. package/dist/tag/src/TagListContext.d.ts +0 -8
  260. package/dist/tag/src/TagListContext.js +0 -2
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___yXCh3 {
2
+ .Heading-module__hop-Heading___UhOuN {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,50 +33,50 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___yXCh3) {
36
+ :where(.Heading-module__hop-Heading___UhOuN) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
40
40
  font-weight: var(--font-weight);
41
41
  line-height: var(--line-height);
42
42
  }
43
- :where(.Heading-module__hop-Heading--xs___cgxRO) {
43
+ :where(.Heading-module__hop-Heading--xs___mgq0R) {
44
44
  --font-size: var(--hop-Heading-xs-font-size);
45
45
  --font-family: var(--hop-Heading-xs-font-family);
46
46
  --font-weight: var(--hop-Heading-xs-font-weight);
47
47
  --line-height: var(--hop-Heading-xs-line-height);
48
48
  }
49
- :where(.Heading-module__hop-Heading--sm___9XWSE) {
49
+ :where(.Heading-module__hop-Heading--sm___Sd105) {
50
50
  --font-size: var(--hop-Heading-sm-font-size);
51
51
  --font-family: var(--hop-Heading-sm-font-family);
52
52
  --font-weight: var(--hop-Heading-sm-font-weight);
53
53
  --line-height: var(--hop-Heading-sm-line-height);
54
54
  }
55
- :where(.Heading-module__hop-Heading--md___dSJp9) {
55
+ :where(.Heading-module__hop-Heading--md___OeuQ-) {
56
56
  --font-size: var(--hop-Heading-md-font-size);
57
57
  --font-family: var(--hop-Heading-md-font-family);
58
58
  --font-weight: var(--hop-Heading-md-font-weight);
59
59
  --line-height: var(--hop-Heading-md-line-height);
60
60
  }
61
- :where(.Heading-module__hop-Heading--lg___7BQM-) {
61
+ :where(.Heading-module__hop-Heading--lg___937DG) {
62
62
  --font-size: var(--hop-Heading-lg-font-size);
63
63
  --font-family: var(--hop-Heading-lg-font-family);
64
64
  --font-weight: var(--hop-Heading-lg-font-weight);
65
65
  --line-height: var(--hop-Heading-lg-line-height);
66
66
  }
67
- :where(.Heading-module__hop-Heading--xl___mc-2D) {
67
+ :where(.Heading-module__hop-Heading--xl___PA7Cj) {
68
68
  --font-size: var(--hop-Heading-xl-font-size);
69
69
  --font-family: var(--hop-Heading-xl-font-family);
70
70
  --font-weight: var(--hop-Heading-xl-font-weight);
71
71
  --line-height: var(--hop-Heading-xl-line-height);
72
72
  }
73
- :where(.Heading-module__hop-Heading--2xl___b9d1O) {
73
+ :where(.Heading-module__hop-Heading--2xl___9H5AH) {
74
74
  --font-size: var(--hop-Heading-2xl-font-size);
75
75
  --font-family: var(--hop-Heading-2xl-font-family);
76
76
  --font-weight: var(--hop-Heading-2xl-font-weight);
77
77
  --line-height: var(--hop-Heading-2xl-line-height);
78
78
  }
79
- :where(.Heading-module__hop-Heading--3xl___mSP0w) {
79
+ :where(.Heading-module__hop-Heading--3xl___BC0kT) {
80
80
  --font-size: var(--hop-Heading-3xl-font-size);
81
81
  --font-family: var(--hop-Heading-3xl-font-family);
82
82
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -84,7 +84,7 @@
84
84
  }
85
85
 
86
86
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
87
- .Text-module__hop-Text___mlsmJ {
87
+ .Text-module__hop-Text___Fxj3U {
88
88
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
89
89
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
90
90
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -114,49 +114,49 @@
114
114
  --hop-Text-inherit-size-font-weight: inherit;
115
115
  --hop-Text-inherit-size-line-height: inherit;
116
116
  }
117
- :where(.Text-module__hop-Text___mlsmJ) {
117
+ :where(.Text-module__hop-Text___Fxj3U) {
118
118
  font-family: var(--font-family);
119
119
  font-size: var(--font-size);
120
120
  font-weight: var(--font-weight);
121
121
  line-height: var(--line-height);
122
122
  }
123
- :where(.Text-module__hop-Text--xs___4g9Hm) {
123
+ :where(.Text-module__hop-Text--xs___OBqqd) {
124
124
  --font-size: var(--hop-Text-xs-font-size);
125
125
  --font-family: var(--hop-Text-xs-font-family);
126
126
  --font-weight: var(--hop-Text-xs-font-weight);
127
127
  --line-height: var(--hop-Text-xs-line-height);
128
128
  }
129
- :where(.Text-module__hop-Text--sm___w-WWU) {
129
+ :where(.Text-module__hop-Text--sm___W0t5J) {
130
130
  --font-size: var(--hop-Text-sm-font-size);
131
131
  --font-family: var(--hop-Text-sm-font-family);
132
132
  --font-weight: var(--hop-Text-sm-font-weight);
133
133
  --line-height: var(--hop-Text-sm-line-height);
134
134
  }
135
- :where(.Text-module__hop-Text--md___FHx98) {
135
+ :where(.Text-module__hop-Text--md___0XAci) {
136
136
  --font-size: var(--hop-Text-md-font-size);
137
137
  --font-family: var(--hop-Text-md-font-family);
138
138
  --font-weight: var(--hop-Text-md-font-weight);
139
139
  --line-height: var(--hop-Text-md-line-height);
140
140
  }
141
- :where(.Text-module__hop-Text--lg___N-Ov9) {
141
+ :where(.Text-module__hop-Text--lg___fe6zi) {
142
142
  --font-size: var(--hop-Text-lg-font-size);
143
143
  --font-family: var(--hop-Text-lg-font-family);
144
144
  --font-weight: var(--hop-Text-lg-font-weight);
145
145
  --line-height: var(--hop-Text-lg-line-height);
146
146
  }
147
- :where(.Text-module__hop-Text--xl___O0xxj) {
147
+ :where(.Text-module__hop-Text--xl___Yu73w) {
148
148
  --font-size: var(--hop-Text-xl-font-size);
149
149
  --font-family: var(--hop-Text-xl-font-family);
150
150
  --font-weight: var(--hop-Text-xl-font-weight);
151
151
  --line-height: var(--hop-Text-xl-line-height);
152
152
  }
153
- :where(.Text-module__hop-Text--2xl___7cgXw) {
153
+ :where(.Text-module__hop-Text--2xl___XUoUN) {
154
154
  --font-size: var(--hop-Text-2xl-font-size);
155
155
  --font-family: var(--hop-Text-2xl-font-family);
156
156
  --font-weight: var(--hop-Text-2xl-font-weight);
157
157
  --line-height: var(--hop-Text-2xl-line-height);
158
158
  }
159
- :where(.Text-module__hop-Text--inherit___CD7Gr) {
159
+ :where(.Text-module__hop-Text--inherit___zBVgd) {
160
160
  --font-size: var(--hop-Text-inherit-size-font-size);
161
161
  --font-family: var(--hop-Text-inherit-size-font-family);
162
162
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -164,7 +164,7 @@
164
164
  }
165
165
 
166
166
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
167
- :where(.OverlineText-module__hop-OverlineText___5ke-P) {
167
+ :where(.OverlineText-module__hop-OverlineText___bCG0m) {
168
168
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
169
169
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
170
170
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -188,45 +188,52 @@
188
188
  text-transform: uppercase;
189
189
  letter-spacing: var(--letter-spacing);
190
190
  }
191
- .OverlineText-module__hop-OverlineText__text___WdEoR {
191
+ .OverlineText-module__hop-OverlineText__text___o7Sr6 {
192
192
  box-sizing: border-box;
193
193
  }
194
- .OverlineText-module__hop-OverlineText__text___WdEoR::before,
195
- .OverlineText-module__hop-OverlineText__text___WdEoR::after {
194
+ .OverlineText-module__hop-OverlineText__text___o7Sr6::before,
195
+ .OverlineText-module__hop-OverlineText__text___o7Sr6::after {
196
196
  content: "";
197
197
  display: block;
198
198
  box-sizing: border-box;
199
199
  inline-size: 0;
200
200
  block-size: 0;
201
201
  }
202
- .OverlineText-module__hop-OverlineText__text___WdEoR::before {
202
+ .OverlineText-module__hop-OverlineText__text___o7Sr6::before {
203
203
  margin-block-end: var(--bottom-offset);
204
204
  }
205
- .OverlineText-module__hop-OverlineText__text___WdEoR::after {
205
+ .OverlineText-module__hop-OverlineText__text___o7Sr6::after {
206
206
  margin-block-start: var(--top-offset);
207
207
  }
208
208
 
209
209
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
210
- .Label-module__hop-Label___BRqtH {
210
+ .Label-module__hop-Label___bYJKr {
211
211
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
212
212
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
213
213
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
214
214
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
215
215
  --hop-Label-color: var(--hop-neutral-text-weak);
216
216
  }
217
- :where(.Label-module__hop-Label___BRqtH) {
217
+ :where(.Label-module__hop-Label___bYJKr) {
218
218
  font-family: var(--hop-Label-font-family);
219
219
  font-size: var(--hop-Label-font-size);
220
220
  font-weight: var(--hop-Label-font-weight);
221
221
  line-height: var(--hop-Label-line-height);
222
222
  color: var(--hop-Label-color);
223
223
  }
224
- :where(.Label-module__hop-Label__indicator___78Snn) {
224
+ :where(.Label-module__hop-Label__indicator___AtTcd) {
225
225
  padding-inline-start: var(--hop-space-20);
226
226
  }
227
227
 
228
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
229
+ .Form-module__hop-Form___iuRf1 {
230
+ display: flex;
231
+ flex-direction: column;
232
+ gap: var(--hop-space-stack-lg);
233
+ }
234
+
228
235
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
229
- .IconList-module__hop-IconList___s1jYT {
236
+ .IconList-module__hop-IconList___6xhpN {
230
237
  --hop-IconList-gap: var(--hop-space-inline-xs);
231
238
  display: flex;
232
239
  flex-wrap: wrap;
@@ -235,7 +242,7 @@
235
242
  }
236
243
 
237
244
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
238
- @keyframes Spinner-module__spin___ViS32 {
245
+ @keyframes Spinner-module__spin___Q2ZYo {
239
246
  0% {
240
247
  transform: rotate(0deg);
241
248
  }
@@ -243,7 +250,7 @@
243
250
  transform: rotate(360deg);
244
251
  }
245
252
  }
246
- .Spinner-module__hop-Spinner___7E2eM {
253
+ .Spinner-module__hop-Spinner___0THu8 {
247
254
  --hop-Spinner-border-radius: var(--hop-shape-circle);
248
255
  --hop-Spinner-sm-wheel-size: 1rem;
249
256
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -251,7 +258,7 @@
251
258
  --hop-Spinner-track-width: 0.125rem;
252
259
  --hop-Spinner-track-opacity: 0.2;
253
260
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
254
- --hop-Spinner-fill-animation: Spinner-module__spin___ViS32 .8s infinite linear;
261
+ --hop-Spinner-fill-animation: Spinner-module__spin___Q2ZYo .8s infinite linear;
255
262
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
256
263
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
257
264
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -262,19 +269,19 @@
262
269
  align-items: center;
263
270
  box-sizing: border-box;
264
271
  }
265
- .Spinner-module__hop-Spinner--sm___kpiu9 {
272
+ .Spinner-module__hop-Spinner--sm___PVr-T {
266
273
  --width: var(--hop-Spinner-sm-wheel-size);
267
274
  --height: var(--hop-Spinner-sm-wheel-size);
268
275
  }
269
- .Spinner-module__hop-Spinner--md___j6Sdr {
276
+ .Spinner-module__hop-Spinner--md___DkDx6 {
270
277
  --width: var(--hop-Spinner-md-wheel-size);
271
278
  --height: var(--hop-Spinner-md-wheel-size);
272
279
  }
273
- .Spinner-module__hop-Spinner--lg___v1lHA {
280
+ .Spinner-module__hop-Spinner--lg___bqHkM {
274
281
  --width: var(--hop-Spinner-lg-wheel-size);
275
282
  --height: var(--hop-Spinner-lg-wheel-size);
276
283
  }
277
- .Spinner-module__hop-Spinner__track___b-BXu {
284
+ .Spinner-module__hop-Spinner__track___B5Dai {
278
285
  grid-area: spinner;
279
286
  box-sizing: border-box;
280
287
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -283,7 +290,7 @@
283
290
  border: var(--hop-Spinner-track-border);
284
291
  border-radius: var(--hop-Spinner-border-radius);
285
292
  }
286
- .Spinner-module__hop-Spinner__fill___zD8ub {
293
+ .Spinner-module__hop-Spinner__fill___-UaCn {
287
294
  grid-area: spinner;
288
295
  box-sizing: border-box;
289
296
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -294,17 +301,17 @@
294
301
  animation: var(--hop-Spinner-fill-animation);
295
302
  }
296
303
  @media (prefers-reduced-motion: reduce) {
297
- .Spinner-module__hop-Spinner__fill___zD8ub {
304
+ .Spinner-module__hop-Spinner__fill___-UaCn {
298
305
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
299
306
  }
300
307
  }
301
- .Spinner-module__hop-Spinner__label___z37tv {
308
+ .Spinner-module__hop-Spinner__label___GhNV8 {
302
309
  grid-area: label;
303
310
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
304
311
  }
305
312
 
306
313
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
307
- .Button-module__hop-Button___g0bsX {
314
+ .Button-module__hop-Button___aWAvb {
308
315
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
309
316
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
310
317
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -428,215 +435,215 @@
428
435
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
429
436
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
430
437
  }
431
- .Button-module__hop-Button--fluid___U1pC7 {
438
+ .Button-module__hop-Button--fluid___pOgS1 {
432
439
  --inline-size: 100%;
433
440
  }
434
- .Button-module__hop-Button--sm___JkRfc {
441
+ .Button-module__hop-Button--sm___EJn1m {
435
442
  --block-size: var(--hop-Button-sm-height);
436
443
  --padding: var(--hop-Button-sm-padding);
437
444
  }
438
- .Button-module__hop-Button--sm___JkRfc[class*=--ghost] {
445
+ .Button-module__hop-Button--sm___EJn1m[class*=--ghost] {
439
446
  --padding: var(--hop-Button-ghost-sm-padding);
440
447
  }
441
- .Button-module__hop-Button--md___UW7nU[class*=--ghost] {
448
+ .Button-module__hop-Button--md___4XpPr[class*=--ghost] {
442
449
  --padding: var(--hop-Button-ghost-md-padding);
443
450
  }
444
- .Button-module__hop-Button--icon-only___9-rM- {
451
+ .Button-module__hop-Button--icon-only___E63X8 {
445
452
  --column-gap: var(--hop-Button-icon-only-column-gap);
446
453
  --padding: var(--hop-Button-icon-only-padding);
447
454
  aspect-ratio: 1;
448
455
  }
449
- .Button-module__hop-Button--primary___3Jpwh {
456
+ .Button-module__hop-Button--primary___Lm30i {
450
457
  --background-color: var(--hop-Button-primary-background-color);
451
458
  --color: var(--hop-Button-primary-color);
452
459
  --border: var(--hop-Button-primary-border);
453
460
  --spinner-color: var(--hop-Button-primary-spinner-color);
454
461
  }
455
- .Button-module__hop-Button--primary___3Jpwh[data-hovered],
456
- .Button-module__hop-Button--primary___3Jpwh[data-focus-visible] {
462
+ .Button-module__hop-Button--primary___Lm30i[data-hovered],
463
+ .Button-module__hop-Button--primary___Lm30i[data-focus-visible] {
457
464
  --background-color: var(--hop-Button-primary-background-color-hover);
458
465
  --color: var(--hop-Button-primary-color-hover);
459
466
  --border: var(--hop-Button-primary-border-hover);
460
467
  }
461
- .Button-module__hop-Button--primary___3Jpwh[data-pressed] {
468
+ .Button-module__hop-Button--primary___Lm30i[data-pressed] {
462
469
  --background-color: var(--hop-Button-primary-background-color-pressed);
463
470
  --color: var(--hop-Button-primary-color-pressed);
464
471
  --border: var(--hop-Button-primary-border-pressed);
465
472
  }
466
- .Button-module__hop-Button--secondary___NU-Ve {
473
+ .Button-module__hop-Button--secondary___bl3yb {
467
474
  --background-color: var(--hop-Button-secondary-background-color);
468
475
  --color: var(--hop-Button-secondary-color);
469
476
  --border: var(--hop-Button-secondary-border);
470
477
  --spinner-color: var(--hop-Button-secondary-spinner-color);
471
478
  }
472
- .Button-module__hop-Button--secondary___NU-Ve[data-hovered],
473
- .Button-module__hop-Button--secondary___NU-Ve[data-focus-visible] {
479
+ .Button-module__hop-Button--secondary___bl3yb[data-hovered],
480
+ .Button-module__hop-Button--secondary___bl3yb[data-focus-visible] {
474
481
  --background-color: var(--hop-Button-secondary-background-color-hover);
475
482
  --color: var(--hop-Button-secondary-color-hover);
476
483
  --border: var(--hop-Button-secondary-border-hover);
477
484
  }
478
- .Button-module__hop-Button--secondary___NU-Ve[data-pressed] {
485
+ .Button-module__hop-Button--secondary___bl3yb[data-pressed] {
479
486
  --background-color: var(--hop-Button-secondary-background-color-pressed);
480
487
  --color: var(--hop-Button-secondary-color-pressed);
481
488
  --border: var(--hop-Button-secondary-border-pressed);
482
489
  }
483
- .Button-module__hop-Button--upsell___Zjxjx {
490
+ .Button-module__hop-Button--upsell___ZsXQr {
484
491
  --background-color: var(--hop-Button-upsell-background-color);
485
492
  --color: var(--hop-Button-upsell-color);
486
493
  --border: var(--hop-Button-upsell-border);
487
494
  --spinner-color: var(--hop-Button-upsell-spinner-color);
488
495
  }
489
- .Button-module__hop-Button--upsell___Zjxjx[data-hovered],
490
- .Button-module__hop-Button--upsell___Zjxjx[data-focus-visible] {
496
+ .Button-module__hop-Button--upsell___ZsXQr[data-hovered],
497
+ .Button-module__hop-Button--upsell___ZsXQr[data-focus-visible] {
491
498
  --background-color: var(--hop-Button-upsell-background-color-hover);
492
499
  --color: var(--hop-Button-upsell-color-hover);
493
500
  --border: var(--hop-Button-upsell-border-hover);
494
501
  }
495
- .Button-module__hop-Button--upsell___Zjxjx[data-pressed] {
502
+ .Button-module__hop-Button--upsell___ZsXQr[data-pressed] {
496
503
  --background-color: var(--hop-Button-upsell-background-color-pressed);
497
504
  --color: var(--hop-Button-upsell-color-pressed);
498
505
  --border: var(--hop-Button-upsell-border-pressed);
499
506
  }
500
- .Button-module__hop-Button--danger___MoOv- {
507
+ .Button-module__hop-Button--danger___VMtVT {
501
508
  --background-color: var(--hop-Button-danger-background-color);
502
509
  --color: var(--hop-Button-danger-color);
503
510
  --border: var(--hop-Button-danger-border);
504
511
  --spinner-color: var(--hop-Button-danger-spinner-color);
505
512
  }
506
- .Button-module__hop-Button--danger___MoOv-[data-hovered],
507
- .Button-module__hop-Button--danger___MoOv-[data-focus-visible] {
513
+ .Button-module__hop-Button--danger___VMtVT[data-hovered],
514
+ .Button-module__hop-Button--danger___VMtVT[data-focus-visible] {
508
515
  --background-color: var(--hop-Button-danger-background-color-hover);
509
516
  --color: var(--hop-Button-danger-color-hover);
510
517
  --border: var(--hop-Button-danger-border-hover);
511
518
  }
512
- .Button-module__hop-Button--danger___MoOv-[data-pressed] {
519
+ .Button-module__hop-Button--danger___VMtVT[data-pressed] {
513
520
  --background-color: var(--hop-Button-danger-background-color-pressed);
514
521
  --color: var(--hop-Button-danger-color-pressed);
515
522
  --border: var(--hop-Button-danger-border-pressed);
516
523
  }
517
- .Button-module__hop-Button--ghost-primary___WC15g {
524
+ .Button-module__hop-Button--ghost-primary___7eXLd {
518
525
  --background-color: var(--hop-Button-ghost-primary-background-color);
519
526
  --color: var(--hop-Button-ghost-primary-color);
520
527
  --border: var(--hop-Button-ghost-primary-border);
521
528
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
522
529
  }
523
- .Button-module__hop-Button--ghost-primary___WC15g[data-hovered],
524
- .Button-module__hop-Button--ghost-primary___WC15g[data-focus-visible] {
530
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-hovered],
531
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-focus-visible] {
525
532
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
526
533
  --color: var(--hop-Button-ghost-primary-color-hover);
527
534
  --border: var(--hop-Button-ghost-primary-border-hover);
528
535
  --text-underline: underline;
529
536
  }
530
- .Button-module__hop-Button--ghost-primary___WC15g[data-pressed] {
537
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-pressed] {
531
538
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
532
539
  --color: var(--hop-Button-ghost-primary-color-pressed);
533
540
  --border: var(--hop-Button-ghost-primary-border-pressed);
534
541
  --text-underline: underline;
535
542
  }
536
- .Button-module__hop-Button--ghost-secondary___kxQsj {
543
+ .Button-module__hop-Button--ghost-secondary___6099y {
537
544
  --background-color: var(--hop-Button-ghost-secondary-background-color);
538
545
  --color: var(--hop-Button-ghost-secondary-color);
539
546
  --border: var(--hop-Button-ghost-secondary-border);
540
547
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
541
548
  }
542
- .Button-module__hop-Button--ghost-secondary___kxQsj[data-hovered],
543
- .Button-module__hop-Button--ghost-secondary___kxQsj[data-focus-visible] {
549
+ .Button-module__hop-Button--ghost-secondary___6099y[data-hovered],
550
+ .Button-module__hop-Button--ghost-secondary___6099y[data-focus-visible] {
544
551
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
545
552
  --color: var(--hop-Button-ghost-secondary-color-hover);
546
553
  --border: var(--hop-Button-ghost-secondary-border-hover);
547
554
  --text-underline: underline;
548
555
  }
549
- .Button-module__hop-Button--ghost-secondary___kxQsj[data-pressed] {
556
+ .Button-module__hop-Button--ghost-secondary___6099y[data-pressed] {
550
557
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
551
558
  --color: var(--hop-Button-ghost-secondary-color-pressed);
552
559
  --border: var(--hop-Button-ghost-secondary-border-pressed);
553
560
  --text-underline: underline;
554
561
  }
555
- .Button-module__hop-Button--ghost-danger___kblVO {
562
+ .Button-module__hop-Button--ghost-danger___NOYOj {
556
563
  --background-color: var(--hop-Button-ghost-danger-background-color);
557
564
  --color: var(--hop-Button-ghost-danger-color);
558
565
  --border: var(--hop-Button-ghost-danger-border);
559
566
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
560
567
  }
561
- .Button-module__hop-Button--ghost-danger___kblVO[data-hovered],
562
- .Button-module__hop-Button--ghost-danger___kblVO[data-focus-visible] {
568
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-hovered],
569
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-focus-visible] {
563
570
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
564
571
  --color: var(--hop-Button-ghost-danger-color-hover);
565
572
  --border: var(--hop-Button-ghost-danger-border-hover);
566
573
  --text-underline: underline;
567
574
  }
568
- .Button-module__hop-Button--ghost-danger___kblVO[data-pressed] {
575
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-pressed] {
569
576
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
570
577
  --color: var(--hop-Button-ghost-danger-color-pressed);
571
578
  --border: var(--hop-Button-ghost-danger-border-pressed);
572
579
  --text-underline: underline;
573
580
  }
574
- .Button-module__hop-Button___g0bsX[data-focus-visible] {
581
+ .Button-module__hop-Button___aWAvb[data-focus-visible] {
575
582
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
576
583
  }
577
- .Button-module__hop-Button___g0bsX[data-disabled],
578
- .Button-module__hop-Button___g0bsX[data-pending] {
584
+ .Button-module__hop-Button___aWAvb[data-disabled],
585
+ .Button-module__hop-Button___aWAvb[data-pending] {
579
586
  cursor: not-allowed;
580
587
  }
581
- .Button-module__hop-Button___g0bsX[data-disabled] {
588
+ .Button-module__hop-Button___aWAvb[data-disabled] {
582
589
  --background-color: var(--hop-Button-background-color-disabled);
583
590
  --color: var(--hop-Button-color-disabled);
584
591
  --border: var(--hop-Button-border-disabled);
585
592
  }
586
- .Button-module__hop-Button___g0bsX[class*=--ghost][data-disabled] {
593
+ .Button-module__hop-Button___aWAvb[class*=--ghost][data-disabled] {
587
594
  --background-color: var(--hop-Button-ghost-background-color-disabled);
588
595
  --color: var(--hop-Button-ghost-color-disabled);
589
596
  --border: var(--hop-Button-ghost-border-disabled);
590
597
  }
591
- .Button-module__hop-Button--primary___3Jpwh[data-pending] {
598
+ .Button-module__hop-Button--primary___Lm30i[data-pending] {
592
599
  --background-color: var(--hop-Button-primary-background-color);
593
600
  --color: var(--hop-Button-primary-color);
594
601
  --border: var(--hop-Button-primary-border);
595
602
  }
596
- .Button-module__hop-Button--secondary___NU-Ve[data-pending] {
603
+ .Button-module__hop-Button--secondary___bl3yb[data-pending] {
597
604
  --background-color: var(--hop-Button-secondary-background-color);
598
605
  --color: var(--hop-Button-secondary-color);
599
606
  --border: var(--hop-Button-secondary-border);
600
607
  }
601
- .Button-module__hop-Button--upsell___Zjxjx[data-pending] {
608
+ .Button-module__hop-Button--upsell___ZsXQr[data-pending] {
602
609
  --background-color: var(--hop-Button-upsell-background-color);
603
610
  --color: var(--hop-Button-upsell-color);
604
611
  --border: var(--hop-Button-upsell-border);
605
612
  }
606
- .Button-module__hop-Button--danger___MoOv-[data-pending] {
613
+ .Button-module__hop-Button--danger___VMtVT[data-pending] {
607
614
  --background-color: var(--hop-Button-danger-background-color);
608
615
  --color: var(--hop-Button-danger-color);
609
616
  --border: var(--hop-Button-danger-border);
610
617
  }
611
- .Button-module__hop-Button--ghost-primary___WC15g[data-pending] {
618
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-pending] {
612
619
  --background-color: var(--hop-Button-ghost-primary-background-color);
613
620
  --color: var(--hop-Button-ghost-primary-color);
614
621
  --border: var(--hop-Button-ghost-primary-border);
615
622
  --text-underline: none;
616
623
  }
617
- .Button-module__hop-Button--ghost-secondary___kxQsj[data-pending] {
624
+ .Button-module__hop-Button--ghost-secondary___6099y[data-pending] {
618
625
  --background-color: var(--hop-Button-ghost-secondary-background-color);
619
626
  --color: var(--hop-Button-ghost-secondary-color);
620
627
  --border: var(--hop-Button-ghost-secondary-border);
621
628
  --text-underline: none;
622
629
  }
623
- .Button-module__hop-Button--ghost-danger___kblVO[data-pending] {
630
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-pending] {
624
631
  --background-color: var(--hop-Button-ghost-danger-background-color);
625
632
  --color: var(--hop-Button-ghost-danger-color);
626
633
  --border: var(--hop-Button-ghost-danger-border);
627
634
  --text-underline: none;
628
635
  }
629
- .Button-module__hop-Button__Spinner___3NSsM {
636
+ .Button-module__hop-Button__Spinner___tUy92 {
630
637
  position: absolute;
631
638
  color: var(--spinner-color);
632
639
  }
633
- .Button-module__hop-Button__icon___znSPX,
634
- .Button-module__hop-Button__icon-list___ufYMi {
640
+ .Button-module__hop-Button__icon___WqWnu,
641
+ .Button-module__hop-Button__icon-list___6mPwn {
635
642
  flex: 0 0 auto;
636
643
  justify-self: end;
637
644
  order: 1;
638
645
  }
639
- .Button-module__hop-Button__text___ud1xn {
646
+ .Button-module__hop-Button__text___yHV7K {
640
647
  user-select: none;
641
648
  overflow: visible;
642
649
  flex: 0 1 auto;
@@ -646,60 +653,60 @@
646
653
  text-underline-offset: 0.125rem;
647
654
  text-wrap: nowrap;
648
655
  }
649
- .Button-module__hop-Button__end-icon___05XHV,
650
- .Button-module__hop-Button__end-icon-list___t5TiC {
656
+ .Button-module__hop-Button__end-icon___YziQH,
657
+ .Button-module__hop-Button__end-icon-list___e0mxc {
651
658
  flex: 0 0 auto;
652
659
  order: 3;
653
660
  }
654
- .Button-module__hop-Button___g0bsX .Button-module__hop-Button__icon-list___ufYMi,
655
- .Button-module__hop-Button___g0bsX .Button-module__hop-Button__end-icon-list___t5TiC {
661
+ .Button-module__hop-Button___aWAvb .Button-module__hop-Button__icon-list___6mPwn,
662
+ .Button-module__hop-Button___aWAvb .Button-module__hop-Button__end-icon-list___e0mxc {
656
663
  flex-wrap: nowrap;
657
664
  }
658
- .Button-module__hop-Button___g0bsX[data-pending] > *:not(.Button-module__hop-Button__Spinner___3NSsM) {
665
+ .Button-module__hop-Button___aWAvb[data-pending] > *:not(.Button-module__hop-Button__Spinner___tUy92) {
659
666
  opacity: 0;
660
667
  }
661
668
 
662
669
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
663
- .ButtonGroup-module__hop-ButtonGroup___qZZvz {
670
+ .ButtonGroup-module__hop-ButtonGroup___hqLSF {
664
671
  display: inline-flex;
665
672
  flex-wrap: nowrap;
666
673
  gap: var(--hop-space-inline-md);
667
674
  }
668
- .ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
675
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___3av6y {
669
676
  align-items: center;
670
677
  }
671
- .ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
678
+ .ButtonGroup-module__hop-ButtonGroup--vertical___gv-ld {
672
679
  flex-direction: column;
673
680
  gap: var(--hop-space-stack-md);
674
681
  justify-content: center;
675
682
  }
676
- .ButtonGroup-module__hop-ButtonGroup--start___4uIzc.ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
683
+ .ButtonGroup-module__hop-ButtonGroup--start___kJMSf.ButtonGroup-module__hop-ButtonGroup--vertical___gv-ld {
677
684
  align-items: flex-start;
678
685
  }
679
- .ButtonGroup-module__hop-ButtonGroup--center___QMUIS.ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
686
+ .ButtonGroup-module__hop-ButtonGroup--center___3hmgX.ButtonGroup-module__hop-ButtonGroup--vertical___gv-ld {
680
687
  align-items: center;
681
688
  }
682
- .ButtonGroup-module__hop-ButtonGroup--end___0X0T1.ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
689
+ .ButtonGroup-module__hop-ButtonGroup--end___oVQYE.ButtonGroup-module__hop-ButtonGroup--vertical___gv-ld {
683
690
  align-items: flex-end;
684
691
  }
685
- .ButtonGroup-module__hop-ButtonGroup--start___4uIzc.ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
692
+ .ButtonGroup-module__hop-ButtonGroup--start___kJMSf.ButtonGroup-module__hop-ButtonGroup--horizontal___3av6y {
686
693
  justify-content: flex-start;
687
694
  }
688
- .ButtonGroup-module__hop-ButtonGroup--center___QMUIS.ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
695
+ .ButtonGroup-module__hop-ButtonGroup--center___3hmgX.ButtonGroup-module__hop-ButtonGroup--horizontal___3av6y {
689
696
  justify-content: center;
690
697
  }
691
- .ButtonGroup-module__hop-ButtonGroup--end___0X0T1.ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
698
+ .ButtonGroup-module__hop-ButtonGroup--end___oVQYE.ButtonGroup-module__hop-ButtonGroup--horizontal___3av6y {
692
699
  justify-content: flex-end;
693
700
  }
694
- .ButtonGroup-module__hop-ButtonGroup--wrap___oVOWS {
701
+ .ButtonGroup-module__hop-ButtonGroup--wrap___qi3Sl {
695
702
  flex-wrap: wrap;
696
703
  }
697
- .ButtonGroup-module__hop-ButtonGroup--fluid___c11bZ {
704
+ .ButtonGroup-module__hop-ButtonGroup--fluid___v7t-F {
698
705
  inline-size: 100%;
699
706
  }
700
707
 
701
708
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
702
- .EmbeddedButton-module__hop-EmbeddedButton___xmpEU {
709
+ .EmbeddedButton-module__hop-EmbeddedButton___U95Sy {
703
710
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
704
711
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
705
712
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -863,7 +870,7 @@
863
870
  outline: none;
864
871
  transition: color var(--transition);
865
872
  }
866
- .EmbeddedButton-module__hop-EmbeddedButton___xmpEU::before {
873
+ .EmbeddedButton-module__hop-EmbeddedButton___U95Sy::before {
867
874
  content: "";
868
875
  position: absolute;
869
876
  inset-block-start: 50%;
@@ -876,284 +883,284 @@
876
883
  border-radius: var(--effect-border-radius);
877
884
  transition: background-color var(--transition);
878
885
  }
879
- .EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-square] {
886
+ .EmbeddedButton-module__hop-EmbeddedButton___U95Sy[data-square] {
880
887
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
881
888
  }
882
- .EmbeddedButton-module__hop-EmbeddedButton--md___8D9OF {
889
+ .EmbeddedButton-module__hop-EmbeddedButton--md___hbpeA {
883
890
  --inline-size: var(--hop-EmbeddedButton-md-width);
884
891
  --block-size: var(--hop-EmbeddedButton-md-height);
885
892
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
886
893
  }
887
- .EmbeddedButton-module__hop-EmbeddedButton--lg___Fonmy {
894
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___CZhR9 {
888
895
  --inline-size: var(--hop-EmbeddedButton-lg-width);
889
896
  --block-size: var(--hop-EmbeddedButton-lg-height);
890
897
  --focus-ring-offset: 0;
891
898
  }
892
- .EmbeddedButton-module__hop-EmbeddedButton--md___8D9OF::before {
899
+ .EmbeddedButton-module__hop-EmbeddedButton--md___hbpeA::before {
893
900
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
894
901
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
895
902
  }
896
- .EmbeddedButton-module__hop-EmbeddedButton--lg___Fonmy::before {
903
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___CZhR9::before {
897
904
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
898
905
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
899
906
  }
900
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF {
907
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___e6JwV {
901
908
  --color: var(--hop-EmbeddedButton-neutral-color);
902
909
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
903
910
  }
904
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06 {
911
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___i-2qa {
905
912
  --color: var(--hop-EmbeddedButton-subdued-color);
906
913
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
907
914
  }
908
- .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy {
915
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jDT6T {
909
916
  --color: var(--hop-EmbeddedButton-progress-color);
910
917
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
911
918
  }
912
- .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL {
919
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sywpr {
913
920
  --color: var(--hop-EmbeddedButton-positive-color);
914
921
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
915
922
  }
916
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4 {
923
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9HpKn {
917
924
  --color: var(--hop-EmbeddedButton-caution-color);
918
925
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
919
926
  }
920
- .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR {
927
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XqVQE {
921
928
  --color: var(--hop-EmbeddedButton-negative-color);
922
929
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
923
930
  }
924
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw {
931
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___vZ2qH {
925
932
  --color: var(--hop-EmbeddedButton-option1-color);
926
933
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
927
934
  }
928
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e {
935
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___W0qJU {
929
936
  --color: var(--hop-EmbeddedButton-option2-color);
930
937
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
931
938
  }
932
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4 {
939
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KYLG7 {
933
940
  --color: var(--hop-EmbeddedButton-option3-color);
934
941
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
935
942
  }
936
- .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw {
943
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___EFIcJ {
937
944
  --color: var(--hop-EmbeddedButton-option4-color);
938
945
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
939
946
  }
940
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6 {
947
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dlQOG {
941
948
  --color: var(--hop-EmbeddedButton-option5-color);
942
949
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
943
950
  }
944
- .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0 {
951
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___RZkSJ {
945
952
  --color: var(--hop-EmbeddedButton-option6-color);
946
953
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
947
954
  }
948
- .EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-selected] {
955
+ .EmbeddedButton-module__hop-EmbeddedButton___U95Sy[data-selected] {
949
956
  --color: var(--hop-EmbeddedButton-selected-color);
950
957
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
951
958
  }
952
- .EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-focus-visible] {
959
+ .EmbeddedButton-module__hop-EmbeddedButton___U95Sy[data-focus-visible] {
953
960
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
954
961
  outline-offset: var(--focus-ring-offset);
955
962
  }
956
- .EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-disabled] {
963
+ .EmbeddedButton-module__hop-EmbeddedButton___U95Sy[data-disabled] {
957
964
  cursor: not-allowed;
958
965
  }
959
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-hovered] {
966
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___e6JwV[data-hovered] {
960
967
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
961
968
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
962
969
  }
963
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-focus-visible] {
970
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___e6JwV[data-focus-visible] {
964
971
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
965
972
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
966
973
  }
967
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-pressed] {
974
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___e6JwV[data-pressed] {
968
975
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
969
976
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
970
977
  }
971
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-disabled] {
978
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___e6JwV[data-disabled] {
972
979
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
973
980
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
974
981
  }
975
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-hovered] {
982
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___i-2qa[data-hovered] {
976
983
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
977
984
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
978
985
  }
979
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-focus-visible] {
986
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___i-2qa[data-focus-visible] {
980
987
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
981
988
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
982
989
  }
983
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-pressed] {
990
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___i-2qa[data-pressed] {
984
991
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
985
992
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
986
993
  }
987
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-disabled] {
994
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___i-2qa[data-disabled] {
988
995
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
989
996
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
990
997
  }
991
- .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-hovered] {
998
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jDT6T[data-hovered] {
992
999
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
993
1000
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
994
1001
  }
995
- .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-focus-visible] {
1002
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jDT6T[data-focus-visible] {
996
1003
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
997
1004
  --color: var(--hop-EmbeddedButton-progress-color-focused);
998
1005
  }
999
- .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-pressed] {
1006
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jDT6T[data-pressed] {
1000
1007
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1001
1008
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1002
1009
  }
1003
- .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-disabled] {
1010
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jDT6T[data-disabled] {
1004
1011
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1005
1012
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1006
1013
  }
1007
- .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-hovered] {
1014
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sywpr[data-hovered] {
1008
1015
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1009
1016
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1010
1017
  }
1011
- .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-focus-visible] {
1018
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sywpr[data-focus-visible] {
1012
1019
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1013
1020
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1014
1021
  }
1015
- .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-pressed] {
1022
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sywpr[data-pressed] {
1016
1023
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1017
1024
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1018
1025
  }
1019
- .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-disabled] {
1026
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sywpr[data-disabled] {
1020
1027
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1021
1028
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1022
1029
  }
1023
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-hovered] {
1030
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9HpKn[data-hovered] {
1024
1031
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1025
1032
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1026
1033
  }
1027
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-focus-visible] {
1034
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9HpKn[data-focus-visible] {
1028
1035
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1029
1036
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1030
1037
  }
1031
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-pressed] {
1038
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9HpKn[data-pressed] {
1032
1039
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1033
1040
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1034
1041
  }
1035
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-disabled] {
1042
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9HpKn[data-disabled] {
1036
1043
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1037
1044
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1038
1045
  }
1039
- .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-hovered] {
1046
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XqVQE[data-hovered] {
1040
1047
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1041
1048
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1042
1049
  }
1043
- .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-focus-visible] {
1050
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XqVQE[data-focus-visible] {
1044
1051
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1045
1052
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1046
1053
  }
1047
- .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-pressed] {
1054
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XqVQE[data-pressed] {
1048
1055
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1049
1056
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1050
1057
  }
1051
- .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-disabled] {
1058
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XqVQE[data-disabled] {
1052
1059
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1053
1060
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1054
1061
  }
1055
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-hovered] {
1062
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___vZ2qH[data-hovered] {
1056
1063
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1057
1064
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1058
1065
  }
1059
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-focus-visible] {
1066
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___vZ2qH[data-focus-visible] {
1060
1067
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1061
1068
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1062
1069
  }
1063
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-pressed] {
1070
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___vZ2qH[data-pressed] {
1064
1071
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1065
1072
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1066
1073
  }
1067
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-disabled] {
1074
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___vZ2qH[data-disabled] {
1068
1075
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1069
1076
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1070
1077
  }
1071
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-hovered] {
1078
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___W0qJU[data-hovered] {
1072
1079
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1073
1080
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1074
1081
  }
1075
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-focus-visible] {
1082
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___W0qJU[data-focus-visible] {
1076
1083
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1077
1084
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1078
1085
  }
1079
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-pressed] {
1086
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___W0qJU[data-pressed] {
1080
1087
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1081
1088
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1082
1089
  }
1083
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-disabled] {
1090
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___W0qJU[data-disabled] {
1084
1091
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1085
1092
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1086
1093
  }
1087
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-hovered] {
1094
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KYLG7[data-hovered] {
1088
1095
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1089
1096
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1090
1097
  }
1091
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-focus-visible] {
1098
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KYLG7[data-focus-visible] {
1092
1099
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1093
1100
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1094
1101
  }
1095
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-pressed] {
1102
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KYLG7[data-pressed] {
1096
1103
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1097
1104
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1098
1105
  }
1099
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-disabled] {
1106
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KYLG7[data-disabled] {
1100
1107
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1101
1108
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1102
1109
  }
1103
- .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-hovered] {
1110
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___EFIcJ[data-hovered] {
1104
1111
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1105
1112
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1106
1113
  }
1107
- .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-focus-visible] {
1114
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___EFIcJ[data-focus-visible] {
1108
1115
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1109
1116
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1110
1117
  }
1111
- .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-pressed] {
1118
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___EFIcJ[data-pressed] {
1112
1119
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1113
1120
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1114
1121
  }
1115
- .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-disabled] {
1122
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___EFIcJ[data-disabled] {
1116
1123
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1117
1124
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1118
1125
  }
1119
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-hovered] {
1126
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dlQOG[data-hovered] {
1120
1127
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1121
1128
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1122
1129
  }
1123
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-focus-visible] {
1130
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dlQOG[data-focus-visible] {
1124
1131
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1125
1132
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1126
1133
  }
1127
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-pressed] {
1134
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dlQOG[data-pressed] {
1128
1135
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1129
1136
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1130
1137
  }
1131
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-disabled] {
1138
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dlQOG[data-disabled] {
1132
1139
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1133
1140
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1134
1141
  }
1135
- .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-hovered] {
1142
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___RZkSJ[data-hovered] {
1136
1143
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1137
1144
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1138
1145
  }
1139
- .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-focus-visible] {
1146
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___RZkSJ[data-focus-visible] {
1140
1147
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1141
1148
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1142
1149
  }
1143
- .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-pressed] {
1150
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___RZkSJ[data-pressed] {
1144
1151
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1145
1152
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1146
1153
  }
1147
- .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-disabled] {
1154
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___RZkSJ[data-disabled] {
1148
1155
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1149
1156
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1150
1157
  }
1151
- .EmbeddedButton-module__hop-EmbeddedButton__icon___zDq1L {
1158
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___MPwAs {
1152
1159
  position: relative;
1153
1160
  }
1154
1161
 
1155
1162
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1156
- .Button-module__hop-Button___g0bsX {
1163
+ .Button-module__hop-Button___aWAvb {
1157
1164
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1158
1165
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1159
1166
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1277,215 +1284,215 @@
1277
1284
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1278
1285
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1279
1286
  }
1280
- .Button-module__hop-Button--fluid___U1pC7 {
1287
+ .Button-module__hop-Button--fluid___pOgS1 {
1281
1288
  --inline-size: 100%;
1282
1289
  }
1283
- .Button-module__hop-Button--sm___JkRfc {
1290
+ .Button-module__hop-Button--sm___EJn1m {
1284
1291
  --block-size: var(--hop-Button-sm-height);
1285
1292
  --padding: var(--hop-Button-sm-padding);
1286
1293
  }
1287
- .Button-module__hop-Button--sm___JkRfc[class*=--ghost] {
1294
+ .Button-module__hop-Button--sm___EJn1m[class*=--ghost] {
1288
1295
  --padding: var(--hop-Button-ghost-sm-padding);
1289
1296
  }
1290
- .Button-module__hop-Button--md___UW7nU[class*=--ghost] {
1297
+ .Button-module__hop-Button--md___4XpPr[class*=--ghost] {
1291
1298
  --padding: var(--hop-Button-ghost-md-padding);
1292
1299
  }
1293
- .Button-module__hop-Button--icon-only___9-rM- {
1300
+ .Button-module__hop-Button--icon-only___E63X8 {
1294
1301
  --column-gap: var(--hop-Button-icon-only-column-gap);
1295
1302
  --padding: var(--hop-Button-icon-only-padding);
1296
1303
  aspect-ratio: 1;
1297
1304
  }
1298
- .Button-module__hop-Button--primary___3Jpwh {
1305
+ .Button-module__hop-Button--primary___Lm30i {
1299
1306
  --background-color: var(--hop-Button-primary-background-color);
1300
1307
  --color: var(--hop-Button-primary-color);
1301
1308
  --border: var(--hop-Button-primary-border);
1302
1309
  --spinner-color: var(--hop-Button-primary-spinner-color);
1303
1310
  }
1304
- .Button-module__hop-Button--primary___3Jpwh[data-hovered],
1305
- .Button-module__hop-Button--primary___3Jpwh[data-focus-visible] {
1311
+ .Button-module__hop-Button--primary___Lm30i[data-hovered],
1312
+ .Button-module__hop-Button--primary___Lm30i[data-focus-visible] {
1306
1313
  --background-color: var(--hop-Button-primary-background-color-hover);
1307
1314
  --color: var(--hop-Button-primary-color-hover);
1308
1315
  --border: var(--hop-Button-primary-border-hover);
1309
1316
  }
1310
- .Button-module__hop-Button--primary___3Jpwh[data-pressed] {
1317
+ .Button-module__hop-Button--primary___Lm30i[data-pressed] {
1311
1318
  --background-color: var(--hop-Button-primary-background-color-pressed);
1312
1319
  --color: var(--hop-Button-primary-color-pressed);
1313
1320
  --border: var(--hop-Button-primary-border-pressed);
1314
1321
  }
1315
- .Button-module__hop-Button--secondary___NU-Ve {
1322
+ .Button-module__hop-Button--secondary___bl3yb {
1316
1323
  --background-color: var(--hop-Button-secondary-background-color);
1317
1324
  --color: var(--hop-Button-secondary-color);
1318
1325
  --border: var(--hop-Button-secondary-border);
1319
1326
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1320
1327
  }
1321
- .Button-module__hop-Button--secondary___NU-Ve[data-hovered],
1322
- .Button-module__hop-Button--secondary___NU-Ve[data-focus-visible] {
1328
+ .Button-module__hop-Button--secondary___bl3yb[data-hovered],
1329
+ .Button-module__hop-Button--secondary___bl3yb[data-focus-visible] {
1323
1330
  --background-color: var(--hop-Button-secondary-background-color-hover);
1324
1331
  --color: var(--hop-Button-secondary-color-hover);
1325
1332
  --border: var(--hop-Button-secondary-border-hover);
1326
1333
  }
1327
- .Button-module__hop-Button--secondary___NU-Ve[data-pressed] {
1334
+ .Button-module__hop-Button--secondary___bl3yb[data-pressed] {
1328
1335
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1329
1336
  --color: var(--hop-Button-secondary-color-pressed);
1330
1337
  --border: var(--hop-Button-secondary-border-pressed);
1331
1338
  }
1332
- .Button-module__hop-Button--upsell___Zjxjx {
1339
+ .Button-module__hop-Button--upsell___ZsXQr {
1333
1340
  --background-color: var(--hop-Button-upsell-background-color);
1334
1341
  --color: var(--hop-Button-upsell-color);
1335
1342
  --border: var(--hop-Button-upsell-border);
1336
1343
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1337
1344
  }
1338
- .Button-module__hop-Button--upsell___Zjxjx[data-hovered],
1339
- .Button-module__hop-Button--upsell___Zjxjx[data-focus-visible] {
1345
+ .Button-module__hop-Button--upsell___ZsXQr[data-hovered],
1346
+ .Button-module__hop-Button--upsell___ZsXQr[data-focus-visible] {
1340
1347
  --background-color: var(--hop-Button-upsell-background-color-hover);
1341
1348
  --color: var(--hop-Button-upsell-color-hover);
1342
1349
  --border: var(--hop-Button-upsell-border-hover);
1343
1350
  }
1344
- .Button-module__hop-Button--upsell___Zjxjx[data-pressed] {
1351
+ .Button-module__hop-Button--upsell___ZsXQr[data-pressed] {
1345
1352
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1346
1353
  --color: var(--hop-Button-upsell-color-pressed);
1347
1354
  --border: var(--hop-Button-upsell-border-pressed);
1348
1355
  }
1349
- .Button-module__hop-Button--danger___MoOv- {
1356
+ .Button-module__hop-Button--danger___VMtVT {
1350
1357
  --background-color: var(--hop-Button-danger-background-color);
1351
1358
  --color: var(--hop-Button-danger-color);
1352
1359
  --border: var(--hop-Button-danger-border);
1353
1360
  --spinner-color: var(--hop-Button-danger-spinner-color);
1354
1361
  }
1355
- .Button-module__hop-Button--danger___MoOv-[data-hovered],
1356
- .Button-module__hop-Button--danger___MoOv-[data-focus-visible] {
1362
+ .Button-module__hop-Button--danger___VMtVT[data-hovered],
1363
+ .Button-module__hop-Button--danger___VMtVT[data-focus-visible] {
1357
1364
  --background-color: var(--hop-Button-danger-background-color-hover);
1358
1365
  --color: var(--hop-Button-danger-color-hover);
1359
1366
  --border: var(--hop-Button-danger-border-hover);
1360
1367
  }
1361
- .Button-module__hop-Button--danger___MoOv-[data-pressed] {
1368
+ .Button-module__hop-Button--danger___VMtVT[data-pressed] {
1362
1369
  --background-color: var(--hop-Button-danger-background-color-pressed);
1363
1370
  --color: var(--hop-Button-danger-color-pressed);
1364
1371
  --border: var(--hop-Button-danger-border-pressed);
1365
1372
  }
1366
- .Button-module__hop-Button--ghost-primary___WC15g {
1373
+ .Button-module__hop-Button--ghost-primary___7eXLd {
1367
1374
  --background-color: var(--hop-Button-ghost-primary-background-color);
1368
1375
  --color: var(--hop-Button-ghost-primary-color);
1369
1376
  --border: var(--hop-Button-ghost-primary-border);
1370
1377
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1371
1378
  }
1372
- .Button-module__hop-Button--ghost-primary___WC15g[data-hovered],
1373
- .Button-module__hop-Button--ghost-primary___WC15g[data-focus-visible] {
1379
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-hovered],
1380
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-focus-visible] {
1374
1381
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1375
1382
  --color: var(--hop-Button-ghost-primary-color-hover);
1376
1383
  --border: var(--hop-Button-ghost-primary-border-hover);
1377
1384
  --text-underline: underline;
1378
1385
  }
1379
- .Button-module__hop-Button--ghost-primary___WC15g[data-pressed] {
1386
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-pressed] {
1380
1387
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1381
1388
  --color: var(--hop-Button-ghost-primary-color-pressed);
1382
1389
  --border: var(--hop-Button-ghost-primary-border-pressed);
1383
1390
  --text-underline: underline;
1384
1391
  }
1385
- .Button-module__hop-Button--ghost-secondary___kxQsj {
1392
+ .Button-module__hop-Button--ghost-secondary___6099y {
1386
1393
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1387
1394
  --color: var(--hop-Button-ghost-secondary-color);
1388
1395
  --border: var(--hop-Button-ghost-secondary-border);
1389
1396
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1390
1397
  }
1391
- .Button-module__hop-Button--ghost-secondary___kxQsj[data-hovered],
1392
- .Button-module__hop-Button--ghost-secondary___kxQsj[data-focus-visible] {
1398
+ .Button-module__hop-Button--ghost-secondary___6099y[data-hovered],
1399
+ .Button-module__hop-Button--ghost-secondary___6099y[data-focus-visible] {
1393
1400
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1394
1401
  --color: var(--hop-Button-ghost-secondary-color-hover);
1395
1402
  --border: var(--hop-Button-ghost-secondary-border-hover);
1396
1403
  --text-underline: underline;
1397
1404
  }
1398
- .Button-module__hop-Button--ghost-secondary___kxQsj[data-pressed] {
1405
+ .Button-module__hop-Button--ghost-secondary___6099y[data-pressed] {
1399
1406
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1400
1407
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1401
1408
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1402
1409
  --text-underline: underline;
1403
1410
  }
1404
- .Button-module__hop-Button--ghost-danger___kblVO {
1411
+ .Button-module__hop-Button--ghost-danger___NOYOj {
1405
1412
  --background-color: var(--hop-Button-ghost-danger-background-color);
1406
1413
  --color: var(--hop-Button-ghost-danger-color);
1407
1414
  --border: var(--hop-Button-ghost-danger-border);
1408
1415
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1409
1416
  }
1410
- .Button-module__hop-Button--ghost-danger___kblVO[data-hovered],
1411
- .Button-module__hop-Button--ghost-danger___kblVO[data-focus-visible] {
1417
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-hovered],
1418
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-focus-visible] {
1412
1419
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1413
1420
  --color: var(--hop-Button-ghost-danger-color-hover);
1414
1421
  --border: var(--hop-Button-ghost-danger-border-hover);
1415
1422
  --text-underline: underline;
1416
1423
  }
1417
- .Button-module__hop-Button--ghost-danger___kblVO[data-pressed] {
1424
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-pressed] {
1418
1425
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1419
1426
  --color: var(--hop-Button-ghost-danger-color-pressed);
1420
1427
  --border: var(--hop-Button-ghost-danger-border-pressed);
1421
1428
  --text-underline: underline;
1422
1429
  }
1423
- .Button-module__hop-Button___g0bsX[data-focus-visible] {
1430
+ .Button-module__hop-Button___aWAvb[data-focus-visible] {
1424
1431
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1425
1432
  }
1426
- .Button-module__hop-Button___g0bsX[data-disabled],
1427
- .Button-module__hop-Button___g0bsX[data-pending] {
1433
+ .Button-module__hop-Button___aWAvb[data-disabled],
1434
+ .Button-module__hop-Button___aWAvb[data-pending] {
1428
1435
  cursor: not-allowed;
1429
1436
  }
1430
- .Button-module__hop-Button___g0bsX[data-disabled] {
1437
+ .Button-module__hop-Button___aWAvb[data-disabled] {
1431
1438
  --background-color: var(--hop-Button-background-color-disabled);
1432
1439
  --color: var(--hop-Button-color-disabled);
1433
1440
  --border: var(--hop-Button-border-disabled);
1434
1441
  }
1435
- .Button-module__hop-Button___g0bsX[class*=--ghost][data-disabled] {
1442
+ .Button-module__hop-Button___aWAvb[class*=--ghost][data-disabled] {
1436
1443
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1437
1444
  --color: var(--hop-Button-ghost-color-disabled);
1438
1445
  --border: var(--hop-Button-ghost-border-disabled);
1439
1446
  }
1440
- .Button-module__hop-Button--primary___3Jpwh[data-pending] {
1447
+ .Button-module__hop-Button--primary___Lm30i[data-pending] {
1441
1448
  --background-color: var(--hop-Button-primary-background-color);
1442
1449
  --color: var(--hop-Button-primary-color);
1443
1450
  --border: var(--hop-Button-primary-border);
1444
1451
  }
1445
- .Button-module__hop-Button--secondary___NU-Ve[data-pending] {
1452
+ .Button-module__hop-Button--secondary___bl3yb[data-pending] {
1446
1453
  --background-color: var(--hop-Button-secondary-background-color);
1447
1454
  --color: var(--hop-Button-secondary-color);
1448
1455
  --border: var(--hop-Button-secondary-border);
1449
1456
  }
1450
- .Button-module__hop-Button--upsell___Zjxjx[data-pending] {
1457
+ .Button-module__hop-Button--upsell___ZsXQr[data-pending] {
1451
1458
  --background-color: var(--hop-Button-upsell-background-color);
1452
1459
  --color: var(--hop-Button-upsell-color);
1453
1460
  --border: var(--hop-Button-upsell-border);
1454
1461
  }
1455
- .Button-module__hop-Button--danger___MoOv-[data-pending] {
1462
+ .Button-module__hop-Button--danger___VMtVT[data-pending] {
1456
1463
  --background-color: var(--hop-Button-danger-background-color);
1457
1464
  --color: var(--hop-Button-danger-color);
1458
1465
  --border: var(--hop-Button-danger-border);
1459
1466
  }
1460
- .Button-module__hop-Button--ghost-primary___WC15g[data-pending] {
1467
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-pending] {
1461
1468
  --background-color: var(--hop-Button-ghost-primary-background-color);
1462
1469
  --color: var(--hop-Button-ghost-primary-color);
1463
1470
  --border: var(--hop-Button-ghost-primary-border);
1464
1471
  --text-underline: none;
1465
1472
  }
1466
- .Button-module__hop-Button--ghost-secondary___kxQsj[data-pending] {
1473
+ .Button-module__hop-Button--ghost-secondary___6099y[data-pending] {
1467
1474
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1468
1475
  --color: var(--hop-Button-ghost-secondary-color);
1469
1476
  --border: var(--hop-Button-ghost-secondary-border);
1470
1477
  --text-underline: none;
1471
1478
  }
1472
- .Button-module__hop-Button--ghost-danger___kblVO[data-pending] {
1479
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-pending] {
1473
1480
  --background-color: var(--hop-Button-ghost-danger-background-color);
1474
1481
  --color: var(--hop-Button-ghost-danger-color);
1475
1482
  --border: var(--hop-Button-ghost-danger-border);
1476
1483
  --text-underline: none;
1477
1484
  }
1478
- .Button-module__hop-Button__Spinner___3NSsM {
1485
+ .Button-module__hop-Button__Spinner___tUy92 {
1479
1486
  position: absolute;
1480
1487
  color: var(--spinner-color);
1481
1488
  }
1482
- .Button-module__hop-Button__icon___znSPX,
1483
- .Button-module__hop-Button__icon-list___ufYMi {
1489
+ .Button-module__hop-Button__icon___WqWnu,
1490
+ .Button-module__hop-Button__icon-list___6mPwn {
1484
1491
  flex: 0 0 auto;
1485
1492
  justify-self: end;
1486
1493
  order: 1;
1487
1494
  }
1488
- .Button-module__hop-Button__text___ud1xn {
1495
+ .Button-module__hop-Button__text___yHV7K {
1489
1496
  user-select: none;
1490
1497
  overflow: visible;
1491
1498
  flex: 0 1 auto;
@@ -1495,57 +1502,57 @@
1495
1502
  text-underline-offset: 0.125rem;
1496
1503
  text-wrap: nowrap;
1497
1504
  }
1498
- .Button-module__hop-Button__end-icon___05XHV,
1499
- .Button-module__hop-Button__end-icon-list___t5TiC {
1505
+ .Button-module__hop-Button__end-icon___YziQH,
1506
+ .Button-module__hop-Button__end-icon-list___e0mxc {
1500
1507
  flex: 0 0 auto;
1501
1508
  order: 3;
1502
1509
  }
1503
- .Button-module__hop-Button___g0bsX .Button-module__hop-Button__icon-list___ufYMi,
1504
- .Button-module__hop-Button___g0bsX .Button-module__hop-Button__end-icon-list___t5TiC {
1510
+ .Button-module__hop-Button___aWAvb .Button-module__hop-Button__icon-list___6mPwn,
1511
+ .Button-module__hop-Button___aWAvb .Button-module__hop-Button__end-icon-list___e0mxc {
1505
1512
  flex-wrap: nowrap;
1506
1513
  }
1507
- .Button-module__hop-Button___g0bsX[data-pending] > *:not(.Button-module__hop-Button__Spinner___3NSsM) {
1514
+ .Button-module__hop-Button___aWAvb[data-pending] > *:not(.Button-module__hop-Button__Spinner___tUy92) {
1508
1515
  opacity: 0;
1509
1516
  }
1510
- .LinkButton-module__hop-LinkButton___SY9j8 {
1517
+ .LinkButton-module__hop-LinkButton___n1i2C {
1511
1518
  }
1512
- .LinkButton-module__hop-LinkButton--fluid___lGULN {
1519
+ .LinkButton-module__hop-LinkButton--fluid___C-q7f {
1513
1520
  }
1514
- .LinkButton-module__hop-LinkButton--sm___Xlnqe {
1521
+ .LinkButton-module__hop-LinkButton--sm___Jm9cq {
1515
1522
  }
1516
- .LinkButton-module__hop-LinkButton--icon-only___EWWG2 {
1523
+ .LinkButton-module__hop-LinkButton--icon-only___G-7ia {
1517
1524
  }
1518
- .LinkButton-module__hop-LinkButton--primary___WU7Bb {
1525
+ .LinkButton-module__hop-LinkButton--primary___oT9il {
1519
1526
  }
1520
- .LinkButton-module__hop-LinkButton--secondary___LmSA3 {
1527
+ .LinkButton-module__hop-LinkButton--secondary___lf59Y {
1521
1528
  }
1522
- .LinkButton-module__hop-LinkButton--upsell___JLqUt {
1529
+ .LinkButton-module__hop-LinkButton--upsell___kMlgg {
1523
1530
  }
1524
- .LinkButton-module__hop-LinkButton--danger___WNOwr {
1531
+ .LinkButton-module__hop-LinkButton--danger___iQMcR {
1525
1532
  }
1526
- .LinkButton-module__hop-LinkButton--ghost-primary___QBdt5 {
1533
+ .LinkButton-module__hop-LinkButton--ghost-primary___ow8OT {
1527
1534
  }
1528
- .LinkButton-module__hop-LinkButton--ghost-secondary___wyw-O {
1535
+ .LinkButton-module__hop-LinkButton--ghost-secondary___SakNp {
1529
1536
  }
1530
- .LinkButton-module__hop-LinkButton--ghost-danger___w5RZy {
1537
+ .LinkButton-module__hop-LinkButton--ghost-danger___tQ73M {
1531
1538
  }
1532
- .LinkButton-module__hop-LinkButton__Spinner___F-sPd {
1539
+ .LinkButton-module__hop-LinkButton__Spinner___pNuSh {
1533
1540
  }
1534
- .LinkButton-module__hop-LinkButton__icon___59s41,
1535
- .LinkButton-module__hop-LinkButton__icon-list___WDg68 {
1541
+ .LinkButton-module__hop-LinkButton__icon___6OZS4,
1542
+ .LinkButton-module__hop-LinkButton__icon-list___cstbL {
1536
1543
  }
1537
- .LinkButton-module__hop-LinkButton__text___pvp40 {
1544
+ .LinkButton-module__hop-LinkButton__text___4iZKg {
1538
1545
  }
1539
- .LinkButton-module__hop-LinkButton__end-icon___mJ7Ap,
1540
- .LinkButton-module__hop-LinkButton__end-icon-list___wnphx {
1546
+ .LinkButton-module__hop-LinkButton__end-icon___tbINE,
1547
+ .LinkButton-module__hop-LinkButton__end-icon-list___zkFzr {
1541
1548
  }
1542
- .LinkButton-module__hop-LinkButton___SY9j8 .LinkButton-module__hop-LinkButton__icon-list___WDg68,
1543
- .LinkButton-module__hop-LinkButton___SY9j8 .LinkButton-module__hop-LinkButton__end-icon-list___wnphx {
1549
+ .LinkButton-module__hop-LinkButton___n1i2C .LinkButton-module__hop-LinkButton__icon-list___cstbL,
1550
+ .LinkButton-module__hop-LinkButton___n1i2C .LinkButton-module__hop-LinkButton__end-icon-list___zkFzr {
1544
1551
  flex-wrap: nowrap;
1545
1552
  }
1546
1553
 
1547
1554
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
1548
- .InputGroup-module__hop-InputGroup___TWbxl {
1555
+ .InputGroup-module__hop-InputGroup___4l-iO {
1549
1556
  --hop-InputGroup-background: var(--hop-neutral-surface);
1550
1557
  --hop-InputGroup-border-color: var(--hop-neutral-border);
1551
1558
  --hop-InputGroup-border-width: 0.0625rem;
@@ -1626,11 +1633,11 @@
1626
1633
  border: var(--border);
1627
1634
  border-radius: var(--hop-InputGroup-border-radius);
1628
1635
  }
1629
- .InputGroup-module__hop-InputGroup--fluid___69tur {
1636
+ .InputGroup-module__hop-InputGroup--fluid___S7AfK {
1630
1637
  --inline-size: 100%;
1631
1638
  --input-inline-size: 100%;
1632
1639
  }
1633
- .InputGroup-module__hop-InputGroup--sm___MRfoU {
1640
+ .InputGroup-module__hop-InputGroup--sm___EG910 {
1634
1641
  --block-size: var(--hop-InputGroup-sm-block-size);
1635
1642
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
1636
1643
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -1638,7 +1645,7 @@
1638
1645
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
1639
1646
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
1640
1647
  }
1641
- .InputGroup-module__hop-InputGroup___TWbxl[data-input-type=textarea] {
1648
+ .InputGroup-module__hop-InputGroup___4l-iO[data-input-type=textarea] {
1642
1649
  --gap: var(--hop-InputGroup-gap-textarea);
1643
1650
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
1644
1651
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -1646,28 +1653,28 @@
1646
1653
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
1647
1654
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
1648
1655
  }
1649
- .InputGroup-module__hop-InputGroup___TWbxl[data-input-type=number] {
1656
+ .InputGroup-module__hop-InputGroup___4l-iO[data-input-type=number] {
1650
1657
  --display: var(--hop-InputGroup-display-number);
1651
1658
  --gap: var(--hop-InputGroup-gap-number);
1652
1659
  }
1653
- .InputGroup-module__hop-InputGroup___TWbxl[data-hovered] {
1660
+ .InputGroup-module__hop-InputGroup___4l-iO[data-hovered] {
1654
1661
  --background: var(--hop-InputGroup-background-hover);
1655
1662
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
1656
1663
  }
1657
- .InputGroup-module__hop-InputGroup___TWbxl[data-focus-within] {
1664
+ .InputGroup-module__hop-InputGroup___4l-iO[data-focus-within] {
1658
1665
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
1659
1666
  }
1660
- .InputGroup-module__hop-InputGroup___TWbxl[data-invalid] {
1667
+ .InputGroup-module__hop-InputGroup___4l-iO[data-invalid] {
1661
1668
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
1662
1669
  }
1663
- .InputGroup-module__hop-InputGroup___TWbxl[data-disabled] {
1670
+ .InputGroup-module__hop-InputGroup___4l-iO[data-disabled] {
1664
1671
  --background: var(--hop-InputGroup-background-disabled);
1665
1672
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
1666
1673
  --input-color: var(--hop-InputGroup-input-color-disabled);
1667
1674
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
1668
1675
  }
1669
- .InputGroup-module__hop-InputGroup__input___63xPs,
1670
- .InputGroup-module__hop-InputGroup__textarea___TBceB {
1676
+ .InputGroup-module__hop-InputGroup__input___UZwnp,
1677
+ .InputGroup-module__hop-InputGroup__textarea___DNTDz {
1671
1678
  flex: 1 1 auto;
1672
1679
  box-sizing: border-box;
1673
1680
  inline-size: var(--input-inline-size);
@@ -1681,26 +1688,26 @@
1681
1688
  border: none;
1682
1689
  outline: none;
1683
1690
  }
1684
- .InputGroup-module__hop-InputGroup__input___63xPs {
1691
+ .InputGroup-module__hop-InputGroup__input___UZwnp {
1685
1692
  block-size: var(--input-block-size);
1686
1693
  padding: var(--hop-InputGroup-input-padding);
1687
1694
  }
1688
- .InputGroup-module__hop-InputGroup__textarea___TBceB {
1695
+ .InputGroup-module__hop-InputGroup__textarea___DNTDz {
1689
1696
  padding: var(--hop-InputGroup-textarea-padding);
1690
1697
  }
1691
- .InputGroup-module__hop-InputGroup__input___63xPs::placeholder {
1698
+ .InputGroup-module__hop-InputGroup__input___UZwnp::placeholder {
1692
1699
  font-family: var(--hop-InputGroup-placeholder-font-family);
1693
1700
  font-size: var(--hop-InputGroup-placeholder-font-size);
1694
1701
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
1695
1702
  line-height: var(--hop-InputGroup-placeholder-line-height);
1696
1703
  color: var(--input-placeholder-color);
1697
1704
  }
1698
- .InputGroup-module__hop-InputGroup__embedded-button___-r1aN {
1705
+ .InputGroup-module__hop-InputGroup__embedded-button___fkVoL {
1699
1706
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
1700
1707
  }
1701
1708
 
1702
1709
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
1703
- .ErrorMessage-module__hop-ErrorMessage___-OJ96 {
1710
+ .ErrorMessage-module__hop-ErrorMessage___1ogYr {
1704
1711
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1705
1712
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1706
1713
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1717,13 +1724,13 @@
1717
1724
  line-height: var(--hop-ErrorMessage-line-height);
1718
1725
  color: var(--hop-ErrorMessage-color);
1719
1726
  }
1720
- .ErrorMessage-module__hop-ErrorMessage__icon___G-fBg {
1727
+ .ErrorMessage-module__hop-ErrorMessage__icon___NXHIT {
1721
1728
  flex: 0 0 auto;
1722
1729
  align-self: flex-start;
1723
1730
  }
1724
1731
 
1725
1732
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
1726
- .HelperMessage-module__hop-HelperMessage___wwxDN {
1733
+ .HelperMessage-module__hop-HelperMessage___2u276 {
1727
1734
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1728
1735
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1729
1736
  display: flex;
@@ -1732,13 +1739,13 @@
1732
1739
  box-sizing: border-box;
1733
1740
  color: var(--hop-HelperMessage-color);
1734
1741
  }
1735
- .HelperMessage-module__hop-HelperMessage__icon___8k1Gi {
1742
+ .HelperMessage-module__hop-HelperMessage__icon___qXSF9 {
1736
1743
  flex: 0 0 auto;
1737
1744
  align-self: flex-start;
1738
1745
  }
1739
1746
 
1740
1747
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
1741
- .NumberField-module__hop-NumberField___SzZFL {
1748
+ .NumberField-module__hop-NumberField___0xDEK {
1742
1749
  --hop-NumberField-gap: var(--hop-space-stack-xs);
1743
1750
  --hop-NumberField-inline-size: 20rem;
1744
1751
  --hop-NumberField-inline-size-fluid: 100%;
@@ -1786,30 +1793,30 @@
1786
1793
  gap: var(--hop-NumberField-gap);
1787
1794
  inline-size: var(--inline-size);
1788
1795
  }
1789
- .NumberField-module__hop-NumberField--fluid___HAcFD {
1796
+ .NumberField-module__hop-NumberField--fluid___hnwEK {
1790
1797
  --inline-size: var(--hop-NumberField-inline-size-fluid);
1791
1798
  }
1792
- .NumberField-module__hop-NumberField--mobile___o5jp- {
1799
+ .NumberField-module__hop-NumberField--mobile___Nee2r {
1793
1800
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
1794
1801
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
1795
1802
  }
1796
- .NumberField-module__hop-NumberField__Label___wyxWA {
1803
+ .NumberField-module__hop-NumberField__Label___SR3Gs {
1797
1804
  order: 0;
1798
1805
  }
1799
- .NumberField-module__hop-NumberField__prefix___W9qgl {
1806
+ .NumberField-module__hop-NumberField__prefix___bmX-H {
1800
1807
  grid-area: prefix;
1801
1808
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
1802
1809
  color: var(--hop-NumberField-prefix-color);
1803
1810
  }
1804
- .NumberField-module__hop-NumberField__InputGroup___bhQ-m {
1811
+ .NumberField-module__hop-NumberField__InputGroup___h-I-D {
1805
1812
  grid-template: var(--input-group-template);
1806
1813
  order: 1;
1807
1814
  }
1808
- .NumberField-module__hop-NumberField__ErrorMessage___P4JtX,
1809
- .NumberField-module__hop-NumberField__HelperMessage___4Ow7r {
1815
+ .NumberField-module__hop-NumberField__ErrorMessage___4dXol,
1816
+ .NumberField-module__hop-NumberField__HelperMessage___S35Zn {
1810
1817
  order: 3;
1811
1818
  }
1812
- .NumberField-module__hop-NumberField__stepper-button___1vuYG {
1819
+ .NumberField-module__hop-NumberField__stepper-button___pxqlA {
1813
1820
  cursor: pointer;
1814
1821
  display: flex;
1815
1822
  grid-area: var(--grid-area, unset);
@@ -1830,55 +1837,55 @@
1830
1837
  border-radius: var(--stepper-border-radius, 0);
1831
1838
  outline: none;
1832
1839
  }
1833
- .NumberField-module__hop-NumberField__stepper-button--increment___wtqxH {
1840
+ .NumberField-module__hop-NumberField__stepper-button--increment___ktXFG {
1834
1841
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
1835
1842
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
1836
1843
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
1837
1844
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
1838
1845
  --grid-area: stepup;
1839
1846
  }
1840
- .NumberField-module__hop-NumberField__stepper-button--decrement___Js9Gj {
1847
+ .NumberField-module__hop-NumberField__stepper-button--decrement___gWipP {
1841
1848
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
1842
1849
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
1843
1850
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
1844
1851
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
1845
1852
  --grid-area: stepdown;
1846
1853
  }
1847
- .NumberField-module__hop-NumberField__stepper-button--mobile___AomVg.NumberField-module__hop-NumberField__stepper-button--increment___wtqxH {
1854
+ .NumberField-module__hop-NumberField__stepper-button--mobile___cSGer.NumberField-module__hop-NumberField__stepper-button--increment___ktXFG {
1848
1855
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
1849
1856
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
1850
1857
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
1851
1858
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
1852
1859
  }
1853
- .NumberField-module__hop-NumberField__stepper-button--mobile___AomVg.NumberField-module__hop-NumberField__stepper-button--decrement___Js9Gj {
1860
+ .NumberField-module__hop-NumberField__stepper-button--mobile___cSGer.NumberField-module__hop-NumberField__stepper-button--decrement___gWipP {
1854
1861
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
1855
1862
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
1856
1863
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
1857
1864
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
1858
1865
  }
1859
- .NumberField-module__hop-NumberField__stepper-button___1vuYG[data-hovered] {
1866
+ .NumberField-module__hop-NumberField__stepper-button___pxqlA[data-hovered] {
1860
1867
  color: var(--hop-NumberField-stepper-color-hovered);
1861
1868
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
1862
1869
  }
1863
- .NumberField-module__hop-NumberField__stepper-button___1vuYG[data-pressed] {
1870
+ .NumberField-module__hop-NumberField__stepper-button___pxqlA[data-pressed] {
1864
1871
  color: var(--hop-NumberField-stepper-color-pressed);
1865
1872
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
1866
1873
  }
1867
- .NumberField-module__hop-NumberField__stepper-button___1vuYG[data-disabled] {
1874
+ .NumberField-module__hop-NumberField__stepper-button___pxqlA[data-disabled] {
1868
1875
  cursor: not-allowed;
1869
1876
  color: var(--hop-NumberField-stepper-color-disabled);
1870
1877
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
1871
1878
  }
1872
- .NumberField-module__hop-NumberField__stepper-button__icon___muxeR {
1879
+ .NumberField-module__hop-NumberField__stepper-button__icon___RO-tI {
1873
1880
  display: block;
1874
1881
  max-block-size: 100%;
1875
1882
  }
1876
- .NumberField-module__hop-NumberField__input___g2VOC {
1883
+ .NumberField-module__hop-NumberField__input___keTth {
1877
1884
  grid-area: input;
1878
1885
  }
1879
1886
 
1880
1887
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
1881
- .PasswordField-module__hop-PasswordField___o1uX- {
1888
+ .PasswordField-module__hop-PasswordField___9cW0X {
1882
1889
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
1883
1890
  --hop-PasswordField-inline-size: 20rem;
1884
1891
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -1888,37 +1895,37 @@
1888
1895
  inline-size: var(--inline-size);
1889
1896
  max-inline-size: 100%;
1890
1897
  }
1891
- .PasswordField-module__hop-PasswordField--fluid___BjuxV {
1898
+ .PasswordField-module__hop-PasswordField--fluid___EHA4y {
1892
1899
  --inline-size: 100%;
1893
1900
  }
1894
- .PasswordField-module__hop-PasswordField__Label___MdKAI {
1901
+ .PasswordField-module__hop-PasswordField__Label___ajz98 {
1895
1902
  order: 0;
1896
1903
  }
1897
- .PasswordField-module__hop-PasswordField__InputGroup___vl5gH {
1904
+ .PasswordField-module__hop-PasswordField__InputGroup___DgcQ2 {
1898
1905
  order: 1;
1899
1906
  }
1900
- .PasswordField-module__hop-PasswordField__ErrorMessage___ZwfYI,
1901
- .PasswordField-module__hop-PasswordField__HelperMessage___z1N5m {
1907
+ .PasswordField-module__hop-PasswordField__ErrorMessage___7ASTp,
1908
+ .PasswordField-module__hop-PasswordField__HelperMessage___ag7YT {
1902
1909
  order: 3;
1903
1910
  }
1904
1911
 
1905
1912
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
1906
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___SdAX- {
1913
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___cCpzk {
1907
1914
  --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
1908
1915
  --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
1909
1916
  --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
1910
1917
  --char-count-color: var(--hop-RemainingCharacterCount-color);
1911
1918
  color: var(--char-count-color);
1912
1919
  }
1913
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___SdAX-[data-invalid] {
1920
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___cCpzk[data-invalid] {
1914
1921
  --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
1915
1922
  }
1916
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___SdAX-[data-disabled] {
1923
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___cCpzk[data-disabled] {
1917
1924
  --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
1918
1925
  }
1919
1926
 
1920
1927
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
1921
- .SearchField-module__hop-SearchField___aZb-c {
1928
+ .SearchField-module__hop-SearchField___WVc-Q {
1922
1929
  --hop-SearchField-gap: var(--hop-space-stack-xs);
1923
1930
  --hop-SearchField-inline-size: 20rem;
1924
1931
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -1933,39 +1940,39 @@
1933
1940
  inline-size: var(--inline-size);
1934
1941
  max-inline-size: 100%;
1935
1942
  }
1936
- .SearchField-module__hop-SearchField--fluid___2wtRA {
1943
+ .SearchField-module__hop-SearchField--fluid___ttX6n {
1937
1944
  --inline-size: 100%;
1938
1945
  }
1939
- .SearchField-module__hop-SearchField__Label___38cX7 {
1946
+ .SearchField-module__hop-SearchField__Label___WpBtQ {
1940
1947
  order: 0;
1941
1948
  }
1942
- .SearchField-module__hop-SearchField__prefix___GVXhK {
1949
+ .SearchField-module__hop-SearchField__prefix___7ppXL {
1943
1950
  color: var(--hop-SearchField-color);
1944
1951
  }
1945
- .SearchField-module__hop-SearchField__InputGroup___Pix8O {
1952
+ .SearchField-module__hop-SearchField__InputGroup___mUujJ {
1946
1953
  order: 1;
1947
1954
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
1948
1955
  }
1949
- .SearchField-module__hop-SearchField--clearable___Inua2 {
1956
+ .SearchField-module__hop-SearchField--clearable___HJeNc {
1950
1957
  --input-group-padding-inline-end: 0;
1951
1958
  }
1952
- .SearchField-module__hop-SearchField__ErrorMessage___eSI4J,
1953
- .SearchField-module__hop-SearchField__HelperMessage___Y4l6r {
1959
+ .SearchField-module__hop-SearchField__ErrorMessage___um1dS,
1960
+ .SearchField-module__hop-SearchField__HelperMessage___uR6ko {
1954
1961
  order: 3;
1955
1962
  }
1956
- .SearchField-module__hop-SearchField___aZb-c input::-webkit-search-cancel-button,
1957
- .SearchField-module__hop-SearchField___aZb-c input::-webkit-search-decoration {
1963
+ .SearchField-module__hop-SearchField___WVc-Q input::-webkit-search-cancel-button,
1964
+ .SearchField-module__hop-SearchField___WVc-Q input::-webkit-search-decoration {
1958
1965
  appearance: none;
1959
1966
  }
1960
- .SearchField-module__hop-SearchField___aZb-c[data-empty] {
1967
+ .SearchField-module__hop-SearchField___WVc-Q[data-empty] {
1961
1968
  --clear-button-display: none;
1962
1969
  }
1963
- .SearchField-module__hop-SearchField__ClearButton___-g0yY {
1970
+ .SearchField-module__hop-SearchField__ClearButton___XsIBc {
1964
1971
  display: var(--clear-button-display);
1965
1972
  }
1966
1973
 
1967
1974
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
1968
- .TextArea-module__hop-TextArea___KIaZD {
1975
+ .TextArea-module__hop-TextArea___1FtH- {
1969
1976
  --hop-TextArea-gap: var(--hop-space-stack-xs);
1970
1977
  --hop-TextArea-inline-size: 20rem;
1971
1978
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -1979,35 +1986,35 @@
1979
1986
  inline-size: var(--inline-size);
1980
1987
  max-inline-size: 100%;
1981
1988
  }
1982
- .TextArea-module__hop-TextArea--fluid___WCRS5 {
1989
+ .TextArea-module__hop-TextArea--fluid___L5apr {
1983
1990
  --inline-size: 100%;
1984
1991
  }
1985
- .TextArea-module__hop-TextArea___KIaZD[data-resize-mode=vertical] {
1992
+ .TextArea-module__hop-TextArea___1FtH-[data-resize-mode=vertical] {
1986
1993
  --resize: vertical;
1987
1994
  }
1988
- .TextArea-module__hop-TextArea__Label___9L3xU {
1995
+ .TextArea-module__hop-TextArea__Label___iBvOX {
1989
1996
  order: 0;
1990
1997
  }
1991
- .TextArea-module__hop-TextArea__prefix___cehps {
1998
+ .TextArea-module__hop-TextArea__prefix___kiRsf {
1992
1999
  color: var(--hop-TextArea-prefix-color);
1993
2000
  }
1994
- .TextArea-module__hop-TextArea__InputGroup___xWuhF {
2001
+ .TextArea-module__hop-TextArea__InputGroup___z0ehB {
1995
2002
  order: 1;
1996
2003
  }
1997
- .TextArea-module__hop-TextArea__RemainingCharacterCount___WOL0F {
2004
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___w9NAd {
1998
2005
  padding: var(--hop-TextArea-remaining-character-count-padding);
1999
2006
  }
2000
- .TextArea-module__hop-TextArea__textarea___idyBQ {
2007
+ .TextArea-module__hop-TextArea__textarea___GXo0W {
2001
2008
  resize: var(--resize);
2002
2009
  min-block-size: var(--hop-TextArea-input-min-height);
2003
2010
  }
2004
- .TextArea-module__hop-TextArea__ErrorMessage___3vVZO,
2005
- .TextArea-module__hop-TextArea__HelperMessage___y9qX5 {
2011
+ .TextArea-module__hop-TextArea__ErrorMessage___b4bWF,
2012
+ .TextArea-module__hop-TextArea__HelperMessage___D9fY3 {
2006
2013
  order: 3;
2007
2014
  }
2008
2015
 
2009
2016
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2010
- .TextField-module__hop-TextField___-8i4v {
2017
+ .TextField-module__hop-TextField___0wa1v {
2011
2018
  --hop-TextField-gap: var(--hop-space-stack-xs);
2012
2019
  --hop-TextField-inline-size: 20rem;
2013
2020
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -2018,19 +2025,19 @@
2018
2025
  inline-size: var(--inline-size);
2019
2026
  max-inline-size: 100%;
2020
2027
  }
2021
- .TextField-module__hop-TextField--fluid___J5STF {
2028
+ .TextField-module__hop-TextField--fluid___Q-df2 {
2022
2029
  --inline-size: 100%;
2023
2030
  }
2024
- .TextField-module__hop-TextField__Label___-7Pm3 {
2031
+ .TextField-module__hop-TextField__Label___Lm2Nf {
2025
2032
  order: 0;
2026
2033
  }
2027
- .TextField-module__hop-TextField__prefix___uEmAs {
2034
+ .TextField-module__hop-TextField__prefix___Cd9QR {
2028
2035
  color: var(--hop-TextField-prefix-color);
2029
2036
  }
2030
- .TextField-module__hop-TextField__InputGroup___2pRwn {
2037
+ .TextField-module__hop-TextField__InputGroup___-L8XZ {
2031
2038
  order: 1;
2032
2039
  }
2033
- .TextField-module__hop-TextField__ErrorMessage___4agXz,
2034
- .TextField-module__hop-TextField__HelperMessage___JbReR {
2040
+ .TextField-module__hop-TextField__ErrorMessage___RQdGZ,
2041
+ .TextField-module__hop-TextField__HelperMessage___7Oja2 {
2035
2042
  order: 3;
2036
2043
  }