@hopper-ui/components 1.3.33 → 1.3.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (250) hide show
  1. package/CHANGELOG.md +6 -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 +4 -4
  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 +6 -6
  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 +2 -2
  16. package/dist/Badge/src/index.css +59 -52
  17. package/dist/Badge/src/index.js +4 -4
  18. package/dist/Card/src/Card.css +39 -30
  19. package/dist/Card/src/Card.js +3 -3
  20. package/dist/Card/src/index.css +39 -30
  21. package/dist/Card/src/index.js +3 -3
  22. package/dist/ComboBox/src/ComboBox.css +578 -570
  23. package/dist/ComboBox/src/ComboBox.js +29 -25
  24. package/dist/ComboBox/src/index.css +578 -570
  25. package/dist/ComboBox/src/index.js +29 -25
  26. package/dist/Disclosure/src/Disclosure.css +305 -0
  27. package/dist/Disclosure/src/Disclosure.d.ts +16 -0
  28. package/dist/Disclosure/src/Disclosure.js +9 -0
  29. package/dist/Disclosure/src/DisclosureContext.d.ts +8 -0
  30. package/dist/Disclosure/src/DisclosureContext.js +2 -0
  31. package/dist/Disclosure/src/DisclosureHeader.css +405 -0
  32. package/dist/Disclosure/src/DisclosureHeader.d.ts +21 -0
  33. package/dist/Disclosure/src/DisclosureHeader.js +22 -0
  34. package/dist/Disclosure/src/DisclosureHeaderContext.d.ts +9 -0
  35. package/dist/Disclosure/src/DisclosureHeaderContext.js +2 -0
  36. package/dist/Disclosure/src/DisclosurePanel.css +292 -0
  37. package/dist/Disclosure/src/DisclosurePanel.d.ts +15 -0
  38. package/dist/Disclosure/src/DisclosurePanel.js +22 -0
  39. package/dist/Disclosure/src/DisclosurePanelContext.d.ts +8 -0
  40. package/dist/Disclosure/src/DisclosurePanelContext.js +2 -0
  41. package/dist/Disclosure/src/index.css +526 -0
  42. package/dist/Disclosure/src/index.d.ts +10 -0
  43. package/dist/Disclosure/src/index.js +27 -0
  44. package/dist/Divider/src/Divider.css +36 -29
  45. package/dist/Divider/src/Divider.js +1 -1
  46. package/dist/Divider/src/index.css +36 -29
  47. package/dist/Divider/src/index.js +1 -1
  48. package/dist/ErrorMessage/src/ErrorMessage.css +36 -29
  49. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  50. package/dist/ErrorMessage/src/index.css +36 -29
  51. package/dist/ErrorMessage/src/index.js +2 -2
  52. package/dist/Form/src/Form.css +28 -5005
  53. package/dist/Form/src/Form.d.ts +6 -3
  54. package/dist/Form/src/Form.js +2 -28
  55. package/dist/Form/src/FormContext.d.ts +3 -3
  56. package/dist/Form/src/FormContext.js +1 -1
  57. package/dist/Form/src/index.css +28 -5005
  58. package/dist/Form/src/index.d.ts +1 -1
  59. package/dist/Form/src/index.js +2 -28
  60. package/dist/HelperMessage/src/HelperMessage.css +36 -29
  61. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  62. package/dist/HelperMessage/src/index.css +36 -29
  63. package/dist/HelperMessage/src/index.js +2 -2
  64. package/dist/IconList/src/IconList.css +35 -28
  65. package/dist/IconList/src/IconList.js +1 -1
  66. package/dist/IconList/src/index.css +35 -28
  67. package/dist/IconList/src/index.js +1 -1
  68. package/dist/Link/src/Link.css +56 -49
  69. package/dist/Link/src/Link.js +9 -7
  70. package/dist/Link/src/index.css +56 -49
  71. package/dist/Link/src/index.js +9 -7
  72. package/dist/ListBox/src/ListBox.css +281 -274
  73. package/dist/ListBox/src/ListBox.js +15 -13
  74. package/dist/ListBox/src/ListBoxItem.css +269 -262
  75. package/dist/ListBox/src/ListBoxItem.js +13 -11
  76. package/dist/ListBox/src/ListBoxItemSkeleton.css +41 -34
  77. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  78. package/dist/ListBox/src/index.css +281 -274
  79. package/dist/ListBox/src/index.js +15 -13
  80. package/dist/Section/src/Section.js +1 -1
  81. package/dist/Section/src/index.js +1 -1
  82. package/dist/Select/src/Select.css +582 -564
  83. package/dist/Select/src/Select.js +30 -26
  84. package/dist/Select/src/SelectValue.css +68 -61
  85. package/dist/Select/src/SelectValue.js +7 -5
  86. package/dist/Select/src/index.css +582 -564
  87. package/dist/Select/src/index.js +30 -26
  88. package/dist/Spinner/src/Spinner.css +44 -37
  89. package/dist/Spinner/src/Spinner.js +2 -2
  90. package/dist/Spinner/src/index.css +44 -37
  91. package/dist/Spinner/src/index.js +2 -2
  92. package/dist/ToggleArrow/src/ToggleArrow.css +243 -0
  93. package/dist/ToggleArrow/src/ToggleArrow.d.ts +21 -0
  94. package/dist/ToggleArrow/src/ToggleArrow.js +4 -0
  95. package/dist/ToggleArrow/src/ToggleArrowContext.d.ts +10 -0
  96. package/dist/ToggleArrow/src/ToggleArrowContext.js +2 -0
  97. package/dist/ToggleArrow/src/index.css +243 -0
  98. package/dist/ToggleArrow/src/index.d.ts +7 -0
  99. package/dist/ToggleArrow/src/index.js +4 -0
  100. package/dist/buttons/src/Button.css +100 -93
  101. package/dist/buttons/src/Button.js +11 -9
  102. package/dist/buttons/src/ButtonGroup.css +45 -38
  103. package/dist/buttons/src/ButtonGroup.js +1 -1
  104. package/dist/buttons/src/ClearButton.css +105 -98
  105. package/dist/buttons/src/ClearButton.js +2 -2
  106. package/dist/buttons/src/EmbeddedButton.css +105 -98
  107. package/dist/buttons/src/EmbeddedButton.js +1 -1
  108. package/dist/buttons/src/LinkButton.css +109 -102
  109. package/dist/buttons/src/LinkButton.js +10 -8
  110. package/dist/buttons/src/index.css +256 -249
  111. package/dist/buttons/src/index.js +15 -13
  112. package/dist/checkbox/src/Checkbox.css +53 -46
  113. package/dist/checkbox/src/Checkbox.js +10 -8
  114. package/dist/checkbox/src/CheckboxField.css +93 -86
  115. package/dist/checkbox/src/CheckboxField.js +4 -2
  116. package/dist/checkbox/src/CheckboxGroup.css +105 -98
  117. package/dist/checkbox/src/CheckboxGroup.js +9 -7
  118. package/dist/checkbox/src/DecorativeCheckbox.css +61 -54
  119. package/dist/checkbox/src/DecorativeCheckbox.js +10 -8
  120. package/dist/checkbox/src/index.css +105 -98
  121. package/dist/checkbox/src/index.js +17 -15
  122. package/dist/{chunk-JTHUJSFK.js → chunk-2DFRNPSR.js} +2 -2
  123. package/dist/{chunk-JGHJ2M26.js → chunk-333PGOMR.js} +19 -11
  124. package/dist/{chunk-MYDEFJS3.js → chunk-566DZ4RC.js} +1 -1
  125. package/dist/{chunk-NDJTJNFH.js → chunk-5SMJSNMW.js} +2 -2
  126. package/dist/chunk-5ZXBTCX3.js +124 -0
  127. package/dist/{chunk-ZWNZNKIJ.js → chunk-6AMCBCFX.js} +3 -3
  128. package/dist/{chunk-YXAAHLMF.js → chunk-6L4MTZT4.js} +7 -5
  129. package/dist/{chunk-YQXI64TQ.js → chunk-6NX5XSZH.js} +8 -2
  130. package/dist/{chunk-5V32JYKM.js → chunk-75I7LTO3.js} +1 -1
  131. package/dist/chunk-7CJXILRD.js +7 -0
  132. package/dist/{chunk-7W2MXYXZ.js → chunk-7FQHEXNP.js} +7 -5
  133. package/dist/{chunk-WUXVBNRQ.js → chunk-7FQXKGYA.js} +8 -6
  134. package/dist/{chunk-5N6R4USJ.js → chunk-7FV3FDFI.js} +1 -1
  135. package/dist/{chunk-7TNFRZPO.js → chunk-7H7A6BGG.js} +1 -1
  136. package/dist/{chunk-TQKARZW6.js → chunk-BFYJWYHU.js} +2 -2
  137. package/dist/{chunk-ROBSHFBH.js → chunk-C2ON6QTY.js} +2 -2
  138. package/dist/{chunk-HLWX7CML.js → chunk-CC5QQ4YM.js} +2 -2
  139. package/dist/{chunk-6SOC4ZCP.js → chunk-CS2YF25E.js} +2 -2
  140. package/dist/{chunk-JCJA22ZN.js → chunk-DVIAXHYK.js} +4 -2
  141. package/dist/{chunk-SVBLMLJM.js → chunk-E6TOJ3QU.js} +1 -1
  142. package/dist/{chunk-DJWMHKN5.js → chunk-EABCCXRD.js} +4 -4
  143. package/dist/{chunk-5L4SRFMM.js → chunk-EXO4OJ7Z.js} +2 -2
  144. package/dist/{chunk-PSIGABQ5.js → chunk-G7QY3NWV.js} +1 -1
  145. package/dist/chunk-GFRTCF4B.js +7 -0
  146. package/dist/{chunk-HXO6663T.js → chunk-GO5KCRGN.js} +2 -2
  147. package/dist/{chunk-GCPJ72ES.js → chunk-GQJ7GNYQ.js} +1 -1
  148. package/dist/chunk-GUCWHJZX.js +79 -0
  149. package/dist/chunk-GVEPINW7.js +67 -0
  150. package/dist/{chunk-OQ5ANYTP.js → chunk-GYJQJEJS.js} +5 -3
  151. package/dist/chunk-J6WBI2I2.js +7 -0
  152. package/dist/{chunk-JQDHDPWX.js → chunk-K22HKHG2.js} +3 -3
  153. package/dist/{chunk-BCUIZE4G.js → chunk-K5WUDBPF.js} +1 -1
  154. package/dist/{chunk-BYOQKF3I.js → chunk-KFMYXZFT.js} +2 -2
  155. package/dist/{chunk-Z2UVDVEE.js → chunk-KFPJZFZS.js} +2 -2
  156. package/dist/{chunk-ZV45TYGR.js → chunk-L7ORX4VV.js} +9 -7
  157. package/dist/chunk-LHX75LVJ.js +50 -0
  158. package/dist/{chunk-NOY3G4YX.js → chunk-LVCA23CC.js} +1 -1
  159. package/dist/chunk-MUAXK42C.js +7 -0
  160. package/dist/{chunk-MAMRCWYC.js → chunk-NIERUDZ6.js} +1 -1
  161. package/dist/{chunk-TUQXINCS.js → chunk-NR7UTMYX.js} +2 -2
  162. package/dist/{chunk-ETR3U3FY.js → chunk-NUV3PDGE.js} +1 -1
  163. package/dist/{chunk-UBXBQMCI.js → chunk-O5LFX4XZ.js} +1 -1
  164. package/dist/{chunk-CWGQSZVV.js → chunk-OFQN5TXX.js} +8 -6
  165. package/dist/{chunk-Z2LRCDGL.js → chunk-PUQ7RTX4.js} +5 -3
  166. package/dist/{chunk-EURJK4ZT.js → chunk-Q7NXUUB3.js} +1 -1
  167. package/dist/{chunk-NLZXVLBW.js → chunk-QTD66QJH.js} +2 -2
  168. package/dist/{chunk-DPGUTB2Z.js → chunk-R5343IYO.js} +2 -2
  169. package/dist/{chunk-VHQQVD4Y.js → chunk-RAAORA53.js} +7 -5
  170. package/dist/{chunk-VDEBLHQC.js → chunk-RBENLQVB.js} +8 -6
  171. package/dist/{chunk-VB4KGI6T.js → chunk-SBSBVVKM.js} +2 -2
  172. package/dist/chunk-SH3CLZKH.js +68 -0
  173. package/dist/{chunk-Z5GLI3AC.js → chunk-SNDPAUAL.js} +10 -8
  174. package/dist/{chunk-JA3U74ZK.js → chunk-T3PSAQEK.js} +1 -1
  175. package/dist/{chunk-WOSZZL62.js → chunk-U5SHNMC3.js} +8 -6
  176. package/dist/{chunk-O44XKAD6.js → chunk-UMCSSGCS.js} +6 -4
  177. package/dist/{chunk-6URDOTFT.js → chunk-VHRMFZPJ.js} +5 -5
  178. package/dist/{chunk-R5756BNI.js → chunk-WILQEDLK.js} +3 -3
  179. package/dist/{chunk-YGEF3D4F.js → chunk-WWXZNKBE.js} +3 -3
  180. package/dist/{chunk-DRVU56LK.js → chunk-Z57BGAOZ.js} +19 -11
  181. package/dist/{chunk-ECAM35AM.js → chunk-ZRT7MWIL.js} +6 -4
  182. package/dist/index.css +1244 -957
  183. package/dist/index.d.ts +7 -1
  184. package/dist/index.js +87 -79
  185. package/dist/inputs/src/InputGroup.css +271 -264
  186. package/dist/inputs/src/InputGroup.js +1 -1
  187. package/dist/inputs/src/NumberField.css +293 -286
  188. package/dist/inputs/src/NumberField.js +14 -12
  189. package/dist/inputs/src/PasswordField.css +281 -274
  190. package/dist/inputs/src/PasswordField.js +13 -11
  191. package/dist/inputs/src/RemainingCharacterCount.css +37 -30
  192. package/dist/inputs/src/RemainingCharacterCount.js +7 -5
  193. package/dist/inputs/src/SearchField.css +287 -280
  194. package/dist/inputs/src/SearchField.js +14 -12
  195. package/dist/inputs/src/TextArea.css +288 -281
  196. package/dist/inputs/src/TextArea.js +13 -11
  197. package/dist/inputs/src/TextField.css +285 -278
  198. package/dist/inputs/src/TextField.js +17 -15
  199. package/dist/inputs/src/index.css +331 -324
  200. package/dist/inputs/src/index.js +25 -23
  201. package/dist/overlays/Popover/src/Popover.css +548 -541
  202. package/dist/overlays/Popover/src/Popover.js +12 -10
  203. package/dist/overlays/Popover/src/index.css +548 -541
  204. package/dist/overlays/Popover/src/index.js +12 -10
  205. package/dist/radio/src/DecorativeRadio.css +61 -54
  206. package/dist/radio/src/DecorativeRadio.js +9 -7
  207. package/dist/radio/src/Radio.css +53 -46
  208. package/dist/radio/src/Radio.js +9 -7
  209. package/dist/radio/src/RadioField.css +40 -33
  210. package/dist/radio/src/RadioField.js +2 -2
  211. package/dist/radio/src/RadioGroup.css +105 -98
  212. package/dist/radio/src/RadioGroup.js +9 -7
  213. package/dist/radio/src/index.css +105 -98
  214. package/dist/radio/src/index.js +17 -15
  215. package/dist/switch/src/Switch.css +50 -43
  216. package/dist/switch/src/Switch.js +9 -7
  217. package/dist/switch/src/SwitchField.css +40 -33
  218. package/dist/switch/src/SwitchField.js +2 -2
  219. package/dist/switch/src/index.css +56 -49
  220. package/dist/switch/src/index.js +10 -8
  221. package/dist/tag/src/Tag.css +397 -390
  222. package/dist/tag/src/Tag.js +12 -10
  223. package/dist/tag/src/TagGroup.css +44 -37
  224. package/dist/tag/src/TagGroup.js +9 -7
  225. package/dist/tag/src/index.css +407 -400
  226. package/dist/tag/src/index.js +18 -16
  227. package/dist/typography/Heading/src/Heading.css +34 -27
  228. package/dist/typography/Heading/src/Heading.js +1 -1
  229. package/dist/typography/Heading/src/index.css +34 -27
  230. package/dist/typography/Heading/src/index.js +1 -1
  231. package/dist/typography/Label/src/Label.css +34 -27
  232. package/dist/typography/Label/src/Label.js +3 -1
  233. package/dist/typography/Label/src/index.css +34 -27
  234. package/dist/typography/Label/src/index.js +3 -1
  235. package/dist/typography/OverlineText/src/OverlineText.css +34 -27
  236. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  237. package/dist/typography/OverlineText/src/index.css +34 -27
  238. package/dist/typography/OverlineText/src/index.js +1 -1
  239. package/dist/typography/Text/src/Text.css +34 -27
  240. package/dist/typography/Text/src/Text.js +1 -1
  241. package/dist/typography/Text/src/index.css +34 -27
  242. package/dist/typography/Text/src/index.js +1 -1
  243. package/dist/utils/src/EnsureTextWrapper.css +34 -27
  244. package/dist/utils/src/EnsureTextWrapper.d.ts +1 -1
  245. package/dist/utils/src/EnsureTextWrapper.js +7 -5
  246. package/dist/utils/src/index.css +34 -27
  247. package/dist/utils/src/index.js +7 -5
  248. package/dist/utils/src/types.d.ts +1 -1
  249. package/package.json +9 -9
  250. 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___UhOuN {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,50 +33,50 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___CVskF) {
36
+ :where(.Heading-module__hop-Heading___UhOuN) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
40
40
  font-weight: var(--font-weight);
41
41
  line-height: var(--line-height);
42
42
  }
43
- :where(.Heading-module__hop-Heading--xs___7Zrw2) {
43
+ :where(.Heading-module__hop-Heading--xs___mgq0R) {
44
44
  --font-size: var(--hop-Heading-xs-font-size);
45
45
  --font-family: var(--hop-Heading-xs-font-family);
46
46
  --font-weight: var(--hop-Heading-xs-font-weight);
47
47
  --line-height: var(--hop-Heading-xs-line-height);
48
48
  }
49
- :where(.Heading-module__hop-Heading--sm___VbyiN) {
49
+ :where(.Heading-module__hop-Heading--sm___Sd105) {
50
50
  --font-size: var(--hop-Heading-sm-font-size);
51
51
  --font-family: var(--hop-Heading-sm-font-family);
52
52
  --font-weight: var(--hop-Heading-sm-font-weight);
53
53
  --line-height: var(--hop-Heading-sm-line-height);
54
54
  }
55
- :where(.Heading-module__hop-Heading--md___gkCTa) {
55
+ :where(.Heading-module__hop-Heading--md___OeuQ-) {
56
56
  --font-size: var(--hop-Heading-md-font-size);
57
57
  --font-family: var(--hop-Heading-md-font-family);
58
58
  --font-weight: var(--hop-Heading-md-font-weight);
59
59
  --line-height: var(--hop-Heading-md-line-height);
60
60
  }
61
- :where(.Heading-module__hop-Heading--lg___XhmuU) {
61
+ :where(.Heading-module__hop-Heading--lg___937DG) {
62
62
  --font-size: var(--hop-Heading-lg-font-size);
63
63
  --font-family: var(--hop-Heading-lg-font-family);
64
64
  --font-weight: var(--hop-Heading-lg-font-weight);
65
65
  --line-height: var(--hop-Heading-lg-line-height);
66
66
  }
67
- :where(.Heading-module__hop-Heading--xl___0Rnx-) {
67
+ :where(.Heading-module__hop-Heading--xl___PA7Cj) {
68
68
  --font-size: var(--hop-Heading-xl-font-size);
69
69
  --font-family: var(--hop-Heading-xl-font-family);
70
70
  --font-weight: var(--hop-Heading-xl-font-weight);
71
71
  --line-height: var(--hop-Heading-xl-line-height);
72
72
  }
73
- :where(.Heading-module__hop-Heading--2xl___H2izG) {
73
+ :where(.Heading-module__hop-Heading--2xl___9H5AH) {
74
74
  --font-size: var(--hop-Heading-2xl-font-size);
75
75
  --font-family: var(--hop-Heading-2xl-font-family);
76
76
  --font-weight: var(--hop-Heading-2xl-font-weight);
77
77
  --line-height: var(--hop-Heading-2xl-line-height);
78
78
  }
79
- :where(.Heading-module__hop-Heading--3xl___NX39q) {
79
+ :where(.Heading-module__hop-Heading--3xl___BC0kT) {
80
80
  --font-size: var(--hop-Heading-3xl-font-size);
81
81
  --font-family: var(--hop-Heading-3xl-font-family);
82
82
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -84,7 +84,7 @@
84
84
  }
85
85
 
86
86
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
87
- :where(.OverlineText-module__hop-OverlineText___Fyhbp) {
87
+ :where(.OverlineText-module__hop-OverlineText___bCG0m) {
88
88
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
89
89
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
90
90
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -108,45 +108,52 @@
108
108
  text-transform: uppercase;
109
109
  letter-spacing: var(--letter-spacing);
110
110
  }
111
- .OverlineText-module__hop-OverlineText__text___-NVnD {
111
+ .OverlineText-module__hop-OverlineText__text___o7Sr6 {
112
112
  box-sizing: border-box;
113
113
  }
114
- .OverlineText-module__hop-OverlineText__text___-NVnD::before,
115
- .OverlineText-module__hop-OverlineText__text___-NVnD::after {
114
+ .OverlineText-module__hop-OverlineText__text___o7Sr6::before,
115
+ .OverlineText-module__hop-OverlineText__text___o7Sr6::after {
116
116
  content: "";
117
117
  display: block;
118
118
  box-sizing: border-box;
119
119
  inline-size: 0;
120
120
  block-size: 0;
121
121
  }
122
- .OverlineText-module__hop-OverlineText__text___-NVnD::before {
122
+ .OverlineText-module__hop-OverlineText__text___o7Sr6::before {
123
123
  margin-block-end: var(--bottom-offset);
124
124
  }
125
- .OverlineText-module__hop-OverlineText__text___-NVnD::after {
125
+ .OverlineText-module__hop-OverlineText__text___o7Sr6::after {
126
126
  margin-block-start: var(--top-offset);
127
127
  }
128
128
 
129
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
130
+ .Form-module__hop-Form___iuRf1 {
131
+ display: flex;
132
+ flex-direction: column;
133
+ gap: var(--hop-space-stack-lg);
134
+ }
135
+
129
136
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
130
- .Label-module__hop-Label___0IaEN {
137
+ .Label-module__hop-Label___bYJKr {
131
138
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
132
139
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
133
140
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
134
141
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
135
142
  --hop-Label-color: var(--hop-neutral-text-weak);
136
143
  }
137
- :where(.Label-module__hop-Label___0IaEN) {
144
+ :where(.Label-module__hop-Label___bYJKr) {
138
145
  font-family: var(--hop-Label-font-family);
139
146
  font-size: var(--hop-Label-font-size);
140
147
  font-weight: var(--hop-Label-font-weight);
141
148
  line-height: var(--hop-Label-line-height);
142
149
  color: var(--hop-Label-color);
143
150
  }
144
- :where(.Label-module__hop-Label__indicator___ckLyt) {
151
+ :where(.Label-module__hop-Label__indicator___AtTcd) {
145
152
  padding-inline-start: var(--hop-space-20);
146
153
  }
147
154
 
148
155
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
149
- .Text-module__hop-Text___oqQoT {
156
+ .Text-module__hop-Text___Fxj3U {
150
157
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
151
158
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
152
159
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -176,49 +183,49 @@
176
183
  --hop-Text-inherit-size-font-weight: inherit;
177
184
  --hop-Text-inherit-size-line-height: inherit;
178
185
  }
179
- :where(.Text-module__hop-Text___oqQoT) {
186
+ :where(.Text-module__hop-Text___Fxj3U) {
180
187
  font-family: var(--font-family);
181
188
  font-size: var(--font-size);
182
189
  font-weight: var(--font-weight);
183
190
  line-height: var(--line-height);
184
191
  }
185
- :where(.Text-module__hop-Text--xs___gmh3H) {
192
+ :where(.Text-module__hop-Text--xs___OBqqd) {
186
193
  --font-size: var(--hop-Text-xs-font-size);
187
194
  --font-family: var(--hop-Text-xs-font-family);
188
195
  --font-weight: var(--hop-Text-xs-font-weight);
189
196
  --line-height: var(--hop-Text-xs-line-height);
190
197
  }
191
- :where(.Text-module__hop-Text--sm___vOWCS) {
198
+ :where(.Text-module__hop-Text--sm___W0t5J) {
192
199
  --font-size: var(--hop-Text-sm-font-size);
193
200
  --font-family: var(--hop-Text-sm-font-family);
194
201
  --font-weight: var(--hop-Text-sm-font-weight);
195
202
  --line-height: var(--hop-Text-sm-line-height);
196
203
  }
197
- :where(.Text-module__hop-Text--md___k7DwC) {
204
+ :where(.Text-module__hop-Text--md___0XAci) {
198
205
  --font-size: var(--hop-Text-md-font-size);
199
206
  --font-family: var(--hop-Text-md-font-family);
200
207
  --font-weight: var(--hop-Text-md-font-weight);
201
208
  --line-height: var(--hop-Text-md-line-height);
202
209
  }
203
- :where(.Text-module__hop-Text--lg___yM6qv) {
210
+ :where(.Text-module__hop-Text--lg___fe6zi) {
204
211
  --font-size: var(--hop-Text-lg-font-size);
205
212
  --font-family: var(--hop-Text-lg-font-family);
206
213
  --font-weight: var(--hop-Text-lg-font-weight);
207
214
  --line-height: var(--hop-Text-lg-line-height);
208
215
  }
209
- :where(.Text-module__hop-Text--xl___2nk6L) {
216
+ :where(.Text-module__hop-Text--xl___Yu73w) {
210
217
  --font-size: var(--hop-Text-xl-font-size);
211
218
  --font-family: var(--hop-Text-xl-font-family);
212
219
  --font-weight: var(--hop-Text-xl-font-weight);
213
220
  --line-height: var(--hop-Text-xl-line-height);
214
221
  }
215
- :where(.Text-module__hop-Text--2xl___NUzYK) {
222
+ :where(.Text-module__hop-Text--2xl___XUoUN) {
216
223
  --font-size: var(--hop-Text-2xl-font-size);
217
224
  --font-family: var(--hop-Text-2xl-font-family);
218
225
  --font-weight: var(--hop-Text-2xl-font-weight);
219
226
  --line-height: var(--hop-Text-2xl-line-height);
220
227
  }
221
- :where(.Text-module__hop-Text--inherit___WNcxc) {
228
+ :where(.Text-module__hop-Text--inherit___zBVgd) {
222
229
  --font-size: var(--hop-Text-inherit-size-font-size);
223
230
  --font-family: var(--hop-Text-inherit-size-font-family);
224
231
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -226,7 +233,7 @@
226
233
  }
227
234
 
228
235
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
229
- .ErrorMessage-module__hop-ErrorMessage___IeyIQ {
236
+ .ErrorMessage-module__hop-ErrorMessage___1ogYr {
230
237
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
231
238
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
232
239
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -243,13 +250,13 @@
243
250
  line-height: var(--hop-ErrorMessage-line-height);
244
251
  color: var(--hop-ErrorMessage-color);
245
252
  }
246
- .ErrorMessage-module__hop-ErrorMessage__icon___wmjDl {
253
+ .ErrorMessage-module__hop-ErrorMessage__icon___NXHIT {
247
254
  flex: 0 0 auto;
248
255
  align-self: flex-start;
249
256
  }
250
257
 
251
258
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
252
- .HelperMessage-module__hop-HelperMessage___05GPA {
259
+ .HelperMessage-module__hop-HelperMessage___2u276 {
253
260
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
254
261
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
255
262
  display: flex;
@@ -258,13 +265,13 @@
258
265
  box-sizing: border-box;
259
266
  color: var(--hop-HelperMessage-color);
260
267
  }
261
- .HelperMessage-module__hop-HelperMessage__icon___H5hK- {
268
+ .HelperMessage-module__hop-HelperMessage__icon___qXSF9 {
262
269
  flex: 0 0 auto;
263
270
  align-self: flex-start;
264
271
  }
265
272
 
266
273
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
267
- .IconList-module__hop-IconList___ozcS7 {
274
+ .IconList-module__hop-IconList___6xhpN {
268
275
  --hop-IconList-gap: var(--hop-space-inline-xs);
269
276
  display: flex;
270
277
  flex-wrap: wrap;
@@ -273,7 +280,7 @@
273
280
  }
274
281
 
275
282
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
276
- @keyframes Spinner-module__spin___GpF3a {
283
+ @keyframes Spinner-module__spin___Q2ZYo {
277
284
  0% {
278
285
  transform: rotate(0deg);
279
286
  }
@@ -281,7 +288,7 @@
281
288
  transform: rotate(360deg);
282
289
  }
283
290
  }
284
- .Spinner-module__hop-Spinner___9g3mc {
291
+ .Spinner-module__hop-Spinner___0THu8 {
285
292
  --hop-Spinner-border-radius: var(--hop-shape-circle);
286
293
  --hop-Spinner-sm-wheel-size: 1rem;
287
294
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -289,7 +296,7 @@
289
296
  --hop-Spinner-track-width: 0.125rem;
290
297
  --hop-Spinner-track-opacity: 0.2;
291
298
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
292
- --hop-Spinner-fill-animation: Spinner-module__spin___GpF3a .8s infinite linear;
299
+ --hop-Spinner-fill-animation: Spinner-module__spin___Q2ZYo .8s infinite linear;
293
300
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
294
301
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
295
302
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -300,19 +307,19 @@
300
307
  align-items: center;
301
308
  box-sizing: border-box;
302
309
  }
303
- .Spinner-module__hop-Spinner--sm___Sn8Ex {
310
+ .Spinner-module__hop-Spinner--sm___PVr-T {
304
311
  --width: var(--hop-Spinner-sm-wheel-size);
305
312
  --height: var(--hop-Spinner-sm-wheel-size);
306
313
  }
307
- .Spinner-module__hop-Spinner--md___xl5cv {
314
+ .Spinner-module__hop-Spinner--md___DkDx6 {
308
315
  --width: var(--hop-Spinner-md-wheel-size);
309
316
  --height: var(--hop-Spinner-md-wheel-size);
310
317
  }
311
- .Spinner-module__hop-Spinner--lg___83WoZ {
318
+ .Spinner-module__hop-Spinner--lg___bqHkM {
312
319
  --width: var(--hop-Spinner-lg-wheel-size);
313
320
  --height: var(--hop-Spinner-lg-wheel-size);
314
321
  }
315
- .Spinner-module__hop-Spinner__track___chlyR {
322
+ .Spinner-module__hop-Spinner__track___B5Dai {
316
323
  grid-area: spinner;
317
324
  box-sizing: border-box;
318
325
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -321,7 +328,7 @@
321
328
  border: var(--hop-Spinner-track-border);
322
329
  border-radius: var(--hop-Spinner-border-radius);
323
330
  }
324
- .Spinner-module__hop-Spinner__fill___c02Ru {
331
+ .Spinner-module__hop-Spinner__fill___-UaCn {
325
332
  grid-area: spinner;
326
333
  box-sizing: border-box;
327
334
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -332,17 +339,17 @@
332
339
  animation: var(--hop-Spinner-fill-animation);
333
340
  }
334
341
  @media (prefers-reduced-motion: reduce) {
335
- .Spinner-module__hop-Spinner__fill___c02Ru {
342
+ .Spinner-module__hop-Spinner__fill___-UaCn {
336
343
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
337
344
  }
338
345
  }
339
- .Spinner-module__hop-Spinner__label___AeMTu {
346
+ .Spinner-module__hop-Spinner__label___GhNV8 {
340
347
  grid-area: label;
341
348
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
342
349
  }
343
350
 
344
351
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
345
- .Button-module__hop-Button___WzlOR {
352
+ .Button-module__hop-Button___aWAvb {
346
353
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
347
354
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
348
355
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -466,215 +473,215 @@
466
473
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
467
474
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
468
475
  }
469
- .Button-module__hop-Button--fluid___F7Bj6 {
476
+ .Button-module__hop-Button--fluid___pOgS1 {
470
477
  --inline-size: 100%;
471
478
  }
472
- .Button-module__hop-Button--sm___Rwa3Y {
479
+ .Button-module__hop-Button--sm___EJn1m {
473
480
  --block-size: var(--hop-Button-sm-height);
474
481
  --padding: var(--hop-Button-sm-padding);
475
482
  }
476
- .Button-module__hop-Button--sm___Rwa3Y[class*=--ghost] {
483
+ .Button-module__hop-Button--sm___EJn1m[class*=--ghost] {
477
484
  --padding: var(--hop-Button-ghost-sm-padding);
478
485
  }
479
- .Button-module__hop-Button--md___h8xzm[class*=--ghost] {
486
+ .Button-module__hop-Button--md___4XpPr[class*=--ghost] {
480
487
  --padding: var(--hop-Button-ghost-md-padding);
481
488
  }
482
- .Button-module__hop-Button--icon-only___ahMFW {
489
+ .Button-module__hop-Button--icon-only___E63X8 {
483
490
  --column-gap: var(--hop-Button-icon-only-column-gap);
484
491
  --padding: var(--hop-Button-icon-only-padding);
485
492
  aspect-ratio: 1;
486
493
  }
487
- .Button-module__hop-Button--primary___KSauO {
494
+ .Button-module__hop-Button--primary___Lm30i {
488
495
  --background-color: var(--hop-Button-primary-background-color);
489
496
  --color: var(--hop-Button-primary-color);
490
497
  --border: var(--hop-Button-primary-border);
491
498
  --spinner-color: var(--hop-Button-primary-spinner-color);
492
499
  }
493
- .Button-module__hop-Button--primary___KSauO[data-hovered],
494
- .Button-module__hop-Button--primary___KSauO[data-focus-visible] {
500
+ .Button-module__hop-Button--primary___Lm30i[data-hovered],
501
+ .Button-module__hop-Button--primary___Lm30i[data-focus-visible] {
495
502
  --background-color: var(--hop-Button-primary-background-color-hover);
496
503
  --color: var(--hop-Button-primary-color-hover);
497
504
  --border: var(--hop-Button-primary-border-hover);
498
505
  }
499
- .Button-module__hop-Button--primary___KSauO[data-pressed] {
506
+ .Button-module__hop-Button--primary___Lm30i[data-pressed] {
500
507
  --background-color: var(--hop-Button-primary-background-color-pressed);
501
508
  --color: var(--hop-Button-primary-color-pressed);
502
509
  --border: var(--hop-Button-primary-border-pressed);
503
510
  }
504
- .Button-module__hop-Button--secondary___89Ki0 {
511
+ .Button-module__hop-Button--secondary___bl3yb {
505
512
  --background-color: var(--hop-Button-secondary-background-color);
506
513
  --color: var(--hop-Button-secondary-color);
507
514
  --border: var(--hop-Button-secondary-border);
508
515
  --spinner-color: var(--hop-Button-secondary-spinner-color);
509
516
  }
510
- .Button-module__hop-Button--secondary___89Ki0[data-hovered],
511
- .Button-module__hop-Button--secondary___89Ki0[data-focus-visible] {
517
+ .Button-module__hop-Button--secondary___bl3yb[data-hovered],
518
+ .Button-module__hop-Button--secondary___bl3yb[data-focus-visible] {
512
519
  --background-color: var(--hop-Button-secondary-background-color-hover);
513
520
  --color: var(--hop-Button-secondary-color-hover);
514
521
  --border: var(--hop-Button-secondary-border-hover);
515
522
  }
516
- .Button-module__hop-Button--secondary___89Ki0[data-pressed] {
523
+ .Button-module__hop-Button--secondary___bl3yb[data-pressed] {
517
524
  --background-color: var(--hop-Button-secondary-background-color-pressed);
518
525
  --color: var(--hop-Button-secondary-color-pressed);
519
526
  --border: var(--hop-Button-secondary-border-pressed);
520
527
  }
521
- .Button-module__hop-Button--upsell___PGrgx {
528
+ .Button-module__hop-Button--upsell___ZsXQr {
522
529
  --background-color: var(--hop-Button-upsell-background-color);
523
530
  --color: var(--hop-Button-upsell-color);
524
531
  --border: var(--hop-Button-upsell-border);
525
532
  --spinner-color: var(--hop-Button-upsell-spinner-color);
526
533
  }
527
- .Button-module__hop-Button--upsell___PGrgx[data-hovered],
528
- .Button-module__hop-Button--upsell___PGrgx[data-focus-visible] {
534
+ .Button-module__hop-Button--upsell___ZsXQr[data-hovered],
535
+ .Button-module__hop-Button--upsell___ZsXQr[data-focus-visible] {
529
536
  --background-color: var(--hop-Button-upsell-background-color-hover);
530
537
  --color: var(--hop-Button-upsell-color-hover);
531
538
  --border: var(--hop-Button-upsell-border-hover);
532
539
  }
533
- .Button-module__hop-Button--upsell___PGrgx[data-pressed] {
540
+ .Button-module__hop-Button--upsell___ZsXQr[data-pressed] {
534
541
  --background-color: var(--hop-Button-upsell-background-color-pressed);
535
542
  --color: var(--hop-Button-upsell-color-pressed);
536
543
  --border: var(--hop-Button-upsell-border-pressed);
537
544
  }
538
- .Button-module__hop-Button--danger___tceuw {
545
+ .Button-module__hop-Button--danger___VMtVT {
539
546
  --background-color: var(--hop-Button-danger-background-color);
540
547
  --color: var(--hop-Button-danger-color);
541
548
  --border: var(--hop-Button-danger-border);
542
549
  --spinner-color: var(--hop-Button-danger-spinner-color);
543
550
  }
544
- .Button-module__hop-Button--danger___tceuw[data-hovered],
545
- .Button-module__hop-Button--danger___tceuw[data-focus-visible] {
551
+ .Button-module__hop-Button--danger___VMtVT[data-hovered],
552
+ .Button-module__hop-Button--danger___VMtVT[data-focus-visible] {
546
553
  --background-color: var(--hop-Button-danger-background-color-hover);
547
554
  --color: var(--hop-Button-danger-color-hover);
548
555
  --border: var(--hop-Button-danger-border-hover);
549
556
  }
550
- .Button-module__hop-Button--danger___tceuw[data-pressed] {
557
+ .Button-module__hop-Button--danger___VMtVT[data-pressed] {
551
558
  --background-color: var(--hop-Button-danger-background-color-pressed);
552
559
  --color: var(--hop-Button-danger-color-pressed);
553
560
  --border: var(--hop-Button-danger-border-pressed);
554
561
  }
555
- .Button-module__hop-Button--ghost-primary___zhFtX {
562
+ .Button-module__hop-Button--ghost-primary___7eXLd {
556
563
  --background-color: var(--hop-Button-ghost-primary-background-color);
557
564
  --color: var(--hop-Button-ghost-primary-color);
558
565
  --border: var(--hop-Button-ghost-primary-border);
559
566
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
560
567
  }
561
- .Button-module__hop-Button--ghost-primary___zhFtX[data-hovered],
562
- .Button-module__hop-Button--ghost-primary___zhFtX[data-focus-visible] {
568
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-hovered],
569
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-focus-visible] {
563
570
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
564
571
  --color: var(--hop-Button-ghost-primary-color-hover);
565
572
  --border: var(--hop-Button-ghost-primary-border-hover);
566
573
  --text-underline: underline;
567
574
  }
568
- .Button-module__hop-Button--ghost-primary___zhFtX[data-pressed] {
575
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-pressed] {
569
576
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
570
577
  --color: var(--hop-Button-ghost-primary-color-pressed);
571
578
  --border: var(--hop-Button-ghost-primary-border-pressed);
572
579
  --text-underline: underline;
573
580
  }
574
- .Button-module__hop-Button--ghost-secondary___SdEAq {
581
+ .Button-module__hop-Button--ghost-secondary___6099y {
575
582
  --background-color: var(--hop-Button-ghost-secondary-background-color);
576
583
  --color: var(--hop-Button-ghost-secondary-color);
577
584
  --border: var(--hop-Button-ghost-secondary-border);
578
585
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
579
586
  }
580
- .Button-module__hop-Button--ghost-secondary___SdEAq[data-hovered],
581
- .Button-module__hop-Button--ghost-secondary___SdEAq[data-focus-visible] {
587
+ .Button-module__hop-Button--ghost-secondary___6099y[data-hovered],
588
+ .Button-module__hop-Button--ghost-secondary___6099y[data-focus-visible] {
582
589
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
583
590
  --color: var(--hop-Button-ghost-secondary-color-hover);
584
591
  --border: var(--hop-Button-ghost-secondary-border-hover);
585
592
  --text-underline: underline;
586
593
  }
587
- .Button-module__hop-Button--ghost-secondary___SdEAq[data-pressed] {
594
+ .Button-module__hop-Button--ghost-secondary___6099y[data-pressed] {
588
595
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
589
596
  --color: var(--hop-Button-ghost-secondary-color-pressed);
590
597
  --border: var(--hop-Button-ghost-secondary-border-pressed);
591
598
  --text-underline: underline;
592
599
  }
593
- .Button-module__hop-Button--ghost-danger___VK-9q {
600
+ .Button-module__hop-Button--ghost-danger___NOYOj {
594
601
  --background-color: var(--hop-Button-ghost-danger-background-color);
595
602
  --color: var(--hop-Button-ghost-danger-color);
596
603
  --border: var(--hop-Button-ghost-danger-border);
597
604
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
598
605
  }
599
- .Button-module__hop-Button--ghost-danger___VK-9q[data-hovered],
600
- .Button-module__hop-Button--ghost-danger___VK-9q[data-focus-visible] {
606
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-hovered],
607
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-focus-visible] {
601
608
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
602
609
  --color: var(--hop-Button-ghost-danger-color-hover);
603
610
  --border: var(--hop-Button-ghost-danger-border-hover);
604
611
  --text-underline: underline;
605
612
  }
606
- .Button-module__hop-Button--ghost-danger___VK-9q[data-pressed] {
613
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-pressed] {
607
614
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
608
615
  --color: var(--hop-Button-ghost-danger-color-pressed);
609
616
  --border: var(--hop-Button-ghost-danger-border-pressed);
610
617
  --text-underline: underline;
611
618
  }
612
- .Button-module__hop-Button___WzlOR[data-focus-visible] {
619
+ .Button-module__hop-Button___aWAvb[data-focus-visible] {
613
620
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
614
621
  }
615
- .Button-module__hop-Button___WzlOR[data-disabled],
616
- .Button-module__hop-Button___WzlOR[data-pending] {
622
+ .Button-module__hop-Button___aWAvb[data-disabled],
623
+ .Button-module__hop-Button___aWAvb[data-pending] {
617
624
  cursor: not-allowed;
618
625
  }
619
- .Button-module__hop-Button___WzlOR[data-disabled] {
626
+ .Button-module__hop-Button___aWAvb[data-disabled] {
620
627
  --background-color: var(--hop-Button-background-color-disabled);
621
628
  --color: var(--hop-Button-color-disabled);
622
629
  --border: var(--hop-Button-border-disabled);
623
630
  }
624
- .Button-module__hop-Button___WzlOR[class*=--ghost][data-disabled] {
631
+ .Button-module__hop-Button___aWAvb[class*=--ghost][data-disabled] {
625
632
  --background-color: var(--hop-Button-ghost-background-color-disabled);
626
633
  --color: var(--hop-Button-ghost-color-disabled);
627
634
  --border: var(--hop-Button-ghost-border-disabled);
628
635
  }
629
- .Button-module__hop-Button--primary___KSauO[data-pending] {
636
+ .Button-module__hop-Button--primary___Lm30i[data-pending] {
630
637
  --background-color: var(--hop-Button-primary-background-color);
631
638
  --color: var(--hop-Button-primary-color);
632
639
  --border: var(--hop-Button-primary-border);
633
640
  }
634
- .Button-module__hop-Button--secondary___89Ki0[data-pending] {
641
+ .Button-module__hop-Button--secondary___bl3yb[data-pending] {
635
642
  --background-color: var(--hop-Button-secondary-background-color);
636
643
  --color: var(--hop-Button-secondary-color);
637
644
  --border: var(--hop-Button-secondary-border);
638
645
  }
639
- .Button-module__hop-Button--upsell___PGrgx[data-pending] {
646
+ .Button-module__hop-Button--upsell___ZsXQr[data-pending] {
640
647
  --background-color: var(--hop-Button-upsell-background-color);
641
648
  --color: var(--hop-Button-upsell-color);
642
649
  --border: var(--hop-Button-upsell-border);
643
650
  }
644
- .Button-module__hop-Button--danger___tceuw[data-pending] {
651
+ .Button-module__hop-Button--danger___VMtVT[data-pending] {
645
652
  --background-color: var(--hop-Button-danger-background-color);
646
653
  --color: var(--hop-Button-danger-color);
647
654
  --border: var(--hop-Button-danger-border);
648
655
  }
649
- .Button-module__hop-Button--ghost-primary___zhFtX[data-pending] {
656
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-pending] {
650
657
  --background-color: var(--hop-Button-ghost-primary-background-color);
651
658
  --color: var(--hop-Button-ghost-primary-color);
652
659
  --border: var(--hop-Button-ghost-primary-border);
653
660
  --text-underline: none;
654
661
  }
655
- .Button-module__hop-Button--ghost-secondary___SdEAq[data-pending] {
662
+ .Button-module__hop-Button--ghost-secondary___6099y[data-pending] {
656
663
  --background-color: var(--hop-Button-ghost-secondary-background-color);
657
664
  --color: var(--hop-Button-ghost-secondary-color);
658
665
  --border: var(--hop-Button-ghost-secondary-border);
659
666
  --text-underline: none;
660
667
  }
661
- .Button-module__hop-Button--ghost-danger___VK-9q[data-pending] {
668
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-pending] {
662
669
  --background-color: var(--hop-Button-ghost-danger-background-color);
663
670
  --color: var(--hop-Button-ghost-danger-color);
664
671
  --border: var(--hop-Button-ghost-danger-border);
665
672
  --text-underline: none;
666
673
  }
667
- .Button-module__hop-Button__Spinner___cq-n1 {
674
+ .Button-module__hop-Button__Spinner___tUy92 {
668
675
  position: absolute;
669
676
  color: var(--spinner-color);
670
677
  }
671
- .Button-module__hop-Button__icon___9hafi,
672
- .Button-module__hop-Button__icon-list___3dKQl {
678
+ .Button-module__hop-Button__icon___WqWnu,
679
+ .Button-module__hop-Button__icon-list___6mPwn {
673
680
  flex: 0 0 auto;
674
681
  justify-self: end;
675
682
  order: 1;
676
683
  }
677
- .Button-module__hop-Button__text___P5odA {
684
+ .Button-module__hop-Button__text___yHV7K {
678
685
  user-select: none;
679
686
  overflow: visible;
680
687
  flex: 0 1 auto;
@@ -684,60 +691,60 @@
684
691
  text-underline-offset: 0.125rem;
685
692
  text-wrap: nowrap;
686
693
  }
687
- .Button-module__hop-Button__end-icon___m5iLl,
688
- .Button-module__hop-Button__end-icon-list___dVHTj {
694
+ .Button-module__hop-Button__end-icon___YziQH,
695
+ .Button-module__hop-Button__end-icon-list___e0mxc {
689
696
  flex: 0 0 auto;
690
697
  order: 3;
691
698
  }
692
- .Button-module__hop-Button___WzlOR .Button-module__hop-Button__icon-list___3dKQl,
693
- .Button-module__hop-Button___WzlOR .Button-module__hop-Button__end-icon-list___dVHTj {
699
+ .Button-module__hop-Button___aWAvb .Button-module__hop-Button__icon-list___6mPwn,
700
+ .Button-module__hop-Button___aWAvb .Button-module__hop-Button__end-icon-list___e0mxc {
694
701
  flex-wrap: nowrap;
695
702
  }
696
- .Button-module__hop-Button___WzlOR[data-pending] > *:not(.Button-module__hop-Button__Spinner___cq-n1) {
703
+ .Button-module__hop-Button___aWAvb[data-pending] > *:not(.Button-module__hop-Button__Spinner___tUy92) {
697
704
  opacity: 0;
698
705
  }
699
706
 
700
707
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
701
- .ButtonGroup-module__hop-ButtonGroup___V7CZR {
708
+ .ButtonGroup-module__hop-ButtonGroup___hqLSF {
702
709
  display: inline-flex;
703
710
  flex-wrap: nowrap;
704
711
  gap: var(--hop-space-inline-md);
705
712
  }
706
- .ButtonGroup-module__hop-ButtonGroup--horizontal___RkXbb {
713
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___3av6y {
707
714
  align-items: center;
708
715
  }
709
- .ButtonGroup-module__hop-ButtonGroup--vertical___YmBcu {
716
+ .ButtonGroup-module__hop-ButtonGroup--vertical___gv-ld {
710
717
  flex-direction: column;
711
718
  gap: var(--hop-space-stack-md);
712
719
  justify-content: center;
713
720
  }
714
- .ButtonGroup-module__hop-ButtonGroup--start___H3G0F.ButtonGroup-module__hop-ButtonGroup--vertical___YmBcu {
721
+ .ButtonGroup-module__hop-ButtonGroup--start___kJMSf.ButtonGroup-module__hop-ButtonGroup--vertical___gv-ld {
715
722
  align-items: flex-start;
716
723
  }
717
- .ButtonGroup-module__hop-ButtonGroup--center___Ofa5Q.ButtonGroup-module__hop-ButtonGroup--vertical___YmBcu {
724
+ .ButtonGroup-module__hop-ButtonGroup--center___3hmgX.ButtonGroup-module__hop-ButtonGroup--vertical___gv-ld {
718
725
  align-items: center;
719
726
  }
720
- .ButtonGroup-module__hop-ButtonGroup--end___5c33O.ButtonGroup-module__hop-ButtonGroup--vertical___YmBcu {
727
+ .ButtonGroup-module__hop-ButtonGroup--end___oVQYE.ButtonGroup-module__hop-ButtonGroup--vertical___gv-ld {
721
728
  align-items: flex-end;
722
729
  }
723
- .ButtonGroup-module__hop-ButtonGroup--start___H3G0F.ButtonGroup-module__hop-ButtonGroup--horizontal___RkXbb {
730
+ .ButtonGroup-module__hop-ButtonGroup--start___kJMSf.ButtonGroup-module__hop-ButtonGroup--horizontal___3av6y {
724
731
  justify-content: flex-start;
725
732
  }
726
- .ButtonGroup-module__hop-ButtonGroup--center___Ofa5Q.ButtonGroup-module__hop-ButtonGroup--horizontal___RkXbb {
733
+ .ButtonGroup-module__hop-ButtonGroup--center___3hmgX.ButtonGroup-module__hop-ButtonGroup--horizontal___3av6y {
727
734
  justify-content: center;
728
735
  }
729
- .ButtonGroup-module__hop-ButtonGroup--end___5c33O.ButtonGroup-module__hop-ButtonGroup--horizontal___RkXbb {
736
+ .ButtonGroup-module__hop-ButtonGroup--end___oVQYE.ButtonGroup-module__hop-ButtonGroup--horizontal___3av6y {
730
737
  justify-content: flex-end;
731
738
  }
732
- .ButtonGroup-module__hop-ButtonGroup--wrap___C5FgL {
739
+ .ButtonGroup-module__hop-ButtonGroup--wrap___qi3Sl {
733
740
  flex-wrap: wrap;
734
741
  }
735
- .ButtonGroup-module__hop-ButtonGroup--fluid___dBP8E {
742
+ .ButtonGroup-module__hop-ButtonGroup--fluid___v7t-F {
736
743
  inline-size: 100%;
737
744
  }
738
745
 
739
746
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
740
- .EmbeddedButton-module__hop-EmbeddedButton___YNdnU {
747
+ .EmbeddedButton-module__hop-EmbeddedButton___U95Sy {
741
748
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
742
749
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
743
750
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -901,7 +908,7 @@
901
908
  outline: none;
902
909
  transition: color var(--transition);
903
910
  }
904
- .EmbeddedButton-module__hop-EmbeddedButton___YNdnU::before {
911
+ .EmbeddedButton-module__hop-EmbeddedButton___U95Sy::before {
905
912
  content: "";
906
913
  position: absolute;
907
914
  inset-block-start: 50%;
@@ -914,284 +921,284 @@
914
921
  border-radius: var(--effect-border-radius);
915
922
  transition: background-color var(--transition);
916
923
  }
917
- .EmbeddedButton-module__hop-EmbeddedButton___YNdnU[data-square] {
924
+ .EmbeddedButton-module__hop-EmbeddedButton___U95Sy[data-square] {
918
925
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
919
926
  }
920
- .EmbeddedButton-module__hop-EmbeddedButton--md___xNbuO {
927
+ .EmbeddedButton-module__hop-EmbeddedButton--md___hbpeA {
921
928
  --inline-size: var(--hop-EmbeddedButton-md-width);
922
929
  --block-size: var(--hop-EmbeddedButton-md-height);
923
930
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
924
931
  }
925
- .EmbeddedButton-module__hop-EmbeddedButton--lg___4HISy {
932
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___CZhR9 {
926
933
  --inline-size: var(--hop-EmbeddedButton-lg-width);
927
934
  --block-size: var(--hop-EmbeddedButton-lg-height);
928
935
  --focus-ring-offset: 0;
929
936
  }
930
- .EmbeddedButton-module__hop-EmbeddedButton--md___xNbuO::before {
937
+ .EmbeddedButton-module__hop-EmbeddedButton--md___hbpeA::before {
931
938
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
932
939
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
933
940
  }
934
- .EmbeddedButton-module__hop-EmbeddedButton--lg___4HISy::before {
941
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___CZhR9::before {
935
942
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
936
943
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
937
944
  }
938
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___n3PC4 {
945
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___e6JwV {
939
946
  --color: var(--hop-EmbeddedButton-neutral-color);
940
947
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
941
948
  }
942
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___QMogZ {
949
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___i-2qa {
943
950
  --color: var(--hop-EmbeddedButton-subdued-color);
944
951
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
945
952
  }
946
- .EmbeddedButton-module__hop-EmbeddedButton--progress___lGK8x {
953
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jDT6T {
947
954
  --color: var(--hop-EmbeddedButton-progress-color);
948
955
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
949
956
  }
950
- .EmbeddedButton-module__hop-EmbeddedButton--positive___j6fE- {
957
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sywpr {
951
958
  --color: var(--hop-EmbeddedButton-positive-color);
952
959
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
953
960
  }
954
- .EmbeddedButton-module__hop-EmbeddedButton--caution___CigPW {
961
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9HpKn {
955
962
  --color: var(--hop-EmbeddedButton-caution-color);
956
963
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
957
964
  }
958
- .EmbeddedButton-module__hop-EmbeddedButton--negative___moZZW {
965
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XqVQE {
959
966
  --color: var(--hop-EmbeddedButton-negative-color);
960
967
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
961
968
  }
962
- .EmbeddedButton-module__hop-EmbeddedButton--option1___FukRK {
969
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___vZ2qH {
963
970
  --color: var(--hop-EmbeddedButton-option1-color);
964
971
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
965
972
  }
966
- .EmbeddedButton-module__hop-EmbeddedButton--option2___K5qqz {
973
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___W0qJU {
967
974
  --color: var(--hop-EmbeddedButton-option2-color);
968
975
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
969
976
  }
970
- .EmbeddedButton-module__hop-EmbeddedButton--option3___CF7wi {
977
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KYLG7 {
971
978
  --color: var(--hop-EmbeddedButton-option3-color);
972
979
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
973
980
  }
974
- .EmbeddedButton-module__hop-EmbeddedButton--option4___axEe3 {
981
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___EFIcJ {
975
982
  --color: var(--hop-EmbeddedButton-option4-color);
976
983
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
977
984
  }
978
- .EmbeddedButton-module__hop-EmbeddedButton--option5___M-Uws {
985
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dlQOG {
979
986
  --color: var(--hop-EmbeddedButton-option5-color);
980
987
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
981
988
  }
982
- .EmbeddedButton-module__hop-EmbeddedButton--option6___4-0vZ {
989
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___RZkSJ {
983
990
  --color: var(--hop-EmbeddedButton-option6-color);
984
991
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
985
992
  }
986
- .EmbeddedButton-module__hop-EmbeddedButton___YNdnU[data-selected] {
993
+ .EmbeddedButton-module__hop-EmbeddedButton___U95Sy[data-selected] {
987
994
  --color: var(--hop-EmbeddedButton-selected-color);
988
995
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
989
996
  }
990
- .EmbeddedButton-module__hop-EmbeddedButton___YNdnU[data-focus-visible] {
997
+ .EmbeddedButton-module__hop-EmbeddedButton___U95Sy[data-focus-visible] {
991
998
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
992
999
  outline-offset: var(--focus-ring-offset);
993
1000
  }
994
- .EmbeddedButton-module__hop-EmbeddedButton___YNdnU[data-disabled] {
1001
+ .EmbeddedButton-module__hop-EmbeddedButton___U95Sy[data-disabled] {
995
1002
  cursor: not-allowed;
996
1003
  }
997
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___n3PC4[data-hovered] {
1004
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___e6JwV[data-hovered] {
998
1005
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
999
1006
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1000
1007
  }
1001
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___n3PC4[data-focus-visible] {
1008
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___e6JwV[data-focus-visible] {
1002
1009
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1003
1010
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1004
1011
  }
1005
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___n3PC4[data-pressed] {
1012
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___e6JwV[data-pressed] {
1006
1013
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1007
1014
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1008
1015
  }
1009
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___n3PC4[data-disabled] {
1016
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___e6JwV[data-disabled] {
1010
1017
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1011
1018
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1012
1019
  }
1013
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___QMogZ[data-hovered] {
1020
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___i-2qa[data-hovered] {
1014
1021
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1015
1022
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1016
1023
  }
1017
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___QMogZ[data-focus-visible] {
1024
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___i-2qa[data-focus-visible] {
1018
1025
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1019
1026
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1020
1027
  }
1021
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___QMogZ[data-pressed] {
1028
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___i-2qa[data-pressed] {
1022
1029
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1023
1030
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1024
1031
  }
1025
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___QMogZ[data-disabled] {
1032
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___i-2qa[data-disabled] {
1026
1033
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1027
1034
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1028
1035
  }
1029
- .EmbeddedButton-module__hop-EmbeddedButton--progress___lGK8x[data-hovered] {
1036
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jDT6T[data-hovered] {
1030
1037
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1031
1038
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1032
1039
  }
1033
- .EmbeddedButton-module__hop-EmbeddedButton--progress___lGK8x[data-focus-visible] {
1040
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jDT6T[data-focus-visible] {
1034
1041
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1035
1042
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1036
1043
  }
1037
- .EmbeddedButton-module__hop-EmbeddedButton--progress___lGK8x[data-pressed] {
1044
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jDT6T[data-pressed] {
1038
1045
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1039
1046
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1040
1047
  }
1041
- .EmbeddedButton-module__hop-EmbeddedButton--progress___lGK8x[data-disabled] {
1048
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jDT6T[data-disabled] {
1042
1049
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1043
1050
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1044
1051
  }
1045
- .EmbeddedButton-module__hop-EmbeddedButton--positive___j6fE-[data-hovered] {
1052
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sywpr[data-hovered] {
1046
1053
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1047
1054
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1048
1055
  }
1049
- .EmbeddedButton-module__hop-EmbeddedButton--positive___j6fE-[data-focus-visible] {
1056
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sywpr[data-focus-visible] {
1050
1057
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1051
1058
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1052
1059
  }
1053
- .EmbeddedButton-module__hop-EmbeddedButton--positive___j6fE-[data-pressed] {
1060
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sywpr[data-pressed] {
1054
1061
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1055
1062
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1056
1063
  }
1057
- .EmbeddedButton-module__hop-EmbeddedButton--positive___j6fE-[data-disabled] {
1064
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sywpr[data-disabled] {
1058
1065
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1059
1066
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1060
1067
  }
1061
- .EmbeddedButton-module__hop-EmbeddedButton--caution___CigPW[data-hovered] {
1068
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9HpKn[data-hovered] {
1062
1069
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1063
1070
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1064
1071
  }
1065
- .EmbeddedButton-module__hop-EmbeddedButton--caution___CigPW[data-focus-visible] {
1072
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9HpKn[data-focus-visible] {
1066
1073
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1067
1074
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1068
1075
  }
1069
- .EmbeddedButton-module__hop-EmbeddedButton--caution___CigPW[data-pressed] {
1076
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9HpKn[data-pressed] {
1070
1077
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1071
1078
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1072
1079
  }
1073
- .EmbeddedButton-module__hop-EmbeddedButton--caution___CigPW[data-disabled] {
1080
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9HpKn[data-disabled] {
1074
1081
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1075
1082
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1076
1083
  }
1077
- .EmbeddedButton-module__hop-EmbeddedButton--negative___moZZW[data-hovered] {
1084
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XqVQE[data-hovered] {
1078
1085
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1079
1086
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1080
1087
  }
1081
- .EmbeddedButton-module__hop-EmbeddedButton--negative___moZZW[data-focus-visible] {
1088
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XqVQE[data-focus-visible] {
1082
1089
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1083
1090
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1084
1091
  }
1085
- .EmbeddedButton-module__hop-EmbeddedButton--negative___moZZW[data-pressed] {
1092
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XqVQE[data-pressed] {
1086
1093
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1087
1094
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1088
1095
  }
1089
- .EmbeddedButton-module__hop-EmbeddedButton--negative___moZZW[data-disabled] {
1096
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XqVQE[data-disabled] {
1090
1097
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1091
1098
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1092
1099
  }
1093
- .EmbeddedButton-module__hop-EmbeddedButton--option1___FukRK[data-hovered] {
1100
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___vZ2qH[data-hovered] {
1094
1101
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1095
1102
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1096
1103
  }
1097
- .EmbeddedButton-module__hop-EmbeddedButton--option1___FukRK[data-focus-visible] {
1104
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___vZ2qH[data-focus-visible] {
1098
1105
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1099
1106
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1100
1107
  }
1101
- .EmbeddedButton-module__hop-EmbeddedButton--option1___FukRK[data-pressed] {
1108
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___vZ2qH[data-pressed] {
1102
1109
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1103
1110
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1104
1111
  }
1105
- .EmbeddedButton-module__hop-EmbeddedButton--option1___FukRK[data-disabled] {
1112
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___vZ2qH[data-disabled] {
1106
1113
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1107
1114
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1108
1115
  }
1109
- .EmbeddedButton-module__hop-EmbeddedButton--option2___K5qqz[data-hovered] {
1116
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___W0qJU[data-hovered] {
1110
1117
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1111
1118
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1112
1119
  }
1113
- .EmbeddedButton-module__hop-EmbeddedButton--option2___K5qqz[data-focus-visible] {
1120
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___W0qJU[data-focus-visible] {
1114
1121
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1115
1122
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1116
1123
  }
1117
- .EmbeddedButton-module__hop-EmbeddedButton--option2___K5qqz[data-pressed] {
1124
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___W0qJU[data-pressed] {
1118
1125
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1119
1126
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1120
1127
  }
1121
- .EmbeddedButton-module__hop-EmbeddedButton--option2___K5qqz[data-disabled] {
1128
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___W0qJU[data-disabled] {
1122
1129
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1123
1130
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1124
1131
  }
1125
- .EmbeddedButton-module__hop-EmbeddedButton--option3___CF7wi[data-hovered] {
1132
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KYLG7[data-hovered] {
1126
1133
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1127
1134
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1128
1135
  }
1129
- .EmbeddedButton-module__hop-EmbeddedButton--option3___CF7wi[data-focus-visible] {
1136
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KYLG7[data-focus-visible] {
1130
1137
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1131
1138
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1132
1139
  }
1133
- .EmbeddedButton-module__hop-EmbeddedButton--option3___CF7wi[data-pressed] {
1140
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KYLG7[data-pressed] {
1134
1141
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1135
1142
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1136
1143
  }
1137
- .EmbeddedButton-module__hop-EmbeddedButton--option3___CF7wi[data-disabled] {
1144
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___KYLG7[data-disabled] {
1138
1145
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1139
1146
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1140
1147
  }
1141
- .EmbeddedButton-module__hop-EmbeddedButton--option4___axEe3[data-hovered] {
1148
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___EFIcJ[data-hovered] {
1142
1149
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1143
1150
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1144
1151
  }
1145
- .EmbeddedButton-module__hop-EmbeddedButton--option4___axEe3[data-focus-visible] {
1152
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___EFIcJ[data-focus-visible] {
1146
1153
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1147
1154
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1148
1155
  }
1149
- .EmbeddedButton-module__hop-EmbeddedButton--option4___axEe3[data-pressed] {
1156
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___EFIcJ[data-pressed] {
1150
1157
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1151
1158
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1152
1159
  }
1153
- .EmbeddedButton-module__hop-EmbeddedButton--option4___axEe3[data-disabled] {
1160
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___EFIcJ[data-disabled] {
1154
1161
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1155
1162
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1156
1163
  }
1157
- .EmbeddedButton-module__hop-EmbeddedButton--option5___M-Uws[data-hovered] {
1164
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dlQOG[data-hovered] {
1158
1165
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1159
1166
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1160
1167
  }
1161
- .EmbeddedButton-module__hop-EmbeddedButton--option5___M-Uws[data-focus-visible] {
1168
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dlQOG[data-focus-visible] {
1162
1169
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1163
1170
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1164
1171
  }
1165
- .EmbeddedButton-module__hop-EmbeddedButton--option5___M-Uws[data-pressed] {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dlQOG[data-pressed] {
1166
1173
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1167
1174
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1168
1175
  }
1169
- .EmbeddedButton-module__hop-EmbeddedButton--option5___M-Uws[data-disabled] {
1176
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___dlQOG[data-disabled] {
1170
1177
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1171
1178
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1172
1179
  }
1173
- .EmbeddedButton-module__hop-EmbeddedButton--option6___4-0vZ[data-hovered] {
1180
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___RZkSJ[data-hovered] {
1174
1181
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1175
1182
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1176
1183
  }
1177
- .EmbeddedButton-module__hop-EmbeddedButton--option6___4-0vZ[data-focus-visible] {
1184
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___RZkSJ[data-focus-visible] {
1178
1185
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1179
1186
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1180
1187
  }
1181
- .EmbeddedButton-module__hop-EmbeddedButton--option6___4-0vZ[data-pressed] {
1188
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___RZkSJ[data-pressed] {
1182
1189
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1183
1190
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1184
1191
  }
1185
- .EmbeddedButton-module__hop-EmbeddedButton--option6___4-0vZ[data-disabled] {
1192
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___RZkSJ[data-disabled] {
1186
1193
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1187
1194
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1188
1195
  }
1189
- .EmbeddedButton-module__hop-EmbeddedButton__icon___Uox7L {
1196
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___MPwAs {
1190
1197
  position: relative;
1191
1198
  }
1192
1199
 
1193
1200
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1194
- .Button-module__hop-Button___WzlOR {
1201
+ .Button-module__hop-Button___aWAvb {
1195
1202
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1196
1203
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1197
1204
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1315,215 +1322,215 @@
1315
1322
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1316
1323
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1317
1324
  }
1318
- .Button-module__hop-Button--fluid___F7Bj6 {
1325
+ .Button-module__hop-Button--fluid___pOgS1 {
1319
1326
  --inline-size: 100%;
1320
1327
  }
1321
- .Button-module__hop-Button--sm___Rwa3Y {
1328
+ .Button-module__hop-Button--sm___EJn1m {
1322
1329
  --block-size: var(--hop-Button-sm-height);
1323
1330
  --padding: var(--hop-Button-sm-padding);
1324
1331
  }
1325
- .Button-module__hop-Button--sm___Rwa3Y[class*=--ghost] {
1332
+ .Button-module__hop-Button--sm___EJn1m[class*=--ghost] {
1326
1333
  --padding: var(--hop-Button-ghost-sm-padding);
1327
1334
  }
1328
- .Button-module__hop-Button--md___h8xzm[class*=--ghost] {
1335
+ .Button-module__hop-Button--md___4XpPr[class*=--ghost] {
1329
1336
  --padding: var(--hop-Button-ghost-md-padding);
1330
1337
  }
1331
- .Button-module__hop-Button--icon-only___ahMFW {
1338
+ .Button-module__hop-Button--icon-only___E63X8 {
1332
1339
  --column-gap: var(--hop-Button-icon-only-column-gap);
1333
1340
  --padding: var(--hop-Button-icon-only-padding);
1334
1341
  aspect-ratio: 1;
1335
1342
  }
1336
- .Button-module__hop-Button--primary___KSauO {
1343
+ .Button-module__hop-Button--primary___Lm30i {
1337
1344
  --background-color: var(--hop-Button-primary-background-color);
1338
1345
  --color: var(--hop-Button-primary-color);
1339
1346
  --border: var(--hop-Button-primary-border);
1340
1347
  --spinner-color: var(--hop-Button-primary-spinner-color);
1341
1348
  }
1342
- .Button-module__hop-Button--primary___KSauO[data-hovered],
1343
- .Button-module__hop-Button--primary___KSauO[data-focus-visible] {
1349
+ .Button-module__hop-Button--primary___Lm30i[data-hovered],
1350
+ .Button-module__hop-Button--primary___Lm30i[data-focus-visible] {
1344
1351
  --background-color: var(--hop-Button-primary-background-color-hover);
1345
1352
  --color: var(--hop-Button-primary-color-hover);
1346
1353
  --border: var(--hop-Button-primary-border-hover);
1347
1354
  }
1348
- .Button-module__hop-Button--primary___KSauO[data-pressed] {
1355
+ .Button-module__hop-Button--primary___Lm30i[data-pressed] {
1349
1356
  --background-color: var(--hop-Button-primary-background-color-pressed);
1350
1357
  --color: var(--hop-Button-primary-color-pressed);
1351
1358
  --border: var(--hop-Button-primary-border-pressed);
1352
1359
  }
1353
- .Button-module__hop-Button--secondary___89Ki0 {
1360
+ .Button-module__hop-Button--secondary___bl3yb {
1354
1361
  --background-color: var(--hop-Button-secondary-background-color);
1355
1362
  --color: var(--hop-Button-secondary-color);
1356
1363
  --border: var(--hop-Button-secondary-border);
1357
1364
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1358
1365
  }
1359
- .Button-module__hop-Button--secondary___89Ki0[data-hovered],
1360
- .Button-module__hop-Button--secondary___89Ki0[data-focus-visible] {
1366
+ .Button-module__hop-Button--secondary___bl3yb[data-hovered],
1367
+ .Button-module__hop-Button--secondary___bl3yb[data-focus-visible] {
1361
1368
  --background-color: var(--hop-Button-secondary-background-color-hover);
1362
1369
  --color: var(--hop-Button-secondary-color-hover);
1363
1370
  --border: var(--hop-Button-secondary-border-hover);
1364
1371
  }
1365
- .Button-module__hop-Button--secondary___89Ki0[data-pressed] {
1372
+ .Button-module__hop-Button--secondary___bl3yb[data-pressed] {
1366
1373
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1367
1374
  --color: var(--hop-Button-secondary-color-pressed);
1368
1375
  --border: var(--hop-Button-secondary-border-pressed);
1369
1376
  }
1370
- .Button-module__hop-Button--upsell___PGrgx {
1377
+ .Button-module__hop-Button--upsell___ZsXQr {
1371
1378
  --background-color: var(--hop-Button-upsell-background-color);
1372
1379
  --color: var(--hop-Button-upsell-color);
1373
1380
  --border: var(--hop-Button-upsell-border);
1374
1381
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1375
1382
  }
1376
- .Button-module__hop-Button--upsell___PGrgx[data-hovered],
1377
- .Button-module__hop-Button--upsell___PGrgx[data-focus-visible] {
1383
+ .Button-module__hop-Button--upsell___ZsXQr[data-hovered],
1384
+ .Button-module__hop-Button--upsell___ZsXQr[data-focus-visible] {
1378
1385
  --background-color: var(--hop-Button-upsell-background-color-hover);
1379
1386
  --color: var(--hop-Button-upsell-color-hover);
1380
1387
  --border: var(--hop-Button-upsell-border-hover);
1381
1388
  }
1382
- .Button-module__hop-Button--upsell___PGrgx[data-pressed] {
1389
+ .Button-module__hop-Button--upsell___ZsXQr[data-pressed] {
1383
1390
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1384
1391
  --color: var(--hop-Button-upsell-color-pressed);
1385
1392
  --border: var(--hop-Button-upsell-border-pressed);
1386
1393
  }
1387
- .Button-module__hop-Button--danger___tceuw {
1394
+ .Button-module__hop-Button--danger___VMtVT {
1388
1395
  --background-color: var(--hop-Button-danger-background-color);
1389
1396
  --color: var(--hop-Button-danger-color);
1390
1397
  --border: var(--hop-Button-danger-border);
1391
1398
  --spinner-color: var(--hop-Button-danger-spinner-color);
1392
1399
  }
1393
- .Button-module__hop-Button--danger___tceuw[data-hovered],
1394
- .Button-module__hop-Button--danger___tceuw[data-focus-visible] {
1400
+ .Button-module__hop-Button--danger___VMtVT[data-hovered],
1401
+ .Button-module__hop-Button--danger___VMtVT[data-focus-visible] {
1395
1402
  --background-color: var(--hop-Button-danger-background-color-hover);
1396
1403
  --color: var(--hop-Button-danger-color-hover);
1397
1404
  --border: var(--hop-Button-danger-border-hover);
1398
1405
  }
1399
- .Button-module__hop-Button--danger___tceuw[data-pressed] {
1406
+ .Button-module__hop-Button--danger___VMtVT[data-pressed] {
1400
1407
  --background-color: var(--hop-Button-danger-background-color-pressed);
1401
1408
  --color: var(--hop-Button-danger-color-pressed);
1402
1409
  --border: var(--hop-Button-danger-border-pressed);
1403
1410
  }
1404
- .Button-module__hop-Button--ghost-primary___zhFtX {
1411
+ .Button-module__hop-Button--ghost-primary___7eXLd {
1405
1412
  --background-color: var(--hop-Button-ghost-primary-background-color);
1406
1413
  --color: var(--hop-Button-ghost-primary-color);
1407
1414
  --border: var(--hop-Button-ghost-primary-border);
1408
1415
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1409
1416
  }
1410
- .Button-module__hop-Button--ghost-primary___zhFtX[data-hovered],
1411
- .Button-module__hop-Button--ghost-primary___zhFtX[data-focus-visible] {
1417
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-hovered],
1418
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-focus-visible] {
1412
1419
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1413
1420
  --color: var(--hop-Button-ghost-primary-color-hover);
1414
1421
  --border: var(--hop-Button-ghost-primary-border-hover);
1415
1422
  --text-underline: underline;
1416
1423
  }
1417
- .Button-module__hop-Button--ghost-primary___zhFtX[data-pressed] {
1424
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-pressed] {
1418
1425
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1419
1426
  --color: var(--hop-Button-ghost-primary-color-pressed);
1420
1427
  --border: var(--hop-Button-ghost-primary-border-pressed);
1421
1428
  --text-underline: underline;
1422
1429
  }
1423
- .Button-module__hop-Button--ghost-secondary___SdEAq {
1430
+ .Button-module__hop-Button--ghost-secondary___6099y {
1424
1431
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1425
1432
  --color: var(--hop-Button-ghost-secondary-color);
1426
1433
  --border: var(--hop-Button-ghost-secondary-border);
1427
1434
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1428
1435
  }
1429
- .Button-module__hop-Button--ghost-secondary___SdEAq[data-hovered],
1430
- .Button-module__hop-Button--ghost-secondary___SdEAq[data-focus-visible] {
1436
+ .Button-module__hop-Button--ghost-secondary___6099y[data-hovered],
1437
+ .Button-module__hop-Button--ghost-secondary___6099y[data-focus-visible] {
1431
1438
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1432
1439
  --color: var(--hop-Button-ghost-secondary-color-hover);
1433
1440
  --border: var(--hop-Button-ghost-secondary-border-hover);
1434
1441
  --text-underline: underline;
1435
1442
  }
1436
- .Button-module__hop-Button--ghost-secondary___SdEAq[data-pressed] {
1443
+ .Button-module__hop-Button--ghost-secondary___6099y[data-pressed] {
1437
1444
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1438
1445
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1439
1446
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1440
1447
  --text-underline: underline;
1441
1448
  }
1442
- .Button-module__hop-Button--ghost-danger___VK-9q {
1449
+ .Button-module__hop-Button--ghost-danger___NOYOj {
1443
1450
  --background-color: var(--hop-Button-ghost-danger-background-color);
1444
1451
  --color: var(--hop-Button-ghost-danger-color);
1445
1452
  --border: var(--hop-Button-ghost-danger-border);
1446
1453
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1447
1454
  }
1448
- .Button-module__hop-Button--ghost-danger___VK-9q[data-hovered],
1449
- .Button-module__hop-Button--ghost-danger___VK-9q[data-focus-visible] {
1455
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-hovered],
1456
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-focus-visible] {
1450
1457
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1451
1458
  --color: var(--hop-Button-ghost-danger-color-hover);
1452
1459
  --border: var(--hop-Button-ghost-danger-border-hover);
1453
1460
  --text-underline: underline;
1454
1461
  }
1455
- .Button-module__hop-Button--ghost-danger___VK-9q[data-pressed] {
1462
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-pressed] {
1456
1463
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1457
1464
  --color: var(--hop-Button-ghost-danger-color-pressed);
1458
1465
  --border: var(--hop-Button-ghost-danger-border-pressed);
1459
1466
  --text-underline: underline;
1460
1467
  }
1461
- .Button-module__hop-Button___WzlOR[data-focus-visible] {
1468
+ .Button-module__hop-Button___aWAvb[data-focus-visible] {
1462
1469
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1463
1470
  }
1464
- .Button-module__hop-Button___WzlOR[data-disabled],
1465
- .Button-module__hop-Button___WzlOR[data-pending] {
1471
+ .Button-module__hop-Button___aWAvb[data-disabled],
1472
+ .Button-module__hop-Button___aWAvb[data-pending] {
1466
1473
  cursor: not-allowed;
1467
1474
  }
1468
- .Button-module__hop-Button___WzlOR[data-disabled] {
1475
+ .Button-module__hop-Button___aWAvb[data-disabled] {
1469
1476
  --background-color: var(--hop-Button-background-color-disabled);
1470
1477
  --color: var(--hop-Button-color-disabled);
1471
1478
  --border: var(--hop-Button-border-disabled);
1472
1479
  }
1473
- .Button-module__hop-Button___WzlOR[class*=--ghost][data-disabled] {
1480
+ .Button-module__hop-Button___aWAvb[class*=--ghost][data-disabled] {
1474
1481
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1475
1482
  --color: var(--hop-Button-ghost-color-disabled);
1476
1483
  --border: var(--hop-Button-ghost-border-disabled);
1477
1484
  }
1478
- .Button-module__hop-Button--primary___KSauO[data-pending] {
1485
+ .Button-module__hop-Button--primary___Lm30i[data-pending] {
1479
1486
  --background-color: var(--hop-Button-primary-background-color);
1480
1487
  --color: var(--hop-Button-primary-color);
1481
1488
  --border: var(--hop-Button-primary-border);
1482
1489
  }
1483
- .Button-module__hop-Button--secondary___89Ki0[data-pending] {
1490
+ .Button-module__hop-Button--secondary___bl3yb[data-pending] {
1484
1491
  --background-color: var(--hop-Button-secondary-background-color);
1485
1492
  --color: var(--hop-Button-secondary-color);
1486
1493
  --border: var(--hop-Button-secondary-border);
1487
1494
  }
1488
- .Button-module__hop-Button--upsell___PGrgx[data-pending] {
1495
+ .Button-module__hop-Button--upsell___ZsXQr[data-pending] {
1489
1496
  --background-color: var(--hop-Button-upsell-background-color);
1490
1497
  --color: var(--hop-Button-upsell-color);
1491
1498
  --border: var(--hop-Button-upsell-border);
1492
1499
  }
1493
- .Button-module__hop-Button--danger___tceuw[data-pending] {
1500
+ .Button-module__hop-Button--danger___VMtVT[data-pending] {
1494
1501
  --background-color: var(--hop-Button-danger-background-color);
1495
1502
  --color: var(--hop-Button-danger-color);
1496
1503
  --border: var(--hop-Button-danger-border);
1497
1504
  }
1498
- .Button-module__hop-Button--ghost-primary___zhFtX[data-pending] {
1505
+ .Button-module__hop-Button--ghost-primary___7eXLd[data-pending] {
1499
1506
  --background-color: var(--hop-Button-ghost-primary-background-color);
1500
1507
  --color: var(--hop-Button-ghost-primary-color);
1501
1508
  --border: var(--hop-Button-ghost-primary-border);
1502
1509
  --text-underline: none;
1503
1510
  }
1504
- .Button-module__hop-Button--ghost-secondary___SdEAq[data-pending] {
1511
+ .Button-module__hop-Button--ghost-secondary___6099y[data-pending] {
1505
1512
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1506
1513
  --color: var(--hop-Button-ghost-secondary-color);
1507
1514
  --border: var(--hop-Button-ghost-secondary-border);
1508
1515
  --text-underline: none;
1509
1516
  }
1510
- .Button-module__hop-Button--ghost-danger___VK-9q[data-pending] {
1517
+ .Button-module__hop-Button--ghost-danger___NOYOj[data-pending] {
1511
1518
  --background-color: var(--hop-Button-ghost-danger-background-color);
1512
1519
  --color: var(--hop-Button-ghost-danger-color);
1513
1520
  --border: var(--hop-Button-ghost-danger-border);
1514
1521
  --text-underline: none;
1515
1522
  }
1516
- .Button-module__hop-Button__Spinner___cq-n1 {
1523
+ .Button-module__hop-Button__Spinner___tUy92 {
1517
1524
  position: absolute;
1518
1525
  color: var(--spinner-color);
1519
1526
  }
1520
- .Button-module__hop-Button__icon___9hafi,
1521
- .Button-module__hop-Button__icon-list___3dKQl {
1527
+ .Button-module__hop-Button__icon___WqWnu,
1528
+ .Button-module__hop-Button__icon-list___6mPwn {
1522
1529
  flex: 0 0 auto;
1523
1530
  justify-self: end;
1524
1531
  order: 1;
1525
1532
  }
1526
- .Button-module__hop-Button__text___P5odA {
1533
+ .Button-module__hop-Button__text___yHV7K {
1527
1534
  user-select: none;
1528
1535
  overflow: visible;
1529
1536
  flex: 0 1 auto;
@@ -1533,57 +1540,57 @@
1533
1540
  text-underline-offset: 0.125rem;
1534
1541
  text-wrap: nowrap;
1535
1542
  }
1536
- .Button-module__hop-Button__end-icon___m5iLl,
1537
- .Button-module__hop-Button__end-icon-list___dVHTj {
1543
+ .Button-module__hop-Button__end-icon___YziQH,
1544
+ .Button-module__hop-Button__end-icon-list___e0mxc {
1538
1545
  flex: 0 0 auto;
1539
1546
  order: 3;
1540
1547
  }
1541
- .Button-module__hop-Button___WzlOR .Button-module__hop-Button__icon-list___3dKQl,
1542
- .Button-module__hop-Button___WzlOR .Button-module__hop-Button__end-icon-list___dVHTj {
1548
+ .Button-module__hop-Button___aWAvb .Button-module__hop-Button__icon-list___6mPwn,
1549
+ .Button-module__hop-Button___aWAvb .Button-module__hop-Button__end-icon-list___e0mxc {
1543
1550
  flex-wrap: nowrap;
1544
1551
  }
1545
- .Button-module__hop-Button___WzlOR[data-pending] > *:not(.Button-module__hop-Button__Spinner___cq-n1) {
1552
+ .Button-module__hop-Button___aWAvb[data-pending] > *:not(.Button-module__hop-Button__Spinner___tUy92) {
1546
1553
  opacity: 0;
1547
1554
  }
1548
- .LinkButton-module__hop-LinkButton___rBNcU {
1555
+ .LinkButton-module__hop-LinkButton___n1i2C {
1549
1556
  }
1550
- .LinkButton-module__hop-LinkButton--fluid___ThibR {
1557
+ .LinkButton-module__hop-LinkButton--fluid___C-q7f {
1551
1558
  }
1552
- .LinkButton-module__hop-LinkButton--sm___KHunk {
1559
+ .LinkButton-module__hop-LinkButton--sm___Jm9cq {
1553
1560
  }
1554
- .LinkButton-module__hop-LinkButton--icon-only___3fQZ8 {
1561
+ .LinkButton-module__hop-LinkButton--icon-only___G-7ia {
1555
1562
  }
1556
- .LinkButton-module__hop-LinkButton--primary___Jui-z {
1563
+ .LinkButton-module__hop-LinkButton--primary___oT9il {
1557
1564
  }
1558
- .LinkButton-module__hop-LinkButton--secondary___cMB9E {
1565
+ .LinkButton-module__hop-LinkButton--secondary___lf59Y {
1559
1566
  }
1560
- .LinkButton-module__hop-LinkButton--upsell___dqrfz {
1567
+ .LinkButton-module__hop-LinkButton--upsell___kMlgg {
1561
1568
  }
1562
- .LinkButton-module__hop-LinkButton--danger___LCidA {
1569
+ .LinkButton-module__hop-LinkButton--danger___iQMcR {
1563
1570
  }
1564
- .LinkButton-module__hop-LinkButton--ghost-primary___NJGok {
1571
+ .LinkButton-module__hop-LinkButton--ghost-primary___ow8OT {
1565
1572
  }
1566
- .LinkButton-module__hop-LinkButton--ghost-secondary___GRsYd {
1573
+ .LinkButton-module__hop-LinkButton--ghost-secondary___SakNp {
1567
1574
  }
1568
- .LinkButton-module__hop-LinkButton--ghost-danger___EdRS1 {
1575
+ .LinkButton-module__hop-LinkButton--ghost-danger___tQ73M {
1569
1576
  }
1570
- .LinkButton-module__hop-LinkButton__Spinner___5kAim {
1577
+ .LinkButton-module__hop-LinkButton__Spinner___pNuSh {
1571
1578
  }
1572
- .LinkButton-module__hop-LinkButton__icon___c4WR-,
1573
- .LinkButton-module__hop-LinkButton__icon-list___RR4d- {
1579
+ .LinkButton-module__hop-LinkButton__icon___6OZS4,
1580
+ .LinkButton-module__hop-LinkButton__icon-list___cstbL {
1574
1581
  }
1575
- .LinkButton-module__hop-LinkButton__text___3ufYv {
1582
+ .LinkButton-module__hop-LinkButton__text___4iZKg {
1576
1583
  }
1577
- .LinkButton-module__hop-LinkButton__end-icon___UBZRj,
1578
- .LinkButton-module__hop-LinkButton__end-icon-list___ZVh2w {
1584
+ .LinkButton-module__hop-LinkButton__end-icon___tbINE,
1585
+ .LinkButton-module__hop-LinkButton__end-icon-list___zkFzr {
1579
1586
  }
1580
- .LinkButton-module__hop-LinkButton___rBNcU .LinkButton-module__hop-LinkButton__icon-list___RR4d-,
1581
- .LinkButton-module__hop-LinkButton___rBNcU .LinkButton-module__hop-LinkButton__end-icon-list___ZVh2w {
1587
+ .LinkButton-module__hop-LinkButton___n1i2C .LinkButton-module__hop-LinkButton__icon-list___cstbL,
1588
+ .LinkButton-module__hop-LinkButton___n1i2C .LinkButton-module__hop-LinkButton__end-icon-list___zkFzr {
1582
1589
  flex-wrap: nowrap;
1583
1590
  }
1584
1591
 
1585
1592
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
1586
- .InputGroup-module__hop-InputGroup___XY-7L {
1593
+ .InputGroup-module__hop-InputGroup___4l-iO {
1587
1594
  --hop-InputGroup-background: var(--hop-neutral-surface);
1588
1595
  --hop-InputGroup-border-color: var(--hop-neutral-border);
1589
1596
  --hop-InputGroup-border-width: 0.0625rem;
@@ -1664,11 +1671,11 @@
1664
1671
  border: var(--border);
1665
1672
  border-radius: var(--hop-InputGroup-border-radius);
1666
1673
  }
1667
- .InputGroup-module__hop-InputGroup--fluid___2CHIz {
1674
+ .InputGroup-module__hop-InputGroup--fluid___S7AfK {
1668
1675
  --inline-size: 100%;
1669
1676
  --input-inline-size: 100%;
1670
1677
  }
1671
- .InputGroup-module__hop-InputGroup--sm___VZHA9 {
1678
+ .InputGroup-module__hop-InputGroup--sm___EG910 {
1672
1679
  --block-size: var(--hop-InputGroup-sm-block-size);
1673
1680
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
1674
1681
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -1676,7 +1683,7 @@
1676
1683
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
1677
1684
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
1678
1685
  }
1679
- .InputGroup-module__hop-InputGroup___XY-7L[data-input-type=textarea] {
1686
+ .InputGroup-module__hop-InputGroup___4l-iO[data-input-type=textarea] {
1680
1687
  --gap: var(--hop-InputGroup-gap-textarea);
1681
1688
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
1682
1689
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -1684,28 +1691,28 @@
1684
1691
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
1685
1692
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
1686
1693
  }
1687
- .InputGroup-module__hop-InputGroup___XY-7L[data-input-type=number] {
1694
+ .InputGroup-module__hop-InputGroup___4l-iO[data-input-type=number] {
1688
1695
  --display: var(--hop-InputGroup-display-number);
1689
1696
  --gap: var(--hop-InputGroup-gap-number);
1690
1697
  }
1691
- .InputGroup-module__hop-InputGroup___XY-7L[data-hovered] {
1698
+ .InputGroup-module__hop-InputGroup___4l-iO[data-hovered] {
1692
1699
  --background: var(--hop-InputGroup-background-hover);
1693
1700
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
1694
1701
  }
1695
- .InputGroup-module__hop-InputGroup___XY-7L[data-focus-within] {
1702
+ .InputGroup-module__hop-InputGroup___4l-iO[data-focus-within] {
1696
1703
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
1697
1704
  }
1698
- .InputGroup-module__hop-InputGroup___XY-7L[data-invalid] {
1705
+ .InputGroup-module__hop-InputGroup___4l-iO[data-invalid] {
1699
1706
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
1700
1707
  }
1701
- .InputGroup-module__hop-InputGroup___XY-7L[data-disabled] {
1708
+ .InputGroup-module__hop-InputGroup___4l-iO[data-disabled] {
1702
1709
  --background: var(--hop-InputGroup-background-disabled);
1703
1710
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
1704
1711
  --input-color: var(--hop-InputGroup-input-color-disabled);
1705
1712
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
1706
1713
  }
1707
- .InputGroup-module__hop-InputGroup__input___GkVqk,
1708
- .InputGroup-module__hop-InputGroup__textarea___HyUS6 {
1714
+ .InputGroup-module__hop-InputGroup__input___UZwnp,
1715
+ .InputGroup-module__hop-InputGroup__textarea___DNTDz {
1709
1716
  flex: 1 1 auto;
1710
1717
  box-sizing: border-box;
1711
1718
  inline-size: var(--input-inline-size);
@@ -1719,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___UZwnp {
1723
1730
  block-size: var(--input-block-size);
1724
1731
  padding: var(--hop-InputGroup-input-padding);
1725
1732
  }
1726
- .InputGroup-module__hop-InputGroup__textarea___HyUS6 {
1733
+ .InputGroup-module__hop-InputGroup__textarea___DNTDz {
1727
1734
  padding: var(--hop-InputGroup-textarea-padding);
1728
1735
  }
1729
- .InputGroup-module__hop-InputGroup__input___GkVqk::placeholder {
1736
+ .InputGroup-module__hop-InputGroup__input___UZwnp::placeholder {
1730
1737
  font-family: var(--hop-InputGroup-placeholder-font-family);
1731
1738
  font-size: var(--hop-InputGroup-placeholder-font-size);
1732
1739
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
1733
1740
  line-height: var(--hop-InputGroup-placeholder-line-height);
1734
1741
  color: var(--input-placeholder-color);
1735
1742
  }
1736
- .InputGroup-module__hop-InputGroup__embedded-button___KUA2y {
1743
+ .InputGroup-module__hop-InputGroup__embedded-button___fkVoL {
1737
1744
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
1738
1745
  }
1739
1746
 
1740
1747
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
1741
- .NumberField-module__hop-NumberField___hkoPZ {
1748
+ .NumberField-module__hop-NumberField___0xDEK {
1742
1749
  --hop-NumberField-gap: var(--hop-space-stack-xs);
1743
1750
  --hop-NumberField-inline-size: 20rem;
1744
1751
  --hop-NumberField-inline-size-fluid: 100%;
@@ -1786,30 +1793,30 @@
1786
1793
  gap: var(--hop-NumberField-gap);
1787
1794
  inline-size: var(--inline-size);
1788
1795
  }
1789
- .NumberField-module__hop-NumberField--fluid___yTPaS {
1796
+ .NumberField-module__hop-NumberField--fluid___hnwEK {
1790
1797
  --inline-size: var(--hop-NumberField-inline-size-fluid);
1791
1798
  }
1792
- .NumberField-module__hop-NumberField--mobile___pf6os {
1799
+ .NumberField-module__hop-NumberField--mobile___Nee2r {
1793
1800
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
1794
1801
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
1795
1802
  }
1796
- .NumberField-module__hop-NumberField__Label___JwYDT {
1803
+ .NumberField-module__hop-NumberField__Label___SR3Gs {
1797
1804
  order: 0;
1798
1805
  }
1799
- .NumberField-module__hop-NumberField__prefix___j0-Ws {
1806
+ .NumberField-module__hop-NumberField__prefix___bmX-H {
1800
1807
  grid-area: prefix;
1801
1808
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
1802
1809
  color: var(--hop-NumberField-prefix-color);
1803
1810
  }
1804
- .NumberField-module__hop-NumberField__InputGroup___4jcXp {
1811
+ .NumberField-module__hop-NumberField__InputGroup___h-I-D {
1805
1812
  grid-template: var(--input-group-template);
1806
1813
  order: 1;
1807
1814
  }
1808
- .NumberField-module__hop-NumberField__ErrorMessage___Syo6-,
1809
- .NumberField-module__hop-NumberField__HelperMessage___5U-9M {
1815
+ .NumberField-module__hop-NumberField__ErrorMessage___4dXol,
1816
+ .NumberField-module__hop-NumberField__HelperMessage___S35Zn {
1810
1817
  order: 3;
1811
1818
  }
1812
- .NumberField-module__hop-NumberField__stepper-button___U2brw {
1819
+ .NumberField-module__hop-NumberField__stepper-button___pxqlA {
1813
1820
  cursor: pointer;
1814
1821
  display: flex;
1815
1822
  grid-area: var(--grid-area, unset);
@@ -1830,49 +1837,49 @@
1830
1837
  border-radius: var(--stepper-border-radius, 0);
1831
1838
  outline: none;
1832
1839
  }
1833
- .NumberField-module__hop-NumberField__stepper-button--increment___cBDvb {
1840
+ .NumberField-module__hop-NumberField__stepper-button--increment___ktXFG {
1834
1841
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
1835
1842
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
1836
1843
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
1837
1844
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
1838
1845
  --grid-area: stepup;
1839
1846
  }
1840
- .NumberField-module__hop-NumberField__stepper-button--decrement___iAFy5 {
1847
+ .NumberField-module__hop-NumberField__stepper-button--decrement___gWipP {
1841
1848
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
1842
1849
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
1843
1850
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
1844
1851
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
1845
1852
  --grid-area: stepdown;
1846
1853
  }
1847
- .NumberField-module__hop-NumberField__stepper-button--mobile___vN-ak.NumberField-module__hop-NumberField__stepper-button--increment___cBDvb {
1854
+ .NumberField-module__hop-NumberField__stepper-button--mobile___cSGer.NumberField-module__hop-NumberField__stepper-button--increment___ktXFG {
1848
1855
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
1849
1856
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
1850
1857
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
1851
1858
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
1852
1859
  }
1853
- .NumberField-module__hop-NumberField__stepper-button--mobile___vN-ak.NumberField-module__hop-NumberField__stepper-button--decrement___iAFy5 {
1860
+ .NumberField-module__hop-NumberField__stepper-button--mobile___cSGer.NumberField-module__hop-NumberField__stepper-button--decrement___gWipP {
1854
1861
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
1855
1862
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
1856
1863
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
1857
1864
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
1858
1865
  }
1859
- .NumberField-module__hop-NumberField__stepper-button___U2brw[data-hovered] {
1866
+ .NumberField-module__hop-NumberField__stepper-button___pxqlA[data-hovered] {
1860
1867
  color: var(--hop-NumberField-stepper-color-hovered);
1861
1868
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
1862
1869
  }
1863
- .NumberField-module__hop-NumberField__stepper-button___U2brw[data-pressed] {
1870
+ .NumberField-module__hop-NumberField__stepper-button___pxqlA[data-pressed] {
1864
1871
  color: var(--hop-NumberField-stepper-color-pressed);
1865
1872
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
1866
1873
  }
1867
- .NumberField-module__hop-NumberField__stepper-button___U2brw[data-disabled] {
1874
+ .NumberField-module__hop-NumberField__stepper-button___pxqlA[data-disabled] {
1868
1875
  cursor: not-allowed;
1869
1876
  color: var(--hop-NumberField-stepper-color-disabled);
1870
1877
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
1871
1878
  }
1872
- .NumberField-module__hop-NumberField__stepper-button__icon___pTiYt {
1879
+ .NumberField-module__hop-NumberField__stepper-button__icon___RO-tI {
1873
1880
  display: block;
1874
1881
  max-block-size: 100%;
1875
1882
  }
1876
- .NumberField-module__hop-NumberField__input___h5-Zb {
1883
+ .NumberField-module__hop-NumberField__input___keTth {
1877
1884
  grid-area: input;
1878
1885
  }