@hopper-ui/components 1.3.33 → 1.3.35

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 (268) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +44 -37
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +62 -55
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +44 -37
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +44 -37
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +62 -55
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +49 -42
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +44 -37
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +59 -52
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/Card/src/Card.css +39 -30
  19. package/dist/Card/src/Card.js +2 -2
  20. package/dist/Card/src/index.css +39 -30
  21. package/dist/Card/src/index.js +2 -2
  22. package/dist/ComboBox/src/ComboBox.css +578 -570
  23. package/dist/ComboBox/src/ComboBox.d.ts +1 -0
  24. package/dist/ComboBox/src/ComboBox.js +30 -25
  25. package/dist/ComboBox/src/ComboBoxContext.d.ts +1 -0
  26. package/dist/ComboBox/src/index.css +578 -570
  27. package/dist/ComboBox/src/index.d.ts +1 -0
  28. package/dist/ComboBox/src/index.js +30 -25
  29. package/dist/Disclosure/src/Disclosure.css +305 -0
  30. package/dist/Disclosure/src/Disclosure.d.ts +16 -0
  31. package/dist/Disclosure/src/Disclosure.js +9 -0
  32. package/dist/Disclosure/src/DisclosureContext.d.ts +8 -0
  33. package/dist/Disclosure/src/DisclosureContext.js +2 -0
  34. package/dist/Disclosure/src/DisclosureHeader.css +405 -0
  35. package/dist/Disclosure/src/DisclosureHeader.d.ts +21 -0
  36. package/dist/Disclosure/src/DisclosureHeader.js +22 -0
  37. package/dist/Disclosure/src/DisclosureHeaderContext.d.ts +9 -0
  38. package/dist/Disclosure/src/DisclosureHeaderContext.js +2 -0
  39. package/dist/Disclosure/src/DisclosurePanel.css +292 -0
  40. package/dist/Disclosure/src/DisclosurePanel.d.ts +15 -0
  41. package/dist/Disclosure/src/DisclosurePanel.js +22 -0
  42. package/dist/Disclosure/src/DisclosurePanelContext.d.ts +8 -0
  43. package/dist/Disclosure/src/DisclosurePanelContext.js +2 -0
  44. package/dist/Disclosure/src/index.css +526 -0
  45. package/dist/Disclosure/src/index.d.ts +10 -0
  46. package/dist/Disclosure/src/index.js +27 -0
  47. package/dist/Divider/src/Divider.css +36 -29
  48. package/dist/Divider/src/Divider.js +1 -1
  49. package/dist/Divider/src/index.css +36 -29
  50. package/dist/Divider/src/index.js +1 -1
  51. package/dist/ErrorMessage/src/ErrorMessage.css +36 -29
  52. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  53. package/dist/ErrorMessage/src/index.css +36 -29
  54. package/dist/ErrorMessage/src/index.js +2 -2
  55. package/dist/Form/src/Form.css +28 -5005
  56. package/dist/Form/src/Form.d.ts +6 -3
  57. package/dist/Form/src/Form.js +2 -28
  58. package/dist/Form/src/FormContext.d.ts +3 -3
  59. package/dist/Form/src/FormContext.js +1 -1
  60. package/dist/Form/src/index.css +28 -5005
  61. package/dist/Form/src/index.d.ts +1 -1
  62. package/dist/Form/src/index.js +2 -28
  63. package/dist/HelperMessage/src/HelperMessage.css +36 -29
  64. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  65. package/dist/HelperMessage/src/index.css +36 -29
  66. package/dist/HelperMessage/src/index.js +2 -2
  67. package/dist/IconList/src/IconList.css +35 -28
  68. package/dist/IconList/src/IconList.js +1 -1
  69. package/dist/IconList/src/index.css +35 -28
  70. package/dist/IconList/src/index.js +1 -1
  71. package/dist/Link/src/Link.css +56 -49
  72. package/dist/Link/src/Link.js +9 -7
  73. package/dist/Link/src/index.css +56 -49
  74. package/dist/Link/src/index.js +9 -7
  75. package/dist/ListBox/src/ListBox.css +281 -274
  76. package/dist/ListBox/src/ListBox.js +16 -14
  77. package/dist/ListBox/src/ListBoxItem.css +269 -262
  78. package/dist/ListBox/src/ListBoxItem.js +13 -11
  79. package/dist/ListBox/src/ListBoxItemSkeleton.css +41 -34
  80. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  81. package/dist/ListBox/src/index.css +281 -274
  82. package/dist/ListBox/src/index.js +16 -14
  83. package/dist/ListBoxSection/src/ListBoxSection.d.ts +19 -0
  84. package/dist/ListBoxSection/src/ListBoxSection.js +3 -0
  85. package/dist/ListBoxSection/src/ListBoxSectionContext.d.ts +9 -0
  86. package/dist/ListBoxSection/src/ListBoxSectionContext.js +2 -0
  87. package/dist/ListBoxSection/src/index.d.ts +6 -0
  88. package/dist/ListBoxSection/src/index.js +3 -0
  89. package/dist/Select/src/Select.css +582 -564
  90. package/dist/Select/src/Select.d.ts +1 -0
  91. package/dist/Select/src/Select.js +32 -27
  92. package/dist/Select/src/SelectContext.d.ts +1 -0
  93. package/dist/Select/src/SelectValue.css +68 -61
  94. package/dist/Select/src/SelectValue.js +7 -5
  95. package/dist/Select/src/index.css +582 -564
  96. package/dist/Select/src/index.d.ts +1 -0
  97. package/dist/Select/src/index.js +32 -27
  98. package/dist/Spinner/src/Spinner.css +44 -37
  99. package/dist/Spinner/src/Spinner.js +2 -2
  100. package/dist/Spinner/src/index.css +44 -37
  101. package/dist/Spinner/src/index.js +2 -2
  102. package/dist/ToggleArrow/src/ToggleArrow.css +243 -0
  103. package/dist/ToggleArrow/src/ToggleArrow.d.ts +21 -0
  104. package/dist/ToggleArrow/src/ToggleArrow.js +4 -0
  105. package/dist/ToggleArrow/src/ToggleArrowContext.d.ts +10 -0
  106. package/dist/ToggleArrow/src/ToggleArrowContext.js +2 -0
  107. package/dist/ToggleArrow/src/index.css +243 -0
  108. package/dist/ToggleArrow/src/index.d.ts +7 -0
  109. package/dist/ToggleArrow/src/index.js +4 -0
  110. package/dist/buttons/src/Button.css +100 -93
  111. package/dist/buttons/src/Button.js +11 -9
  112. package/dist/buttons/src/ButtonGroup.css +45 -38
  113. package/dist/buttons/src/ButtonGroup.js +1 -1
  114. package/dist/buttons/src/ClearButton.css +105 -98
  115. package/dist/buttons/src/ClearButton.js +2 -2
  116. package/dist/buttons/src/EmbeddedButton.css +105 -98
  117. package/dist/buttons/src/EmbeddedButton.js +1 -1
  118. package/dist/buttons/src/LinkButton.css +109 -102
  119. package/dist/buttons/src/LinkButton.js +10 -8
  120. package/dist/buttons/src/index.css +256 -249
  121. package/dist/buttons/src/index.js +15 -13
  122. package/dist/checkbox/src/Checkbox.css +53 -46
  123. package/dist/checkbox/src/Checkbox.js +10 -8
  124. package/dist/checkbox/src/CheckboxField.css +93 -86
  125. package/dist/checkbox/src/CheckboxField.js +4 -2
  126. package/dist/checkbox/src/CheckboxGroup.css +105 -98
  127. package/dist/checkbox/src/CheckboxGroup.js +9 -7
  128. package/dist/checkbox/src/DecorativeCheckbox.css +61 -54
  129. package/dist/checkbox/src/DecorativeCheckbox.js +10 -8
  130. package/dist/checkbox/src/index.css +105 -98
  131. package/dist/checkbox/src/index.js +17 -15
  132. package/dist/{chunk-6SOC4ZCP.js → chunk-2HHYW5O7.js} +2 -2
  133. package/dist/{chunk-DPGUTB2Z.js → chunk-2VRVLS4A.js} +2 -2
  134. package/dist/{chunk-JGHJ2M26.js → chunk-3THUO6AY.js} +18 -10
  135. package/dist/{chunk-WUXVBNRQ.js → chunk-5LMIPWJ4.js} +8 -6
  136. package/dist/{chunk-5L4SRFMM.js → chunk-5MVIPFJG.js} +2 -2
  137. package/dist/{chunk-OQ5ANYTP.js → chunk-6LK7QKDE.js} +5 -3
  138. package/dist/{chunk-7W2MXYXZ.js → chunk-6XXPLEOU.js} +7 -5
  139. package/dist/chunk-7CJXILRD.js +7 -0
  140. package/dist/chunk-AYW3VAZY.js +79 -0
  141. package/dist/{chunk-VHQQVD4Y.js → chunk-BVZYQJKK.js} +7 -5
  142. package/dist/{chunk-ROBSHFBH.js → chunk-CGHAMVQH.js} +2 -2
  143. package/dist/{chunk-NLZXVLBW.js → chunk-DZJSSJVJ.js} +9 -9
  144. package/dist/{chunk-Z2UVDVEE.js → chunk-EJGX57JX.js} +2 -2
  145. package/dist/{chunk-CWGQSZVV.js → chunk-EPSUB3U3.js} +8 -6
  146. package/dist/{chunk-VB4KGI6T.js → chunk-F7F57LOT.js} +1 -1
  147. package/dist/chunk-FSXFF7TJ.js +124 -0
  148. package/dist/{chunk-BYOQKF3I.js → chunk-FUSWS7EZ.js} +2 -2
  149. package/dist/{chunk-ECAM35AM.js → chunk-G34IZZZR.js} +6 -4
  150. package/dist/{chunk-YGEF3D4F.js → chunk-G3XUMSZ4.js} +3 -3
  151. package/dist/chunk-GFRTCF4B.js +7 -0
  152. package/dist/{chunk-JA3U74ZK.js → chunk-IAHBYEON.js} +1 -1
  153. package/dist/chunk-IXXQUPXA.js +67 -0
  154. package/dist/chunk-J6WBI2I2.js +7 -0
  155. package/dist/{chunk-JTHUJSFK.js → chunk-JJ6IB366.js} +2 -2
  156. package/dist/{chunk-GCPJ72ES.js → chunk-KM6OVMUI.js} +1 -1
  157. package/dist/{chunk-HLWX7CML.js → chunk-LL362RG6.js} +2 -2
  158. package/dist/{chunk-7TNFRZPO.js → chunk-M4HNTQU7.js} +1 -1
  159. package/dist/{chunk-TUQXINCS.js → chunk-MAO7KM3A.js} +2 -2
  160. package/dist/{chunk-UBXBQMCI.js → chunk-MGZMC7Q2.js} +1 -1
  161. package/dist/{chunk-ETR3U3FY.js → chunk-MI3FZZRE.js} +1 -1
  162. package/dist/{chunk-5V32JYKM.js → chunk-MM727X5U.js} +1 -1
  163. package/dist/chunk-MUAXK42C.js +7 -0
  164. package/dist/{chunk-YQXI64TQ.js → chunk-NEVRDLRS.js} +8 -2
  165. package/dist/{chunk-Z2LRCDGL.js → chunk-NGJP7SMI.js} +5 -3
  166. package/dist/{chunk-ZV45TYGR.js → chunk-OQSYJW5D.js} +9 -7
  167. package/dist/{chunk-WOSZZL62.js → chunk-P7VQVTDQ.js} +8 -6
  168. package/dist/{chunk-EURJK4ZT.js → chunk-Q7NXUUB3.js} +1 -1
  169. package/dist/{chunk-ZWNZNKIJ.js → chunk-QBOXEWTP.js} +2 -2
  170. package/dist/{chunk-MAMRCWYC.js → chunk-QKJUME2B.js} +1 -1
  171. package/dist/{chunk-PSIGABQ5.js → chunk-QZTLUJBL.js} +1 -1
  172. package/dist/{chunk-Z5GLI3AC.js → chunk-RBU6S27I.js} +10 -8
  173. package/dist/{chunk-DRVU56LK.js → chunk-RFVQDNIT.js} +19 -11
  174. package/dist/chunk-RLDIAT4F.js +7 -0
  175. package/dist/chunk-RTABBR2E.js +68 -0
  176. package/dist/{chunk-5N6R4USJ.js → chunk-SDNIPJPM.js} +1 -1
  177. package/dist/{chunk-O44XKAD6.js → chunk-SYXSGWNE.js} +6 -4
  178. package/dist/{chunk-VDEBLHQC.js → chunk-TBZB627Y.js} +8 -6
  179. package/dist/{chunk-DJWMHKN5.js → chunk-TP3LLTP7.js} +6 -6
  180. package/dist/{chunk-NDJTJNFH.js → chunk-UKPQDNTE.js} +2 -2
  181. package/dist/{chunk-NOY3G4YX.js → chunk-USO7PAIT.js} +1 -1
  182. package/dist/{chunk-YXAAHLMF.js → chunk-VK743S4L.js} +7 -5
  183. package/dist/{chunk-R5756BNI.js → chunk-X3G7OJKA.js} +3 -3
  184. package/dist/chunk-XJPH3TL7.js +50 -0
  185. package/dist/{chunk-JCJA22ZN.js → chunk-XJUDFLDF.js} +4 -2
  186. package/dist/{chunk-SVBLMLJM.js → chunk-XYU4RE35.js} +1 -1
  187. package/dist/{chunk-JQDHDPWX.js → chunk-YGFDJWW6.js} +3 -3
  188. package/dist/{chunk-HXO6663T.js → chunk-YSL6C4TP.js} +2 -2
  189. package/dist/{chunk-MYDEFJS3.js → chunk-ZFGFRLWN.js} +1 -1
  190. package/dist/{chunk-TQKARZW6.js → chunk-ZJCGRPXS.js} +2 -2
  191. package/dist/{chunk-BCUIZE4G.js → chunk-ZTSBOPRT.js} +1 -1
  192. package/dist/{chunk-6URDOTFT.js → chunk-ZUSVLWHC.js} +6 -6
  193. package/dist/index.css +1244 -957
  194. package/dist/index.d.ts +9 -3
  195. package/dist/index.js +85 -77
  196. package/dist/inputs/src/InputGroup.css +271 -264
  197. package/dist/inputs/src/InputGroup.js +1 -1
  198. package/dist/inputs/src/NumberField.css +293 -286
  199. package/dist/inputs/src/NumberField.js +14 -12
  200. package/dist/inputs/src/PasswordField.css +281 -274
  201. package/dist/inputs/src/PasswordField.js +13 -11
  202. package/dist/inputs/src/RemainingCharacterCount.css +37 -30
  203. package/dist/inputs/src/RemainingCharacterCount.js +7 -5
  204. package/dist/inputs/src/SearchField.css +287 -280
  205. package/dist/inputs/src/SearchField.js +14 -12
  206. package/dist/inputs/src/TextArea.css +288 -281
  207. package/dist/inputs/src/TextArea.js +13 -11
  208. package/dist/inputs/src/TextField.css +285 -278
  209. package/dist/inputs/src/TextField.js +17 -15
  210. package/dist/inputs/src/index.css +331 -324
  211. package/dist/inputs/src/index.js +25 -23
  212. package/dist/overlays/Popover/src/Popover.css +548 -541
  213. package/dist/overlays/Popover/src/Popover.js +12 -10
  214. package/dist/overlays/Popover/src/index.css +548 -541
  215. package/dist/overlays/Popover/src/index.js +12 -10
  216. package/dist/radio/src/DecorativeRadio.css +61 -54
  217. package/dist/radio/src/DecorativeRadio.js +9 -7
  218. package/dist/radio/src/Radio.css +53 -46
  219. package/dist/radio/src/Radio.js +9 -7
  220. package/dist/radio/src/RadioField.css +40 -33
  221. package/dist/radio/src/RadioField.js +2 -2
  222. package/dist/radio/src/RadioGroup.css +105 -98
  223. package/dist/radio/src/RadioGroup.js +9 -7
  224. package/dist/radio/src/index.css +105 -98
  225. package/dist/radio/src/index.js +17 -15
  226. package/dist/switch/src/Switch.css +50 -43
  227. package/dist/switch/src/Switch.js +9 -7
  228. package/dist/switch/src/SwitchField.css +40 -33
  229. package/dist/switch/src/SwitchField.js +2 -2
  230. package/dist/switch/src/index.css +56 -49
  231. package/dist/switch/src/index.js +10 -8
  232. package/dist/tag/src/Tag.css +397 -390
  233. package/dist/tag/src/Tag.js +12 -10
  234. package/dist/tag/src/TagGroup.css +44 -37
  235. package/dist/tag/src/TagGroup.js +9 -7
  236. package/dist/tag/src/index.css +407 -400
  237. package/dist/tag/src/index.js +18 -16
  238. package/dist/typography/Heading/src/Heading.css +34 -27
  239. package/dist/typography/Heading/src/Heading.js +1 -1
  240. package/dist/typography/Heading/src/index.css +34 -27
  241. package/dist/typography/Heading/src/index.js +1 -1
  242. package/dist/typography/Label/src/Label.css +34 -27
  243. package/dist/typography/Label/src/Label.js +3 -1
  244. package/dist/typography/Label/src/index.css +34 -27
  245. package/dist/typography/Label/src/index.js +3 -1
  246. package/dist/typography/OverlineText/src/OverlineText.css +34 -27
  247. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  248. package/dist/typography/OverlineText/src/index.css +34 -27
  249. package/dist/typography/OverlineText/src/index.js +1 -1
  250. package/dist/typography/Text/src/Text.css +34 -27
  251. package/dist/typography/Text/src/Text.js +1 -1
  252. package/dist/typography/Text/src/index.css +34 -27
  253. package/dist/typography/Text/src/index.js +1 -1
  254. package/dist/utils/src/EnsureTextWrapper.css +34 -27
  255. package/dist/utils/src/EnsureTextWrapper.d.ts +1 -1
  256. package/dist/utils/src/EnsureTextWrapper.js +7 -5
  257. package/dist/utils/src/index.css +34 -27
  258. package/dist/utils/src/index.js +7 -5
  259. package/dist/utils/src/types.d.ts +1 -1
  260. package/package.json +9 -9
  261. package/dist/Section/src/Section.d.ts +0 -19
  262. package/dist/Section/src/Section.js +0 -3
  263. package/dist/Section/src/SectionContext.d.ts +0 -9
  264. package/dist/Section/src/SectionContext.js +0 -2
  265. package/dist/Section/src/index.d.ts +0 -6
  266. package/dist/Section/src/index.js +0 -3
  267. package/dist/chunk-5H5AZJPQ.js +0 -7
  268. package/dist/chunk-GDB7JQ3D.js +0 -153
@@ -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___CVskF {
2
+ .Heading-module__hop-Heading___kTk6X {
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___CVskF) {
36
+ :where(.Heading-module__hop-Heading___kTk6X) {
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___7Zrw2) {
43
+ :where(.Heading-module__hop-Heading--xs___YkbL6) {
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___VbyiN) {
49
+ :where(.Heading-module__hop-Heading--sm___blSam) {
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___gkCTa) {
55
+ :where(.Heading-module__hop-Heading--md___y4meX) {
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___XhmuU) {
61
+ :where(.Heading-module__hop-Heading--lg___uBzEA) {
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___0Rnx-) {
67
+ :where(.Heading-module__hop-Heading--xl___GpG4F) {
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___H2izG) {
73
+ :where(.Heading-module__hop-Heading--2xl___MTCAL) {
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___NX39q) {
79
+ :where(.Heading-module__hop-Heading--3xl___rWxe6) {
80
80
  --font-size: var(--hop-Heading-3xl-font-size);
81
81
  --font-family: var(--hop-Heading-3xl-font-family);
82
82
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -84,7 +84,7 @@
84
84
  }
85
85
 
86
86
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
87
- .Text-module__hop-Text___oqQoT {
87
+ .Text-module__hop-Text___9GSuR {
88
88
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
89
89
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
90
90
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -114,49 +114,49 @@
114
114
  --hop-Text-inherit-size-font-weight: inherit;
115
115
  --hop-Text-inherit-size-line-height: inherit;
116
116
  }
117
- :where(.Text-module__hop-Text___oqQoT) {
117
+ :where(.Text-module__hop-Text___9GSuR) {
118
118
  font-family: var(--font-family);
119
119
  font-size: var(--font-size);
120
120
  font-weight: var(--font-weight);
121
121
  line-height: var(--line-height);
122
122
  }
123
- :where(.Text-module__hop-Text--xs___gmh3H) {
123
+ :where(.Text-module__hop-Text--xs___oFNpU) {
124
124
  --font-size: var(--hop-Text-xs-font-size);
125
125
  --font-family: var(--hop-Text-xs-font-family);
126
126
  --font-weight: var(--hop-Text-xs-font-weight);
127
127
  --line-height: var(--hop-Text-xs-line-height);
128
128
  }
129
- :where(.Text-module__hop-Text--sm___vOWCS) {
129
+ :where(.Text-module__hop-Text--sm___FaLG3) {
130
130
  --font-size: var(--hop-Text-sm-font-size);
131
131
  --font-family: var(--hop-Text-sm-font-family);
132
132
  --font-weight: var(--hop-Text-sm-font-weight);
133
133
  --line-height: var(--hop-Text-sm-line-height);
134
134
  }
135
- :where(.Text-module__hop-Text--md___k7DwC) {
135
+ :where(.Text-module__hop-Text--md___pW7zQ) {
136
136
  --font-size: var(--hop-Text-md-font-size);
137
137
  --font-family: var(--hop-Text-md-font-family);
138
138
  --font-weight: var(--hop-Text-md-font-weight);
139
139
  --line-height: var(--hop-Text-md-line-height);
140
140
  }
141
- :where(.Text-module__hop-Text--lg___yM6qv) {
141
+ :where(.Text-module__hop-Text--lg___8efIV) {
142
142
  --font-size: var(--hop-Text-lg-font-size);
143
143
  --font-family: var(--hop-Text-lg-font-family);
144
144
  --font-weight: var(--hop-Text-lg-font-weight);
145
145
  --line-height: var(--hop-Text-lg-line-height);
146
146
  }
147
- :where(.Text-module__hop-Text--xl___2nk6L) {
147
+ :where(.Text-module__hop-Text--xl___R-9rB) {
148
148
  --font-size: var(--hop-Text-xl-font-size);
149
149
  --font-family: var(--hop-Text-xl-font-family);
150
150
  --font-weight: var(--hop-Text-xl-font-weight);
151
151
  --line-height: var(--hop-Text-xl-line-height);
152
152
  }
153
- :where(.Text-module__hop-Text--2xl___NUzYK) {
153
+ :where(.Text-module__hop-Text--2xl___OTgcy) {
154
154
  --font-size: var(--hop-Text-2xl-font-size);
155
155
  --font-family: var(--hop-Text-2xl-font-family);
156
156
  --font-weight: var(--hop-Text-2xl-font-weight);
157
157
  --line-height: var(--hop-Text-2xl-line-height);
158
158
  }
159
- :where(.Text-module__hop-Text--inherit___WNcxc) {
159
+ :where(.Text-module__hop-Text--inherit___5e8-3) {
160
160
  --font-size: var(--hop-Text-inherit-size-font-size);
161
161
  --font-family: var(--hop-Text-inherit-size-font-family);
162
162
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -164,7 +164,7 @@
164
164
  }
165
165
 
166
166
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
167
- :where(.OverlineText-module__hop-OverlineText___Fyhbp) {
167
+ :where(.OverlineText-module__hop-OverlineText___D-RLi) {
168
168
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
169
169
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
170
170
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -188,45 +188,52 @@
188
188
  text-transform: uppercase;
189
189
  letter-spacing: var(--letter-spacing);
190
190
  }
191
- .OverlineText-module__hop-OverlineText__text___-NVnD {
191
+ .OverlineText-module__hop-OverlineText__text___Y6Wnp {
192
192
  box-sizing: border-box;
193
193
  }
194
- .OverlineText-module__hop-OverlineText__text___-NVnD::before,
195
- .OverlineText-module__hop-OverlineText__text___-NVnD::after {
194
+ .OverlineText-module__hop-OverlineText__text___Y6Wnp::before,
195
+ .OverlineText-module__hop-OverlineText__text___Y6Wnp::after {
196
196
  content: "";
197
197
  display: block;
198
198
  box-sizing: border-box;
199
199
  inline-size: 0;
200
200
  block-size: 0;
201
201
  }
202
- .OverlineText-module__hop-OverlineText__text___-NVnD::before {
202
+ .OverlineText-module__hop-OverlineText__text___Y6Wnp::before {
203
203
  margin-block-end: var(--bottom-offset);
204
204
  }
205
- .OverlineText-module__hop-OverlineText__text___-NVnD::after {
205
+ .OverlineText-module__hop-OverlineText__text___Y6Wnp::after {
206
206
  margin-block-start: var(--top-offset);
207
207
  }
208
208
 
209
209
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
210
- .Label-module__hop-Label___0IaEN {
210
+ .Label-module__hop-Label___WAgRk {
211
211
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
212
212
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
213
213
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
214
214
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
215
215
  --hop-Label-color: var(--hop-neutral-text-weak);
216
216
  }
217
- :where(.Label-module__hop-Label___0IaEN) {
217
+ :where(.Label-module__hop-Label___WAgRk) {
218
218
  font-family: var(--hop-Label-font-family);
219
219
  font-size: var(--hop-Label-font-size);
220
220
  font-weight: var(--hop-Label-font-weight);
221
221
  line-height: var(--hop-Label-line-height);
222
222
  color: var(--hop-Label-color);
223
223
  }
224
- :where(.Label-module__hop-Label__indicator___ckLyt) {
224
+ :where(.Label-module__hop-Label__indicator___KrKa0) {
225
225
  padding-inline-start: var(--hop-space-20);
226
226
  }
227
227
 
228
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
229
+ .Form-module__hop-Form___OXHm7 {
230
+ display: flex;
231
+ flex-direction: column;
232
+ gap: var(--hop-space-stack-lg);
233
+ }
234
+
228
235
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
229
- .IconList-module__hop-IconList___ozcS7 {
236
+ .IconList-module__hop-IconList___aKk8b {
230
237
  --hop-IconList-gap: var(--hop-space-inline-xs);
231
238
  display: flex;
232
239
  flex-wrap: wrap;
@@ -235,7 +242,7 @@
235
242
  }
236
243
 
237
244
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
238
- @keyframes Spinner-module__spin___GpF3a {
245
+ @keyframes Spinner-module__spin___yY3cN {
239
246
  0% {
240
247
  transform: rotate(0deg);
241
248
  }
@@ -243,7 +250,7 @@
243
250
  transform: rotate(360deg);
244
251
  }
245
252
  }
246
- .Spinner-module__hop-Spinner___9g3mc {
253
+ .Spinner-module__hop-Spinner___f2Jew {
247
254
  --hop-Spinner-border-radius: var(--hop-shape-circle);
248
255
  --hop-Spinner-sm-wheel-size: 1rem;
249
256
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -251,7 +258,7 @@
251
258
  --hop-Spinner-track-width: 0.125rem;
252
259
  --hop-Spinner-track-opacity: 0.2;
253
260
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
254
- --hop-Spinner-fill-animation: Spinner-module__spin___GpF3a .8s infinite linear;
261
+ --hop-Spinner-fill-animation: Spinner-module__spin___yY3cN .8s infinite linear;
255
262
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
256
263
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
257
264
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -262,19 +269,19 @@
262
269
  align-items: center;
263
270
  box-sizing: border-box;
264
271
  }
265
- .Spinner-module__hop-Spinner--sm___Sn8Ex {
272
+ .Spinner-module__hop-Spinner--sm___YTD7u {
266
273
  --width: var(--hop-Spinner-sm-wheel-size);
267
274
  --height: var(--hop-Spinner-sm-wheel-size);
268
275
  }
269
- .Spinner-module__hop-Spinner--md___xl5cv {
276
+ .Spinner-module__hop-Spinner--md___LX-AD {
270
277
  --width: var(--hop-Spinner-md-wheel-size);
271
278
  --height: var(--hop-Spinner-md-wheel-size);
272
279
  }
273
- .Spinner-module__hop-Spinner--lg___83WoZ {
280
+ .Spinner-module__hop-Spinner--lg___eg9q8 {
274
281
  --width: var(--hop-Spinner-lg-wheel-size);
275
282
  --height: var(--hop-Spinner-lg-wheel-size);
276
283
  }
277
- .Spinner-module__hop-Spinner__track___chlyR {
284
+ .Spinner-module__hop-Spinner__track___IW7Cd {
278
285
  grid-area: spinner;
279
286
  box-sizing: border-box;
280
287
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -283,7 +290,7 @@
283
290
  border: var(--hop-Spinner-track-border);
284
291
  border-radius: var(--hop-Spinner-border-radius);
285
292
  }
286
- .Spinner-module__hop-Spinner__fill___c02Ru {
293
+ .Spinner-module__hop-Spinner__fill___ED6C0 {
287
294
  grid-area: spinner;
288
295
  box-sizing: border-box;
289
296
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -294,17 +301,17 @@
294
301
  animation: var(--hop-Spinner-fill-animation);
295
302
  }
296
303
  @media (prefers-reduced-motion: reduce) {
297
- .Spinner-module__hop-Spinner__fill___c02Ru {
304
+ .Spinner-module__hop-Spinner__fill___ED6C0 {
298
305
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
299
306
  }
300
307
  }
301
- .Spinner-module__hop-Spinner__label___AeMTu {
308
+ .Spinner-module__hop-Spinner__label___EId-C {
302
309
  grid-area: label;
303
310
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
304
311
  }
305
312
 
306
313
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
307
- .Button-module__hop-Button___WzlOR {
314
+ .Button-module__hop-Button___KDYtZ {
308
315
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
309
316
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
310
317
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -428,215 +435,215 @@
428
435
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
429
436
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
430
437
  }
431
- .Button-module__hop-Button--fluid___F7Bj6 {
438
+ .Button-module__hop-Button--fluid___ZOQ70 {
432
439
  --inline-size: 100%;
433
440
  }
434
- .Button-module__hop-Button--sm___Rwa3Y {
441
+ .Button-module__hop-Button--sm___PlAe6 {
435
442
  --block-size: var(--hop-Button-sm-height);
436
443
  --padding: var(--hop-Button-sm-padding);
437
444
  }
438
- .Button-module__hop-Button--sm___Rwa3Y[class*=--ghost] {
445
+ .Button-module__hop-Button--sm___PlAe6[class*=--ghost] {
439
446
  --padding: var(--hop-Button-ghost-sm-padding);
440
447
  }
441
- .Button-module__hop-Button--md___h8xzm[class*=--ghost] {
448
+ .Button-module__hop-Button--md___sCQzf[class*=--ghost] {
442
449
  --padding: var(--hop-Button-ghost-md-padding);
443
450
  }
444
- .Button-module__hop-Button--icon-only___ahMFW {
451
+ .Button-module__hop-Button--icon-only___8c-Sx {
445
452
  --column-gap: var(--hop-Button-icon-only-column-gap);
446
453
  --padding: var(--hop-Button-icon-only-padding);
447
454
  aspect-ratio: 1;
448
455
  }
449
- .Button-module__hop-Button--primary___KSauO {
456
+ .Button-module__hop-Button--primary___Kb-uQ {
450
457
  --background-color: var(--hop-Button-primary-background-color);
451
458
  --color: var(--hop-Button-primary-color);
452
459
  --border: var(--hop-Button-primary-border);
453
460
  --spinner-color: var(--hop-Button-primary-spinner-color);
454
461
  }
455
- .Button-module__hop-Button--primary___KSauO[data-hovered],
456
- .Button-module__hop-Button--primary___KSauO[data-focus-visible] {
462
+ .Button-module__hop-Button--primary___Kb-uQ[data-hovered],
463
+ .Button-module__hop-Button--primary___Kb-uQ[data-focus-visible] {
457
464
  --background-color: var(--hop-Button-primary-background-color-hover);
458
465
  --color: var(--hop-Button-primary-color-hover);
459
466
  --border: var(--hop-Button-primary-border-hover);
460
467
  }
461
- .Button-module__hop-Button--primary___KSauO[data-pressed] {
468
+ .Button-module__hop-Button--primary___Kb-uQ[data-pressed] {
462
469
  --background-color: var(--hop-Button-primary-background-color-pressed);
463
470
  --color: var(--hop-Button-primary-color-pressed);
464
471
  --border: var(--hop-Button-primary-border-pressed);
465
472
  }
466
- .Button-module__hop-Button--secondary___89Ki0 {
473
+ .Button-module__hop-Button--secondary___O4v2Q {
467
474
  --background-color: var(--hop-Button-secondary-background-color);
468
475
  --color: var(--hop-Button-secondary-color);
469
476
  --border: var(--hop-Button-secondary-border);
470
477
  --spinner-color: var(--hop-Button-secondary-spinner-color);
471
478
  }
472
- .Button-module__hop-Button--secondary___89Ki0[data-hovered],
473
- .Button-module__hop-Button--secondary___89Ki0[data-focus-visible] {
479
+ .Button-module__hop-Button--secondary___O4v2Q[data-hovered],
480
+ .Button-module__hop-Button--secondary___O4v2Q[data-focus-visible] {
474
481
  --background-color: var(--hop-Button-secondary-background-color-hover);
475
482
  --color: var(--hop-Button-secondary-color-hover);
476
483
  --border: var(--hop-Button-secondary-border-hover);
477
484
  }
478
- .Button-module__hop-Button--secondary___89Ki0[data-pressed] {
485
+ .Button-module__hop-Button--secondary___O4v2Q[data-pressed] {
479
486
  --background-color: var(--hop-Button-secondary-background-color-pressed);
480
487
  --color: var(--hop-Button-secondary-color-pressed);
481
488
  --border: var(--hop-Button-secondary-border-pressed);
482
489
  }
483
- .Button-module__hop-Button--upsell___PGrgx {
490
+ .Button-module__hop-Button--upsell___Ztsgb {
484
491
  --background-color: var(--hop-Button-upsell-background-color);
485
492
  --color: var(--hop-Button-upsell-color);
486
493
  --border: var(--hop-Button-upsell-border);
487
494
  --spinner-color: var(--hop-Button-upsell-spinner-color);
488
495
  }
489
- .Button-module__hop-Button--upsell___PGrgx[data-hovered],
490
- .Button-module__hop-Button--upsell___PGrgx[data-focus-visible] {
496
+ .Button-module__hop-Button--upsell___Ztsgb[data-hovered],
497
+ .Button-module__hop-Button--upsell___Ztsgb[data-focus-visible] {
491
498
  --background-color: var(--hop-Button-upsell-background-color-hover);
492
499
  --color: var(--hop-Button-upsell-color-hover);
493
500
  --border: var(--hop-Button-upsell-border-hover);
494
501
  }
495
- .Button-module__hop-Button--upsell___PGrgx[data-pressed] {
502
+ .Button-module__hop-Button--upsell___Ztsgb[data-pressed] {
496
503
  --background-color: var(--hop-Button-upsell-background-color-pressed);
497
504
  --color: var(--hop-Button-upsell-color-pressed);
498
505
  --border: var(--hop-Button-upsell-border-pressed);
499
506
  }
500
- .Button-module__hop-Button--danger___tceuw {
507
+ .Button-module__hop-Button--danger___rLBG1 {
501
508
  --background-color: var(--hop-Button-danger-background-color);
502
509
  --color: var(--hop-Button-danger-color);
503
510
  --border: var(--hop-Button-danger-border);
504
511
  --spinner-color: var(--hop-Button-danger-spinner-color);
505
512
  }
506
- .Button-module__hop-Button--danger___tceuw[data-hovered],
507
- .Button-module__hop-Button--danger___tceuw[data-focus-visible] {
513
+ .Button-module__hop-Button--danger___rLBG1[data-hovered],
514
+ .Button-module__hop-Button--danger___rLBG1[data-focus-visible] {
508
515
  --background-color: var(--hop-Button-danger-background-color-hover);
509
516
  --color: var(--hop-Button-danger-color-hover);
510
517
  --border: var(--hop-Button-danger-border-hover);
511
518
  }
512
- .Button-module__hop-Button--danger___tceuw[data-pressed] {
519
+ .Button-module__hop-Button--danger___rLBG1[data-pressed] {
513
520
  --background-color: var(--hop-Button-danger-background-color-pressed);
514
521
  --color: var(--hop-Button-danger-color-pressed);
515
522
  --border: var(--hop-Button-danger-border-pressed);
516
523
  }
517
- .Button-module__hop-Button--ghost-primary___zhFtX {
524
+ .Button-module__hop-Button--ghost-primary___E3iRx {
518
525
  --background-color: var(--hop-Button-ghost-primary-background-color);
519
526
  --color: var(--hop-Button-ghost-primary-color);
520
527
  --border: var(--hop-Button-ghost-primary-border);
521
528
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
522
529
  }
523
- .Button-module__hop-Button--ghost-primary___zhFtX[data-hovered],
524
- .Button-module__hop-Button--ghost-primary___zhFtX[data-focus-visible] {
530
+ .Button-module__hop-Button--ghost-primary___E3iRx[data-hovered],
531
+ .Button-module__hop-Button--ghost-primary___E3iRx[data-focus-visible] {
525
532
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
526
533
  --color: var(--hop-Button-ghost-primary-color-hover);
527
534
  --border: var(--hop-Button-ghost-primary-border-hover);
528
535
  --text-underline: underline;
529
536
  }
530
- .Button-module__hop-Button--ghost-primary___zhFtX[data-pressed] {
537
+ .Button-module__hop-Button--ghost-primary___E3iRx[data-pressed] {
531
538
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
532
539
  --color: var(--hop-Button-ghost-primary-color-pressed);
533
540
  --border: var(--hop-Button-ghost-primary-border-pressed);
534
541
  --text-underline: underline;
535
542
  }
536
- .Button-module__hop-Button--ghost-secondary___SdEAq {
543
+ .Button-module__hop-Button--ghost-secondary___6czKV {
537
544
  --background-color: var(--hop-Button-ghost-secondary-background-color);
538
545
  --color: var(--hop-Button-ghost-secondary-color);
539
546
  --border: var(--hop-Button-ghost-secondary-border);
540
547
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
541
548
  }
542
- .Button-module__hop-Button--ghost-secondary___SdEAq[data-hovered],
543
- .Button-module__hop-Button--ghost-secondary___SdEAq[data-focus-visible] {
549
+ .Button-module__hop-Button--ghost-secondary___6czKV[data-hovered],
550
+ .Button-module__hop-Button--ghost-secondary___6czKV[data-focus-visible] {
544
551
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
545
552
  --color: var(--hop-Button-ghost-secondary-color-hover);
546
553
  --border: var(--hop-Button-ghost-secondary-border-hover);
547
554
  --text-underline: underline;
548
555
  }
549
- .Button-module__hop-Button--ghost-secondary___SdEAq[data-pressed] {
556
+ .Button-module__hop-Button--ghost-secondary___6czKV[data-pressed] {
550
557
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
551
558
  --color: var(--hop-Button-ghost-secondary-color-pressed);
552
559
  --border: var(--hop-Button-ghost-secondary-border-pressed);
553
560
  --text-underline: underline;
554
561
  }
555
- .Button-module__hop-Button--ghost-danger___VK-9q {
562
+ .Button-module__hop-Button--ghost-danger___rvJYN {
556
563
  --background-color: var(--hop-Button-ghost-danger-background-color);
557
564
  --color: var(--hop-Button-ghost-danger-color);
558
565
  --border: var(--hop-Button-ghost-danger-border);
559
566
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
560
567
  }
561
- .Button-module__hop-Button--ghost-danger___VK-9q[data-hovered],
562
- .Button-module__hop-Button--ghost-danger___VK-9q[data-focus-visible] {
568
+ .Button-module__hop-Button--ghost-danger___rvJYN[data-hovered],
569
+ .Button-module__hop-Button--ghost-danger___rvJYN[data-focus-visible] {
563
570
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
564
571
  --color: var(--hop-Button-ghost-danger-color-hover);
565
572
  --border: var(--hop-Button-ghost-danger-border-hover);
566
573
  --text-underline: underline;
567
574
  }
568
- .Button-module__hop-Button--ghost-danger___VK-9q[data-pressed] {
575
+ .Button-module__hop-Button--ghost-danger___rvJYN[data-pressed] {
569
576
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
570
577
  --color: var(--hop-Button-ghost-danger-color-pressed);
571
578
  --border: var(--hop-Button-ghost-danger-border-pressed);
572
579
  --text-underline: underline;
573
580
  }
574
- .Button-module__hop-Button___WzlOR[data-focus-visible] {
581
+ .Button-module__hop-Button___KDYtZ[data-focus-visible] {
575
582
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
576
583
  }
577
- .Button-module__hop-Button___WzlOR[data-disabled],
578
- .Button-module__hop-Button___WzlOR[data-pending] {
584
+ .Button-module__hop-Button___KDYtZ[data-disabled],
585
+ .Button-module__hop-Button___KDYtZ[data-pending] {
579
586
  cursor: not-allowed;
580
587
  }
581
- .Button-module__hop-Button___WzlOR[data-disabled] {
588
+ .Button-module__hop-Button___KDYtZ[data-disabled] {
582
589
  --background-color: var(--hop-Button-background-color-disabled);
583
590
  --color: var(--hop-Button-color-disabled);
584
591
  --border: var(--hop-Button-border-disabled);
585
592
  }
586
- .Button-module__hop-Button___WzlOR[class*=--ghost][data-disabled] {
593
+ .Button-module__hop-Button___KDYtZ[class*=--ghost][data-disabled] {
587
594
  --background-color: var(--hop-Button-ghost-background-color-disabled);
588
595
  --color: var(--hop-Button-ghost-color-disabled);
589
596
  --border: var(--hop-Button-ghost-border-disabled);
590
597
  }
591
- .Button-module__hop-Button--primary___KSauO[data-pending] {
598
+ .Button-module__hop-Button--primary___Kb-uQ[data-pending] {
592
599
  --background-color: var(--hop-Button-primary-background-color);
593
600
  --color: var(--hop-Button-primary-color);
594
601
  --border: var(--hop-Button-primary-border);
595
602
  }
596
- .Button-module__hop-Button--secondary___89Ki0[data-pending] {
603
+ .Button-module__hop-Button--secondary___O4v2Q[data-pending] {
597
604
  --background-color: var(--hop-Button-secondary-background-color);
598
605
  --color: var(--hop-Button-secondary-color);
599
606
  --border: var(--hop-Button-secondary-border);
600
607
  }
601
- .Button-module__hop-Button--upsell___PGrgx[data-pending] {
608
+ .Button-module__hop-Button--upsell___Ztsgb[data-pending] {
602
609
  --background-color: var(--hop-Button-upsell-background-color);
603
610
  --color: var(--hop-Button-upsell-color);
604
611
  --border: var(--hop-Button-upsell-border);
605
612
  }
606
- .Button-module__hop-Button--danger___tceuw[data-pending] {
613
+ .Button-module__hop-Button--danger___rLBG1[data-pending] {
607
614
  --background-color: var(--hop-Button-danger-background-color);
608
615
  --color: var(--hop-Button-danger-color);
609
616
  --border: var(--hop-Button-danger-border);
610
617
  }
611
- .Button-module__hop-Button--ghost-primary___zhFtX[data-pending] {
618
+ .Button-module__hop-Button--ghost-primary___E3iRx[data-pending] {
612
619
  --background-color: var(--hop-Button-ghost-primary-background-color);
613
620
  --color: var(--hop-Button-ghost-primary-color);
614
621
  --border: var(--hop-Button-ghost-primary-border);
615
622
  --text-underline: none;
616
623
  }
617
- .Button-module__hop-Button--ghost-secondary___SdEAq[data-pending] {
624
+ .Button-module__hop-Button--ghost-secondary___6czKV[data-pending] {
618
625
  --background-color: var(--hop-Button-ghost-secondary-background-color);
619
626
  --color: var(--hop-Button-ghost-secondary-color);
620
627
  --border: var(--hop-Button-ghost-secondary-border);
621
628
  --text-underline: none;
622
629
  }
623
- .Button-module__hop-Button--ghost-danger___VK-9q[data-pending] {
630
+ .Button-module__hop-Button--ghost-danger___rvJYN[data-pending] {
624
631
  --background-color: var(--hop-Button-ghost-danger-background-color);
625
632
  --color: var(--hop-Button-ghost-danger-color);
626
633
  --border: var(--hop-Button-ghost-danger-border);
627
634
  --text-underline: none;
628
635
  }
629
- .Button-module__hop-Button__Spinner___cq-n1 {
636
+ .Button-module__hop-Button__Spinner___Q-ree {
630
637
  position: absolute;
631
638
  color: var(--spinner-color);
632
639
  }
633
- .Button-module__hop-Button__icon___9hafi,
634
- .Button-module__hop-Button__icon-list___3dKQl {
640
+ .Button-module__hop-Button__icon___d5unn,
641
+ .Button-module__hop-Button__icon-list___WH0t4 {
635
642
  flex: 0 0 auto;
636
643
  justify-self: end;
637
644
  order: 1;
638
645
  }
639
- .Button-module__hop-Button__text___P5odA {
646
+ .Button-module__hop-Button__text___Bfvnr {
640
647
  user-select: none;
641
648
  overflow: visible;
642
649
  flex: 0 1 auto;
@@ -646,60 +653,60 @@
646
653
  text-underline-offset: 0.125rem;
647
654
  text-wrap: nowrap;
648
655
  }
649
- .Button-module__hop-Button__end-icon___m5iLl,
650
- .Button-module__hop-Button__end-icon-list___dVHTj {
656
+ .Button-module__hop-Button__end-icon___Ufo59,
657
+ .Button-module__hop-Button__end-icon-list___WL-Qi {
651
658
  flex: 0 0 auto;
652
659
  order: 3;
653
660
  }
654
- .Button-module__hop-Button___WzlOR .Button-module__hop-Button__icon-list___3dKQl,
655
- .Button-module__hop-Button___WzlOR .Button-module__hop-Button__end-icon-list___dVHTj {
661
+ .Button-module__hop-Button___KDYtZ .Button-module__hop-Button__icon-list___WH0t4,
662
+ .Button-module__hop-Button___KDYtZ .Button-module__hop-Button__end-icon-list___WL-Qi {
656
663
  flex-wrap: nowrap;
657
664
  }
658
- .Button-module__hop-Button___WzlOR[data-pending] > *:not(.Button-module__hop-Button__Spinner___cq-n1) {
665
+ .Button-module__hop-Button___KDYtZ[data-pending] > *:not(.Button-module__hop-Button__Spinner___Q-ree) {
659
666
  opacity: 0;
660
667
  }
661
668
 
662
669
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
663
- .ButtonGroup-module__hop-ButtonGroup___V7CZR {
670
+ .ButtonGroup-module__hop-ButtonGroup___cORKn {
664
671
  display: inline-flex;
665
672
  flex-wrap: nowrap;
666
673
  gap: var(--hop-space-inline-md);
667
674
  }
668
- .ButtonGroup-module__hop-ButtonGroup--horizontal___RkXbb {
675
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___NHdiK {
669
676
  align-items: center;
670
677
  }
671
- .ButtonGroup-module__hop-ButtonGroup--vertical___YmBcu {
678
+ .ButtonGroup-module__hop-ButtonGroup--vertical___XzcPR {
672
679
  flex-direction: column;
673
680
  gap: var(--hop-space-stack-md);
674
681
  justify-content: center;
675
682
  }
676
- .ButtonGroup-module__hop-ButtonGroup--start___H3G0F.ButtonGroup-module__hop-ButtonGroup--vertical___YmBcu {
683
+ .ButtonGroup-module__hop-ButtonGroup--start___8TObt.ButtonGroup-module__hop-ButtonGroup--vertical___XzcPR {
677
684
  align-items: flex-start;
678
685
  }
679
- .ButtonGroup-module__hop-ButtonGroup--center___Ofa5Q.ButtonGroup-module__hop-ButtonGroup--vertical___YmBcu {
686
+ .ButtonGroup-module__hop-ButtonGroup--center___k7SDM.ButtonGroup-module__hop-ButtonGroup--vertical___XzcPR {
680
687
  align-items: center;
681
688
  }
682
- .ButtonGroup-module__hop-ButtonGroup--end___5c33O.ButtonGroup-module__hop-ButtonGroup--vertical___YmBcu {
689
+ .ButtonGroup-module__hop-ButtonGroup--end___kpTJH.ButtonGroup-module__hop-ButtonGroup--vertical___XzcPR {
683
690
  align-items: flex-end;
684
691
  }
685
- .ButtonGroup-module__hop-ButtonGroup--start___H3G0F.ButtonGroup-module__hop-ButtonGroup--horizontal___RkXbb {
692
+ .ButtonGroup-module__hop-ButtonGroup--start___8TObt.ButtonGroup-module__hop-ButtonGroup--horizontal___NHdiK {
686
693
  justify-content: flex-start;
687
694
  }
688
- .ButtonGroup-module__hop-ButtonGroup--center___Ofa5Q.ButtonGroup-module__hop-ButtonGroup--horizontal___RkXbb {
695
+ .ButtonGroup-module__hop-ButtonGroup--center___k7SDM.ButtonGroup-module__hop-ButtonGroup--horizontal___NHdiK {
689
696
  justify-content: center;
690
697
  }
691
- .ButtonGroup-module__hop-ButtonGroup--end___5c33O.ButtonGroup-module__hop-ButtonGroup--horizontal___RkXbb {
698
+ .ButtonGroup-module__hop-ButtonGroup--end___kpTJH.ButtonGroup-module__hop-ButtonGroup--horizontal___NHdiK {
692
699
  justify-content: flex-end;
693
700
  }
694
- .ButtonGroup-module__hop-ButtonGroup--wrap___C5FgL {
701
+ .ButtonGroup-module__hop-ButtonGroup--wrap___G9jWL {
695
702
  flex-wrap: wrap;
696
703
  }
697
- .ButtonGroup-module__hop-ButtonGroup--fluid___dBP8E {
704
+ .ButtonGroup-module__hop-ButtonGroup--fluid___LRhkV {
698
705
  inline-size: 100%;
699
706
  }
700
707
 
701
708
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
702
- .EmbeddedButton-module__hop-EmbeddedButton___YNdnU {
709
+ .EmbeddedButton-module__hop-EmbeddedButton___zcNAQ {
703
710
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
704
711
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
705
712
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -863,7 +870,7 @@
863
870
  outline: none;
864
871
  transition: color var(--transition);
865
872
  }
866
- .EmbeddedButton-module__hop-EmbeddedButton___YNdnU::before {
873
+ .EmbeddedButton-module__hop-EmbeddedButton___zcNAQ::before {
867
874
  content: "";
868
875
  position: absolute;
869
876
  inset-block-start: 50%;
@@ -876,284 +883,284 @@
876
883
  border-radius: var(--effect-border-radius);
877
884
  transition: background-color var(--transition);
878
885
  }
879
- .EmbeddedButton-module__hop-EmbeddedButton___YNdnU[data-square] {
886
+ .EmbeddedButton-module__hop-EmbeddedButton___zcNAQ[data-square] {
880
887
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
881
888
  }
882
- .EmbeddedButton-module__hop-EmbeddedButton--md___xNbuO {
889
+ .EmbeddedButton-module__hop-EmbeddedButton--md___nlhW6 {
883
890
  --inline-size: var(--hop-EmbeddedButton-md-width);
884
891
  --block-size: var(--hop-EmbeddedButton-md-height);
885
892
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
886
893
  }
887
- .EmbeddedButton-module__hop-EmbeddedButton--lg___4HISy {
894
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___y2r8n {
888
895
  --inline-size: var(--hop-EmbeddedButton-lg-width);
889
896
  --block-size: var(--hop-EmbeddedButton-lg-height);
890
897
  --focus-ring-offset: 0;
891
898
  }
892
- .EmbeddedButton-module__hop-EmbeddedButton--md___xNbuO::before {
899
+ .EmbeddedButton-module__hop-EmbeddedButton--md___nlhW6::before {
893
900
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
894
901
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
895
902
  }
896
- .EmbeddedButton-module__hop-EmbeddedButton--lg___4HISy::before {
903
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___y2r8n::before {
897
904
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
898
905
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
899
906
  }
900
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___n3PC4 {
907
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___RQgDW {
901
908
  --color: var(--hop-EmbeddedButton-neutral-color);
902
909
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
903
910
  }
904
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___QMogZ {
911
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___y5bim {
905
912
  --color: var(--hop-EmbeddedButton-subdued-color);
906
913
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
907
914
  }
908
- .EmbeddedButton-module__hop-EmbeddedButton--progress___lGK8x {
915
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___xL-Ig {
909
916
  --color: var(--hop-EmbeddedButton-progress-color);
910
917
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
911
918
  }
912
- .EmbeddedButton-module__hop-EmbeddedButton--positive___j6fE- {
919
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___h-QZr {
913
920
  --color: var(--hop-EmbeddedButton-positive-color);
914
921
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
915
922
  }
916
- .EmbeddedButton-module__hop-EmbeddedButton--caution___CigPW {
923
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___YTKHH {
917
924
  --color: var(--hop-EmbeddedButton-caution-color);
918
925
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
919
926
  }
920
- .EmbeddedButton-module__hop-EmbeddedButton--negative___moZZW {
927
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___njjyb {
921
928
  --color: var(--hop-EmbeddedButton-negative-color);
922
929
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
923
930
  }
924
- .EmbeddedButton-module__hop-EmbeddedButton--option1___FukRK {
931
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___1k2Cf {
925
932
  --color: var(--hop-EmbeddedButton-option1-color);
926
933
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
927
934
  }
928
- .EmbeddedButton-module__hop-EmbeddedButton--option2___K5qqz {
935
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___1xiO6 {
929
936
  --color: var(--hop-EmbeddedButton-option2-color);
930
937
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
931
938
  }
932
- .EmbeddedButton-module__hop-EmbeddedButton--option3___CF7wi {
939
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hKt2i {
933
940
  --color: var(--hop-EmbeddedButton-option3-color);
934
941
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
935
942
  }
936
- .EmbeddedButton-module__hop-EmbeddedButton--option4___axEe3 {
943
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___fIvzx {
937
944
  --color: var(--hop-EmbeddedButton-option4-color);
938
945
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
939
946
  }
940
- .EmbeddedButton-module__hop-EmbeddedButton--option5___M-Uws {
947
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___N8AtS {
941
948
  --color: var(--hop-EmbeddedButton-option5-color);
942
949
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
943
950
  }
944
- .EmbeddedButton-module__hop-EmbeddedButton--option6___4-0vZ {
951
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___dd12g {
945
952
  --color: var(--hop-EmbeddedButton-option6-color);
946
953
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
947
954
  }
948
- .EmbeddedButton-module__hop-EmbeddedButton___YNdnU[data-selected] {
955
+ .EmbeddedButton-module__hop-EmbeddedButton___zcNAQ[data-selected] {
949
956
  --color: var(--hop-EmbeddedButton-selected-color);
950
957
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
951
958
  }
952
- .EmbeddedButton-module__hop-EmbeddedButton___YNdnU[data-focus-visible] {
959
+ .EmbeddedButton-module__hop-EmbeddedButton___zcNAQ[data-focus-visible] {
953
960
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
954
961
  outline-offset: var(--focus-ring-offset);
955
962
  }
956
- .EmbeddedButton-module__hop-EmbeddedButton___YNdnU[data-disabled] {
963
+ .EmbeddedButton-module__hop-EmbeddedButton___zcNAQ[data-disabled] {
957
964
  cursor: not-allowed;
958
965
  }
959
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___n3PC4[data-hovered] {
966
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___RQgDW[data-hovered] {
960
967
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
961
968
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
962
969
  }
963
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___n3PC4[data-focus-visible] {
970
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___RQgDW[data-focus-visible] {
964
971
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
965
972
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
966
973
  }
967
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___n3PC4[data-pressed] {
974
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___RQgDW[data-pressed] {
968
975
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
969
976
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
970
977
  }
971
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___n3PC4[data-disabled] {
978
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___RQgDW[data-disabled] {
972
979
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
973
980
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
974
981
  }
975
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___QMogZ[data-hovered] {
982
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___y5bim[data-hovered] {
976
983
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
977
984
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
978
985
  }
979
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___QMogZ[data-focus-visible] {
986
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___y5bim[data-focus-visible] {
980
987
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
981
988
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
982
989
  }
983
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___QMogZ[data-pressed] {
990
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___y5bim[data-pressed] {
984
991
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
985
992
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
986
993
  }
987
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___QMogZ[data-disabled] {
994
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___y5bim[data-disabled] {
988
995
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
989
996
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
990
997
  }
991
- .EmbeddedButton-module__hop-EmbeddedButton--progress___lGK8x[data-hovered] {
998
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___xL-Ig[data-hovered] {
992
999
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
993
1000
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
994
1001
  }
995
- .EmbeddedButton-module__hop-EmbeddedButton--progress___lGK8x[data-focus-visible] {
1002
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___xL-Ig[data-focus-visible] {
996
1003
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
997
1004
  --color: var(--hop-EmbeddedButton-progress-color-focused);
998
1005
  }
999
- .EmbeddedButton-module__hop-EmbeddedButton--progress___lGK8x[data-pressed] {
1006
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___xL-Ig[data-pressed] {
1000
1007
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1001
1008
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1002
1009
  }
1003
- .EmbeddedButton-module__hop-EmbeddedButton--progress___lGK8x[data-disabled] {
1010
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___xL-Ig[data-disabled] {
1004
1011
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1005
1012
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1006
1013
  }
1007
- .EmbeddedButton-module__hop-EmbeddedButton--positive___j6fE-[data-hovered] {
1014
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___h-QZr[data-hovered] {
1008
1015
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1009
1016
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1010
1017
  }
1011
- .EmbeddedButton-module__hop-EmbeddedButton--positive___j6fE-[data-focus-visible] {
1018
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___h-QZr[data-focus-visible] {
1012
1019
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1013
1020
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1014
1021
  }
1015
- .EmbeddedButton-module__hop-EmbeddedButton--positive___j6fE-[data-pressed] {
1022
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___h-QZr[data-pressed] {
1016
1023
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1017
1024
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1018
1025
  }
1019
- .EmbeddedButton-module__hop-EmbeddedButton--positive___j6fE-[data-disabled] {
1026
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___h-QZr[data-disabled] {
1020
1027
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1021
1028
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1022
1029
  }
1023
- .EmbeddedButton-module__hop-EmbeddedButton--caution___CigPW[data-hovered] {
1030
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___YTKHH[data-hovered] {
1024
1031
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1025
1032
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1026
1033
  }
1027
- .EmbeddedButton-module__hop-EmbeddedButton--caution___CigPW[data-focus-visible] {
1034
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___YTKHH[data-focus-visible] {
1028
1035
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1029
1036
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1030
1037
  }
1031
- .EmbeddedButton-module__hop-EmbeddedButton--caution___CigPW[data-pressed] {
1038
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___YTKHH[data-pressed] {
1032
1039
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1033
1040
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1034
1041
  }
1035
- .EmbeddedButton-module__hop-EmbeddedButton--caution___CigPW[data-disabled] {
1042
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___YTKHH[data-disabled] {
1036
1043
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1037
1044
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1038
1045
  }
1039
- .EmbeddedButton-module__hop-EmbeddedButton--negative___moZZW[data-hovered] {
1046
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___njjyb[data-hovered] {
1040
1047
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1041
1048
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1042
1049
  }
1043
- .EmbeddedButton-module__hop-EmbeddedButton--negative___moZZW[data-focus-visible] {
1050
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___njjyb[data-focus-visible] {
1044
1051
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1045
1052
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1046
1053
  }
1047
- .EmbeddedButton-module__hop-EmbeddedButton--negative___moZZW[data-pressed] {
1054
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___njjyb[data-pressed] {
1048
1055
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1049
1056
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1050
1057
  }
1051
- .EmbeddedButton-module__hop-EmbeddedButton--negative___moZZW[data-disabled] {
1058
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___njjyb[data-disabled] {
1052
1059
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1053
1060
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1054
1061
  }
1055
- .EmbeddedButton-module__hop-EmbeddedButton--option1___FukRK[data-hovered] {
1062
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___1k2Cf[data-hovered] {
1056
1063
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1057
1064
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1058
1065
  }
1059
- .EmbeddedButton-module__hop-EmbeddedButton--option1___FukRK[data-focus-visible] {
1066
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___1k2Cf[data-focus-visible] {
1060
1067
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1061
1068
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1062
1069
  }
1063
- .EmbeddedButton-module__hop-EmbeddedButton--option1___FukRK[data-pressed] {
1070
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___1k2Cf[data-pressed] {
1064
1071
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1065
1072
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1066
1073
  }
1067
- .EmbeddedButton-module__hop-EmbeddedButton--option1___FukRK[data-disabled] {
1074
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___1k2Cf[data-disabled] {
1068
1075
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1069
1076
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1070
1077
  }
1071
- .EmbeddedButton-module__hop-EmbeddedButton--option2___K5qqz[data-hovered] {
1078
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___1xiO6[data-hovered] {
1072
1079
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1073
1080
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1074
1081
  }
1075
- .EmbeddedButton-module__hop-EmbeddedButton--option2___K5qqz[data-focus-visible] {
1082
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___1xiO6[data-focus-visible] {
1076
1083
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1077
1084
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1078
1085
  }
1079
- .EmbeddedButton-module__hop-EmbeddedButton--option2___K5qqz[data-pressed] {
1086
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___1xiO6[data-pressed] {
1080
1087
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1081
1088
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1082
1089
  }
1083
- .EmbeddedButton-module__hop-EmbeddedButton--option2___K5qqz[data-disabled] {
1090
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___1xiO6[data-disabled] {
1084
1091
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1085
1092
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1086
1093
  }
1087
- .EmbeddedButton-module__hop-EmbeddedButton--option3___CF7wi[data-hovered] {
1094
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hKt2i[data-hovered] {
1088
1095
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1089
1096
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1090
1097
  }
1091
- .EmbeddedButton-module__hop-EmbeddedButton--option3___CF7wi[data-focus-visible] {
1098
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hKt2i[data-focus-visible] {
1092
1099
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1093
1100
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1094
1101
  }
1095
- .EmbeddedButton-module__hop-EmbeddedButton--option3___CF7wi[data-pressed] {
1102
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hKt2i[data-pressed] {
1096
1103
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1097
1104
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1098
1105
  }
1099
- .EmbeddedButton-module__hop-EmbeddedButton--option3___CF7wi[data-disabled] {
1106
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hKt2i[data-disabled] {
1100
1107
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1101
1108
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1102
1109
  }
1103
- .EmbeddedButton-module__hop-EmbeddedButton--option4___axEe3[data-hovered] {
1110
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___fIvzx[data-hovered] {
1104
1111
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1105
1112
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1106
1113
  }
1107
- .EmbeddedButton-module__hop-EmbeddedButton--option4___axEe3[data-focus-visible] {
1114
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___fIvzx[data-focus-visible] {
1108
1115
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1109
1116
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1110
1117
  }
1111
- .EmbeddedButton-module__hop-EmbeddedButton--option4___axEe3[data-pressed] {
1118
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___fIvzx[data-pressed] {
1112
1119
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1113
1120
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1114
1121
  }
1115
- .EmbeddedButton-module__hop-EmbeddedButton--option4___axEe3[data-disabled] {
1122
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___fIvzx[data-disabled] {
1116
1123
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1117
1124
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1118
1125
  }
1119
- .EmbeddedButton-module__hop-EmbeddedButton--option5___M-Uws[data-hovered] {
1126
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___N8AtS[data-hovered] {
1120
1127
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1121
1128
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1122
1129
  }
1123
- .EmbeddedButton-module__hop-EmbeddedButton--option5___M-Uws[data-focus-visible] {
1130
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___N8AtS[data-focus-visible] {
1124
1131
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1125
1132
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1126
1133
  }
1127
- .EmbeddedButton-module__hop-EmbeddedButton--option5___M-Uws[data-pressed] {
1134
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___N8AtS[data-pressed] {
1128
1135
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1129
1136
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1130
1137
  }
1131
- .EmbeddedButton-module__hop-EmbeddedButton--option5___M-Uws[data-disabled] {
1138
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___N8AtS[data-disabled] {
1132
1139
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1133
1140
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1134
1141
  }
1135
- .EmbeddedButton-module__hop-EmbeddedButton--option6___4-0vZ[data-hovered] {
1142
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___dd12g[data-hovered] {
1136
1143
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1137
1144
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1138
1145
  }
1139
- .EmbeddedButton-module__hop-EmbeddedButton--option6___4-0vZ[data-focus-visible] {
1146
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___dd12g[data-focus-visible] {
1140
1147
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1141
1148
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1142
1149
  }
1143
- .EmbeddedButton-module__hop-EmbeddedButton--option6___4-0vZ[data-pressed] {
1150
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___dd12g[data-pressed] {
1144
1151
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1145
1152
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1146
1153
  }
1147
- .EmbeddedButton-module__hop-EmbeddedButton--option6___4-0vZ[data-disabled] {
1154
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___dd12g[data-disabled] {
1148
1155
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1149
1156
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1150
1157
  }
1151
- .EmbeddedButton-module__hop-EmbeddedButton__icon___Uox7L {
1158
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___1gGml {
1152
1159
  position: relative;
1153
1160
  }
1154
1161
 
1155
1162
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1156
- .Button-module__hop-Button___WzlOR {
1163
+ .Button-module__hop-Button___KDYtZ {
1157
1164
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1158
1165
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1159
1166
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1277,215 +1284,215 @@
1277
1284
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1278
1285
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1279
1286
  }
1280
- .Button-module__hop-Button--fluid___F7Bj6 {
1287
+ .Button-module__hop-Button--fluid___ZOQ70 {
1281
1288
  --inline-size: 100%;
1282
1289
  }
1283
- .Button-module__hop-Button--sm___Rwa3Y {
1290
+ .Button-module__hop-Button--sm___PlAe6 {
1284
1291
  --block-size: var(--hop-Button-sm-height);
1285
1292
  --padding: var(--hop-Button-sm-padding);
1286
1293
  }
1287
- .Button-module__hop-Button--sm___Rwa3Y[class*=--ghost] {
1294
+ .Button-module__hop-Button--sm___PlAe6[class*=--ghost] {
1288
1295
  --padding: var(--hop-Button-ghost-sm-padding);
1289
1296
  }
1290
- .Button-module__hop-Button--md___h8xzm[class*=--ghost] {
1297
+ .Button-module__hop-Button--md___sCQzf[class*=--ghost] {
1291
1298
  --padding: var(--hop-Button-ghost-md-padding);
1292
1299
  }
1293
- .Button-module__hop-Button--icon-only___ahMFW {
1300
+ .Button-module__hop-Button--icon-only___8c-Sx {
1294
1301
  --column-gap: var(--hop-Button-icon-only-column-gap);
1295
1302
  --padding: var(--hop-Button-icon-only-padding);
1296
1303
  aspect-ratio: 1;
1297
1304
  }
1298
- .Button-module__hop-Button--primary___KSauO {
1305
+ .Button-module__hop-Button--primary___Kb-uQ {
1299
1306
  --background-color: var(--hop-Button-primary-background-color);
1300
1307
  --color: var(--hop-Button-primary-color);
1301
1308
  --border: var(--hop-Button-primary-border);
1302
1309
  --spinner-color: var(--hop-Button-primary-spinner-color);
1303
1310
  }
1304
- .Button-module__hop-Button--primary___KSauO[data-hovered],
1305
- .Button-module__hop-Button--primary___KSauO[data-focus-visible] {
1311
+ .Button-module__hop-Button--primary___Kb-uQ[data-hovered],
1312
+ .Button-module__hop-Button--primary___Kb-uQ[data-focus-visible] {
1306
1313
  --background-color: var(--hop-Button-primary-background-color-hover);
1307
1314
  --color: var(--hop-Button-primary-color-hover);
1308
1315
  --border: var(--hop-Button-primary-border-hover);
1309
1316
  }
1310
- .Button-module__hop-Button--primary___KSauO[data-pressed] {
1317
+ .Button-module__hop-Button--primary___Kb-uQ[data-pressed] {
1311
1318
  --background-color: var(--hop-Button-primary-background-color-pressed);
1312
1319
  --color: var(--hop-Button-primary-color-pressed);
1313
1320
  --border: var(--hop-Button-primary-border-pressed);
1314
1321
  }
1315
- .Button-module__hop-Button--secondary___89Ki0 {
1322
+ .Button-module__hop-Button--secondary___O4v2Q {
1316
1323
  --background-color: var(--hop-Button-secondary-background-color);
1317
1324
  --color: var(--hop-Button-secondary-color);
1318
1325
  --border: var(--hop-Button-secondary-border);
1319
1326
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1320
1327
  }
1321
- .Button-module__hop-Button--secondary___89Ki0[data-hovered],
1322
- .Button-module__hop-Button--secondary___89Ki0[data-focus-visible] {
1328
+ .Button-module__hop-Button--secondary___O4v2Q[data-hovered],
1329
+ .Button-module__hop-Button--secondary___O4v2Q[data-focus-visible] {
1323
1330
  --background-color: var(--hop-Button-secondary-background-color-hover);
1324
1331
  --color: var(--hop-Button-secondary-color-hover);
1325
1332
  --border: var(--hop-Button-secondary-border-hover);
1326
1333
  }
1327
- .Button-module__hop-Button--secondary___89Ki0[data-pressed] {
1334
+ .Button-module__hop-Button--secondary___O4v2Q[data-pressed] {
1328
1335
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1329
1336
  --color: var(--hop-Button-secondary-color-pressed);
1330
1337
  --border: var(--hop-Button-secondary-border-pressed);
1331
1338
  }
1332
- .Button-module__hop-Button--upsell___PGrgx {
1339
+ .Button-module__hop-Button--upsell___Ztsgb {
1333
1340
  --background-color: var(--hop-Button-upsell-background-color);
1334
1341
  --color: var(--hop-Button-upsell-color);
1335
1342
  --border: var(--hop-Button-upsell-border);
1336
1343
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1337
1344
  }
1338
- .Button-module__hop-Button--upsell___PGrgx[data-hovered],
1339
- .Button-module__hop-Button--upsell___PGrgx[data-focus-visible] {
1345
+ .Button-module__hop-Button--upsell___Ztsgb[data-hovered],
1346
+ .Button-module__hop-Button--upsell___Ztsgb[data-focus-visible] {
1340
1347
  --background-color: var(--hop-Button-upsell-background-color-hover);
1341
1348
  --color: var(--hop-Button-upsell-color-hover);
1342
1349
  --border: var(--hop-Button-upsell-border-hover);
1343
1350
  }
1344
- .Button-module__hop-Button--upsell___PGrgx[data-pressed] {
1351
+ .Button-module__hop-Button--upsell___Ztsgb[data-pressed] {
1345
1352
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1346
1353
  --color: var(--hop-Button-upsell-color-pressed);
1347
1354
  --border: var(--hop-Button-upsell-border-pressed);
1348
1355
  }
1349
- .Button-module__hop-Button--danger___tceuw {
1356
+ .Button-module__hop-Button--danger___rLBG1 {
1350
1357
  --background-color: var(--hop-Button-danger-background-color);
1351
1358
  --color: var(--hop-Button-danger-color);
1352
1359
  --border: var(--hop-Button-danger-border);
1353
1360
  --spinner-color: var(--hop-Button-danger-spinner-color);
1354
1361
  }
1355
- .Button-module__hop-Button--danger___tceuw[data-hovered],
1356
- .Button-module__hop-Button--danger___tceuw[data-focus-visible] {
1362
+ .Button-module__hop-Button--danger___rLBG1[data-hovered],
1363
+ .Button-module__hop-Button--danger___rLBG1[data-focus-visible] {
1357
1364
  --background-color: var(--hop-Button-danger-background-color-hover);
1358
1365
  --color: var(--hop-Button-danger-color-hover);
1359
1366
  --border: var(--hop-Button-danger-border-hover);
1360
1367
  }
1361
- .Button-module__hop-Button--danger___tceuw[data-pressed] {
1368
+ .Button-module__hop-Button--danger___rLBG1[data-pressed] {
1362
1369
  --background-color: var(--hop-Button-danger-background-color-pressed);
1363
1370
  --color: var(--hop-Button-danger-color-pressed);
1364
1371
  --border: var(--hop-Button-danger-border-pressed);
1365
1372
  }
1366
- .Button-module__hop-Button--ghost-primary___zhFtX {
1373
+ .Button-module__hop-Button--ghost-primary___E3iRx {
1367
1374
  --background-color: var(--hop-Button-ghost-primary-background-color);
1368
1375
  --color: var(--hop-Button-ghost-primary-color);
1369
1376
  --border: var(--hop-Button-ghost-primary-border);
1370
1377
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1371
1378
  }
1372
- .Button-module__hop-Button--ghost-primary___zhFtX[data-hovered],
1373
- .Button-module__hop-Button--ghost-primary___zhFtX[data-focus-visible] {
1379
+ .Button-module__hop-Button--ghost-primary___E3iRx[data-hovered],
1380
+ .Button-module__hop-Button--ghost-primary___E3iRx[data-focus-visible] {
1374
1381
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1375
1382
  --color: var(--hop-Button-ghost-primary-color-hover);
1376
1383
  --border: var(--hop-Button-ghost-primary-border-hover);
1377
1384
  --text-underline: underline;
1378
1385
  }
1379
- .Button-module__hop-Button--ghost-primary___zhFtX[data-pressed] {
1386
+ .Button-module__hop-Button--ghost-primary___E3iRx[data-pressed] {
1380
1387
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1381
1388
  --color: var(--hop-Button-ghost-primary-color-pressed);
1382
1389
  --border: var(--hop-Button-ghost-primary-border-pressed);
1383
1390
  --text-underline: underline;
1384
1391
  }
1385
- .Button-module__hop-Button--ghost-secondary___SdEAq {
1392
+ .Button-module__hop-Button--ghost-secondary___6czKV {
1386
1393
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1387
1394
  --color: var(--hop-Button-ghost-secondary-color);
1388
1395
  --border: var(--hop-Button-ghost-secondary-border);
1389
1396
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1390
1397
  }
1391
- .Button-module__hop-Button--ghost-secondary___SdEAq[data-hovered],
1392
- .Button-module__hop-Button--ghost-secondary___SdEAq[data-focus-visible] {
1398
+ .Button-module__hop-Button--ghost-secondary___6czKV[data-hovered],
1399
+ .Button-module__hop-Button--ghost-secondary___6czKV[data-focus-visible] {
1393
1400
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1394
1401
  --color: var(--hop-Button-ghost-secondary-color-hover);
1395
1402
  --border: var(--hop-Button-ghost-secondary-border-hover);
1396
1403
  --text-underline: underline;
1397
1404
  }
1398
- .Button-module__hop-Button--ghost-secondary___SdEAq[data-pressed] {
1405
+ .Button-module__hop-Button--ghost-secondary___6czKV[data-pressed] {
1399
1406
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1400
1407
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1401
1408
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1402
1409
  --text-underline: underline;
1403
1410
  }
1404
- .Button-module__hop-Button--ghost-danger___VK-9q {
1411
+ .Button-module__hop-Button--ghost-danger___rvJYN {
1405
1412
  --background-color: var(--hop-Button-ghost-danger-background-color);
1406
1413
  --color: var(--hop-Button-ghost-danger-color);
1407
1414
  --border: var(--hop-Button-ghost-danger-border);
1408
1415
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1409
1416
  }
1410
- .Button-module__hop-Button--ghost-danger___VK-9q[data-hovered],
1411
- .Button-module__hop-Button--ghost-danger___VK-9q[data-focus-visible] {
1417
+ .Button-module__hop-Button--ghost-danger___rvJYN[data-hovered],
1418
+ .Button-module__hop-Button--ghost-danger___rvJYN[data-focus-visible] {
1412
1419
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1413
1420
  --color: var(--hop-Button-ghost-danger-color-hover);
1414
1421
  --border: var(--hop-Button-ghost-danger-border-hover);
1415
1422
  --text-underline: underline;
1416
1423
  }
1417
- .Button-module__hop-Button--ghost-danger___VK-9q[data-pressed] {
1424
+ .Button-module__hop-Button--ghost-danger___rvJYN[data-pressed] {
1418
1425
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1419
1426
  --color: var(--hop-Button-ghost-danger-color-pressed);
1420
1427
  --border: var(--hop-Button-ghost-danger-border-pressed);
1421
1428
  --text-underline: underline;
1422
1429
  }
1423
- .Button-module__hop-Button___WzlOR[data-focus-visible] {
1430
+ .Button-module__hop-Button___KDYtZ[data-focus-visible] {
1424
1431
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1425
1432
  }
1426
- .Button-module__hop-Button___WzlOR[data-disabled],
1427
- .Button-module__hop-Button___WzlOR[data-pending] {
1433
+ .Button-module__hop-Button___KDYtZ[data-disabled],
1434
+ .Button-module__hop-Button___KDYtZ[data-pending] {
1428
1435
  cursor: not-allowed;
1429
1436
  }
1430
- .Button-module__hop-Button___WzlOR[data-disabled] {
1437
+ .Button-module__hop-Button___KDYtZ[data-disabled] {
1431
1438
  --background-color: var(--hop-Button-background-color-disabled);
1432
1439
  --color: var(--hop-Button-color-disabled);
1433
1440
  --border: var(--hop-Button-border-disabled);
1434
1441
  }
1435
- .Button-module__hop-Button___WzlOR[class*=--ghost][data-disabled] {
1442
+ .Button-module__hop-Button___KDYtZ[class*=--ghost][data-disabled] {
1436
1443
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1437
1444
  --color: var(--hop-Button-ghost-color-disabled);
1438
1445
  --border: var(--hop-Button-ghost-border-disabled);
1439
1446
  }
1440
- .Button-module__hop-Button--primary___KSauO[data-pending] {
1447
+ .Button-module__hop-Button--primary___Kb-uQ[data-pending] {
1441
1448
  --background-color: var(--hop-Button-primary-background-color);
1442
1449
  --color: var(--hop-Button-primary-color);
1443
1450
  --border: var(--hop-Button-primary-border);
1444
1451
  }
1445
- .Button-module__hop-Button--secondary___89Ki0[data-pending] {
1452
+ .Button-module__hop-Button--secondary___O4v2Q[data-pending] {
1446
1453
  --background-color: var(--hop-Button-secondary-background-color);
1447
1454
  --color: var(--hop-Button-secondary-color);
1448
1455
  --border: var(--hop-Button-secondary-border);
1449
1456
  }
1450
- .Button-module__hop-Button--upsell___PGrgx[data-pending] {
1457
+ .Button-module__hop-Button--upsell___Ztsgb[data-pending] {
1451
1458
  --background-color: var(--hop-Button-upsell-background-color);
1452
1459
  --color: var(--hop-Button-upsell-color);
1453
1460
  --border: var(--hop-Button-upsell-border);
1454
1461
  }
1455
- .Button-module__hop-Button--danger___tceuw[data-pending] {
1462
+ .Button-module__hop-Button--danger___rLBG1[data-pending] {
1456
1463
  --background-color: var(--hop-Button-danger-background-color);
1457
1464
  --color: var(--hop-Button-danger-color);
1458
1465
  --border: var(--hop-Button-danger-border);
1459
1466
  }
1460
- .Button-module__hop-Button--ghost-primary___zhFtX[data-pending] {
1467
+ .Button-module__hop-Button--ghost-primary___E3iRx[data-pending] {
1461
1468
  --background-color: var(--hop-Button-ghost-primary-background-color);
1462
1469
  --color: var(--hop-Button-ghost-primary-color);
1463
1470
  --border: var(--hop-Button-ghost-primary-border);
1464
1471
  --text-underline: none;
1465
1472
  }
1466
- .Button-module__hop-Button--ghost-secondary___SdEAq[data-pending] {
1473
+ .Button-module__hop-Button--ghost-secondary___6czKV[data-pending] {
1467
1474
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1468
1475
  --color: var(--hop-Button-ghost-secondary-color);
1469
1476
  --border: var(--hop-Button-ghost-secondary-border);
1470
1477
  --text-underline: none;
1471
1478
  }
1472
- .Button-module__hop-Button--ghost-danger___VK-9q[data-pending] {
1479
+ .Button-module__hop-Button--ghost-danger___rvJYN[data-pending] {
1473
1480
  --background-color: var(--hop-Button-ghost-danger-background-color);
1474
1481
  --color: var(--hop-Button-ghost-danger-color);
1475
1482
  --border: var(--hop-Button-ghost-danger-border);
1476
1483
  --text-underline: none;
1477
1484
  }
1478
- .Button-module__hop-Button__Spinner___cq-n1 {
1485
+ .Button-module__hop-Button__Spinner___Q-ree {
1479
1486
  position: absolute;
1480
1487
  color: var(--spinner-color);
1481
1488
  }
1482
- .Button-module__hop-Button__icon___9hafi,
1483
- .Button-module__hop-Button__icon-list___3dKQl {
1489
+ .Button-module__hop-Button__icon___d5unn,
1490
+ .Button-module__hop-Button__icon-list___WH0t4 {
1484
1491
  flex: 0 0 auto;
1485
1492
  justify-self: end;
1486
1493
  order: 1;
1487
1494
  }
1488
- .Button-module__hop-Button__text___P5odA {
1495
+ .Button-module__hop-Button__text___Bfvnr {
1489
1496
  user-select: none;
1490
1497
  overflow: visible;
1491
1498
  flex: 0 1 auto;
@@ -1495,57 +1502,57 @@
1495
1502
  text-underline-offset: 0.125rem;
1496
1503
  text-wrap: nowrap;
1497
1504
  }
1498
- .Button-module__hop-Button__end-icon___m5iLl,
1499
- .Button-module__hop-Button__end-icon-list___dVHTj {
1505
+ .Button-module__hop-Button__end-icon___Ufo59,
1506
+ .Button-module__hop-Button__end-icon-list___WL-Qi {
1500
1507
  flex: 0 0 auto;
1501
1508
  order: 3;
1502
1509
  }
1503
- .Button-module__hop-Button___WzlOR .Button-module__hop-Button__icon-list___3dKQl,
1504
- .Button-module__hop-Button___WzlOR .Button-module__hop-Button__end-icon-list___dVHTj {
1510
+ .Button-module__hop-Button___KDYtZ .Button-module__hop-Button__icon-list___WH0t4,
1511
+ .Button-module__hop-Button___KDYtZ .Button-module__hop-Button__end-icon-list___WL-Qi {
1505
1512
  flex-wrap: nowrap;
1506
1513
  }
1507
- .Button-module__hop-Button___WzlOR[data-pending] > *:not(.Button-module__hop-Button__Spinner___cq-n1) {
1514
+ .Button-module__hop-Button___KDYtZ[data-pending] > *:not(.Button-module__hop-Button__Spinner___Q-ree) {
1508
1515
  opacity: 0;
1509
1516
  }
1510
- .LinkButton-module__hop-LinkButton___rBNcU {
1517
+ .LinkButton-module__hop-LinkButton___8hiIp {
1511
1518
  }
1512
- .LinkButton-module__hop-LinkButton--fluid___ThibR {
1519
+ .LinkButton-module__hop-LinkButton--fluid___tPzcL {
1513
1520
  }
1514
- .LinkButton-module__hop-LinkButton--sm___KHunk {
1521
+ .LinkButton-module__hop-LinkButton--sm___VgEwO {
1515
1522
  }
1516
- .LinkButton-module__hop-LinkButton--icon-only___3fQZ8 {
1523
+ .LinkButton-module__hop-LinkButton--icon-only___UBCRA {
1517
1524
  }
1518
- .LinkButton-module__hop-LinkButton--primary___Jui-z {
1525
+ .LinkButton-module__hop-LinkButton--primary___-0CLO {
1519
1526
  }
1520
- .LinkButton-module__hop-LinkButton--secondary___cMB9E {
1527
+ .LinkButton-module__hop-LinkButton--secondary___0oZi4 {
1521
1528
  }
1522
- .LinkButton-module__hop-LinkButton--upsell___dqrfz {
1529
+ .LinkButton-module__hop-LinkButton--upsell___EYyzR {
1523
1530
  }
1524
- .LinkButton-module__hop-LinkButton--danger___LCidA {
1531
+ .LinkButton-module__hop-LinkButton--danger___zPOHx {
1525
1532
  }
1526
- .LinkButton-module__hop-LinkButton--ghost-primary___NJGok {
1533
+ .LinkButton-module__hop-LinkButton--ghost-primary___X-0mA {
1527
1534
  }
1528
- .LinkButton-module__hop-LinkButton--ghost-secondary___GRsYd {
1535
+ .LinkButton-module__hop-LinkButton--ghost-secondary___BVsqg {
1529
1536
  }
1530
- .LinkButton-module__hop-LinkButton--ghost-danger___EdRS1 {
1537
+ .LinkButton-module__hop-LinkButton--ghost-danger___VIqZ7 {
1531
1538
  }
1532
- .LinkButton-module__hop-LinkButton__Spinner___5kAim {
1539
+ .LinkButton-module__hop-LinkButton__Spinner___opDlf {
1533
1540
  }
1534
- .LinkButton-module__hop-LinkButton__icon___c4WR-,
1535
- .LinkButton-module__hop-LinkButton__icon-list___RR4d- {
1541
+ .LinkButton-module__hop-LinkButton__icon___9PwgC,
1542
+ .LinkButton-module__hop-LinkButton__icon-list___ceseg {
1536
1543
  }
1537
- .LinkButton-module__hop-LinkButton__text___3ufYv {
1544
+ .LinkButton-module__hop-LinkButton__text___0B6BF {
1538
1545
  }
1539
- .LinkButton-module__hop-LinkButton__end-icon___UBZRj,
1540
- .LinkButton-module__hop-LinkButton__end-icon-list___ZVh2w {
1546
+ .LinkButton-module__hop-LinkButton__end-icon___q5WIw,
1547
+ .LinkButton-module__hop-LinkButton__end-icon-list___mZHFb {
1541
1548
  }
1542
- .LinkButton-module__hop-LinkButton___rBNcU .LinkButton-module__hop-LinkButton__icon-list___RR4d-,
1543
- .LinkButton-module__hop-LinkButton___rBNcU .LinkButton-module__hop-LinkButton__end-icon-list___ZVh2w {
1549
+ .LinkButton-module__hop-LinkButton___8hiIp .LinkButton-module__hop-LinkButton__icon-list___ceseg,
1550
+ .LinkButton-module__hop-LinkButton___8hiIp .LinkButton-module__hop-LinkButton__end-icon-list___mZHFb {
1544
1551
  flex-wrap: nowrap;
1545
1552
  }
1546
1553
 
1547
1554
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
1548
- .ErrorMessage-module__hop-ErrorMessage___IeyIQ {
1555
+ .ErrorMessage-module__hop-ErrorMessage___eMQZh {
1549
1556
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1550
1557
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1551
1558
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1562,13 +1569,13 @@
1562
1569
  line-height: var(--hop-ErrorMessage-line-height);
1563
1570
  color: var(--hop-ErrorMessage-color);
1564
1571
  }
1565
- .ErrorMessage-module__hop-ErrorMessage__icon___wmjDl {
1572
+ .ErrorMessage-module__hop-ErrorMessage__icon___-iyKo {
1566
1573
  flex: 0 0 auto;
1567
1574
  align-self: flex-start;
1568
1575
  }
1569
1576
 
1570
1577
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
1571
- .HelperMessage-module__hop-HelperMessage___05GPA {
1578
+ .HelperMessage-module__hop-HelperMessage___Gx5gv {
1572
1579
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1573
1580
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1574
1581
  display: flex;
@@ -1577,13 +1584,13 @@
1577
1584
  box-sizing: border-box;
1578
1585
  color: var(--hop-HelperMessage-color);
1579
1586
  }
1580
- .HelperMessage-module__hop-HelperMessage__icon___H5hK- {
1587
+ .HelperMessage-module__hop-HelperMessage__icon___A2U5C {
1581
1588
  flex: 0 0 auto;
1582
1589
  align-self: flex-start;
1583
1590
  }
1584
1591
 
1585
1592
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
1586
- .InputGroup-module__hop-InputGroup___XY-7L {
1593
+ .InputGroup-module__hop-InputGroup___lqcze {
1587
1594
  --hop-InputGroup-background: var(--hop-neutral-surface);
1588
1595
  --hop-InputGroup-border-color: var(--hop-neutral-border);
1589
1596
  --hop-InputGroup-border-width: 0.0625rem;
@@ -1664,11 +1671,11 @@
1664
1671
  border: var(--border);
1665
1672
  border-radius: var(--hop-InputGroup-border-radius);
1666
1673
  }
1667
- .InputGroup-module__hop-InputGroup--fluid___2CHIz {
1674
+ .InputGroup-module__hop-InputGroup--fluid___9vsnJ {
1668
1675
  --inline-size: 100%;
1669
1676
  --input-inline-size: 100%;
1670
1677
  }
1671
- .InputGroup-module__hop-InputGroup--sm___VZHA9 {
1678
+ .InputGroup-module__hop-InputGroup--sm___fmNTG {
1672
1679
  --block-size: var(--hop-InputGroup-sm-block-size);
1673
1680
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
1674
1681
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -1676,7 +1683,7 @@
1676
1683
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
1677
1684
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
1678
1685
  }
1679
- .InputGroup-module__hop-InputGroup___XY-7L[data-input-type=textarea] {
1686
+ .InputGroup-module__hop-InputGroup___lqcze[data-input-type=textarea] {
1680
1687
  --gap: var(--hop-InputGroup-gap-textarea);
1681
1688
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
1682
1689
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -1684,28 +1691,28 @@
1684
1691
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
1685
1692
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
1686
1693
  }
1687
- .InputGroup-module__hop-InputGroup___XY-7L[data-input-type=number] {
1694
+ .InputGroup-module__hop-InputGroup___lqcze[data-input-type=number] {
1688
1695
  --display: var(--hop-InputGroup-display-number);
1689
1696
  --gap: var(--hop-InputGroup-gap-number);
1690
1697
  }
1691
- .InputGroup-module__hop-InputGroup___XY-7L[data-hovered] {
1698
+ .InputGroup-module__hop-InputGroup___lqcze[data-hovered] {
1692
1699
  --background: var(--hop-InputGroup-background-hover);
1693
1700
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
1694
1701
  }
1695
- .InputGroup-module__hop-InputGroup___XY-7L[data-focus-within] {
1702
+ .InputGroup-module__hop-InputGroup___lqcze[data-focus-within] {
1696
1703
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
1697
1704
  }
1698
- .InputGroup-module__hop-InputGroup___XY-7L[data-invalid] {
1705
+ .InputGroup-module__hop-InputGroup___lqcze[data-invalid] {
1699
1706
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
1700
1707
  }
1701
- .InputGroup-module__hop-InputGroup___XY-7L[data-disabled] {
1708
+ .InputGroup-module__hop-InputGroup___lqcze[data-disabled] {
1702
1709
  --background: var(--hop-InputGroup-background-disabled);
1703
1710
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
1704
1711
  --input-color: var(--hop-InputGroup-input-color-disabled);
1705
1712
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
1706
1713
  }
1707
- .InputGroup-module__hop-InputGroup__input___GkVqk,
1708
- .InputGroup-module__hop-InputGroup__textarea___HyUS6 {
1714
+ .InputGroup-module__hop-InputGroup__input___N96kZ,
1715
+ .InputGroup-module__hop-InputGroup__textarea___l-fXQ {
1709
1716
  flex: 1 1 auto;
1710
1717
  box-sizing: border-box;
1711
1718
  inline-size: var(--input-inline-size);
@@ -1719,26 +1726,26 @@
1719
1726
  border: none;
1720
1727
  outline: none;
1721
1728
  }
1722
- .InputGroup-module__hop-InputGroup__input___GkVqk {
1729
+ .InputGroup-module__hop-InputGroup__input___N96kZ {
1723
1730
  block-size: var(--input-block-size);
1724
1731
  padding: var(--hop-InputGroup-input-padding);
1725
1732
  }
1726
- .InputGroup-module__hop-InputGroup__textarea___HyUS6 {
1733
+ .InputGroup-module__hop-InputGroup__textarea___l-fXQ {
1727
1734
  padding: var(--hop-InputGroup-textarea-padding);
1728
1735
  }
1729
- .InputGroup-module__hop-InputGroup__input___GkVqk::placeholder {
1736
+ .InputGroup-module__hop-InputGroup__input___N96kZ::placeholder {
1730
1737
  font-family: var(--hop-InputGroup-placeholder-font-family);
1731
1738
  font-size: var(--hop-InputGroup-placeholder-font-size);
1732
1739
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
1733
1740
  line-height: var(--hop-InputGroup-placeholder-line-height);
1734
1741
  color: var(--input-placeholder-color);
1735
1742
  }
1736
- .InputGroup-module__hop-InputGroup__embedded-button___KUA2y {
1743
+ .InputGroup-module__hop-InputGroup__embedded-button___A5ODy {
1737
1744
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
1738
1745
  }
1739
1746
 
1740
1747
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
1741
- .PasswordField-module__hop-PasswordField___BWkk1 {
1748
+ .PasswordField-module__hop-PasswordField___912b5 {
1742
1749
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
1743
1750
  --hop-PasswordField-inline-size: 20rem;
1744
1751
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -1748,16 +1755,16 @@
1748
1755
  inline-size: var(--inline-size);
1749
1756
  max-inline-size: 100%;
1750
1757
  }
1751
- .PasswordField-module__hop-PasswordField--fluid___hV4BX {
1758
+ .PasswordField-module__hop-PasswordField--fluid___znUlX {
1752
1759
  --inline-size: 100%;
1753
1760
  }
1754
- .PasswordField-module__hop-PasswordField__Label___0zgdP {
1761
+ .PasswordField-module__hop-PasswordField__Label___7lzpM {
1755
1762
  order: 0;
1756
1763
  }
1757
- .PasswordField-module__hop-PasswordField__InputGroup___P-i2T {
1764
+ .PasswordField-module__hop-PasswordField__InputGroup___LcSH3 {
1758
1765
  order: 1;
1759
1766
  }
1760
- .PasswordField-module__hop-PasswordField__ErrorMessage___9aZIG,
1761
- .PasswordField-module__hop-PasswordField__HelperMessage___Wvm9R {
1767
+ .PasswordField-module__hop-PasswordField__ErrorMessage___gZole,
1768
+ .PasswordField-module__hop-PasswordField__HelperMessage___q-Fsc {
1762
1769
  order: 3;
1763
1770
  }