@hopper-ui/components 1.3.35 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (251) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +38 -38
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +56 -56
  5. package/dist/Avatar/src/Avatar.js +4 -4
  6. package/dist/Avatar/src/DeletedAvatar.css +38 -38
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +38 -38
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +56 -56
  11. package/dist/Avatar/src/index.js +6 -6
  12. package/dist/Avatar/src/useImageFallback.js +1 -1
  13. package/dist/Badge/src/Badge.css +43 -43
  14. package/dist/Badge/src/Badge.js +2 -2
  15. package/dist/Badge/src/FloatingBadge.css +38 -38
  16. package/dist/Badge/src/FloatingBadge.js +1 -1
  17. package/dist/Badge/src/index.css +53 -53
  18. package/dist/Badge/src/index.js +3 -3
  19. package/dist/Card/src/Card.css +31 -31
  20. package/dist/Card/src/Card.js +2 -2
  21. package/dist/Card/src/index.css +31 -31
  22. package/dist/Card/src/index.js +2 -2
  23. package/dist/ComboBox/src/ComboBox.css +562 -562
  24. package/dist/ComboBox/src/ComboBox.js +21 -21
  25. package/dist/ComboBox/src/index.css +562 -562
  26. package/dist/ComboBox/src/index.js +21 -21
  27. package/dist/Disclosure/src/Disclosure.css +39 -39
  28. package/dist/Disclosure/src/Disclosure.js +1 -1
  29. package/dist/Disclosure/src/DisclosureHeader.css +45 -45
  30. package/dist/Disclosure/src/DisclosureHeader.js +8 -8
  31. package/dist/Disclosure/src/DisclosurePanel.css +38 -38
  32. package/dist/Disclosure/src/DisclosurePanel.js +8 -8
  33. package/dist/Disclosure/src/index.css +64 -64
  34. package/dist/Disclosure/src/index.js +11 -11
  35. package/dist/Divider/src/Divider.css +30 -30
  36. package/dist/Divider/src/Divider.js +1 -1
  37. package/dist/Divider/src/index.css +30 -30
  38. package/dist/Divider/src/index.js +1 -1
  39. package/dist/ErrorMessage/src/ErrorMessage.css +30 -30
  40. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  41. package/dist/ErrorMessage/src/index.css +30 -30
  42. package/dist/ErrorMessage/src/index.js +2 -2
  43. package/dist/Form/src/Form.css +28 -28
  44. package/dist/Form/src/Form.js +1 -1
  45. package/dist/Form/src/index.css +28 -28
  46. package/dist/Form/src/index.js +1 -1
  47. package/dist/HelperMessage/src/HelperMessage.css +30 -30
  48. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  49. package/dist/HelperMessage/src/index.css +30 -30
  50. package/dist/HelperMessage/src/index.js +2 -2
  51. package/dist/IconList/src/IconList.css +29 -29
  52. package/dist/IconList/src/IconList.js +1 -1
  53. package/dist/IconList/src/index.css +29 -29
  54. package/dist/IconList/src/index.js +1 -1
  55. package/dist/IllustratedMessage/src/IllustratedMessage.css +1658 -0
  56. package/dist/IllustratedMessage/src/IllustratedMessage.d.ts +23 -0
  57. package/dist/IllustratedMessage/src/IllustratedMessage.js +11 -0
  58. package/dist/IllustratedMessage/src/IllustratedMessageContext.d.ts +10 -0
  59. package/dist/IllustratedMessage/src/IllustratedMessageContext.js +2 -0
  60. package/dist/IllustratedMessage/src/index.css +1658 -0
  61. package/dist/IllustratedMessage/src/index.d.ts +7 -0
  62. package/dist/IllustratedMessage/src/index.js +11 -0
  63. package/dist/Image/src/Image.css +247 -0
  64. package/dist/Image/src/Image.d.ts +26 -0
  65. package/dist/Image/src/Image.js +4 -0
  66. package/dist/Image/src/ImageContext.d.ts +10 -0
  67. package/dist/Image/src/ImageContext.js +2 -0
  68. package/dist/Image/src/SvgImage.css +241 -0
  69. package/dist/Image/src/SvgImage.d.ts +22 -0
  70. package/dist/Image/src/SvgImage.js +4 -0
  71. package/dist/Image/src/SvgImageContext.d.ts +10 -0
  72. package/dist/Image/src/SvgImageContext.js +2 -0
  73. package/dist/Image/src/index.css +255 -0
  74. package/dist/Image/src/index.d.ts +9 -0
  75. package/dist/Image/src/index.js +6 -0
  76. package/dist/Link/src/Link.css +50 -50
  77. package/dist/Link/src/Link.js +8 -8
  78. package/dist/Link/src/index.css +50 -50
  79. package/dist/Link/src/index.js +8 -8
  80. package/dist/ListBox/src/ListBox.css +275 -275
  81. package/dist/ListBox/src/ListBox.js +12 -12
  82. package/dist/ListBox/src/ListBoxItem.css +263 -263
  83. package/dist/ListBox/src/ListBoxItem.js +11 -11
  84. package/dist/ListBox/src/ListBoxItemSkeleton.css +35 -35
  85. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  86. package/dist/ListBox/src/index.css +275 -275
  87. package/dist/ListBox/src/index.js +12 -12
  88. package/dist/Select/src/Select.css +566 -566
  89. package/dist/Select/src/Select.js +22 -22
  90. package/dist/Select/src/SelectValue.css +62 -62
  91. package/dist/Select/src/SelectValue.js +7 -7
  92. package/dist/Select/src/index.css +566 -566
  93. package/dist/Select/src/index.js +22 -22
  94. package/dist/Spinner/src/Spinner.css +38 -38
  95. package/dist/Spinner/src/Spinner.js +2 -2
  96. package/dist/Spinner/src/index.css +38 -38
  97. package/dist/Spinner/src/index.js +2 -2
  98. package/dist/ToggleArrow/src/ToggleArrow.css +30 -30
  99. package/dist/ToggleArrow/src/ToggleArrow.js +1 -1
  100. package/dist/ToggleArrow/src/index.css +30 -30
  101. package/dist/ToggleArrow/src/index.js +1 -1
  102. package/dist/buttons/src/Button.css +94 -94
  103. package/dist/buttons/src/Button.js +10 -10
  104. package/dist/buttons/src/ButtonGroup.css +39 -39
  105. package/dist/buttons/src/ButtonGroup.js +2 -2
  106. package/dist/buttons/src/ClearButton.css +99 -99
  107. package/dist/buttons/src/ClearButton.js +2 -2
  108. package/dist/buttons/src/EmbeddedButton.css +99 -99
  109. package/dist/buttons/src/EmbeddedButton.js +1 -1
  110. package/dist/buttons/src/LinkButton.css +103 -103
  111. package/dist/buttons/src/LinkButton.js +8 -8
  112. package/dist/buttons/src/index.css +250 -250
  113. package/dist/buttons/src/index.js +15 -15
  114. package/dist/checkbox/src/Checkbox.css +47 -47
  115. package/dist/checkbox/src/Checkbox.js +8 -8
  116. package/dist/checkbox/src/CheckboxField.css +34 -34
  117. package/dist/checkbox/src/CheckboxField.js +3 -3
  118. package/dist/checkbox/src/CheckboxGroup.css +99 -99
  119. package/dist/checkbox/src/CheckboxGroup.js +6 -6
  120. package/dist/checkbox/src/DecorativeCheckbox.css +55 -55
  121. package/dist/checkbox/src/DecorativeCheckbox.js +8 -8
  122. package/dist/checkbox/src/index.css +99 -99
  123. package/dist/checkbox/src/index.js +13 -13
  124. package/dist/{chunk-BVZYQJKK.js → chunk-2RKCBVAE.js} +5 -5
  125. package/dist/{chunk-LL362RG6.js → chunk-3HX5NWMM.js} +2 -2
  126. package/dist/{chunk-OQSYJW5D.js → chunk-3PGF24IG.js} +7 -7
  127. package/dist/{chunk-USO7PAIT.js → chunk-3VUBDDGN.js} +1 -1
  128. package/dist/{chunk-LI5HSYF7.js → chunk-3ZCLNFNH.js} +1 -1
  129. package/dist/{chunk-JJ6IB366.js → chunk-4AQSVFQE.js} +2 -2
  130. package/dist/{chunk-XYU4RE35.js → chunk-4URFPB7C.js} +1 -1
  131. package/dist/{chunk-2HHYW5O7.js → chunk-5GIFUMKH.js} +2 -2
  132. package/dist/{chunk-QZTLUJBL.js → chunk-5QJPP7HS.js} +1 -1
  133. package/dist/{chunk-P7VQVTDQ.js → chunk-6UXQYKTS.js} +7 -7
  134. package/dist/{chunk-UKPQDNTE.js → chunk-7JFQOF5T.js} +2 -2
  135. package/dist/{chunk-SDNIPJPM.js → chunk-7ORJSBUE.js} +1 -1
  136. package/dist/{chunk-G34IZZZR.js → chunk-7XA5OWYH.js} +5 -5
  137. package/dist/{chunk-AYW3VAZY.js → chunk-AAL467KG.js} +1 -1
  138. package/dist/{chunk-ZFGFRLWN.js → chunk-BGI67EI7.js} +1 -1
  139. package/dist/{chunk-RFVQDNIT.js → chunk-BXVGWU5O.js} +10 -10
  140. package/dist/{chunk-CGHAMVQH.js → chunk-CGFOVFND.js} +2 -2
  141. package/dist/{chunk-TP3LLTP7.js → chunk-CPDMZBS6.js} +9 -5
  142. package/dist/{chunk-EPSUB3U3.js → chunk-CZVGQ5C6.js} +7 -7
  143. package/dist/{chunk-IAHBYEON.js → chunk-DKAY27MU.js} +1 -1
  144. package/dist/{chunk-SYXSGWNE.js → chunk-DV5Q4JAU.js} +5 -5
  145. package/dist/chunk-DWIQ3243.js +53 -0
  146. package/dist/{chunk-3THUO6AY.js → chunk-EJ75LL4Y.js} +9 -9
  147. package/dist/{chunk-ZJCGRPXS.js → chunk-FPCY4ECZ.js} +2 -2
  148. package/dist/chunk-G2Y6QONL.js +85 -0
  149. package/dist/{chunk-VK743S4L.js → chunk-GQDBSVMU.js} +6 -6
  150. package/dist/{chunk-MAO7KM3A.js → chunk-GZZMDYJU.js} +2 -2
  151. package/dist/chunk-HQP6EHLV.js +60 -0
  152. package/dist/{chunk-NGJP7SMI.js → chunk-ICR4D5TY.js} +3 -3
  153. package/dist/{chunk-YGFDJWW6.js → chunk-IEGPHGTV.js} +2 -2
  154. package/dist/{chunk-RTABBR2E.js → chunk-IZRMVXCF.js} +1 -1
  155. package/dist/{chunk-6XXPLEOU.js → chunk-JQ22QH4V.js} +5 -5
  156. package/dist/{chunk-TBZB627Y.js → chunk-L645PYAJ.js} +5 -5
  157. package/dist/{chunk-6LK7QKDE.js → chunk-LM6AEQMG.js} +3 -3
  158. package/dist/chunk-M2XJDWZ7.js +7 -0
  159. package/dist/{chunk-XJUDFLDF.js → chunk-MCOD2ZQV.js} +3 -3
  160. package/dist/{chunk-MI3FZZRE.js → chunk-MJF34XG5.js} +1 -1
  161. package/dist/{chunk-G3XUMSZ4.js → chunk-ML3ZBKXE.js} +4 -4
  162. package/dist/{chunk-RBU6S27I.js → chunk-N6XQNRGL.js} +9 -9
  163. package/dist/{chunk-MGZMC7Q2.js → chunk-NKAOLRR4.js} +1 -1
  164. package/dist/{chunk-XJPH3TL7.js → chunk-OPP3ULUS.js} +1 -1
  165. package/dist/{chunk-KM6OVMUI.js → chunk-ORBPCJH4.js} +2 -2
  166. package/dist/{chunk-QBOXEWTP.js → chunk-OZPHJVGH.js} +2 -2
  167. package/dist/{chunk-QKJUME2B.js → chunk-QB56D4AN.js} +1 -1
  168. package/dist/{chunk-EJGX57JX.js → chunk-QZ3F4TVB.js} +2 -2
  169. package/dist/{chunk-MM727X5U.js → chunk-RIHN3B2C.js} +1 -1
  170. package/dist/{chunk-2VRVLS4A.js → chunk-SNMB5VZW.js} +2 -2
  171. package/dist/{chunk-FUSWS7EZ.js → chunk-TUARKYYK.js} +2 -2
  172. package/dist/{chunk-M4HNTQU7.js → chunk-TVVMMGB3.js} +1 -1
  173. package/dist/{chunk-5MVIPFJG.js → chunk-U3JUYR5Q.js} +2 -2
  174. package/dist/{chunk-X3G7OJKA.js → chunk-VRC76V4I.js} +1 -1
  175. package/dist/{chunk-NEVRDLRS.js → chunk-VZTTMSV3.js} +2 -2
  176. package/dist/{chunk-ZTSBOPRT.js → chunk-X6IUJPX3.js} +1 -1
  177. package/dist/{chunk-ZUSVLWHC.js → chunk-XCALSZOE.js} +5 -5
  178. package/dist/{chunk-5LMIPWJ4.js → chunk-XIHYC7QU.js} +7 -7
  179. package/dist/chunk-XL7LO6IZ.js +7 -0
  180. package/dist/chunk-XNHE2OVW.js +7 -0
  181. package/dist/{chunk-YSL6C4TP.js → chunk-Y7SHCVBN.js} +2 -2
  182. package/dist/{chunk-FSXFF7TJ.js → chunk-YEKLPYHT.js} +3 -3
  183. package/dist/{chunk-IXXQUPXA.js → chunk-YXGFTGXC.js} +2 -2
  184. package/dist/{chunk-F7F57LOT.js → chunk-ZDI5V3HH.js} +1 -1
  185. package/dist/index.css +915 -809
  186. package/dist/index.d.ts +6 -0
  187. package/dist/index.js +66 -60
  188. package/dist/inputs/src/InputGroup.css +265 -265
  189. package/dist/inputs/src/InputGroup.js +1 -1
  190. package/dist/inputs/src/NumberField.css +287 -287
  191. package/dist/inputs/src/NumberField.js +11 -11
  192. package/dist/inputs/src/PasswordField.css +275 -275
  193. package/dist/inputs/src/PasswordField.js +11 -11
  194. package/dist/inputs/src/RemainingCharacterCount.css +31 -31
  195. package/dist/inputs/src/RemainingCharacterCount.js +7 -7
  196. package/dist/inputs/src/SearchField.css +281 -281
  197. package/dist/inputs/src/SearchField.js +12 -12
  198. package/dist/inputs/src/TextArea.css +282 -282
  199. package/dist/inputs/src/TextArea.js +11 -11
  200. package/dist/inputs/src/TextField.css +279 -279
  201. package/dist/inputs/src/TextField.js +14 -14
  202. package/dist/inputs/src/index.css +325 -325
  203. package/dist/inputs/src/index.js +18 -18
  204. package/dist/overlays/Popover/src/Popover.css +542 -542
  205. package/dist/overlays/Popover/src/Popover.js +11 -11
  206. package/dist/overlays/Popover/src/index.css +542 -542
  207. package/dist/overlays/Popover/src/index.js +11 -11
  208. package/dist/radio/src/DecorativeRadio.css +55 -55
  209. package/dist/radio/src/DecorativeRadio.js +8 -8
  210. package/dist/radio/src/Radio.css +47 -47
  211. package/dist/radio/src/Radio.js +8 -8
  212. package/dist/radio/src/RadioField.css +34 -34
  213. package/dist/radio/src/RadioField.js +2 -2
  214. package/dist/radio/src/RadioGroup.css +99 -99
  215. package/dist/radio/src/RadioGroup.js +6 -6
  216. package/dist/radio/src/index.css +99 -99
  217. package/dist/radio/src/index.js +13 -13
  218. package/dist/switch/src/Switch.css +44 -44
  219. package/dist/switch/src/Switch.js +8 -8
  220. package/dist/switch/src/SwitchField.css +34 -34
  221. package/dist/switch/src/SwitchField.js +2 -2
  222. package/dist/switch/src/index.css +50 -50
  223. package/dist/switch/src/index.js +9 -9
  224. package/dist/tag/src/Tag.css +391 -391
  225. package/dist/tag/src/Tag.js +11 -11
  226. package/dist/tag/src/TagGroup.css +38 -38
  227. package/dist/tag/src/TagGroup.js +6 -6
  228. package/dist/tag/src/index.css +401 -401
  229. package/dist/tag/src/index.js +14 -14
  230. package/dist/typography/Heading/src/Heading.css +28 -28
  231. package/dist/typography/Heading/src/Heading.js +1 -1
  232. package/dist/typography/Heading/src/index.css +28 -28
  233. package/dist/typography/Heading/src/index.js +1 -1
  234. package/dist/typography/Label/src/Label.css +28 -28
  235. package/dist/typography/Label/src/Label.js +2 -2
  236. package/dist/typography/Label/src/index.css +28 -28
  237. package/dist/typography/Label/src/index.js +2 -2
  238. package/dist/typography/OverlineText/src/OverlineText.css +28 -28
  239. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  240. package/dist/typography/OverlineText/src/index.css +28 -28
  241. package/dist/typography/OverlineText/src/index.js +1 -1
  242. package/dist/typography/Text/src/Text.css +28 -28
  243. package/dist/typography/Text/src/Text.js +1 -1
  244. package/dist/typography/Text/src/index.css +28 -28
  245. package/dist/typography/Text/src/index.js +1 -1
  246. package/dist/utils/src/EnsureTextWrapper.css +28 -28
  247. package/dist/utils/src/EnsureTextWrapper.js +7 -7
  248. package/dist/utils/src/index.css +28 -28
  249. package/dist/utils/src/index.js +7 -7
  250. package/dist/utils/src/useIsOverflow.d.ts +1 -1
  251. package/package.json +12 -12
@@ -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___kTk6X {
2
+ .Heading-module__hop-Heading___7khUy {
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___kTk6X) {
36
+ :where(.Heading-module__hop-Heading___7khUy) {
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___YkbL6) {
43
+ :where(.Heading-module__hop-Heading--xs___2h2eb) {
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___blSam) {
49
+ :where(.Heading-module__hop-Heading--sm___bhLWp) {
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___y4meX) {
55
+ :where(.Heading-module__hop-Heading--md___eTc7c) {
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___uBzEA) {
61
+ :where(.Heading-module__hop-Heading--lg___cPhxL) {
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___GpG4F) {
67
+ :where(.Heading-module__hop-Heading--xl___gT96-) {
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___MTCAL) {
73
+ :where(.Heading-module__hop-Heading--2xl___Ap-qF) {
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___rWxe6) {
79
+ :where(.Heading-module__hop-Heading--3xl___MchyQ) {
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___D-RLi) {
87
+ :where(.OverlineText-module__hop-OverlineText___JT95V) {
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,52 +108,52 @@
108
108
  text-transform: uppercase;
109
109
  letter-spacing: var(--letter-spacing);
110
110
  }
111
- .OverlineText-module__hop-OverlineText__text___Y6Wnp {
111
+ .OverlineText-module__hop-OverlineText__text___vc7pH {
112
112
  box-sizing: border-box;
113
113
  }
114
- .OverlineText-module__hop-OverlineText__text___Y6Wnp::before,
115
- .OverlineText-module__hop-OverlineText__text___Y6Wnp::after {
114
+ .OverlineText-module__hop-OverlineText__text___vc7pH::before,
115
+ .OverlineText-module__hop-OverlineText__text___vc7pH::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___Y6Wnp::before {
122
+ .OverlineText-module__hop-OverlineText__text___vc7pH::before {
123
123
  margin-block-end: var(--bottom-offset);
124
124
  }
125
- .OverlineText-module__hop-OverlineText__text___Y6Wnp::after {
125
+ .OverlineText-module__hop-OverlineText__text___vc7pH::after {
126
126
  margin-block-start: var(--top-offset);
127
127
  }
128
128
 
129
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___OXHm7 {
130
+ .Form-module__hop-Form___zxPWR {
131
131
  display: flex;
132
132
  flex-direction: column;
133
133
  gap: var(--hop-space-stack-lg);
134
134
  }
135
135
 
136
136
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
137
- .Label-module__hop-Label___WAgRk {
137
+ .Label-module__hop-Label___Igvhl {
138
138
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
139
139
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
140
140
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
141
141
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
142
142
  --hop-Label-color: var(--hop-neutral-text-weak);
143
143
  }
144
- :where(.Label-module__hop-Label___WAgRk) {
144
+ :where(.Label-module__hop-Label___Igvhl) {
145
145
  font-family: var(--hop-Label-font-family);
146
146
  font-size: var(--hop-Label-font-size);
147
147
  font-weight: var(--hop-Label-font-weight);
148
148
  line-height: var(--hop-Label-line-height);
149
149
  color: var(--hop-Label-color);
150
150
  }
151
- :where(.Label-module__hop-Label__indicator___KrKa0) {
151
+ :where(.Label-module__hop-Label__indicator___naBaU) {
152
152
  padding-inline-start: var(--hop-space-20);
153
153
  }
154
154
 
155
155
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
156
- .Text-module__hop-Text___9GSuR {
156
+ .Text-module__hop-Text___qvxp1 {
157
157
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
158
158
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
159
159
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -183,49 +183,49 @@
183
183
  --hop-Text-inherit-size-font-weight: inherit;
184
184
  --hop-Text-inherit-size-line-height: inherit;
185
185
  }
186
- :where(.Text-module__hop-Text___9GSuR) {
186
+ :where(.Text-module__hop-Text___qvxp1) {
187
187
  font-family: var(--font-family);
188
188
  font-size: var(--font-size);
189
189
  font-weight: var(--font-weight);
190
190
  line-height: var(--line-height);
191
191
  }
192
- :where(.Text-module__hop-Text--xs___oFNpU) {
192
+ :where(.Text-module__hop-Text--xs___uIki8) {
193
193
  --font-size: var(--hop-Text-xs-font-size);
194
194
  --font-family: var(--hop-Text-xs-font-family);
195
195
  --font-weight: var(--hop-Text-xs-font-weight);
196
196
  --line-height: var(--hop-Text-xs-line-height);
197
197
  }
198
- :where(.Text-module__hop-Text--sm___FaLG3) {
198
+ :where(.Text-module__hop-Text--sm___GWxX7) {
199
199
  --font-size: var(--hop-Text-sm-font-size);
200
200
  --font-family: var(--hop-Text-sm-font-family);
201
201
  --font-weight: var(--hop-Text-sm-font-weight);
202
202
  --line-height: var(--hop-Text-sm-line-height);
203
203
  }
204
- :where(.Text-module__hop-Text--md___pW7zQ) {
204
+ :where(.Text-module__hop-Text--md___owkyu) {
205
205
  --font-size: var(--hop-Text-md-font-size);
206
206
  --font-family: var(--hop-Text-md-font-family);
207
207
  --font-weight: var(--hop-Text-md-font-weight);
208
208
  --line-height: var(--hop-Text-md-line-height);
209
209
  }
210
- :where(.Text-module__hop-Text--lg___8efIV) {
210
+ :where(.Text-module__hop-Text--lg___NPyPd) {
211
211
  --font-size: var(--hop-Text-lg-font-size);
212
212
  --font-family: var(--hop-Text-lg-font-family);
213
213
  --font-weight: var(--hop-Text-lg-font-weight);
214
214
  --line-height: var(--hop-Text-lg-line-height);
215
215
  }
216
- :where(.Text-module__hop-Text--xl___R-9rB) {
216
+ :where(.Text-module__hop-Text--xl___P4vf-) {
217
217
  --font-size: var(--hop-Text-xl-font-size);
218
218
  --font-family: var(--hop-Text-xl-font-family);
219
219
  --font-weight: var(--hop-Text-xl-font-weight);
220
220
  --line-height: var(--hop-Text-xl-line-height);
221
221
  }
222
- :where(.Text-module__hop-Text--2xl___OTgcy) {
222
+ :where(.Text-module__hop-Text--2xl___XRDHf) {
223
223
  --font-size: var(--hop-Text-2xl-font-size);
224
224
  --font-family: var(--hop-Text-2xl-font-family);
225
225
  --font-weight: var(--hop-Text-2xl-font-weight);
226
226
  --line-height: var(--hop-Text-2xl-line-height);
227
227
  }
228
- :where(.Text-module__hop-Text--inherit___5e8-3) {
228
+ :where(.Text-module__hop-Text--inherit___jUKtn) {
229
229
  --font-size: var(--hop-Text-inherit-size-font-size);
230
230
  --font-family: var(--hop-Text-inherit-size-font-family);
231
231
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -233,7 +233,7 @@
233
233
  }
234
234
 
235
235
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
236
- .ErrorMessage-module__hop-ErrorMessage___eMQZh {
236
+ .ErrorMessage-module__hop-ErrorMessage___Exo-T {
237
237
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
238
238
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
239
239
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -250,13 +250,13 @@
250
250
  line-height: var(--hop-ErrorMessage-line-height);
251
251
  color: var(--hop-ErrorMessage-color);
252
252
  }
253
- .ErrorMessage-module__hop-ErrorMessage__icon___-iyKo {
253
+ .ErrorMessage-module__hop-ErrorMessage__icon___pmVlT {
254
254
  flex: 0 0 auto;
255
255
  align-self: flex-start;
256
256
  }
257
257
 
258
258
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
259
- .HelperMessage-module__hop-HelperMessage___Gx5gv {
259
+ .HelperMessage-module__hop-HelperMessage___9fkas {
260
260
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
261
261
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
262
262
  display: flex;
@@ -265,13 +265,13 @@
265
265
  box-sizing: border-box;
266
266
  color: var(--hop-HelperMessage-color);
267
267
  }
268
- .HelperMessage-module__hop-HelperMessage__icon___A2U5C {
268
+ .HelperMessage-module__hop-HelperMessage__icon___n2K8B {
269
269
  flex: 0 0 auto;
270
270
  align-self: flex-start;
271
271
  }
272
272
 
273
273
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
274
- .IconList-module__hop-IconList___aKk8b {
274
+ .IconList-module__hop-IconList___1ofEU {
275
275
  --hop-IconList-gap: var(--hop-space-inline-xs);
276
276
  display: flex;
277
277
  flex-wrap: wrap;
@@ -280,7 +280,7 @@
280
280
  }
281
281
 
282
282
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
283
- @keyframes Spinner-module__spin___yY3cN {
283
+ @keyframes Spinner-module__spin___wHKYs {
284
284
  0% {
285
285
  transform: rotate(0deg);
286
286
  }
@@ -288,7 +288,7 @@
288
288
  transform: rotate(360deg);
289
289
  }
290
290
  }
291
- .Spinner-module__hop-Spinner___f2Jew {
291
+ .Spinner-module__hop-Spinner___Z5qhA {
292
292
  --hop-Spinner-border-radius: var(--hop-shape-circle);
293
293
  --hop-Spinner-sm-wheel-size: 1rem;
294
294
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -296,7 +296,7 @@
296
296
  --hop-Spinner-track-width: 0.125rem;
297
297
  --hop-Spinner-track-opacity: 0.2;
298
298
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
299
- --hop-Spinner-fill-animation: Spinner-module__spin___yY3cN .8s infinite linear;
299
+ --hop-Spinner-fill-animation: Spinner-module__spin___wHKYs .8s infinite linear;
300
300
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
301
301
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
302
302
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -307,19 +307,19 @@
307
307
  align-items: center;
308
308
  box-sizing: border-box;
309
309
  }
310
- .Spinner-module__hop-Spinner--sm___YTD7u {
310
+ .Spinner-module__hop-Spinner--sm___3bPF0 {
311
311
  --width: var(--hop-Spinner-sm-wheel-size);
312
312
  --height: var(--hop-Spinner-sm-wheel-size);
313
313
  }
314
- .Spinner-module__hop-Spinner--md___LX-AD {
314
+ .Spinner-module__hop-Spinner--md___oeYRC {
315
315
  --width: var(--hop-Spinner-md-wheel-size);
316
316
  --height: var(--hop-Spinner-md-wheel-size);
317
317
  }
318
- .Spinner-module__hop-Spinner--lg___eg9q8 {
318
+ .Spinner-module__hop-Spinner--lg___52uhx {
319
319
  --width: var(--hop-Spinner-lg-wheel-size);
320
320
  --height: var(--hop-Spinner-lg-wheel-size);
321
321
  }
322
- .Spinner-module__hop-Spinner__track___IW7Cd {
322
+ .Spinner-module__hop-Spinner__track___ExOIp {
323
323
  grid-area: spinner;
324
324
  box-sizing: border-box;
325
325
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -328,7 +328,7 @@
328
328
  border: var(--hop-Spinner-track-border);
329
329
  border-radius: var(--hop-Spinner-border-radius);
330
330
  }
331
- .Spinner-module__hop-Spinner__fill___ED6C0 {
331
+ .Spinner-module__hop-Spinner__fill___1luQg {
332
332
  grid-area: spinner;
333
333
  box-sizing: border-box;
334
334
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -339,17 +339,17 @@
339
339
  animation: var(--hop-Spinner-fill-animation);
340
340
  }
341
341
  @media (prefers-reduced-motion: reduce) {
342
- .Spinner-module__hop-Spinner__fill___ED6C0 {
342
+ .Spinner-module__hop-Spinner__fill___1luQg {
343
343
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
344
344
  }
345
345
  }
346
- .Spinner-module__hop-Spinner__label___EId-C {
346
+ .Spinner-module__hop-Spinner__label___8-eL5 {
347
347
  grid-area: label;
348
348
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
349
349
  }
350
350
 
351
351
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
352
- .Button-module__hop-Button___KDYtZ {
352
+ .Button-module__hop-Button___YrQua {
353
353
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
354
354
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
355
355
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -473,215 +473,215 @@
473
473
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
474
474
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
475
475
  }
476
- .Button-module__hop-Button--fluid___ZOQ70 {
476
+ .Button-module__hop-Button--fluid___nZTLJ {
477
477
  --inline-size: 100%;
478
478
  }
479
- .Button-module__hop-Button--sm___PlAe6 {
479
+ .Button-module__hop-Button--sm___aGXGG {
480
480
  --block-size: var(--hop-Button-sm-height);
481
481
  --padding: var(--hop-Button-sm-padding);
482
482
  }
483
- .Button-module__hop-Button--sm___PlAe6[class*=--ghost] {
483
+ .Button-module__hop-Button--sm___aGXGG[class*=--ghost] {
484
484
  --padding: var(--hop-Button-ghost-sm-padding);
485
485
  }
486
- .Button-module__hop-Button--md___sCQzf[class*=--ghost] {
486
+ .Button-module__hop-Button--md___hCbjI[class*=--ghost] {
487
487
  --padding: var(--hop-Button-ghost-md-padding);
488
488
  }
489
- .Button-module__hop-Button--icon-only___8c-Sx {
489
+ .Button-module__hop-Button--icon-only___gERNf {
490
490
  --column-gap: var(--hop-Button-icon-only-column-gap);
491
491
  --padding: var(--hop-Button-icon-only-padding);
492
492
  aspect-ratio: 1;
493
493
  }
494
- .Button-module__hop-Button--primary___Kb-uQ {
494
+ .Button-module__hop-Button--primary___PbGbk {
495
495
  --background-color: var(--hop-Button-primary-background-color);
496
496
  --color: var(--hop-Button-primary-color);
497
497
  --border: var(--hop-Button-primary-border);
498
498
  --spinner-color: var(--hop-Button-primary-spinner-color);
499
499
  }
500
- .Button-module__hop-Button--primary___Kb-uQ[data-hovered],
501
- .Button-module__hop-Button--primary___Kb-uQ[data-focus-visible] {
500
+ .Button-module__hop-Button--primary___PbGbk[data-hovered],
501
+ .Button-module__hop-Button--primary___PbGbk[data-focus-visible] {
502
502
  --background-color: var(--hop-Button-primary-background-color-hover);
503
503
  --color: var(--hop-Button-primary-color-hover);
504
504
  --border: var(--hop-Button-primary-border-hover);
505
505
  }
506
- .Button-module__hop-Button--primary___Kb-uQ[data-pressed] {
506
+ .Button-module__hop-Button--primary___PbGbk[data-pressed] {
507
507
  --background-color: var(--hop-Button-primary-background-color-pressed);
508
508
  --color: var(--hop-Button-primary-color-pressed);
509
509
  --border: var(--hop-Button-primary-border-pressed);
510
510
  }
511
- .Button-module__hop-Button--secondary___O4v2Q {
511
+ .Button-module__hop-Button--secondary___aeqDb {
512
512
  --background-color: var(--hop-Button-secondary-background-color);
513
513
  --color: var(--hop-Button-secondary-color);
514
514
  --border: var(--hop-Button-secondary-border);
515
515
  --spinner-color: var(--hop-Button-secondary-spinner-color);
516
516
  }
517
- .Button-module__hop-Button--secondary___O4v2Q[data-hovered],
518
- .Button-module__hop-Button--secondary___O4v2Q[data-focus-visible] {
517
+ .Button-module__hop-Button--secondary___aeqDb[data-hovered],
518
+ .Button-module__hop-Button--secondary___aeqDb[data-focus-visible] {
519
519
  --background-color: var(--hop-Button-secondary-background-color-hover);
520
520
  --color: var(--hop-Button-secondary-color-hover);
521
521
  --border: var(--hop-Button-secondary-border-hover);
522
522
  }
523
- .Button-module__hop-Button--secondary___O4v2Q[data-pressed] {
523
+ .Button-module__hop-Button--secondary___aeqDb[data-pressed] {
524
524
  --background-color: var(--hop-Button-secondary-background-color-pressed);
525
525
  --color: var(--hop-Button-secondary-color-pressed);
526
526
  --border: var(--hop-Button-secondary-border-pressed);
527
527
  }
528
- .Button-module__hop-Button--upsell___Ztsgb {
528
+ .Button-module__hop-Button--upsell___FRkB7 {
529
529
  --background-color: var(--hop-Button-upsell-background-color);
530
530
  --color: var(--hop-Button-upsell-color);
531
531
  --border: var(--hop-Button-upsell-border);
532
532
  --spinner-color: var(--hop-Button-upsell-spinner-color);
533
533
  }
534
- .Button-module__hop-Button--upsell___Ztsgb[data-hovered],
535
- .Button-module__hop-Button--upsell___Ztsgb[data-focus-visible] {
534
+ .Button-module__hop-Button--upsell___FRkB7[data-hovered],
535
+ .Button-module__hop-Button--upsell___FRkB7[data-focus-visible] {
536
536
  --background-color: var(--hop-Button-upsell-background-color-hover);
537
537
  --color: var(--hop-Button-upsell-color-hover);
538
538
  --border: var(--hop-Button-upsell-border-hover);
539
539
  }
540
- .Button-module__hop-Button--upsell___Ztsgb[data-pressed] {
540
+ .Button-module__hop-Button--upsell___FRkB7[data-pressed] {
541
541
  --background-color: var(--hop-Button-upsell-background-color-pressed);
542
542
  --color: var(--hop-Button-upsell-color-pressed);
543
543
  --border: var(--hop-Button-upsell-border-pressed);
544
544
  }
545
- .Button-module__hop-Button--danger___rLBG1 {
545
+ .Button-module__hop-Button--danger___o5D8h {
546
546
  --background-color: var(--hop-Button-danger-background-color);
547
547
  --color: var(--hop-Button-danger-color);
548
548
  --border: var(--hop-Button-danger-border);
549
549
  --spinner-color: var(--hop-Button-danger-spinner-color);
550
550
  }
551
- .Button-module__hop-Button--danger___rLBG1[data-hovered],
552
- .Button-module__hop-Button--danger___rLBG1[data-focus-visible] {
551
+ .Button-module__hop-Button--danger___o5D8h[data-hovered],
552
+ .Button-module__hop-Button--danger___o5D8h[data-focus-visible] {
553
553
  --background-color: var(--hop-Button-danger-background-color-hover);
554
554
  --color: var(--hop-Button-danger-color-hover);
555
555
  --border: var(--hop-Button-danger-border-hover);
556
556
  }
557
- .Button-module__hop-Button--danger___rLBG1[data-pressed] {
557
+ .Button-module__hop-Button--danger___o5D8h[data-pressed] {
558
558
  --background-color: var(--hop-Button-danger-background-color-pressed);
559
559
  --color: var(--hop-Button-danger-color-pressed);
560
560
  --border: var(--hop-Button-danger-border-pressed);
561
561
  }
562
- .Button-module__hop-Button--ghost-primary___E3iRx {
562
+ .Button-module__hop-Button--ghost-primary___gWGtB {
563
563
  --background-color: var(--hop-Button-ghost-primary-background-color);
564
564
  --color: var(--hop-Button-ghost-primary-color);
565
565
  --border: var(--hop-Button-ghost-primary-border);
566
566
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
567
567
  }
568
- .Button-module__hop-Button--ghost-primary___E3iRx[data-hovered],
569
- .Button-module__hop-Button--ghost-primary___E3iRx[data-focus-visible] {
568
+ .Button-module__hop-Button--ghost-primary___gWGtB[data-hovered],
569
+ .Button-module__hop-Button--ghost-primary___gWGtB[data-focus-visible] {
570
570
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
571
571
  --color: var(--hop-Button-ghost-primary-color-hover);
572
572
  --border: var(--hop-Button-ghost-primary-border-hover);
573
573
  --text-underline: underline;
574
574
  }
575
- .Button-module__hop-Button--ghost-primary___E3iRx[data-pressed] {
575
+ .Button-module__hop-Button--ghost-primary___gWGtB[data-pressed] {
576
576
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
577
577
  --color: var(--hop-Button-ghost-primary-color-pressed);
578
578
  --border: var(--hop-Button-ghost-primary-border-pressed);
579
579
  --text-underline: underline;
580
580
  }
581
- .Button-module__hop-Button--ghost-secondary___6czKV {
581
+ .Button-module__hop-Button--ghost-secondary___bJjy- {
582
582
  --background-color: var(--hop-Button-ghost-secondary-background-color);
583
583
  --color: var(--hop-Button-ghost-secondary-color);
584
584
  --border: var(--hop-Button-ghost-secondary-border);
585
585
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
586
586
  }
587
- .Button-module__hop-Button--ghost-secondary___6czKV[data-hovered],
588
- .Button-module__hop-Button--ghost-secondary___6czKV[data-focus-visible] {
587
+ .Button-module__hop-Button--ghost-secondary___bJjy-[data-hovered],
588
+ .Button-module__hop-Button--ghost-secondary___bJjy-[data-focus-visible] {
589
589
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
590
590
  --color: var(--hop-Button-ghost-secondary-color-hover);
591
591
  --border: var(--hop-Button-ghost-secondary-border-hover);
592
592
  --text-underline: underline;
593
593
  }
594
- .Button-module__hop-Button--ghost-secondary___6czKV[data-pressed] {
594
+ .Button-module__hop-Button--ghost-secondary___bJjy-[data-pressed] {
595
595
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
596
596
  --color: var(--hop-Button-ghost-secondary-color-pressed);
597
597
  --border: var(--hop-Button-ghost-secondary-border-pressed);
598
598
  --text-underline: underline;
599
599
  }
600
- .Button-module__hop-Button--ghost-danger___rvJYN {
600
+ .Button-module__hop-Button--ghost-danger___xPqEN {
601
601
  --background-color: var(--hop-Button-ghost-danger-background-color);
602
602
  --color: var(--hop-Button-ghost-danger-color);
603
603
  --border: var(--hop-Button-ghost-danger-border);
604
604
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
605
605
  }
606
- .Button-module__hop-Button--ghost-danger___rvJYN[data-hovered],
607
- .Button-module__hop-Button--ghost-danger___rvJYN[data-focus-visible] {
606
+ .Button-module__hop-Button--ghost-danger___xPqEN[data-hovered],
607
+ .Button-module__hop-Button--ghost-danger___xPqEN[data-focus-visible] {
608
608
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
609
609
  --color: var(--hop-Button-ghost-danger-color-hover);
610
610
  --border: var(--hop-Button-ghost-danger-border-hover);
611
611
  --text-underline: underline;
612
612
  }
613
- .Button-module__hop-Button--ghost-danger___rvJYN[data-pressed] {
613
+ .Button-module__hop-Button--ghost-danger___xPqEN[data-pressed] {
614
614
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
615
615
  --color: var(--hop-Button-ghost-danger-color-pressed);
616
616
  --border: var(--hop-Button-ghost-danger-border-pressed);
617
617
  --text-underline: underline;
618
618
  }
619
- .Button-module__hop-Button___KDYtZ[data-focus-visible] {
619
+ .Button-module__hop-Button___YrQua[data-focus-visible] {
620
620
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
621
621
  }
622
- .Button-module__hop-Button___KDYtZ[data-disabled],
623
- .Button-module__hop-Button___KDYtZ[data-pending] {
622
+ .Button-module__hop-Button___YrQua[data-disabled],
623
+ .Button-module__hop-Button___YrQua[data-pending] {
624
624
  cursor: not-allowed;
625
625
  }
626
- .Button-module__hop-Button___KDYtZ[data-disabled] {
626
+ .Button-module__hop-Button___YrQua[data-disabled] {
627
627
  --background-color: var(--hop-Button-background-color-disabled);
628
628
  --color: var(--hop-Button-color-disabled);
629
629
  --border: var(--hop-Button-border-disabled);
630
630
  }
631
- .Button-module__hop-Button___KDYtZ[class*=--ghost][data-disabled] {
631
+ .Button-module__hop-Button___YrQua[class*=--ghost][data-disabled] {
632
632
  --background-color: var(--hop-Button-ghost-background-color-disabled);
633
633
  --color: var(--hop-Button-ghost-color-disabled);
634
634
  --border: var(--hop-Button-ghost-border-disabled);
635
635
  }
636
- .Button-module__hop-Button--primary___Kb-uQ[data-pending] {
636
+ .Button-module__hop-Button--primary___PbGbk[data-pending] {
637
637
  --background-color: var(--hop-Button-primary-background-color);
638
638
  --color: var(--hop-Button-primary-color);
639
639
  --border: var(--hop-Button-primary-border);
640
640
  }
641
- .Button-module__hop-Button--secondary___O4v2Q[data-pending] {
641
+ .Button-module__hop-Button--secondary___aeqDb[data-pending] {
642
642
  --background-color: var(--hop-Button-secondary-background-color);
643
643
  --color: var(--hop-Button-secondary-color);
644
644
  --border: var(--hop-Button-secondary-border);
645
645
  }
646
- .Button-module__hop-Button--upsell___Ztsgb[data-pending] {
646
+ .Button-module__hop-Button--upsell___FRkB7[data-pending] {
647
647
  --background-color: var(--hop-Button-upsell-background-color);
648
648
  --color: var(--hop-Button-upsell-color);
649
649
  --border: var(--hop-Button-upsell-border);
650
650
  }
651
- .Button-module__hop-Button--danger___rLBG1[data-pending] {
651
+ .Button-module__hop-Button--danger___o5D8h[data-pending] {
652
652
  --background-color: var(--hop-Button-danger-background-color);
653
653
  --color: var(--hop-Button-danger-color);
654
654
  --border: var(--hop-Button-danger-border);
655
655
  }
656
- .Button-module__hop-Button--ghost-primary___E3iRx[data-pending] {
656
+ .Button-module__hop-Button--ghost-primary___gWGtB[data-pending] {
657
657
  --background-color: var(--hop-Button-ghost-primary-background-color);
658
658
  --color: var(--hop-Button-ghost-primary-color);
659
659
  --border: var(--hop-Button-ghost-primary-border);
660
660
  --text-underline: none;
661
661
  }
662
- .Button-module__hop-Button--ghost-secondary___6czKV[data-pending] {
662
+ .Button-module__hop-Button--ghost-secondary___bJjy-[data-pending] {
663
663
  --background-color: var(--hop-Button-ghost-secondary-background-color);
664
664
  --color: var(--hop-Button-ghost-secondary-color);
665
665
  --border: var(--hop-Button-ghost-secondary-border);
666
666
  --text-underline: none;
667
667
  }
668
- .Button-module__hop-Button--ghost-danger___rvJYN[data-pending] {
668
+ .Button-module__hop-Button--ghost-danger___xPqEN[data-pending] {
669
669
  --background-color: var(--hop-Button-ghost-danger-background-color);
670
670
  --color: var(--hop-Button-ghost-danger-color);
671
671
  --border: var(--hop-Button-ghost-danger-border);
672
672
  --text-underline: none;
673
673
  }
674
- .Button-module__hop-Button__Spinner___Q-ree {
674
+ .Button-module__hop-Button__Spinner___CFr3Z {
675
675
  position: absolute;
676
676
  color: var(--spinner-color);
677
677
  }
678
- .Button-module__hop-Button__icon___d5unn,
679
- .Button-module__hop-Button__icon-list___WH0t4 {
678
+ .Button-module__hop-Button__icon___gQe8J,
679
+ .Button-module__hop-Button__icon-list___QSnh3 {
680
680
  flex: 0 0 auto;
681
681
  justify-self: end;
682
682
  order: 1;
683
683
  }
684
- .Button-module__hop-Button__text___Bfvnr {
684
+ .Button-module__hop-Button__text___yYGW6 {
685
685
  user-select: none;
686
686
  overflow: visible;
687
687
  flex: 0 1 auto;
@@ -691,60 +691,60 @@
691
691
  text-underline-offset: 0.125rem;
692
692
  text-wrap: nowrap;
693
693
  }
694
- .Button-module__hop-Button__end-icon___Ufo59,
695
- .Button-module__hop-Button__end-icon-list___WL-Qi {
694
+ .Button-module__hop-Button__end-icon___Zejer,
695
+ .Button-module__hop-Button__end-icon-list___09-bo {
696
696
  flex: 0 0 auto;
697
697
  order: 3;
698
698
  }
699
- .Button-module__hop-Button___KDYtZ .Button-module__hop-Button__icon-list___WH0t4,
700
- .Button-module__hop-Button___KDYtZ .Button-module__hop-Button__end-icon-list___WL-Qi {
699
+ .Button-module__hop-Button___YrQua .Button-module__hop-Button__icon-list___QSnh3,
700
+ .Button-module__hop-Button___YrQua .Button-module__hop-Button__end-icon-list___09-bo {
701
701
  flex-wrap: nowrap;
702
702
  }
703
- .Button-module__hop-Button___KDYtZ[data-pending] > *:not(.Button-module__hop-Button__Spinner___Q-ree) {
703
+ .Button-module__hop-Button___YrQua[data-pending] > *:not(.Button-module__hop-Button__Spinner___CFr3Z) {
704
704
  opacity: 0;
705
705
  }
706
706
 
707
707
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
708
- .ButtonGroup-module__hop-ButtonGroup___cORKn {
708
+ .ButtonGroup-module__hop-ButtonGroup___Q-7DC {
709
709
  display: inline-flex;
710
710
  flex-wrap: nowrap;
711
711
  gap: var(--hop-space-inline-md);
712
712
  }
713
- .ButtonGroup-module__hop-ButtonGroup--horizontal___NHdiK {
713
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___pfqst {
714
714
  align-items: center;
715
715
  }
716
- .ButtonGroup-module__hop-ButtonGroup--vertical___XzcPR {
716
+ .ButtonGroup-module__hop-ButtonGroup--vertical___DhjdO {
717
717
  flex-direction: column;
718
718
  gap: var(--hop-space-stack-md);
719
719
  justify-content: center;
720
720
  }
721
- .ButtonGroup-module__hop-ButtonGroup--start___8TObt.ButtonGroup-module__hop-ButtonGroup--vertical___XzcPR {
721
+ .ButtonGroup-module__hop-ButtonGroup--start___pXPXu.ButtonGroup-module__hop-ButtonGroup--vertical___DhjdO {
722
722
  align-items: flex-start;
723
723
  }
724
- .ButtonGroup-module__hop-ButtonGroup--center___k7SDM.ButtonGroup-module__hop-ButtonGroup--vertical___XzcPR {
724
+ .ButtonGroup-module__hop-ButtonGroup--center___USbZC.ButtonGroup-module__hop-ButtonGroup--vertical___DhjdO {
725
725
  align-items: center;
726
726
  }
727
- .ButtonGroup-module__hop-ButtonGroup--end___kpTJH.ButtonGroup-module__hop-ButtonGroup--vertical___XzcPR {
727
+ .ButtonGroup-module__hop-ButtonGroup--end___wUgO4.ButtonGroup-module__hop-ButtonGroup--vertical___DhjdO {
728
728
  align-items: flex-end;
729
729
  }
730
- .ButtonGroup-module__hop-ButtonGroup--start___8TObt.ButtonGroup-module__hop-ButtonGroup--horizontal___NHdiK {
730
+ .ButtonGroup-module__hop-ButtonGroup--start___pXPXu.ButtonGroup-module__hop-ButtonGroup--horizontal___pfqst {
731
731
  justify-content: flex-start;
732
732
  }
733
- .ButtonGroup-module__hop-ButtonGroup--center___k7SDM.ButtonGroup-module__hop-ButtonGroup--horizontal___NHdiK {
733
+ .ButtonGroup-module__hop-ButtonGroup--center___USbZC.ButtonGroup-module__hop-ButtonGroup--horizontal___pfqst {
734
734
  justify-content: center;
735
735
  }
736
- .ButtonGroup-module__hop-ButtonGroup--end___kpTJH.ButtonGroup-module__hop-ButtonGroup--horizontal___NHdiK {
736
+ .ButtonGroup-module__hop-ButtonGroup--end___wUgO4.ButtonGroup-module__hop-ButtonGroup--horizontal___pfqst {
737
737
  justify-content: flex-end;
738
738
  }
739
- .ButtonGroup-module__hop-ButtonGroup--wrap___G9jWL {
739
+ .ButtonGroup-module__hop-ButtonGroup--wrap___rY7Ni {
740
740
  flex-wrap: wrap;
741
741
  }
742
- .ButtonGroup-module__hop-ButtonGroup--fluid___LRhkV {
742
+ .ButtonGroup-module__hop-ButtonGroup--fluid___7lbVJ {
743
743
  inline-size: 100%;
744
744
  }
745
745
 
746
746
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
747
- .EmbeddedButton-module__hop-EmbeddedButton___zcNAQ {
747
+ .EmbeddedButton-module__hop-EmbeddedButton___Cu9yB {
748
748
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
749
749
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
750
750
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -908,7 +908,7 @@
908
908
  outline: none;
909
909
  transition: color var(--transition);
910
910
  }
911
- .EmbeddedButton-module__hop-EmbeddedButton___zcNAQ::before {
911
+ .EmbeddedButton-module__hop-EmbeddedButton___Cu9yB::before {
912
912
  content: "";
913
913
  position: absolute;
914
914
  inset-block-start: 50%;
@@ -921,284 +921,284 @@
921
921
  border-radius: var(--effect-border-radius);
922
922
  transition: background-color var(--transition);
923
923
  }
924
- .EmbeddedButton-module__hop-EmbeddedButton___zcNAQ[data-square] {
924
+ .EmbeddedButton-module__hop-EmbeddedButton___Cu9yB[data-square] {
925
925
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
926
926
  }
927
- .EmbeddedButton-module__hop-EmbeddedButton--md___nlhW6 {
927
+ .EmbeddedButton-module__hop-EmbeddedButton--md___3NUge {
928
928
  --inline-size: var(--hop-EmbeddedButton-md-width);
929
929
  --block-size: var(--hop-EmbeddedButton-md-height);
930
930
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
931
931
  }
932
- .EmbeddedButton-module__hop-EmbeddedButton--lg___y2r8n {
932
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___7UDQc {
933
933
  --inline-size: var(--hop-EmbeddedButton-lg-width);
934
934
  --block-size: var(--hop-EmbeddedButton-lg-height);
935
935
  --focus-ring-offset: 0;
936
936
  }
937
- .EmbeddedButton-module__hop-EmbeddedButton--md___nlhW6::before {
937
+ .EmbeddedButton-module__hop-EmbeddedButton--md___3NUge::before {
938
938
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
939
939
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
940
940
  }
941
- .EmbeddedButton-module__hop-EmbeddedButton--lg___y2r8n::before {
941
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___7UDQc::before {
942
942
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
943
943
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
944
944
  }
945
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___RQgDW {
945
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___bspmg {
946
946
  --color: var(--hop-EmbeddedButton-neutral-color);
947
947
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
948
948
  }
949
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___y5bim {
949
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XTI7i {
950
950
  --color: var(--hop-EmbeddedButton-subdued-color);
951
951
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
952
952
  }
953
- .EmbeddedButton-module__hop-EmbeddedButton--progress___xL-Ig {
953
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___O5SKv {
954
954
  --color: var(--hop-EmbeddedButton-progress-color);
955
955
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
956
956
  }
957
- .EmbeddedButton-module__hop-EmbeddedButton--positive___h-QZr {
957
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___eCp9- {
958
958
  --color: var(--hop-EmbeddedButton-positive-color);
959
959
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
960
960
  }
961
- .EmbeddedButton-module__hop-EmbeddedButton--caution___YTKHH {
961
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___-6GW8 {
962
962
  --color: var(--hop-EmbeddedButton-caution-color);
963
963
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
964
964
  }
965
- .EmbeddedButton-module__hop-EmbeddedButton--negative___njjyb {
965
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Qeb {
966
966
  --color: var(--hop-EmbeddedButton-negative-color);
967
967
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
968
968
  }
969
- .EmbeddedButton-module__hop-EmbeddedButton--option1___1k2Cf {
969
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___wmKly {
970
970
  --color: var(--hop-EmbeddedButton-option1-color);
971
971
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
972
972
  }
973
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1xiO6 {
973
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___hq89d {
974
974
  --color: var(--hop-EmbeddedButton-option2-color);
975
975
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
976
976
  }
977
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hKt2i {
977
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___C6vuz {
978
978
  --color: var(--hop-EmbeddedButton-option3-color);
979
979
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
980
980
  }
981
- .EmbeddedButton-module__hop-EmbeddedButton--option4___fIvzx {
981
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___YFa09 {
982
982
  --color: var(--hop-EmbeddedButton-option4-color);
983
983
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
984
984
  }
985
- .EmbeddedButton-module__hop-EmbeddedButton--option5___N8AtS {
985
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___DN-IN {
986
986
  --color: var(--hop-EmbeddedButton-option5-color);
987
987
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
988
988
  }
989
- .EmbeddedButton-module__hop-EmbeddedButton--option6___dd12g {
989
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___gcPst {
990
990
  --color: var(--hop-EmbeddedButton-option6-color);
991
991
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
992
992
  }
993
- .EmbeddedButton-module__hop-EmbeddedButton___zcNAQ[data-selected] {
993
+ .EmbeddedButton-module__hop-EmbeddedButton___Cu9yB[data-selected] {
994
994
  --color: var(--hop-EmbeddedButton-selected-color);
995
995
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
996
996
  }
997
- .EmbeddedButton-module__hop-EmbeddedButton___zcNAQ[data-focus-visible] {
997
+ .EmbeddedButton-module__hop-EmbeddedButton___Cu9yB[data-focus-visible] {
998
998
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
999
999
  outline-offset: var(--focus-ring-offset);
1000
1000
  }
1001
- .EmbeddedButton-module__hop-EmbeddedButton___zcNAQ[data-disabled] {
1001
+ .EmbeddedButton-module__hop-EmbeddedButton___Cu9yB[data-disabled] {
1002
1002
  cursor: not-allowed;
1003
1003
  }
1004
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___RQgDW[data-hovered] {
1004
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___bspmg[data-hovered] {
1005
1005
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1006
1006
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1007
1007
  }
1008
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___RQgDW[data-focus-visible] {
1008
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___bspmg[data-focus-visible] {
1009
1009
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1010
1010
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1011
1011
  }
1012
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___RQgDW[data-pressed] {
1012
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___bspmg[data-pressed] {
1013
1013
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1014
1014
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1015
1015
  }
1016
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___RQgDW[data-disabled] {
1016
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___bspmg[data-disabled] {
1017
1017
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1018
1018
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1019
1019
  }
1020
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___y5bim[data-hovered] {
1020
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XTI7i[data-hovered] {
1021
1021
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1022
1022
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1023
1023
  }
1024
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___y5bim[data-focus-visible] {
1024
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XTI7i[data-focus-visible] {
1025
1025
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1026
1026
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1027
1027
  }
1028
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___y5bim[data-pressed] {
1028
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XTI7i[data-pressed] {
1029
1029
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1030
1030
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1031
1031
  }
1032
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___y5bim[data-disabled] {
1032
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XTI7i[data-disabled] {
1033
1033
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1034
1034
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1035
1035
  }
1036
- .EmbeddedButton-module__hop-EmbeddedButton--progress___xL-Ig[data-hovered] {
1036
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___O5SKv[data-hovered] {
1037
1037
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1038
1038
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1039
1039
  }
1040
- .EmbeddedButton-module__hop-EmbeddedButton--progress___xL-Ig[data-focus-visible] {
1040
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___O5SKv[data-focus-visible] {
1041
1041
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1042
1042
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1043
1043
  }
1044
- .EmbeddedButton-module__hop-EmbeddedButton--progress___xL-Ig[data-pressed] {
1044
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___O5SKv[data-pressed] {
1045
1045
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1046
1046
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1047
1047
  }
1048
- .EmbeddedButton-module__hop-EmbeddedButton--progress___xL-Ig[data-disabled] {
1048
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___O5SKv[data-disabled] {
1049
1049
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1050
1050
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1051
1051
  }
1052
- .EmbeddedButton-module__hop-EmbeddedButton--positive___h-QZr[data-hovered] {
1052
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___eCp9-[data-hovered] {
1053
1053
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1054
1054
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1055
1055
  }
1056
- .EmbeddedButton-module__hop-EmbeddedButton--positive___h-QZr[data-focus-visible] {
1056
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___eCp9-[data-focus-visible] {
1057
1057
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1058
1058
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1059
1059
  }
1060
- .EmbeddedButton-module__hop-EmbeddedButton--positive___h-QZr[data-pressed] {
1060
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___eCp9-[data-pressed] {
1061
1061
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1062
1062
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1063
1063
  }
1064
- .EmbeddedButton-module__hop-EmbeddedButton--positive___h-QZr[data-disabled] {
1064
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___eCp9-[data-disabled] {
1065
1065
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1066
1066
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1067
1067
  }
1068
- .EmbeddedButton-module__hop-EmbeddedButton--caution___YTKHH[data-hovered] {
1068
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___-6GW8[data-hovered] {
1069
1069
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1070
1070
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1071
1071
  }
1072
- .EmbeddedButton-module__hop-EmbeddedButton--caution___YTKHH[data-focus-visible] {
1072
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___-6GW8[data-focus-visible] {
1073
1073
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1074
1074
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1075
1075
  }
1076
- .EmbeddedButton-module__hop-EmbeddedButton--caution___YTKHH[data-pressed] {
1076
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___-6GW8[data-pressed] {
1077
1077
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1078
1078
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1079
1079
  }
1080
- .EmbeddedButton-module__hop-EmbeddedButton--caution___YTKHH[data-disabled] {
1080
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___-6GW8[data-disabled] {
1081
1081
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1082
1082
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1083
1083
  }
1084
- .EmbeddedButton-module__hop-EmbeddedButton--negative___njjyb[data-hovered] {
1084
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Qeb[data-hovered] {
1085
1085
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1086
1086
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1087
1087
  }
1088
- .EmbeddedButton-module__hop-EmbeddedButton--negative___njjyb[data-focus-visible] {
1088
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Qeb[data-focus-visible] {
1089
1089
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1090
1090
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1091
1091
  }
1092
- .EmbeddedButton-module__hop-EmbeddedButton--negative___njjyb[data-pressed] {
1092
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Qeb[data-pressed] {
1093
1093
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1094
1094
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1095
1095
  }
1096
- .EmbeddedButton-module__hop-EmbeddedButton--negative___njjyb[data-disabled] {
1096
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Qeb[data-disabled] {
1097
1097
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1098
1098
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1099
1099
  }
1100
- .EmbeddedButton-module__hop-EmbeddedButton--option1___1k2Cf[data-hovered] {
1100
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___wmKly[data-hovered] {
1101
1101
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1102
1102
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1103
1103
  }
1104
- .EmbeddedButton-module__hop-EmbeddedButton--option1___1k2Cf[data-focus-visible] {
1104
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___wmKly[data-focus-visible] {
1105
1105
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1106
1106
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1107
1107
  }
1108
- .EmbeddedButton-module__hop-EmbeddedButton--option1___1k2Cf[data-pressed] {
1108
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___wmKly[data-pressed] {
1109
1109
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1110
1110
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1111
1111
  }
1112
- .EmbeddedButton-module__hop-EmbeddedButton--option1___1k2Cf[data-disabled] {
1112
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___wmKly[data-disabled] {
1113
1113
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1114
1114
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1115
1115
  }
1116
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1xiO6[data-hovered] {
1116
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___hq89d[data-hovered] {
1117
1117
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1118
1118
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1119
1119
  }
1120
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1xiO6[data-focus-visible] {
1120
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___hq89d[data-focus-visible] {
1121
1121
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1122
1122
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1123
1123
  }
1124
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1xiO6[data-pressed] {
1124
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___hq89d[data-pressed] {
1125
1125
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1126
1126
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1127
1127
  }
1128
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1xiO6[data-disabled] {
1128
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___hq89d[data-disabled] {
1129
1129
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1130
1130
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1131
1131
  }
1132
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hKt2i[data-hovered] {
1132
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___C6vuz[data-hovered] {
1133
1133
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1134
1134
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1135
1135
  }
1136
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hKt2i[data-focus-visible] {
1136
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___C6vuz[data-focus-visible] {
1137
1137
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1138
1138
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1139
1139
  }
1140
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hKt2i[data-pressed] {
1140
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___C6vuz[data-pressed] {
1141
1141
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1142
1142
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1143
1143
  }
1144
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hKt2i[data-disabled] {
1144
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___C6vuz[data-disabled] {
1145
1145
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1146
1146
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1147
1147
  }
1148
- .EmbeddedButton-module__hop-EmbeddedButton--option4___fIvzx[data-hovered] {
1148
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___YFa09[data-hovered] {
1149
1149
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1150
1150
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1151
1151
  }
1152
- .EmbeddedButton-module__hop-EmbeddedButton--option4___fIvzx[data-focus-visible] {
1152
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___YFa09[data-focus-visible] {
1153
1153
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1154
1154
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1155
1155
  }
1156
- .EmbeddedButton-module__hop-EmbeddedButton--option4___fIvzx[data-pressed] {
1156
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___YFa09[data-pressed] {
1157
1157
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1158
1158
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1159
1159
  }
1160
- .EmbeddedButton-module__hop-EmbeddedButton--option4___fIvzx[data-disabled] {
1160
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___YFa09[data-disabled] {
1161
1161
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1162
1162
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1163
1163
  }
1164
- .EmbeddedButton-module__hop-EmbeddedButton--option5___N8AtS[data-hovered] {
1164
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___DN-IN[data-hovered] {
1165
1165
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1166
1166
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1167
1167
  }
1168
- .EmbeddedButton-module__hop-EmbeddedButton--option5___N8AtS[data-focus-visible] {
1168
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___DN-IN[data-focus-visible] {
1169
1169
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1170
1170
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1171
1171
  }
1172
- .EmbeddedButton-module__hop-EmbeddedButton--option5___N8AtS[data-pressed] {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___DN-IN[data-pressed] {
1173
1173
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1174
1174
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1175
1175
  }
1176
- .EmbeddedButton-module__hop-EmbeddedButton--option5___N8AtS[data-disabled] {
1176
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___DN-IN[data-disabled] {
1177
1177
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1178
1178
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1179
1179
  }
1180
- .EmbeddedButton-module__hop-EmbeddedButton--option6___dd12g[data-hovered] {
1180
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___gcPst[data-hovered] {
1181
1181
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1182
1182
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1183
1183
  }
1184
- .EmbeddedButton-module__hop-EmbeddedButton--option6___dd12g[data-focus-visible] {
1184
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___gcPst[data-focus-visible] {
1185
1185
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1186
1186
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1187
1187
  }
1188
- .EmbeddedButton-module__hop-EmbeddedButton--option6___dd12g[data-pressed] {
1188
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___gcPst[data-pressed] {
1189
1189
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1190
1190
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1191
1191
  }
1192
- .EmbeddedButton-module__hop-EmbeddedButton--option6___dd12g[data-disabled] {
1192
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___gcPst[data-disabled] {
1193
1193
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1194
1194
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1195
1195
  }
1196
- .EmbeddedButton-module__hop-EmbeddedButton__icon___1gGml {
1196
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___2Orxb {
1197
1197
  position: relative;
1198
1198
  }
1199
1199
 
1200
1200
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1201
- .Button-module__hop-Button___KDYtZ {
1201
+ .Button-module__hop-Button___YrQua {
1202
1202
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1203
1203
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1204
1204
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1322,215 +1322,215 @@
1322
1322
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1323
1323
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1324
1324
  }
1325
- .Button-module__hop-Button--fluid___ZOQ70 {
1325
+ .Button-module__hop-Button--fluid___nZTLJ {
1326
1326
  --inline-size: 100%;
1327
1327
  }
1328
- .Button-module__hop-Button--sm___PlAe6 {
1328
+ .Button-module__hop-Button--sm___aGXGG {
1329
1329
  --block-size: var(--hop-Button-sm-height);
1330
1330
  --padding: var(--hop-Button-sm-padding);
1331
1331
  }
1332
- .Button-module__hop-Button--sm___PlAe6[class*=--ghost] {
1332
+ .Button-module__hop-Button--sm___aGXGG[class*=--ghost] {
1333
1333
  --padding: var(--hop-Button-ghost-sm-padding);
1334
1334
  }
1335
- .Button-module__hop-Button--md___sCQzf[class*=--ghost] {
1335
+ .Button-module__hop-Button--md___hCbjI[class*=--ghost] {
1336
1336
  --padding: var(--hop-Button-ghost-md-padding);
1337
1337
  }
1338
- .Button-module__hop-Button--icon-only___8c-Sx {
1338
+ .Button-module__hop-Button--icon-only___gERNf {
1339
1339
  --column-gap: var(--hop-Button-icon-only-column-gap);
1340
1340
  --padding: var(--hop-Button-icon-only-padding);
1341
1341
  aspect-ratio: 1;
1342
1342
  }
1343
- .Button-module__hop-Button--primary___Kb-uQ {
1343
+ .Button-module__hop-Button--primary___PbGbk {
1344
1344
  --background-color: var(--hop-Button-primary-background-color);
1345
1345
  --color: var(--hop-Button-primary-color);
1346
1346
  --border: var(--hop-Button-primary-border);
1347
1347
  --spinner-color: var(--hop-Button-primary-spinner-color);
1348
1348
  }
1349
- .Button-module__hop-Button--primary___Kb-uQ[data-hovered],
1350
- .Button-module__hop-Button--primary___Kb-uQ[data-focus-visible] {
1349
+ .Button-module__hop-Button--primary___PbGbk[data-hovered],
1350
+ .Button-module__hop-Button--primary___PbGbk[data-focus-visible] {
1351
1351
  --background-color: var(--hop-Button-primary-background-color-hover);
1352
1352
  --color: var(--hop-Button-primary-color-hover);
1353
1353
  --border: var(--hop-Button-primary-border-hover);
1354
1354
  }
1355
- .Button-module__hop-Button--primary___Kb-uQ[data-pressed] {
1355
+ .Button-module__hop-Button--primary___PbGbk[data-pressed] {
1356
1356
  --background-color: var(--hop-Button-primary-background-color-pressed);
1357
1357
  --color: var(--hop-Button-primary-color-pressed);
1358
1358
  --border: var(--hop-Button-primary-border-pressed);
1359
1359
  }
1360
- .Button-module__hop-Button--secondary___O4v2Q {
1360
+ .Button-module__hop-Button--secondary___aeqDb {
1361
1361
  --background-color: var(--hop-Button-secondary-background-color);
1362
1362
  --color: var(--hop-Button-secondary-color);
1363
1363
  --border: var(--hop-Button-secondary-border);
1364
1364
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1365
1365
  }
1366
- .Button-module__hop-Button--secondary___O4v2Q[data-hovered],
1367
- .Button-module__hop-Button--secondary___O4v2Q[data-focus-visible] {
1366
+ .Button-module__hop-Button--secondary___aeqDb[data-hovered],
1367
+ .Button-module__hop-Button--secondary___aeqDb[data-focus-visible] {
1368
1368
  --background-color: var(--hop-Button-secondary-background-color-hover);
1369
1369
  --color: var(--hop-Button-secondary-color-hover);
1370
1370
  --border: var(--hop-Button-secondary-border-hover);
1371
1371
  }
1372
- .Button-module__hop-Button--secondary___O4v2Q[data-pressed] {
1372
+ .Button-module__hop-Button--secondary___aeqDb[data-pressed] {
1373
1373
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1374
1374
  --color: var(--hop-Button-secondary-color-pressed);
1375
1375
  --border: var(--hop-Button-secondary-border-pressed);
1376
1376
  }
1377
- .Button-module__hop-Button--upsell___Ztsgb {
1377
+ .Button-module__hop-Button--upsell___FRkB7 {
1378
1378
  --background-color: var(--hop-Button-upsell-background-color);
1379
1379
  --color: var(--hop-Button-upsell-color);
1380
1380
  --border: var(--hop-Button-upsell-border);
1381
1381
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1382
1382
  }
1383
- .Button-module__hop-Button--upsell___Ztsgb[data-hovered],
1384
- .Button-module__hop-Button--upsell___Ztsgb[data-focus-visible] {
1383
+ .Button-module__hop-Button--upsell___FRkB7[data-hovered],
1384
+ .Button-module__hop-Button--upsell___FRkB7[data-focus-visible] {
1385
1385
  --background-color: var(--hop-Button-upsell-background-color-hover);
1386
1386
  --color: var(--hop-Button-upsell-color-hover);
1387
1387
  --border: var(--hop-Button-upsell-border-hover);
1388
1388
  }
1389
- .Button-module__hop-Button--upsell___Ztsgb[data-pressed] {
1389
+ .Button-module__hop-Button--upsell___FRkB7[data-pressed] {
1390
1390
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1391
1391
  --color: var(--hop-Button-upsell-color-pressed);
1392
1392
  --border: var(--hop-Button-upsell-border-pressed);
1393
1393
  }
1394
- .Button-module__hop-Button--danger___rLBG1 {
1394
+ .Button-module__hop-Button--danger___o5D8h {
1395
1395
  --background-color: var(--hop-Button-danger-background-color);
1396
1396
  --color: var(--hop-Button-danger-color);
1397
1397
  --border: var(--hop-Button-danger-border);
1398
1398
  --spinner-color: var(--hop-Button-danger-spinner-color);
1399
1399
  }
1400
- .Button-module__hop-Button--danger___rLBG1[data-hovered],
1401
- .Button-module__hop-Button--danger___rLBG1[data-focus-visible] {
1400
+ .Button-module__hop-Button--danger___o5D8h[data-hovered],
1401
+ .Button-module__hop-Button--danger___o5D8h[data-focus-visible] {
1402
1402
  --background-color: var(--hop-Button-danger-background-color-hover);
1403
1403
  --color: var(--hop-Button-danger-color-hover);
1404
1404
  --border: var(--hop-Button-danger-border-hover);
1405
1405
  }
1406
- .Button-module__hop-Button--danger___rLBG1[data-pressed] {
1406
+ .Button-module__hop-Button--danger___o5D8h[data-pressed] {
1407
1407
  --background-color: var(--hop-Button-danger-background-color-pressed);
1408
1408
  --color: var(--hop-Button-danger-color-pressed);
1409
1409
  --border: var(--hop-Button-danger-border-pressed);
1410
1410
  }
1411
- .Button-module__hop-Button--ghost-primary___E3iRx {
1411
+ .Button-module__hop-Button--ghost-primary___gWGtB {
1412
1412
  --background-color: var(--hop-Button-ghost-primary-background-color);
1413
1413
  --color: var(--hop-Button-ghost-primary-color);
1414
1414
  --border: var(--hop-Button-ghost-primary-border);
1415
1415
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1416
1416
  }
1417
- .Button-module__hop-Button--ghost-primary___E3iRx[data-hovered],
1418
- .Button-module__hop-Button--ghost-primary___E3iRx[data-focus-visible] {
1417
+ .Button-module__hop-Button--ghost-primary___gWGtB[data-hovered],
1418
+ .Button-module__hop-Button--ghost-primary___gWGtB[data-focus-visible] {
1419
1419
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1420
1420
  --color: var(--hop-Button-ghost-primary-color-hover);
1421
1421
  --border: var(--hop-Button-ghost-primary-border-hover);
1422
1422
  --text-underline: underline;
1423
1423
  }
1424
- .Button-module__hop-Button--ghost-primary___E3iRx[data-pressed] {
1424
+ .Button-module__hop-Button--ghost-primary___gWGtB[data-pressed] {
1425
1425
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1426
1426
  --color: var(--hop-Button-ghost-primary-color-pressed);
1427
1427
  --border: var(--hop-Button-ghost-primary-border-pressed);
1428
1428
  --text-underline: underline;
1429
1429
  }
1430
- .Button-module__hop-Button--ghost-secondary___6czKV {
1430
+ .Button-module__hop-Button--ghost-secondary___bJjy- {
1431
1431
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1432
1432
  --color: var(--hop-Button-ghost-secondary-color);
1433
1433
  --border: var(--hop-Button-ghost-secondary-border);
1434
1434
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1435
1435
  }
1436
- .Button-module__hop-Button--ghost-secondary___6czKV[data-hovered],
1437
- .Button-module__hop-Button--ghost-secondary___6czKV[data-focus-visible] {
1436
+ .Button-module__hop-Button--ghost-secondary___bJjy-[data-hovered],
1437
+ .Button-module__hop-Button--ghost-secondary___bJjy-[data-focus-visible] {
1438
1438
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1439
1439
  --color: var(--hop-Button-ghost-secondary-color-hover);
1440
1440
  --border: var(--hop-Button-ghost-secondary-border-hover);
1441
1441
  --text-underline: underline;
1442
1442
  }
1443
- .Button-module__hop-Button--ghost-secondary___6czKV[data-pressed] {
1443
+ .Button-module__hop-Button--ghost-secondary___bJjy-[data-pressed] {
1444
1444
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1445
1445
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1446
1446
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1447
1447
  --text-underline: underline;
1448
1448
  }
1449
- .Button-module__hop-Button--ghost-danger___rvJYN {
1449
+ .Button-module__hop-Button--ghost-danger___xPqEN {
1450
1450
  --background-color: var(--hop-Button-ghost-danger-background-color);
1451
1451
  --color: var(--hop-Button-ghost-danger-color);
1452
1452
  --border: var(--hop-Button-ghost-danger-border);
1453
1453
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1454
1454
  }
1455
- .Button-module__hop-Button--ghost-danger___rvJYN[data-hovered],
1456
- .Button-module__hop-Button--ghost-danger___rvJYN[data-focus-visible] {
1455
+ .Button-module__hop-Button--ghost-danger___xPqEN[data-hovered],
1456
+ .Button-module__hop-Button--ghost-danger___xPqEN[data-focus-visible] {
1457
1457
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1458
1458
  --color: var(--hop-Button-ghost-danger-color-hover);
1459
1459
  --border: var(--hop-Button-ghost-danger-border-hover);
1460
1460
  --text-underline: underline;
1461
1461
  }
1462
- .Button-module__hop-Button--ghost-danger___rvJYN[data-pressed] {
1462
+ .Button-module__hop-Button--ghost-danger___xPqEN[data-pressed] {
1463
1463
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1464
1464
  --color: var(--hop-Button-ghost-danger-color-pressed);
1465
1465
  --border: var(--hop-Button-ghost-danger-border-pressed);
1466
1466
  --text-underline: underline;
1467
1467
  }
1468
- .Button-module__hop-Button___KDYtZ[data-focus-visible] {
1468
+ .Button-module__hop-Button___YrQua[data-focus-visible] {
1469
1469
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1470
1470
  }
1471
- .Button-module__hop-Button___KDYtZ[data-disabled],
1472
- .Button-module__hop-Button___KDYtZ[data-pending] {
1471
+ .Button-module__hop-Button___YrQua[data-disabled],
1472
+ .Button-module__hop-Button___YrQua[data-pending] {
1473
1473
  cursor: not-allowed;
1474
1474
  }
1475
- .Button-module__hop-Button___KDYtZ[data-disabled] {
1475
+ .Button-module__hop-Button___YrQua[data-disabled] {
1476
1476
  --background-color: var(--hop-Button-background-color-disabled);
1477
1477
  --color: var(--hop-Button-color-disabled);
1478
1478
  --border: var(--hop-Button-border-disabled);
1479
1479
  }
1480
- .Button-module__hop-Button___KDYtZ[class*=--ghost][data-disabled] {
1480
+ .Button-module__hop-Button___YrQua[class*=--ghost][data-disabled] {
1481
1481
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1482
1482
  --color: var(--hop-Button-ghost-color-disabled);
1483
1483
  --border: var(--hop-Button-ghost-border-disabled);
1484
1484
  }
1485
- .Button-module__hop-Button--primary___Kb-uQ[data-pending] {
1485
+ .Button-module__hop-Button--primary___PbGbk[data-pending] {
1486
1486
  --background-color: var(--hop-Button-primary-background-color);
1487
1487
  --color: var(--hop-Button-primary-color);
1488
1488
  --border: var(--hop-Button-primary-border);
1489
1489
  }
1490
- .Button-module__hop-Button--secondary___O4v2Q[data-pending] {
1490
+ .Button-module__hop-Button--secondary___aeqDb[data-pending] {
1491
1491
  --background-color: var(--hop-Button-secondary-background-color);
1492
1492
  --color: var(--hop-Button-secondary-color);
1493
1493
  --border: var(--hop-Button-secondary-border);
1494
1494
  }
1495
- .Button-module__hop-Button--upsell___Ztsgb[data-pending] {
1495
+ .Button-module__hop-Button--upsell___FRkB7[data-pending] {
1496
1496
  --background-color: var(--hop-Button-upsell-background-color);
1497
1497
  --color: var(--hop-Button-upsell-color);
1498
1498
  --border: var(--hop-Button-upsell-border);
1499
1499
  }
1500
- .Button-module__hop-Button--danger___rLBG1[data-pending] {
1500
+ .Button-module__hop-Button--danger___o5D8h[data-pending] {
1501
1501
  --background-color: var(--hop-Button-danger-background-color);
1502
1502
  --color: var(--hop-Button-danger-color);
1503
1503
  --border: var(--hop-Button-danger-border);
1504
1504
  }
1505
- .Button-module__hop-Button--ghost-primary___E3iRx[data-pending] {
1505
+ .Button-module__hop-Button--ghost-primary___gWGtB[data-pending] {
1506
1506
  --background-color: var(--hop-Button-ghost-primary-background-color);
1507
1507
  --color: var(--hop-Button-ghost-primary-color);
1508
1508
  --border: var(--hop-Button-ghost-primary-border);
1509
1509
  --text-underline: none;
1510
1510
  }
1511
- .Button-module__hop-Button--ghost-secondary___6czKV[data-pending] {
1511
+ .Button-module__hop-Button--ghost-secondary___bJjy-[data-pending] {
1512
1512
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1513
1513
  --color: var(--hop-Button-ghost-secondary-color);
1514
1514
  --border: var(--hop-Button-ghost-secondary-border);
1515
1515
  --text-underline: none;
1516
1516
  }
1517
- .Button-module__hop-Button--ghost-danger___rvJYN[data-pending] {
1517
+ .Button-module__hop-Button--ghost-danger___xPqEN[data-pending] {
1518
1518
  --background-color: var(--hop-Button-ghost-danger-background-color);
1519
1519
  --color: var(--hop-Button-ghost-danger-color);
1520
1520
  --border: var(--hop-Button-ghost-danger-border);
1521
1521
  --text-underline: none;
1522
1522
  }
1523
- .Button-module__hop-Button__Spinner___Q-ree {
1523
+ .Button-module__hop-Button__Spinner___CFr3Z {
1524
1524
  position: absolute;
1525
1525
  color: var(--spinner-color);
1526
1526
  }
1527
- .Button-module__hop-Button__icon___d5unn,
1528
- .Button-module__hop-Button__icon-list___WH0t4 {
1527
+ .Button-module__hop-Button__icon___gQe8J,
1528
+ .Button-module__hop-Button__icon-list___QSnh3 {
1529
1529
  flex: 0 0 auto;
1530
1530
  justify-self: end;
1531
1531
  order: 1;
1532
1532
  }
1533
- .Button-module__hop-Button__text___Bfvnr {
1533
+ .Button-module__hop-Button__text___yYGW6 {
1534
1534
  user-select: none;
1535
1535
  overflow: visible;
1536
1536
  flex: 0 1 auto;
@@ -1540,57 +1540,57 @@
1540
1540
  text-underline-offset: 0.125rem;
1541
1541
  text-wrap: nowrap;
1542
1542
  }
1543
- .Button-module__hop-Button__end-icon___Ufo59,
1544
- .Button-module__hop-Button__end-icon-list___WL-Qi {
1543
+ .Button-module__hop-Button__end-icon___Zejer,
1544
+ .Button-module__hop-Button__end-icon-list___09-bo {
1545
1545
  flex: 0 0 auto;
1546
1546
  order: 3;
1547
1547
  }
1548
- .Button-module__hop-Button___KDYtZ .Button-module__hop-Button__icon-list___WH0t4,
1549
- .Button-module__hop-Button___KDYtZ .Button-module__hop-Button__end-icon-list___WL-Qi {
1548
+ .Button-module__hop-Button___YrQua .Button-module__hop-Button__icon-list___QSnh3,
1549
+ .Button-module__hop-Button___YrQua .Button-module__hop-Button__end-icon-list___09-bo {
1550
1550
  flex-wrap: nowrap;
1551
1551
  }
1552
- .Button-module__hop-Button___KDYtZ[data-pending] > *:not(.Button-module__hop-Button__Spinner___Q-ree) {
1552
+ .Button-module__hop-Button___YrQua[data-pending] > *:not(.Button-module__hop-Button__Spinner___CFr3Z) {
1553
1553
  opacity: 0;
1554
1554
  }
1555
- .LinkButton-module__hop-LinkButton___8hiIp {
1555
+ .LinkButton-module__hop-LinkButton___ENhGv {
1556
1556
  }
1557
- .LinkButton-module__hop-LinkButton--fluid___tPzcL {
1557
+ .LinkButton-module__hop-LinkButton--fluid___FQnX2 {
1558
1558
  }
1559
- .LinkButton-module__hop-LinkButton--sm___VgEwO {
1559
+ .LinkButton-module__hop-LinkButton--sm___EzKks {
1560
1560
  }
1561
- .LinkButton-module__hop-LinkButton--icon-only___UBCRA {
1561
+ .LinkButton-module__hop-LinkButton--icon-only___mYvPx {
1562
1562
  }
1563
- .LinkButton-module__hop-LinkButton--primary___-0CLO {
1563
+ .LinkButton-module__hop-LinkButton--primary___5E0qR {
1564
1564
  }
1565
- .LinkButton-module__hop-LinkButton--secondary___0oZi4 {
1565
+ .LinkButton-module__hop-LinkButton--secondary___tR3gA {
1566
1566
  }
1567
- .LinkButton-module__hop-LinkButton--upsell___EYyzR {
1567
+ .LinkButton-module__hop-LinkButton--upsell___mAIWq {
1568
1568
  }
1569
- .LinkButton-module__hop-LinkButton--danger___zPOHx {
1569
+ .LinkButton-module__hop-LinkButton--danger___ARfZc {
1570
1570
  }
1571
- .LinkButton-module__hop-LinkButton--ghost-primary___X-0mA {
1571
+ .LinkButton-module__hop-LinkButton--ghost-primary___0EQPP {
1572
1572
  }
1573
- .LinkButton-module__hop-LinkButton--ghost-secondary___BVsqg {
1573
+ .LinkButton-module__hop-LinkButton--ghost-secondary___afILP {
1574
1574
  }
1575
- .LinkButton-module__hop-LinkButton--ghost-danger___VIqZ7 {
1575
+ .LinkButton-module__hop-LinkButton--ghost-danger___d7SzE {
1576
1576
  }
1577
- .LinkButton-module__hop-LinkButton__Spinner___opDlf {
1577
+ .LinkButton-module__hop-LinkButton__Spinner___9h39q {
1578
1578
  }
1579
- .LinkButton-module__hop-LinkButton__icon___9PwgC,
1580
- .LinkButton-module__hop-LinkButton__icon-list___ceseg {
1579
+ .LinkButton-module__hop-LinkButton__icon___Oz86c,
1580
+ .LinkButton-module__hop-LinkButton__icon-list___8GR-y {
1581
1581
  }
1582
- .LinkButton-module__hop-LinkButton__text___0B6BF {
1582
+ .LinkButton-module__hop-LinkButton__text___Yn9Uy {
1583
1583
  }
1584
- .LinkButton-module__hop-LinkButton__end-icon___q5WIw,
1585
- .LinkButton-module__hop-LinkButton__end-icon-list___mZHFb {
1584
+ .LinkButton-module__hop-LinkButton__end-icon___KryP7,
1585
+ .LinkButton-module__hop-LinkButton__end-icon-list___wA6KL {
1586
1586
  }
1587
- .LinkButton-module__hop-LinkButton___8hiIp .LinkButton-module__hop-LinkButton__icon-list___ceseg,
1588
- .LinkButton-module__hop-LinkButton___8hiIp .LinkButton-module__hop-LinkButton__end-icon-list___mZHFb {
1587
+ .LinkButton-module__hop-LinkButton___ENhGv .LinkButton-module__hop-LinkButton__icon-list___8GR-y,
1588
+ .LinkButton-module__hop-LinkButton___ENhGv .LinkButton-module__hop-LinkButton__end-icon-list___wA6KL {
1589
1589
  flex-wrap: nowrap;
1590
1590
  }
1591
1591
 
1592
1592
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
1593
- .InputGroup-module__hop-InputGroup___lqcze {
1593
+ .InputGroup-module__hop-InputGroup___YiDWt {
1594
1594
  --hop-InputGroup-background: var(--hop-neutral-surface);
1595
1595
  --hop-InputGroup-border-color: var(--hop-neutral-border);
1596
1596
  --hop-InputGroup-border-width: 0.0625rem;
@@ -1671,11 +1671,11 @@
1671
1671
  border: var(--border);
1672
1672
  border-radius: var(--hop-InputGroup-border-radius);
1673
1673
  }
1674
- .InputGroup-module__hop-InputGroup--fluid___9vsnJ {
1674
+ .InputGroup-module__hop-InputGroup--fluid___-D-gW {
1675
1675
  --inline-size: 100%;
1676
1676
  --input-inline-size: 100%;
1677
1677
  }
1678
- .InputGroup-module__hop-InputGroup--sm___fmNTG {
1678
+ .InputGroup-module__hop-InputGroup--sm___ebpyh {
1679
1679
  --block-size: var(--hop-InputGroup-sm-block-size);
1680
1680
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
1681
1681
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -1683,7 +1683,7 @@
1683
1683
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
1684
1684
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
1685
1685
  }
1686
- .InputGroup-module__hop-InputGroup___lqcze[data-input-type=textarea] {
1686
+ .InputGroup-module__hop-InputGroup___YiDWt[data-input-type=textarea] {
1687
1687
  --gap: var(--hop-InputGroup-gap-textarea);
1688
1688
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
1689
1689
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -1691,28 +1691,28 @@
1691
1691
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
1692
1692
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
1693
1693
  }
1694
- .InputGroup-module__hop-InputGroup___lqcze[data-input-type=number] {
1694
+ .InputGroup-module__hop-InputGroup___YiDWt[data-input-type=number] {
1695
1695
  --display: var(--hop-InputGroup-display-number);
1696
1696
  --gap: var(--hop-InputGroup-gap-number);
1697
1697
  }
1698
- .InputGroup-module__hop-InputGroup___lqcze[data-hovered] {
1698
+ .InputGroup-module__hop-InputGroup___YiDWt[data-hovered] {
1699
1699
  --background: var(--hop-InputGroup-background-hover);
1700
1700
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
1701
1701
  }
1702
- .InputGroup-module__hop-InputGroup___lqcze[data-focus-within] {
1702
+ .InputGroup-module__hop-InputGroup___YiDWt[data-focus-within] {
1703
1703
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
1704
1704
  }
1705
- .InputGroup-module__hop-InputGroup___lqcze[data-invalid] {
1705
+ .InputGroup-module__hop-InputGroup___YiDWt[data-invalid] {
1706
1706
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
1707
1707
  }
1708
- .InputGroup-module__hop-InputGroup___lqcze[data-disabled] {
1708
+ .InputGroup-module__hop-InputGroup___YiDWt[data-disabled] {
1709
1709
  --background: var(--hop-InputGroup-background-disabled);
1710
1710
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
1711
1711
  --input-color: var(--hop-InputGroup-input-color-disabled);
1712
1712
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
1713
1713
  }
1714
- .InputGroup-module__hop-InputGroup__input___N96kZ,
1715
- .InputGroup-module__hop-InputGroup__textarea___l-fXQ {
1714
+ .InputGroup-module__hop-InputGroup__input___yHbQd,
1715
+ .InputGroup-module__hop-InputGroup__textarea___9TFz- {
1716
1716
  flex: 1 1 auto;
1717
1717
  box-sizing: border-box;
1718
1718
  inline-size: var(--input-inline-size);
@@ -1726,41 +1726,41 @@
1726
1726
  border: none;
1727
1727
  outline: none;
1728
1728
  }
1729
- .InputGroup-module__hop-InputGroup__input___N96kZ {
1729
+ .InputGroup-module__hop-InputGroup__input___yHbQd {
1730
1730
  block-size: var(--input-block-size);
1731
1731
  padding: var(--hop-InputGroup-input-padding);
1732
1732
  }
1733
- .InputGroup-module__hop-InputGroup__textarea___l-fXQ {
1733
+ .InputGroup-module__hop-InputGroup__textarea___9TFz- {
1734
1734
  padding: var(--hop-InputGroup-textarea-padding);
1735
1735
  }
1736
- .InputGroup-module__hop-InputGroup__input___N96kZ::placeholder {
1736
+ .InputGroup-module__hop-InputGroup__input___yHbQd::placeholder {
1737
1737
  font-family: var(--hop-InputGroup-placeholder-font-family);
1738
1738
  font-size: var(--hop-InputGroup-placeholder-font-size);
1739
1739
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
1740
1740
  line-height: var(--hop-InputGroup-placeholder-line-height);
1741
1741
  color: var(--input-placeholder-color);
1742
1742
  }
1743
- .InputGroup-module__hop-InputGroup__embedded-button___A5ODy {
1743
+ .InputGroup-module__hop-InputGroup__embedded-button___0pLB4 {
1744
1744
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
1745
1745
  }
1746
1746
 
1747
1747
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
1748
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___hpm6g {
1748
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___JOpuQ {
1749
1749
  --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
1750
1750
  --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
1751
1751
  --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
1752
1752
  --char-count-color: var(--hop-RemainingCharacterCount-color);
1753
1753
  color: var(--char-count-color);
1754
1754
  }
1755
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___hpm6g[data-invalid] {
1755
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___JOpuQ[data-invalid] {
1756
1756
  --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
1757
1757
  }
1758
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___hpm6g[data-disabled] {
1758
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___JOpuQ[data-disabled] {
1759
1759
  --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
1760
1760
  }
1761
1761
 
1762
1762
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
1763
- .TextArea-module__hop-TextArea___F7U6X {
1763
+ .TextArea-module__hop-TextArea___qDlAE {
1764
1764
  --hop-TextArea-gap: var(--hop-space-stack-xs);
1765
1765
  --hop-TextArea-inline-size: 20rem;
1766
1766
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -1774,29 +1774,29 @@
1774
1774
  inline-size: var(--inline-size);
1775
1775
  max-inline-size: 100%;
1776
1776
  }
1777
- .TextArea-module__hop-TextArea--fluid___7DK9t {
1777
+ .TextArea-module__hop-TextArea--fluid___0OhZE {
1778
1778
  --inline-size: 100%;
1779
1779
  }
1780
- .TextArea-module__hop-TextArea___F7U6X[data-resize-mode=vertical] {
1780
+ .TextArea-module__hop-TextArea___qDlAE[data-resize-mode=vertical] {
1781
1781
  --resize: vertical;
1782
1782
  }
1783
- .TextArea-module__hop-TextArea__Label___3oSGP {
1783
+ .TextArea-module__hop-TextArea__Label___VwUl5 {
1784
1784
  order: 0;
1785
1785
  }
1786
- .TextArea-module__hop-TextArea__prefix___75djx {
1786
+ .TextArea-module__hop-TextArea__prefix___OrQ6D {
1787
1787
  color: var(--hop-TextArea-prefix-color);
1788
1788
  }
1789
- .TextArea-module__hop-TextArea__InputGroup___UF09N {
1789
+ .TextArea-module__hop-TextArea__InputGroup___4kK-l {
1790
1790
  order: 1;
1791
1791
  }
1792
- .TextArea-module__hop-TextArea__RemainingCharacterCount___0OcyS {
1792
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___4VAZg {
1793
1793
  padding: var(--hop-TextArea-remaining-character-count-padding);
1794
1794
  }
1795
- .TextArea-module__hop-TextArea__textarea___R2xFB {
1795
+ .TextArea-module__hop-TextArea__textarea___xgTBC {
1796
1796
  resize: var(--resize);
1797
1797
  min-block-size: var(--hop-TextArea-input-min-height);
1798
1798
  }
1799
- .TextArea-module__hop-TextArea__ErrorMessage___S57sB,
1800
- .TextArea-module__hop-TextArea__HelperMessage___BJvm8 {
1799
+ .TextArea-module__hop-TextArea__ErrorMessage___wbWd4,
1800
+ .TextArea-module__hop-TextArea__HelperMessage___3Slqq {
1801
1801
  order: 3;
1802
1802
  }