@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/OverlineText/src/OverlineText.module.css/#css-module-data */
87
- :where(.OverlineText-module__hop-OverlineText___5ke-P) {
87
+ :where(.OverlineText-module__hop-OverlineText___bCG0m) {
88
88
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
89
89
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
90
90
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -108,45 +108,52 @@
108
108
  text-transform: uppercase;
109
109
  letter-spacing: var(--letter-spacing);
110
110
  }
111
- .OverlineText-module__hop-OverlineText__text___WdEoR {
111
+ .OverlineText-module__hop-OverlineText__text___o7Sr6 {
112
112
  box-sizing: border-box;
113
113
  }
114
- .OverlineText-module__hop-OverlineText__text___WdEoR::before,
115
- .OverlineText-module__hop-OverlineText__text___WdEoR::after {
114
+ .OverlineText-module__hop-OverlineText__text___o7Sr6::before,
115
+ .OverlineText-module__hop-OverlineText__text___o7Sr6::after {
116
116
  content: "";
117
117
  display: block;
118
118
  box-sizing: border-box;
119
119
  inline-size: 0;
120
120
  block-size: 0;
121
121
  }
122
- .OverlineText-module__hop-OverlineText__text___WdEoR::before {
122
+ .OverlineText-module__hop-OverlineText__text___o7Sr6::before {
123
123
  margin-block-end: var(--bottom-offset);
124
124
  }
125
- .OverlineText-module__hop-OverlineText__text___WdEoR::after {
125
+ .OverlineText-module__hop-OverlineText__text___o7Sr6::after {
126
126
  margin-block-start: var(--top-offset);
127
127
  }
128
128
 
129
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
130
+ .Form-module__hop-Form___iuRf1 {
131
+ display: flex;
132
+ flex-direction: column;
133
+ gap: var(--hop-space-stack-lg);
134
+ }
135
+
129
136
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
130
- .Label-module__hop-Label___BRqtH {
137
+ .Label-module__hop-Label___bYJKr {
131
138
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
132
139
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
133
140
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
134
141
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
135
142
  --hop-Label-color: var(--hop-neutral-text-weak);
136
143
  }
137
- :where(.Label-module__hop-Label___BRqtH) {
144
+ :where(.Label-module__hop-Label___bYJKr) {
138
145
  font-family: var(--hop-Label-font-family);
139
146
  font-size: var(--hop-Label-font-size);
140
147
  font-weight: var(--hop-Label-font-weight);
141
148
  line-height: var(--hop-Label-line-height);
142
149
  color: var(--hop-Label-color);
143
150
  }
144
- :where(.Label-module__hop-Label__indicator___78Snn) {
151
+ :where(.Label-module__hop-Label__indicator___AtTcd) {
145
152
  padding-inline-start: var(--hop-space-20);
146
153
  }
147
154
 
148
155
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
149
- .Text-module__hop-Text___mlsmJ {
156
+ .Text-module__hop-Text___Fxj3U {
150
157
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
151
158
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
152
159
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -176,49 +183,49 @@
176
183
  --hop-Text-inherit-size-font-weight: inherit;
177
184
  --hop-Text-inherit-size-line-height: inherit;
178
185
  }
179
- :where(.Text-module__hop-Text___mlsmJ) {
186
+ :where(.Text-module__hop-Text___Fxj3U) {
180
187
  font-family: var(--font-family);
181
188
  font-size: var(--font-size);
182
189
  font-weight: var(--font-weight);
183
190
  line-height: var(--line-height);
184
191
  }
185
- :where(.Text-module__hop-Text--xs___4g9Hm) {
192
+ :where(.Text-module__hop-Text--xs___OBqqd) {
186
193
  --font-size: var(--hop-Text-xs-font-size);
187
194
  --font-family: var(--hop-Text-xs-font-family);
188
195
  --font-weight: var(--hop-Text-xs-font-weight);
189
196
  --line-height: var(--hop-Text-xs-line-height);
190
197
  }
191
- :where(.Text-module__hop-Text--sm___w-WWU) {
198
+ :where(.Text-module__hop-Text--sm___W0t5J) {
192
199
  --font-size: var(--hop-Text-sm-font-size);
193
200
  --font-family: var(--hop-Text-sm-font-family);
194
201
  --font-weight: var(--hop-Text-sm-font-weight);
195
202
  --line-height: var(--hop-Text-sm-line-height);
196
203
  }
197
- :where(.Text-module__hop-Text--md___FHx98) {
204
+ :where(.Text-module__hop-Text--md___0XAci) {
198
205
  --font-size: var(--hop-Text-md-font-size);
199
206
  --font-family: var(--hop-Text-md-font-family);
200
207
  --font-weight: var(--hop-Text-md-font-weight);
201
208
  --line-height: var(--hop-Text-md-line-height);
202
209
  }
203
- :where(.Text-module__hop-Text--lg___N-Ov9) {
210
+ :where(.Text-module__hop-Text--lg___fe6zi) {
204
211
  --font-size: var(--hop-Text-lg-font-size);
205
212
  --font-family: var(--hop-Text-lg-font-family);
206
213
  --font-weight: var(--hop-Text-lg-font-weight);
207
214
  --line-height: var(--hop-Text-lg-line-height);
208
215
  }
209
- :where(.Text-module__hop-Text--xl___O0xxj) {
216
+ :where(.Text-module__hop-Text--xl___Yu73w) {
210
217
  --font-size: var(--hop-Text-xl-font-size);
211
218
  --font-family: var(--hop-Text-xl-font-family);
212
219
  --font-weight: var(--hop-Text-xl-font-weight);
213
220
  --line-height: var(--hop-Text-xl-line-height);
214
221
  }
215
- :where(.Text-module__hop-Text--2xl___7cgXw) {
222
+ :where(.Text-module__hop-Text--2xl___XUoUN) {
216
223
  --font-size: var(--hop-Text-2xl-font-size);
217
224
  --font-family: var(--hop-Text-2xl-font-family);
218
225
  --font-weight: var(--hop-Text-2xl-font-weight);
219
226
  --line-height: var(--hop-Text-2xl-line-height);
220
227
  }
221
- :where(.Text-module__hop-Text--inherit___CD7Gr) {
228
+ :where(.Text-module__hop-Text--inherit___zBVgd) {
222
229
  --font-size: var(--hop-Text-inherit-size-font-size);
223
230
  --font-family: var(--hop-Text-inherit-size-font-family);
224
231
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -226,7 +233,7 @@
226
233
  }
227
234
 
228
235
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
229
- .ErrorMessage-module__hop-ErrorMessage___-OJ96 {
236
+ .ErrorMessage-module__hop-ErrorMessage___1ogYr {
230
237
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
231
238
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
232
239
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -243,13 +250,13 @@
243
250
  line-height: var(--hop-ErrorMessage-line-height);
244
251
  color: var(--hop-ErrorMessage-color);
245
252
  }
246
- .ErrorMessage-module__hop-ErrorMessage__icon___G-fBg {
253
+ .ErrorMessage-module__hop-ErrorMessage__icon___NXHIT {
247
254
  flex: 0 0 auto;
248
255
  align-self: flex-start;
249
256
  }
250
257
 
251
258
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
252
- .HelperMessage-module__hop-HelperMessage___wwxDN {
259
+ .HelperMessage-module__hop-HelperMessage___2u276 {
253
260
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
254
261
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
255
262
  display: flex;
@@ -258,13 +265,13 @@
258
265
  box-sizing: border-box;
259
266
  color: var(--hop-HelperMessage-color);
260
267
  }
261
- .HelperMessage-module__hop-HelperMessage__icon___8k1Gi {
268
+ .HelperMessage-module__hop-HelperMessage__icon___qXSF9 {
262
269
  flex: 0 0 auto;
263
270
  align-self: flex-start;
264
271
  }
265
272
 
266
273
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
267
- .IconList-module__hop-IconList___s1jYT {
274
+ .IconList-module__hop-IconList___6xhpN {
268
275
  --hop-IconList-gap: var(--hop-space-inline-xs);
269
276
  display: flex;
270
277
  flex-wrap: wrap;
@@ -273,7 +280,7 @@
273
280
  }
274
281
 
275
282
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
276
- @keyframes Spinner-module__spin___ViS32 {
283
+ @keyframes Spinner-module__spin___Q2ZYo {
277
284
  0% {
278
285
  transform: rotate(0deg);
279
286
  }
@@ -281,7 +288,7 @@
281
288
  transform: rotate(360deg);
282
289
  }
283
290
  }
284
- .Spinner-module__hop-Spinner___7E2eM {
291
+ .Spinner-module__hop-Spinner___0THu8 {
285
292
  --hop-Spinner-border-radius: var(--hop-shape-circle);
286
293
  --hop-Spinner-sm-wheel-size: 1rem;
287
294
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -289,7 +296,7 @@
289
296
  --hop-Spinner-track-width: 0.125rem;
290
297
  --hop-Spinner-track-opacity: 0.2;
291
298
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
292
- --hop-Spinner-fill-animation: Spinner-module__spin___ViS32 .8s infinite linear;
299
+ --hop-Spinner-fill-animation: Spinner-module__spin___Q2ZYo .8s infinite linear;
293
300
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
294
301
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
295
302
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -300,19 +307,19 @@
300
307
  align-items: center;
301
308
  box-sizing: border-box;
302
309
  }
303
- .Spinner-module__hop-Spinner--sm___kpiu9 {
310
+ .Spinner-module__hop-Spinner--sm___PVr-T {
304
311
  --width: var(--hop-Spinner-sm-wheel-size);
305
312
  --height: var(--hop-Spinner-sm-wheel-size);
306
313
  }
307
- .Spinner-module__hop-Spinner--md___j6Sdr {
314
+ .Spinner-module__hop-Spinner--md___DkDx6 {
308
315
  --width: var(--hop-Spinner-md-wheel-size);
309
316
  --height: var(--hop-Spinner-md-wheel-size);
310
317
  }
311
- .Spinner-module__hop-Spinner--lg___v1lHA {
318
+ .Spinner-module__hop-Spinner--lg___bqHkM {
312
319
  --width: var(--hop-Spinner-lg-wheel-size);
313
320
  --height: var(--hop-Spinner-lg-wheel-size);
314
321
  }
315
- .Spinner-module__hop-Spinner__track___b-BXu {
322
+ .Spinner-module__hop-Spinner__track___B5Dai {
316
323
  grid-area: spinner;
317
324
  box-sizing: border-box;
318
325
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -321,7 +328,7 @@
321
328
  border: var(--hop-Spinner-track-border);
322
329
  border-radius: var(--hop-Spinner-border-radius);
323
330
  }
324
- .Spinner-module__hop-Spinner__fill___zD8ub {
331
+ .Spinner-module__hop-Spinner__fill___-UaCn {
325
332
  grid-area: spinner;
326
333
  box-sizing: border-box;
327
334
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -332,17 +339,17 @@
332
339
  animation: var(--hop-Spinner-fill-animation);
333
340
  }
334
341
  @media (prefers-reduced-motion: reduce) {
335
- .Spinner-module__hop-Spinner__fill___zD8ub {
342
+ .Spinner-module__hop-Spinner__fill___-UaCn {
336
343
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
337
344
  }
338
345
  }
339
- .Spinner-module__hop-Spinner__label___z37tv {
346
+ .Spinner-module__hop-Spinner__label___GhNV8 {
340
347
  grid-area: label;
341
348
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
342
349
  }
343
350
 
344
351
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
345
- .Button-module__hop-Button___g0bsX {
352
+ .Button-module__hop-Button___aWAvb {
346
353
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
347
354
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
348
355
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -466,215 +473,215 @@
466
473
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
467
474
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
468
475
  }
469
- .Button-module__hop-Button--fluid___U1pC7 {
476
+ .Button-module__hop-Button--fluid___pOgS1 {
470
477
  --inline-size: 100%;
471
478
  }
472
- .Button-module__hop-Button--sm___JkRfc {
479
+ .Button-module__hop-Button--sm___EJn1m {
473
480
  --block-size: var(--hop-Button-sm-height);
474
481
  --padding: var(--hop-Button-sm-padding);
475
482
  }
476
- .Button-module__hop-Button--sm___JkRfc[class*=--ghost] {
483
+ .Button-module__hop-Button--sm___EJn1m[class*=--ghost] {
477
484
  --padding: var(--hop-Button-ghost-sm-padding);
478
485
  }
479
- .Button-module__hop-Button--md___UW7nU[class*=--ghost] {
486
+ .Button-module__hop-Button--md___4XpPr[class*=--ghost] {
480
487
  --padding: var(--hop-Button-ghost-md-padding);
481
488
  }
482
- .Button-module__hop-Button--icon-only___9-rM- {
489
+ .Button-module__hop-Button--icon-only___E63X8 {
483
490
  --column-gap: var(--hop-Button-icon-only-column-gap);
484
491
  --padding: var(--hop-Button-icon-only-padding);
485
492
  aspect-ratio: 1;
486
493
  }
487
- .Button-module__hop-Button--primary___3Jpwh {
494
+ .Button-module__hop-Button--primary___Lm30i {
488
495
  --background-color: var(--hop-Button-primary-background-color);
489
496
  --color: var(--hop-Button-primary-color);
490
497
  --border: var(--hop-Button-primary-border);
491
498
  --spinner-color: var(--hop-Button-primary-spinner-color);
492
499
  }
493
- .Button-module__hop-Button--primary___3Jpwh[data-hovered],
494
- .Button-module__hop-Button--primary___3Jpwh[data-focus-visible] {
500
+ .Button-module__hop-Button--primary___Lm30i[data-hovered],
501
+ .Button-module__hop-Button--primary___Lm30i[data-focus-visible] {
495
502
  --background-color: var(--hop-Button-primary-background-color-hover);
496
503
  --color: var(--hop-Button-primary-color-hover);
497
504
  --border: var(--hop-Button-primary-border-hover);
498
505
  }
499
- .Button-module__hop-Button--primary___3Jpwh[data-pressed] {
506
+ .Button-module__hop-Button--primary___Lm30i[data-pressed] {
500
507
  --background-color: var(--hop-Button-primary-background-color-pressed);
501
508
  --color: var(--hop-Button-primary-color-pressed);
502
509
  --border: var(--hop-Button-primary-border-pressed);
503
510
  }
504
- .Button-module__hop-Button--secondary___NU-Ve {
511
+ .Button-module__hop-Button--secondary___bl3yb {
505
512
  --background-color: var(--hop-Button-secondary-background-color);
506
513
  --color: var(--hop-Button-secondary-color);
507
514
  --border: var(--hop-Button-secondary-border);
508
515
  --spinner-color: var(--hop-Button-secondary-spinner-color);
509
516
  }
510
- .Button-module__hop-Button--secondary___NU-Ve[data-hovered],
511
- .Button-module__hop-Button--secondary___NU-Ve[data-focus-visible] {
517
+ .Button-module__hop-Button--secondary___bl3yb[data-hovered],
518
+ .Button-module__hop-Button--secondary___bl3yb[data-focus-visible] {
512
519
  --background-color: var(--hop-Button-secondary-background-color-hover);
513
520
  --color: var(--hop-Button-secondary-color-hover);
514
521
  --border: var(--hop-Button-secondary-border-hover);
515
522
  }
516
- .Button-module__hop-Button--secondary___NU-Ve[data-pressed] {
523
+ .Button-module__hop-Button--secondary___bl3yb[data-pressed] {
517
524
  --background-color: var(--hop-Button-secondary-background-color-pressed);
518
525
  --color: var(--hop-Button-secondary-color-pressed);
519
526
  --border: var(--hop-Button-secondary-border-pressed);
520
527
  }
521
- .Button-module__hop-Button--upsell___Zjxjx {
528
+ .Button-module__hop-Button--upsell___ZsXQr {
522
529
  --background-color: var(--hop-Button-upsell-background-color);
523
530
  --color: var(--hop-Button-upsell-color);
524
531
  --border: var(--hop-Button-upsell-border);
525
532
  --spinner-color: var(--hop-Button-upsell-spinner-color);
526
533
  }
527
- .Button-module__hop-Button--upsell___Zjxjx[data-hovered],
528
- .Button-module__hop-Button--upsell___Zjxjx[data-focus-visible] {
534
+ .Button-module__hop-Button--upsell___ZsXQr[data-hovered],
535
+ .Button-module__hop-Button--upsell___ZsXQr[data-focus-visible] {
529
536
  --background-color: var(--hop-Button-upsell-background-color-hover);
530
537
  --color: var(--hop-Button-upsell-color-hover);
531
538
  --border: var(--hop-Button-upsell-border-hover);
532
539
  }
533
- .Button-module__hop-Button--upsell___Zjxjx[data-pressed] {
540
+ .Button-module__hop-Button--upsell___ZsXQr[data-pressed] {
534
541
  --background-color: var(--hop-Button-upsell-background-color-pressed);
535
542
  --color: var(--hop-Button-upsell-color-pressed);
536
543
  --border: var(--hop-Button-upsell-border-pressed);
537
544
  }
538
- .Button-module__hop-Button--danger___MoOv- {
545
+ .Button-module__hop-Button--danger___VMtVT {
539
546
  --background-color: var(--hop-Button-danger-background-color);
540
547
  --color: var(--hop-Button-danger-color);
541
548
  --border: var(--hop-Button-danger-border);
542
549
  --spinner-color: var(--hop-Button-danger-spinner-color);
543
550
  }
544
- .Button-module__hop-Button--danger___MoOv-[data-hovered],
545
- .Button-module__hop-Button--danger___MoOv-[data-focus-visible] {
551
+ .Button-module__hop-Button--danger___VMtVT[data-hovered],
552
+ .Button-module__hop-Button--danger___VMtVT[data-focus-visible] {
546
553
  --background-color: var(--hop-Button-danger-background-color-hover);
547
554
  --color: var(--hop-Button-danger-color-hover);
548
555
  --border: var(--hop-Button-danger-border-hover);
549
556
  }
550
- .Button-module__hop-Button--danger___MoOv-[data-pressed] {
557
+ .Button-module__hop-Button--danger___VMtVT[data-pressed] {
551
558
  --background-color: var(--hop-Button-danger-background-color-pressed);
552
559
  --color: var(--hop-Button-danger-color-pressed);
553
560
  --border: var(--hop-Button-danger-border-pressed);
554
561
  }
555
- .Button-module__hop-Button--ghost-primary___WC15g {
562
+ .Button-module__hop-Button--ghost-primary___7eXLd {
556
563
  --background-color: var(--hop-Button-ghost-primary-background-color);
557
564
  --color: var(--hop-Button-ghost-primary-color);
558
565
  --border: var(--hop-Button-ghost-primary-border);
559
566
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
560
567
  }
561
- .Button-module__hop-Button--ghost-primary___WC15g[data-hovered],
562
- .Button-module__hop-Button--ghost-primary___WC15g[data-focus-visible] {
568
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-hovered],
569
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-focus-visible] {
563
570
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
564
571
  --color: var(--hop-Button-ghost-primary-color-hover);
565
572
  --border: var(--hop-Button-ghost-primary-border-hover);
566
573
  --text-underline: underline;
567
574
  }
568
- .Button-module__hop-Button--ghost-primary___WC15g[data-pressed] {
575
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-pressed] {
569
576
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
570
577
  --color: var(--hop-Button-ghost-primary-color-pressed);
571
578
  --border: var(--hop-Button-ghost-primary-border-pressed);
572
579
  --text-underline: underline;
573
580
  }
574
- .Button-module__hop-Button--ghost-secondary___kxQsj {
581
+ .Button-module__hop-Button--ghost-secondary___6099y {
575
582
  --background-color: var(--hop-Button-ghost-secondary-background-color);
576
583
  --color: var(--hop-Button-ghost-secondary-color);
577
584
  --border: var(--hop-Button-ghost-secondary-border);
578
585
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
579
586
  }
580
- .Button-module__hop-Button--ghost-secondary___kxQsj[data-hovered],
581
- .Button-module__hop-Button--ghost-secondary___kxQsj[data-focus-visible] {
587
+ .Button-module__hop-Button--ghost-secondary___6099y[data-hovered],
588
+ .Button-module__hop-Button--ghost-secondary___6099y[data-focus-visible] {
582
589
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
583
590
  --color: var(--hop-Button-ghost-secondary-color-hover);
584
591
  --border: var(--hop-Button-ghost-secondary-border-hover);
585
592
  --text-underline: underline;
586
593
  }
587
- .Button-module__hop-Button--ghost-secondary___kxQsj[data-pressed] {
594
+ .Button-module__hop-Button--ghost-secondary___6099y[data-pressed] {
588
595
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
589
596
  --color: var(--hop-Button-ghost-secondary-color-pressed);
590
597
  --border: var(--hop-Button-ghost-secondary-border-pressed);
591
598
  --text-underline: underline;
592
599
  }
593
- .Button-module__hop-Button--ghost-danger___kblVO {
600
+ .Button-module__hop-Button--ghost-danger___NOYOj {
594
601
  --background-color: var(--hop-Button-ghost-danger-background-color);
595
602
  --color: var(--hop-Button-ghost-danger-color);
596
603
  --border: var(--hop-Button-ghost-danger-border);
597
604
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
598
605
  }
599
- .Button-module__hop-Button--ghost-danger___kblVO[data-hovered],
600
- .Button-module__hop-Button--ghost-danger___kblVO[data-focus-visible] {
606
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-hovered],
607
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-focus-visible] {
601
608
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
602
609
  --color: var(--hop-Button-ghost-danger-color-hover);
603
610
  --border: var(--hop-Button-ghost-danger-border-hover);
604
611
  --text-underline: underline;
605
612
  }
606
- .Button-module__hop-Button--ghost-danger___kblVO[data-pressed] {
613
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-pressed] {
607
614
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
608
615
  --color: var(--hop-Button-ghost-danger-color-pressed);
609
616
  --border: var(--hop-Button-ghost-danger-border-pressed);
610
617
  --text-underline: underline;
611
618
  }
612
- .Button-module__hop-Button___g0bsX[data-focus-visible] {
619
+ .Button-module__hop-Button___aWAvb[data-focus-visible] {
613
620
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
614
621
  }
615
- .Button-module__hop-Button___g0bsX[data-disabled],
616
- .Button-module__hop-Button___g0bsX[data-pending] {
622
+ .Button-module__hop-Button___aWAvb[data-disabled],
623
+ .Button-module__hop-Button___aWAvb[data-pending] {
617
624
  cursor: not-allowed;
618
625
  }
619
- .Button-module__hop-Button___g0bsX[data-disabled] {
626
+ .Button-module__hop-Button___aWAvb[data-disabled] {
620
627
  --background-color: var(--hop-Button-background-color-disabled);
621
628
  --color: var(--hop-Button-color-disabled);
622
629
  --border: var(--hop-Button-border-disabled);
623
630
  }
624
- .Button-module__hop-Button___g0bsX[class*=--ghost][data-disabled] {
631
+ .Button-module__hop-Button___aWAvb[class*=--ghost][data-disabled] {
625
632
  --background-color: var(--hop-Button-ghost-background-color-disabled);
626
633
  --color: var(--hop-Button-ghost-color-disabled);
627
634
  --border: var(--hop-Button-ghost-border-disabled);
628
635
  }
629
- .Button-module__hop-Button--primary___3Jpwh[data-pending] {
636
+ .Button-module__hop-Button--primary___Lm30i[data-pending] {
630
637
  --background-color: var(--hop-Button-primary-background-color);
631
638
  --color: var(--hop-Button-primary-color);
632
639
  --border: var(--hop-Button-primary-border);
633
640
  }
634
- .Button-module__hop-Button--secondary___NU-Ve[data-pending] {
641
+ .Button-module__hop-Button--secondary___bl3yb[data-pending] {
635
642
  --background-color: var(--hop-Button-secondary-background-color);
636
643
  --color: var(--hop-Button-secondary-color);
637
644
  --border: var(--hop-Button-secondary-border);
638
645
  }
639
- .Button-module__hop-Button--upsell___Zjxjx[data-pending] {
646
+ .Button-module__hop-Button--upsell___ZsXQr[data-pending] {
640
647
  --background-color: var(--hop-Button-upsell-background-color);
641
648
  --color: var(--hop-Button-upsell-color);
642
649
  --border: var(--hop-Button-upsell-border);
643
650
  }
644
- .Button-module__hop-Button--danger___MoOv-[data-pending] {
651
+ .Button-module__hop-Button--danger___VMtVT[data-pending] {
645
652
  --background-color: var(--hop-Button-danger-background-color);
646
653
  --color: var(--hop-Button-danger-color);
647
654
  --border: var(--hop-Button-danger-border);
648
655
  }
649
- .Button-module__hop-Button--ghost-primary___WC15g[data-pending] {
656
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-pending] {
650
657
  --background-color: var(--hop-Button-ghost-primary-background-color);
651
658
  --color: var(--hop-Button-ghost-primary-color);
652
659
  --border: var(--hop-Button-ghost-primary-border);
653
660
  --text-underline: none;
654
661
  }
655
- .Button-module__hop-Button--ghost-secondary___kxQsj[data-pending] {
662
+ .Button-module__hop-Button--ghost-secondary___6099y[data-pending] {
656
663
  --background-color: var(--hop-Button-ghost-secondary-background-color);
657
664
  --color: var(--hop-Button-ghost-secondary-color);
658
665
  --border: var(--hop-Button-ghost-secondary-border);
659
666
  --text-underline: none;
660
667
  }
661
- .Button-module__hop-Button--ghost-danger___kblVO[data-pending] {
668
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-pending] {
662
669
  --background-color: var(--hop-Button-ghost-danger-background-color);
663
670
  --color: var(--hop-Button-ghost-danger-color);
664
671
  --border: var(--hop-Button-ghost-danger-border);
665
672
  --text-underline: none;
666
673
  }
667
- .Button-module__hop-Button__Spinner___3NSsM {
674
+ .Button-module__hop-Button__Spinner___tUy92 {
668
675
  position: absolute;
669
676
  color: var(--spinner-color);
670
677
  }
671
- .Button-module__hop-Button__icon___znSPX,
672
- .Button-module__hop-Button__icon-list___ufYMi {
678
+ .Button-module__hop-Button__icon___WqWnu,
679
+ .Button-module__hop-Button__icon-list___6mPwn {
673
680
  flex: 0 0 auto;
674
681
  justify-self: end;
675
682
  order: 1;
676
683
  }
677
- .Button-module__hop-Button__text___ud1xn {
684
+ .Button-module__hop-Button__text___yHV7K {
678
685
  user-select: none;
679
686
  overflow: visible;
680
687
  flex: 0 1 auto;
@@ -684,60 +691,60 @@
684
691
  text-underline-offset: 0.125rem;
685
692
  text-wrap: nowrap;
686
693
  }
687
- .Button-module__hop-Button__end-icon___05XHV,
688
- .Button-module__hop-Button__end-icon-list___t5TiC {
694
+ .Button-module__hop-Button__end-icon___YziQH,
695
+ .Button-module__hop-Button__end-icon-list___e0mxc {
689
696
  flex: 0 0 auto;
690
697
  order: 3;
691
698
  }
692
- .Button-module__hop-Button___g0bsX .Button-module__hop-Button__icon-list___ufYMi,
693
- .Button-module__hop-Button___g0bsX .Button-module__hop-Button__end-icon-list___t5TiC {
699
+ .Button-module__hop-Button___aWAvb .Button-module__hop-Button__icon-list___6mPwn,
700
+ .Button-module__hop-Button___aWAvb .Button-module__hop-Button__end-icon-list___e0mxc {
694
701
  flex-wrap: nowrap;
695
702
  }
696
- .Button-module__hop-Button___g0bsX[data-pending] > *:not(.Button-module__hop-Button__Spinner___3NSsM) {
703
+ .Button-module__hop-Button___aWAvb[data-pending] > *:not(.Button-module__hop-Button__Spinner___tUy92) {
697
704
  opacity: 0;
698
705
  }
699
706
 
700
707
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
701
- .ButtonGroup-module__hop-ButtonGroup___qZZvz {
708
+ .ButtonGroup-module__hop-ButtonGroup___hqLSF {
702
709
  display: inline-flex;
703
710
  flex-wrap: nowrap;
704
711
  gap: var(--hop-space-inline-md);
705
712
  }
706
- .ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
713
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___3av6y {
707
714
  align-items: center;
708
715
  }
709
- .ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
716
+ .ButtonGroup-module__hop-ButtonGroup--vertical___gv-ld {
710
717
  flex-direction: column;
711
718
  gap: var(--hop-space-stack-md);
712
719
  justify-content: center;
713
720
  }
714
- .ButtonGroup-module__hop-ButtonGroup--start___4uIzc.ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
721
+ .ButtonGroup-module__hop-ButtonGroup--start___kJMSf.ButtonGroup-module__hop-ButtonGroup--vertical___gv-ld {
715
722
  align-items: flex-start;
716
723
  }
717
- .ButtonGroup-module__hop-ButtonGroup--center___QMUIS.ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
724
+ .ButtonGroup-module__hop-ButtonGroup--center___3hmgX.ButtonGroup-module__hop-ButtonGroup--vertical___gv-ld {
718
725
  align-items: center;
719
726
  }
720
- .ButtonGroup-module__hop-ButtonGroup--end___0X0T1.ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
727
+ .ButtonGroup-module__hop-ButtonGroup--end___oVQYE.ButtonGroup-module__hop-ButtonGroup--vertical___gv-ld {
721
728
  align-items: flex-end;
722
729
  }
723
- .ButtonGroup-module__hop-ButtonGroup--start___4uIzc.ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
730
+ .ButtonGroup-module__hop-ButtonGroup--start___kJMSf.ButtonGroup-module__hop-ButtonGroup--horizontal___3av6y {
724
731
  justify-content: flex-start;
725
732
  }
726
- .ButtonGroup-module__hop-ButtonGroup--center___QMUIS.ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
733
+ .ButtonGroup-module__hop-ButtonGroup--center___3hmgX.ButtonGroup-module__hop-ButtonGroup--horizontal___3av6y {
727
734
  justify-content: center;
728
735
  }
729
- .ButtonGroup-module__hop-ButtonGroup--end___0X0T1.ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
736
+ .ButtonGroup-module__hop-ButtonGroup--end___oVQYE.ButtonGroup-module__hop-ButtonGroup--horizontal___3av6y {
730
737
  justify-content: flex-end;
731
738
  }
732
- .ButtonGroup-module__hop-ButtonGroup--wrap___oVOWS {
739
+ .ButtonGroup-module__hop-ButtonGroup--wrap___qi3Sl {
733
740
  flex-wrap: wrap;
734
741
  }
735
- .ButtonGroup-module__hop-ButtonGroup--fluid___c11bZ {
742
+ .ButtonGroup-module__hop-ButtonGroup--fluid___v7t-F {
736
743
  inline-size: 100%;
737
744
  }
738
745
 
739
746
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
740
- .EmbeddedButton-module__hop-EmbeddedButton___xmpEU {
747
+ .EmbeddedButton-module__hop-EmbeddedButton___U95Sy {
741
748
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
742
749
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
743
750
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -901,7 +908,7 @@
901
908
  outline: none;
902
909
  transition: color var(--transition);
903
910
  }
904
- .EmbeddedButton-module__hop-EmbeddedButton___xmpEU::before {
911
+ .EmbeddedButton-module__hop-EmbeddedButton___U95Sy::before {
905
912
  content: "";
906
913
  position: absolute;
907
914
  inset-block-start: 50%;
@@ -914,284 +921,284 @@
914
921
  border-radius: var(--effect-border-radius);
915
922
  transition: background-color var(--transition);
916
923
  }
917
- .EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-square] {
924
+ .EmbeddedButton-module__hop-EmbeddedButton___U95Sy[data-square] {
918
925
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
919
926
  }
920
- .EmbeddedButton-module__hop-EmbeddedButton--md___8D9OF {
927
+ .EmbeddedButton-module__hop-EmbeddedButton--md___hbpeA {
921
928
  --inline-size: var(--hop-EmbeddedButton-md-width);
922
929
  --block-size: var(--hop-EmbeddedButton-md-height);
923
930
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
924
931
  }
925
- .EmbeddedButton-module__hop-EmbeddedButton--lg___Fonmy {
932
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___CZhR9 {
926
933
  --inline-size: var(--hop-EmbeddedButton-lg-width);
927
934
  --block-size: var(--hop-EmbeddedButton-lg-height);
928
935
  --focus-ring-offset: 0;
929
936
  }
930
- .EmbeddedButton-module__hop-EmbeddedButton--md___8D9OF::before {
937
+ .EmbeddedButton-module__hop-EmbeddedButton--md___hbpeA::before {
931
938
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
932
939
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
933
940
  }
934
- .EmbeddedButton-module__hop-EmbeddedButton--lg___Fonmy::before {
941
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___CZhR9::before {
935
942
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
936
943
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
937
944
  }
938
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF {
945
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___e6JwV {
939
946
  --color: var(--hop-EmbeddedButton-neutral-color);
940
947
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
941
948
  }
942
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06 {
949
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___i-2qa {
943
950
  --color: var(--hop-EmbeddedButton-subdued-color);
944
951
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
945
952
  }
946
- .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy {
953
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jDT6T {
947
954
  --color: var(--hop-EmbeddedButton-progress-color);
948
955
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
949
956
  }
950
- .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL {
957
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sywpr {
951
958
  --color: var(--hop-EmbeddedButton-positive-color);
952
959
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
953
960
  }
954
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4 {
961
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9HpKn {
955
962
  --color: var(--hop-EmbeddedButton-caution-color);
956
963
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
957
964
  }
958
- .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR {
965
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XqVQE {
959
966
  --color: var(--hop-EmbeddedButton-negative-color);
960
967
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
961
968
  }
962
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw {
969
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___vZ2qH {
963
970
  --color: var(--hop-EmbeddedButton-option1-color);
964
971
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
965
972
  }
966
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e {
973
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___W0qJU {
967
974
  --color: var(--hop-EmbeddedButton-option2-color);
968
975
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
969
976
  }
970
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4 {
977
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KYLG7 {
971
978
  --color: var(--hop-EmbeddedButton-option3-color);
972
979
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
973
980
  }
974
- .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw {
981
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___EFIcJ {
975
982
  --color: var(--hop-EmbeddedButton-option4-color);
976
983
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
977
984
  }
978
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6 {
985
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dlQOG {
979
986
  --color: var(--hop-EmbeddedButton-option5-color);
980
987
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
981
988
  }
982
- .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0 {
989
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___RZkSJ {
983
990
  --color: var(--hop-EmbeddedButton-option6-color);
984
991
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
985
992
  }
986
- .EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-selected] {
993
+ .EmbeddedButton-module__hop-EmbeddedButton___U95Sy[data-selected] {
987
994
  --color: var(--hop-EmbeddedButton-selected-color);
988
995
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
989
996
  }
990
- .EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-focus-visible] {
997
+ .EmbeddedButton-module__hop-EmbeddedButton___U95Sy[data-focus-visible] {
991
998
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
992
999
  outline-offset: var(--focus-ring-offset);
993
1000
  }
994
- .EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-disabled] {
1001
+ .EmbeddedButton-module__hop-EmbeddedButton___U95Sy[data-disabled] {
995
1002
  cursor: not-allowed;
996
1003
  }
997
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-hovered] {
1004
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___e6JwV[data-hovered] {
998
1005
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
999
1006
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1000
1007
  }
1001
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-focus-visible] {
1008
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___e6JwV[data-focus-visible] {
1002
1009
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1003
1010
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1004
1011
  }
1005
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-pressed] {
1012
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___e6JwV[data-pressed] {
1006
1013
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1007
1014
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1008
1015
  }
1009
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-disabled] {
1016
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___e6JwV[data-disabled] {
1010
1017
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1011
1018
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1012
1019
  }
1013
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-hovered] {
1020
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___i-2qa[data-hovered] {
1014
1021
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1015
1022
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1016
1023
  }
1017
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-focus-visible] {
1024
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___i-2qa[data-focus-visible] {
1018
1025
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1019
1026
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1020
1027
  }
1021
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-pressed] {
1028
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___i-2qa[data-pressed] {
1022
1029
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1023
1030
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1024
1031
  }
1025
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-disabled] {
1032
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___i-2qa[data-disabled] {
1026
1033
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1027
1034
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1028
1035
  }
1029
- .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-hovered] {
1036
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jDT6T[data-hovered] {
1030
1037
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1031
1038
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1032
1039
  }
1033
- .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-focus-visible] {
1040
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jDT6T[data-focus-visible] {
1034
1041
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1035
1042
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1036
1043
  }
1037
- .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-pressed] {
1044
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jDT6T[data-pressed] {
1038
1045
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1039
1046
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1040
1047
  }
1041
- .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-disabled] {
1048
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jDT6T[data-disabled] {
1042
1049
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1043
1050
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1044
1051
  }
1045
- .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-hovered] {
1052
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sywpr[data-hovered] {
1046
1053
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1047
1054
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1048
1055
  }
1049
- .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-focus-visible] {
1056
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sywpr[data-focus-visible] {
1050
1057
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1051
1058
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1052
1059
  }
1053
- .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-pressed] {
1060
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sywpr[data-pressed] {
1054
1061
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1055
1062
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1056
1063
  }
1057
- .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-disabled] {
1064
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sywpr[data-disabled] {
1058
1065
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1059
1066
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1060
1067
  }
1061
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-hovered] {
1068
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9HpKn[data-hovered] {
1062
1069
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1063
1070
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1064
1071
  }
1065
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-focus-visible] {
1072
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9HpKn[data-focus-visible] {
1066
1073
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1067
1074
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1068
1075
  }
1069
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-pressed] {
1076
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9HpKn[data-pressed] {
1070
1077
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1071
1078
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1072
1079
  }
1073
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-disabled] {
1080
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9HpKn[data-disabled] {
1074
1081
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1075
1082
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1076
1083
  }
1077
- .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-hovered] {
1084
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XqVQE[data-hovered] {
1078
1085
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1079
1086
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1080
1087
  }
1081
- .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-focus-visible] {
1088
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XqVQE[data-focus-visible] {
1082
1089
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1083
1090
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1084
1091
  }
1085
- .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-pressed] {
1092
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XqVQE[data-pressed] {
1086
1093
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1087
1094
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1088
1095
  }
1089
- .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-disabled] {
1096
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XqVQE[data-disabled] {
1090
1097
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1091
1098
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1092
1099
  }
1093
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-hovered] {
1100
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___vZ2qH[data-hovered] {
1094
1101
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1095
1102
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1096
1103
  }
1097
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-focus-visible] {
1104
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___vZ2qH[data-focus-visible] {
1098
1105
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1099
1106
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1100
1107
  }
1101
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-pressed] {
1108
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___vZ2qH[data-pressed] {
1102
1109
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1103
1110
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1104
1111
  }
1105
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-disabled] {
1112
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___vZ2qH[data-disabled] {
1106
1113
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1107
1114
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1108
1115
  }
1109
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-hovered] {
1116
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___W0qJU[data-hovered] {
1110
1117
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1111
1118
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1112
1119
  }
1113
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-focus-visible] {
1120
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___W0qJU[data-focus-visible] {
1114
1121
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1115
1122
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1116
1123
  }
1117
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-pressed] {
1124
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___W0qJU[data-pressed] {
1118
1125
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1119
1126
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1120
1127
  }
1121
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-disabled] {
1128
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___W0qJU[data-disabled] {
1122
1129
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1123
1130
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1124
1131
  }
1125
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-hovered] {
1132
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KYLG7[data-hovered] {
1126
1133
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1127
1134
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1128
1135
  }
1129
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-focus-visible] {
1136
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KYLG7[data-focus-visible] {
1130
1137
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1131
1138
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1132
1139
  }
1133
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-pressed] {
1140
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KYLG7[data-pressed] {
1134
1141
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1135
1142
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1136
1143
  }
1137
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-disabled] {
1144
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KYLG7[data-disabled] {
1138
1145
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1139
1146
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1140
1147
  }
1141
- .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-hovered] {
1148
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___EFIcJ[data-hovered] {
1142
1149
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1143
1150
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1144
1151
  }
1145
- .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-focus-visible] {
1152
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___EFIcJ[data-focus-visible] {
1146
1153
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1147
1154
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1148
1155
  }
1149
- .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-pressed] {
1156
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___EFIcJ[data-pressed] {
1150
1157
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1151
1158
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1152
1159
  }
1153
- .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-disabled] {
1160
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___EFIcJ[data-disabled] {
1154
1161
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1155
1162
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1156
1163
  }
1157
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-hovered] {
1164
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dlQOG[data-hovered] {
1158
1165
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1159
1166
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1160
1167
  }
1161
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-focus-visible] {
1168
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dlQOG[data-focus-visible] {
1162
1169
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1163
1170
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1164
1171
  }
1165
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-pressed] {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dlQOG[data-pressed] {
1166
1173
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1167
1174
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1168
1175
  }
1169
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-disabled] {
1176
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dlQOG[data-disabled] {
1170
1177
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1171
1178
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1172
1179
  }
1173
- .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-hovered] {
1180
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___RZkSJ[data-hovered] {
1174
1181
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1175
1182
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1176
1183
  }
1177
- .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-focus-visible] {
1184
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___RZkSJ[data-focus-visible] {
1178
1185
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1179
1186
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1180
1187
  }
1181
- .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-pressed] {
1188
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___RZkSJ[data-pressed] {
1182
1189
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1183
1190
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1184
1191
  }
1185
- .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-disabled] {
1192
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___RZkSJ[data-disabled] {
1186
1193
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1187
1194
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1188
1195
  }
1189
- .EmbeddedButton-module__hop-EmbeddedButton__icon___zDq1L {
1196
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___MPwAs {
1190
1197
  position: relative;
1191
1198
  }
1192
1199
 
1193
1200
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1194
- .Button-module__hop-Button___g0bsX {
1201
+ .Button-module__hop-Button___aWAvb {
1195
1202
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1196
1203
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1197
1204
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1315,215 +1322,215 @@
1315
1322
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1316
1323
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1317
1324
  }
1318
- .Button-module__hop-Button--fluid___U1pC7 {
1325
+ .Button-module__hop-Button--fluid___pOgS1 {
1319
1326
  --inline-size: 100%;
1320
1327
  }
1321
- .Button-module__hop-Button--sm___JkRfc {
1328
+ .Button-module__hop-Button--sm___EJn1m {
1322
1329
  --block-size: var(--hop-Button-sm-height);
1323
1330
  --padding: var(--hop-Button-sm-padding);
1324
1331
  }
1325
- .Button-module__hop-Button--sm___JkRfc[class*=--ghost] {
1332
+ .Button-module__hop-Button--sm___EJn1m[class*=--ghost] {
1326
1333
  --padding: var(--hop-Button-ghost-sm-padding);
1327
1334
  }
1328
- .Button-module__hop-Button--md___UW7nU[class*=--ghost] {
1335
+ .Button-module__hop-Button--md___4XpPr[class*=--ghost] {
1329
1336
  --padding: var(--hop-Button-ghost-md-padding);
1330
1337
  }
1331
- .Button-module__hop-Button--icon-only___9-rM- {
1338
+ .Button-module__hop-Button--icon-only___E63X8 {
1332
1339
  --column-gap: var(--hop-Button-icon-only-column-gap);
1333
1340
  --padding: var(--hop-Button-icon-only-padding);
1334
1341
  aspect-ratio: 1;
1335
1342
  }
1336
- .Button-module__hop-Button--primary___3Jpwh {
1343
+ .Button-module__hop-Button--primary___Lm30i {
1337
1344
  --background-color: var(--hop-Button-primary-background-color);
1338
1345
  --color: var(--hop-Button-primary-color);
1339
1346
  --border: var(--hop-Button-primary-border);
1340
1347
  --spinner-color: var(--hop-Button-primary-spinner-color);
1341
1348
  }
1342
- .Button-module__hop-Button--primary___3Jpwh[data-hovered],
1343
- .Button-module__hop-Button--primary___3Jpwh[data-focus-visible] {
1349
+ .Button-module__hop-Button--primary___Lm30i[data-hovered],
1350
+ .Button-module__hop-Button--primary___Lm30i[data-focus-visible] {
1344
1351
  --background-color: var(--hop-Button-primary-background-color-hover);
1345
1352
  --color: var(--hop-Button-primary-color-hover);
1346
1353
  --border: var(--hop-Button-primary-border-hover);
1347
1354
  }
1348
- .Button-module__hop-Button--primary___3Jpwh[data-pressed] {
1355
+ .Button-module__hop-Button--primary___Lm30i[data-pressed] {
1349
1356
  --background-color: var(--hop-Button-primary-background-color-pressed);
1350
1357
  --color: var(--hop-Button-primary-color-pressed);
1351
1358
  --border: var(--hop-Button-primary-border-pressed);
1352
1359
  }
1353
- .Button-module__hop-Button--secondary___NU-Ve {
1360
+ .Button-module__hop-Button--secondary___bl3yb {
1354
1361
  --background-color: var(--hop-Button-secondary-background-color);
1355
1362
  --color: var(--hop-Button-secondary-color);
1356
1363
  --border: var(--hop-Button-secondary-border);
1357
1364
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1358
1365
  }
1359
- .Button-module__hop-Button--secondary___NU-Ve[data-hovered],
1360
- .Button-module__hop-Button--secondary___NU-Ve[data-focus-visible] {
1366
+ .Button-module__hop-Button--secondary___bl3yb[data-hovered],
1367
+ .Button-module__hop-Button--secondary___bl3yb[data-focus-visible] {
1361
1368
  --background-color: var(--hop-Button-secondary-background-color-hover);
1362
1369
  --color: var(--hop-Button-secondary-color-hover);
1363
1370
  --border: var(--hop-Button-secondary-border-hover);
1364
1371
  }
1365
- .Button-module__hop-Button--secondary___NU-Ve[data-pressed] {
1372
+ .Button-module__hop-Button--secondary___bl3yb[data-pressed] {
1366
1373
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1367
1374
  --color: var(--hop-Button-secondary-color-pressed);
1368
1375
  --border: var(--hop-Button-secondary-border-pressed);
1369
1376
  }
1370
- .Button-module__hop-Button--upsell___Zjxjx {
1377
+ .Button-module__hop-Button--upsell___ZsXQr {
1371
1378
  --background-color: var(--hop-Button-upsell-background-color);
1372
1379
  --color: var(--hop-Button-upsell-color);
1373
1380
  --border: var(--hop-Button-upsell-border);
1374
1381
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1375
1382
  }
1376
- .Button-module__hop-Button--upsell___Zjxjx[data-hovered],
1377
- .Button-module__hop-Button--upsell___Zjxjx[data-focus-visible] {
1383
+ .Button-module__hop-Button--upsell___ZsXQr[data-hovered],
1384
+ .Button-module__hop-Button--upsell___ZsXQr[data-focus-visible] {
1378
1385
  --background-color: var(--hop-Button-upsell-background-color-hover);
1379
1386
  --color: var(--hop-Button-upsell-color-hover);
1380
1387
  --border: var(--hop-Button-upsell-border-hover);
1381
1388
  }
1382
- .Button-module__hop-Button--upsell___Zjxjx[data-pressed] {
1389
+ .Button-module__hop-Button--upsell___ZsXQr[data-pressed] {
1383
1390
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1384
1391
  --color: var(--hop-Button-upsell-color-pressed);
1385
1392
  --border: var(--hop-Button-upsell-border-pressed);
1386
1393
  }
1387
- .Button-module__hop-Button--danger___MoOv- {
1394
+ .Button-module__hop-Button--danger___VMtVT {
1388
1395
  --background-color: var(--hop-Button-danger-background-color);
1389
1396
  --color: var(--hop-Button-danger-color);
1390
1397
  --border: var(--hop-Button-danger-border);
1391
1398
  --spinner-color: var(--hop-Button-danger-spinner-color);
1392
1399
  }
1393
- .Button-module__hop-Button--danger___MoOv-[data-hovered],
1394
- .Button-module__hop-Button--danger___MoOv-[data-focus-visible] {
1400
+ .Button-module__hop-Button--danger___VMtVT[data-hovered],
1401
+ .Button-module__hop-Button--danger___VMtVT[data-focus-visible] {
1395
1402
  --background-color: var(--hop-Button-danger-background-color-hover);
1396
1403
  --color: var(--hop-Button-danger-color-hover);
1397
1404
  --border: var(--hop-Button-danger-border-hover);
1398
1405
  }
1399
- .Button-module__hop-Button--danger___MoOv-[data-pressed] {
1406
+ .Button-module__hop-Button--danger___VMtVT[data-pressed] {
1400
1407
  --background-color: var(--hop-Button-danger-background-color-pressed);
1401
1408
  --color: var(--hop-Button-danger-color-pressed);
1402
1409
  --border: var(--hop-Button-danger-border-pressed);
1403
1410
  }
1404
- .Button-module__hop-Button--ghost-primary___WC15g {
1411
+ .Button-module__hop-Button--ghost-primary___7eXLd {
1405
1412
  --background-color: var(--hop-Button-ghost-primary-background-color);
1406
1413
  --color: var(--hop-Button-ghost-primary-color);
1407
1414
  --border: var(--hop-Button-ghost-primary-border);
1408
1415
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1409
1416
  }
1410
- .Button-module__hop-Button--ghost-primary___WC15g[data-hovered],
1411
- .Button-module__hop-Button--ghost-primary___WC15g[data-focus-visible] {
1417
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-hovered],
1418
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-focus-visible] {
1412
1419
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1413
1420
  --color: var(--hop-Button-ghost-primary-color-hover);
1414
1421
  --border: var(--hop-Button-ghost-primary-border-hover);
1415
1422
  --text-underline: underline;
1416
1423
  }
1417
- .Button-module__hop-Button--ghost-primary___WC15g[data-pressed] {
1424
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-pressed] {
1418
1425
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1419
1426
  --color: var(--hop-Button-ghost-primary-color-pressed);
1420
1427
  --border: var(--hop-Button-ghost-primary-border-pressed);
1421
1428
  --text-underline: underline;
1422
1429
  }
1423
- .Button-module__hop-Button--ghost-secondary___kxQsj {
1430
+ .Button-module__hop-Button--ghost-secondary___6099y {
1424
1431
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1425
1432
  --color: var(--hop-Button-ghost-secondary-color);
1426
1433
  --border: var(--hop-Button-ghost-secondary-border);
1427
1434
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1428
1435
  }
1429
- .Button-module__hop-Button--ghost-secondary___kxQsj[data-hovered],
1430
- .Button-module__hop-Button--ghost-secondary___kxQsj[data-focus-visible] {
1436
+ .Button-module__hop-Button--ghost-secondary___6099y[data-hovered],
1437
+ .Button-module__hop-Button--ghost-secondary___6099y[data-focus-visible] {
1431
1438
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1432
1439
  --color: var(--hop-Button-ghost-secondary-color-hover);
1433
1440
  --border: var(--hop-Button-ghost-secondary-border-hover);
1434
1441
  --text-underline: underline;
1435
1442
  }
1436
- .Button-module__hop-Button--ghost-secondary___kxQsj[data-pressed] {
1443
+ .Button-module__hop-Button--ghost-secondary___6099y[data-pressed] {
1437
1444
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1438
1445
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1439
1446
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1440
1447
  --text-underline: underline;
1441
1448
  }
1442
- .Button-module__hop-Button--ghost-danger___kblVO {
1449
+ .Button-module__hop-Button--ghost-danger___NOYOj {
1443
1450
  --background-color: var(--hop-Button-ghost-danger-background-color);
1444
1451
  --color: var(--hop-Button-ghost-danger-color);
1445
1452
  --border: var(--hop-Button-ghost-danger-border);
1446
1453
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1447
1454
  }
1448
- .Button-module__hop-Button--ghost-danger___kblVO[data-hovered],
1449
- .Button-module__hop-Button--ghost-danger___kblVO[data-focus-visible] {
1455
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-hovered],
1456
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-focus-visible] {
1450
1457
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1451
1458
  --color: var(--hop-Button-ghost-danger-color-hover);
1452
1459
  --border: var(--hop-Button-ghost-danger-border-hover);
1453
1460
  --text-underline: underline;
1454
1461
  }
1455
- .Button-module__hop-Button--ghost-danger___kblVO[data-pressed] {
1462
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-pressed] {
1456
1463
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1457
1464
  --color: var(--hop-Button-ghost-danger-color-pressed);
1458
1465
  --border: var(--hop-Button-ghost-danger-border-pressed);
1459
1466
  --text-underline: underline;
1460
1467
  }
1461
- .Button-module__hop-Button___g0bsX[data-focus-visible] {
1468
+ .Button-module__hop-Button___aWAvb[data-focus-visible] {
1462
1469
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1463
1470
  }
1464
- .Button-module__hop-Button___g0bsX[data-disabled],
1465
- .Button-module__hop-Button___g0bsX[data-pending] {
1471
+ .Button-module__hop-Button___aWAvb[data-disabled],
1472
+ .Button-module__hop-Button___aWAvb[data-pending] {
1466
1473
  cursor: not-allowed;
1467
1474
  }
1468
- .Button-module__hop-Button___g0bsX[data-disabled] {
1475
+ .Button-module__hop-Button___aWAvb[data-disabled] {
1469
1476
  --background-color: var(--hop-Button-background-color-disabled);
1470
1477
  --color: var(--hop-Button-color-disabled);
1471
1478
  --border: var(--hop-Button-border-disabled);
1472
1479
  }
1473
- .Button-module__hop-Button___g0bsX[class*=--ghost][data-disabled] {
1480
+ .Button-module__hop-Button___aWAvb[class*=--ghost][data-disabled] {
1474
1481
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1475
1482
  --color: var(--hop-Button-ghost-color-disabled);
1476
1483
  --border: var(--hop-Button-ghost-border-disabled);
1477
1484
  }
1478
- .Button-module__hop-Button--primary___3Jpwh[data-pending] {
1485
+ .Button-module__hop-Button--primary___Lm30i[data-pending] {
1479
1486
  --background-color: var(--hop-Button-primary-background-color);
1480
1487
  --color: var(--hop-Button-primary-color);
1481
1488
  --border: var(--hop-Button-primary-border);
1482
1489
  }
1483
- .Button-module__hop-Button--secondary___NU-Ve[data-pending] {
1490
+ .Button-module__hop-Button--secondary___bl3yb[data-pending] {
1484
1491
  --background-color: var(--hop-Button-secondary-background-color);
1485
1492
  --color: var(--hop-Button-secondary-color);
1486
1493
  --border: var(--hop-Button-secondary-border);
1487
1494
  }
1488
- .Button-module__hop-Button--upsell___Zjxjx[data-pending] {
1495
+ .Button-module__hop-Button--upsell___ZsXQr[data-pending] {
1489
1496
  --background-color: var(--hop-Button-upsell-background-color);
1490
1497
  --color: var(--hop-Button-upsell-color);
1491
1498
  --border: var(--hop-Button-upsell-border);
1492
1499
  }
1493
- .Button-module__hop-Button--danger___MoOv-[data-pending] {
1500
+ .Button-module__hop-Button--danger___VMtVT[data-pending] {
1494
1501
  --background-color: var(--hop-Button-danger-background-color);
1495
1502
  --color: var(--hop-Button-danger-color);
1496
1503
  --border: var(--hop-Button-danger-border);
1497
1504
  }
1498
- .Button-module__hop-Button--ghost-primary___WC15g[data-pending] {
1505
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-pending] {
1499
1506
  --background-color: var(--hop-Button-ghost-primary-background-color);
1500
1507
  --color: var(--hop-Button-ghost-primary-color);
1501
1508
  --border: var(--hop-Button-ghost-primary-border);
1502
1509
  --text-underline: none;
1503
1510
  }
1504
- .Button-module__hop-Button--ghost-secondary___kxQsj[data-pending] {
1511
+ .Button-module__hop-Button--ghost-secondary___6099y[data-pending] {
1505
1512
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1506
1513
  --color: var(--hop-Button-ghost-secondary-color);
1507
1514
  --border: var(--hop-Button-ghost-secondary-border);
1508
1515
  --text-underline: none;
1509
1516
  }
1510
- .Button-module__hop-Button--ghost-danger___kblVO[data-pending] {
1517
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-pending] {
1511
1518
  --background-color: var(--hop-Button-ghost-danger-background-color);
1512
1519
  --color: var(--hop-Button-ghost-danger-color);
1513
1520
  --border: var(--hop-Button-ghost-danger-border);
1514
1521
  --text-underline: none;
1515
1522
  }
1516
- .Button-module__hop-Button__Spinner___3NSsM {
1523
+ .Button-module__hop-Button__Spinner___tUy92 {
1517
1524
  position: absolute;
1518
1525
  color: var(--spinner-color);
1519
1526
  }
1520
- .Button-module__hop-Button__icon___znSPX,
1521
- .Button-module__hop-Button__icon-list___ufYMi {
1527
+ .Button-module__hop-Button__icon___WqWnu,
1528
+ .Button-module__hop-Button__icon-list___6mPwn {
1522
1529
  flex: 0 0 auto;
1523
1530
  justify-self: end;
1524
1531
  order: 1;
1525
1532
  }
1526
- .Button-module__hop-Button__text___ud1xn {
1533
+ .Button-module__hop-Button__text___yHV7K {
1527
1534
  user-select: none;
1528
1535
  overflow: visible;
1529
1536
  flex: 0 1 auto;
@@ -1533,57 +1540,57 @@
1533
1540
  text-underline-offset: 0.125rem;
1534
1541
  text-wrap: nowrap;
1535
1542
  }
1536
- .Button-module__hop-Button__end-icon___05XHV,
1537
- .Button-module__hop-Button__end-icon-list___t5TiC {
1543
+ .Button-module__hop-Button__end-icon___YziQH,
1544
+ .Button-module__hop-Button__end-icon-list___e0mxc {
1538
1545
  flex: 0 0 auto;
1539
1546
  order: 3;
1540
1547
  }
1541
- .Button-module__hop-Button___g0bsX .Button-module__hop-Button__icon-list___ufYMi,
1542
- .Button-module__hop-Button___g0bsX .Button-module__hop-Button__end-icon-list___t5TiC {
1548
+ .Button-module__hop-Button___aWAvb .Button-module__hop-Button__icon-list___6mPwn,
1549
+ .Button-module__hop-Button___aWAvb .Button-module__hop-Button__end-icon-list___e0mxc {
1543
1550
  flex-wrap: nowrap;
1544
1551
  }
1545
- .Button-module__hop-Button___g0bsX[data-pending] > *:not(.Button-module__hop-Button__Spinner___3NSsM) {
1552
+ .Button-module__hop-Button___aWAvb[data-pending] > *:not(.Button-module__hop-Button__Spinner___tUy92) {
1546
1553
  opacity: 0;
1547
1554
  }
1548
- .LinkButton-module__hop-LinkButton___SY9j8 {
1555
+ .LinkButton-module__hop-LinkButton___n1i2C {
1549
1556
  }
1550
- .LinkButton-module__hop-LinkButton--fluid___lGULN {
1557
+ .LinkButton-module__hop-LinkButton--fluid___C-q7f {
1551
1558
  }
1552
- .LinkButton-module__hop-LinkButton--sm___Xlnqe {
1559
+ .LinkButton-module__hop-LinkButton--sm___Jm9cq {
1553
1560
  }
1554
- .LinkButton-module__hop-LinkButton--icon-only___EWWG2 {
1561
+ .LinkButton-module__hop-LinkButton--icon-only___G-7ia {
1555
1562
  }
1556
- .LinkButton-module__hop-LinkButton--primary___WU7Bb {
1563
+ .LinkButton-module__hop-LinkButton--primary___oT9il {
1557
1564
  }
1558
- .LinkButton-module__hop-LinkButton--secondary___LmSA3 {
1565
+ .LinkButton-module__hop-LinkButton--secondary___lf59Y {
1559
1566
  }
1560
- .LinkButton-module__hop-LinkButton--upsell___JLqUt {
1567
+ .LinkButton-module__hop-LinkButton--upsell___kMlgg {
1561
1568
  }
1562
- .LinkButton-module__hop-LinkButton--danger___WNOwr {
1569
+ .LinkButton-module__hop-LinkButton--danger___iQMcR {
1563
1570
  }
1564
- .LinkButton-module__hop-LinkButton--ghost-primary___QBdt5 {
1571
+ .LinkButton-module__hop-LinkButton--ghost-primary___ow8OT {
1565
1572
  }
1566
- .LinkButton-module__hop-LinkButton--ghost-secondary___wyw-O {
1573
+ .LinkButton-module__hop-LinkButton--ghost-secondary___SakNp {
1567
1574
  }
1568
- .LinkButton-module__hop-LinkButton--ghost-danger___w5RZy {
1575
+ .LinkButton-module__hop-LinkButton--ghost-danger___tQ73M {
1569
1576
  }
1570
- .LinkButton-module__hop-LinkButton__Spinner___F-sPd {
1577
+ .LinkButton-module__hop-LinkButton__Spinner___pNuSh {
1571
1578
  }
1572
- .LinkButton-module__hop-LinkButton__icon___59s41,
1573
- .LinkButton-module__hop-LinkButton__icon-list___WDg68 {
1579
+ .LinkButton-module__hop-LinkButton__icon___6OZS4,
1580
+ .LinkButton-module__hop-LinkButton__icon-list___cstbL {
1574
1581
  }
1575
- .LinkButton-module__hop-LinkButton__text___pvp40 {
1582
+ .LinkButton-module__hop-LinkButton__text___4iZKg {
1576
1583
  }
1577
- .LinkButton-module__hop-LinkButton__end-icon___mJ7Ap,
1578
- .LinkButton-module__hop-LinkButton__end-icon-list___wnphx {
1584
+ .LinkButton-module__hop-LinkButton__end-icon___tbINE,
1585
+ .LinkButton-module__hop-LinkButton__end-icon-list___zkFzr {
1579
1586
  }
1580
- .LinkButton-module__hop-LinkButton___SY9j8 .LinkButton-module__hop-LinkButton__icon-list___WDg68,
1581
- .LinkButton-module__hop-LinkButton___SY9j8 .LinkButton-module__hop-LinkButton__end-icon-list___wnphx {
1587
+ .LinkButton-module__hop-LinkButton___n1i2C .LinkButton-module__hop-LinkButton__icon-list___cstbL,
1588
+ .LinkButton-module__hop-LinkButton___n1i2C .LinkButton-module__hop-LinkButton__end-icon-list___zkFzr {
1582
1589
  flex-wrap: nowrap;
1583
1590
  }
1584
1591
 
1585
1592
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
1586
- .InputGroup-module__hop-InputGroup___TWbxl {
1593
+ .InputGroup-module__hop-InputGroup___4l-iO {
1587
1594
  --hop-InputGroup-background: var(--hop-neutral-surface);
1588
1595
  --hop-InputGroup-border-color: var(--hop-neutral-border);
1589
1596
  --hop-InputGroup-border-width: 0.0625rem;
@@ -1664,11 +1671,11 @@
1664
1671
  border: var(--border);
1665
1672
  border-radius: var(--hop-InputGroup-border-radius);
1666
1673
  }
1667
- .InputGroup-module__hop-InputGroup--fluid___69tur {
1674
+ .InputGroup-module__hop-InputGroup--fluid___S7AfK {
1668
1675
  --inline-size: 100%;
1669
1676
  --input-inline-size: 100%;
1670
1677
  }
1671
- .InputGroup-module__hop-InputGroup--sm___MRfoU {
1678
+ .InputGroup-module__hop-InputGroup--sm___EG910 {
1672
1679
  --block-size: var(--hop-InputGroup-sm-block-size);
1673
1680
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
1674
1681
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -1676,7 +1683,7 @@
1676
1683
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
1677
1684
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
1678
1685
  }
1679
- .InputGroup-module__hop-InputGroup___TWbxl[data-input-type=textarea] {
1686
+ .InputGroup-module__hop-InputGroup___4l-iO[data-input-type=textarea] {
1680
1687
  --gap: var(--hop-InputGroup-gap-textarea);
1681
1688
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
1682
1689
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -1684,28 +1691,28 @@
1684
1691
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
1685
1692
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
1686
1693
  }
1687
- .InputGroup-module__hop-InputGroup___TWbxl[data-input-type=number] {
1694
+ .InputGroup-module__hop-InputGroup___4l-iO[data-input-type=number] {
1688
1695
  --display: var(--hop-InputGroup-display-number);
1689
1696
  --gap: var(--hop-InputGroup-gap-number);
1690
1697
  }
1691
- .InputGroup-module__hop-InputGroup___TWbxl[data-hovered] {
1698
+ .InputGroup-module__hop-InputGroup___4l-iO[data-hovered] {
1692
1699
  --background: var(--hop-InputGroup-background-hover);
1693
1700
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
1694
1701
  }
1695
- .InputGroup-module__hop-InputGroup___TWbxl[data-focus-within] {
1702
+ .InputGroup-module__hop-InputGroup___4l-iO[data-focus-within] {
1696
1703
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
1697
1704
  }
1698
- .InputGroup-module__hop-InputGroup___TWbxl[data-invalid] {
1705
+ .InputGroup-module__hop-InputGroup___4l-iO[data-invalid] {
1699
1706
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
1700
1707
  }
1701
- .InputGroup-module__hop-InputGroup___TWbxl[data-disabled] {
1708
+ .InputGroup-module__hop-InputGroup___4l-iO[data-disabled] {
1702
1709
  --background: var(--hop-InputGroup-background-disabled);
1703
1710
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
1704
1711
  --input-color: var(--hop-InputGroup-input-color-disabled);
1705
1712
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
1706
1713
  }
1707
- .InputGroup-module__hop-InputGroup__input___63xPs,
1708
- .InputGroup-module__hop-InputGroup__textarea___TBceB {
1714
+ .InputGroup-module__hop-InputGroup__input___UZwnp,
1715
+ .InputGroup-module__hop-InputGroup__textarea___DNTDz {
1709
1716
  flex: 1 1 auto;
1710
1717
  box-sizing: border-box;
1711
1718
  inline-size: var(--input-inline-size);
@@ -1719,41 +1726,41 @@
1719
1726
  border: none;
1720
1727
  outline: none;
1721
1728
  }
1722
- .InputGroup-module__hop-InputGroup__input___63xPs {
1729
+ .InputGroup-module__hop-InputGroup__input___UZwnp {
1723
1730
  block-size: var(--input-block-size);
1724
1731
  padding: var(--hop-InputGroup-input-padding);
1725
1732
  }
1726
- .InputGroup-module__hop-InputGroup__textarea___TBceB {
1733
+ .InputGroup-module__hop-InputGroup__textarea___DNTDz {
1727
1734
  padding: var(--hop-InputGroup-textarea-padding);
1728
1735
  }
1729
- .InputGroup-module__hop-InputGroup__input___63xPs::placeholder {
1736
+ .InputGroup-module__hop-InputGroup__input___UZwnp::placeholder {
1730
1737
  font-family: var(--hop-InputGroup-placeholder-font-family);
1731
1738
  font-size: var(--hop-InputGroup-placeholder-font-size);
1732
1739
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
1733
1740
  line-height: var(--hop-InputGroup-placeholder-line-height);
1734
1741
  color: var(--input-placeholder-color);
1735
1742
  }
1736
- .InputGroup-module__hop-InputGroup__embedded-button___-r1aN {
1743
+ .InputGroup-module__hop-InputGroup__embedded-button___fkVoL {
1737
1744
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
1738
1745
  }
1739
1746
 
1740
1747
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
1741
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___SdAX- {
1748
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___cCpzk {
1742
1749
  --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
1743
1750
  --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
1744
1751
  --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
1745
1752
  --char-count-color: var(--hop-RemainingCharacterCount-color);
1746
1753
  color: var(--char-count-color);
1747
1754
  }
1748
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___SdAX-[data-invalid] {
1755
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___cCpzk[data-invalid] {
1749
1756
  --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
1750
1757
  }
1751
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___SdAX-[data-disabled] {
1758
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___cCpzk[data-disabled] {
1752
1759
  --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
1753
1760
  }
1754
1761
 
1755
1762
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
1756
- .TextArea-module__hop-TextArea___KIaZD {
1763
+ .TextArea-module__hop-TextArea___1FtH- {
1757
1764
  --hop-TextArea-gap: var(--hop-space-stack-xs);
1758
1765
  --hop-TextArea-inline-size: 20rem;
1759
1766
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -1767,29 +1774,29 @@
1767
1774
  inline-size: var(--inline-size);
1768
1775
  max-inline-size: 100%;
1769
1776
  }
1770
- .TextArea-module__hop-TextArea--fluid___WCRS5 {
1777
+ .TextArea-module__hop-TextArea--fluid___L5apr {
1771
1778
  --inline-size: 100%;
1772
1779
  }
1773
- .TextArea-module__hop-TextArea___KIaZD[data-resize-mode=vertical] {
1780
+ .TextArea-module__hop-TextArea___1FtH-[data-resize-mode=vertical] {
1774
1781
  --resize: vertical;
1775
1782
  }
1776
- .TextArea-module__hop-TextArea__Label___9L3xU {
1783
+ .TextArea-module__hop-TextArea__Label___iBvOX {
1777
1784
  order: 0;
1778
1785
  }
1779
- .TextArea-module__hop-TextArea__prefix___cehps {
1786
+ .TextArea-module__hop-TextArea__prefix___kiRsf {
1780
1787
  color: var(--hop-TextArea-prefix-color);
1781
1788
  }
1782
- .TextArea-module__hop-TextArea__InputGroup___xWuhF {
1789
+ .TextArea-module__hop-TextArea__InputGroup___z0ehB {
1783
1790
  order: 1;
1784
1791
  }
1785
- .TextArea-module__hop-TextArea__RemainingCharacterCount___WOL0F {
1792
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___w9NAd {
1786
1793
  padding: var(--hop-TextArea-remaining-character-count-padding);
1787
1794
  }
1788
- .TextArea-module__hop-TextArea__textarea___idyBQ {
1795
+ .TextArea-module__hop-TextArea__textarea___GXo0W {
1789
1796
  resize: var(--resize);
1790
1797
  min-block-size: var(--hop-TextArea-input-min-height);
1791
1798
  }
1792
- .TextArea-module__hop-TextArea__ErrorMessage___3vVZO,
1793
- .TextArea-module__hop-TextArea__HelperMessage___y9qX5 {
1799
+ .TextArea-module__hop-TextArea__ErrorMessage___b4bWF,
1800
+ .TextArea-module__hop-TextArea__HelperMessage___D9fY3 {
1794
1801
  order: 3;
1795
1802
  }