@hopper-ui/components 1.3.8 → 1.3.10

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 (213) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +237 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +184 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +237 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +237 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +184 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +205 -21
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +237 -10
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +215 -31
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/ComboBox/src/ComboBox.css +5135 -0
  19. package/dist/ComboBox/src/ComboBox.d.ts +94 -0
  20. package/dist/ComboBox/src/ComboBox.js +123 -0
  21. package/dist/ComboBox/src/ComboBoxContext.d.ts +16 -0
  22. package/dist/ComboBox/src/ComboBoxContext.js +2 -0
  23. package/dist/ComboBox/src/index.css +5135 -0
  24. package/dist/ComboBox/src/index.d.ts +12 -0
  25. package/dist/ComboBox/src/index.js +123 -0
  26. package/dist/Divider/src/Divider.css +229 -2
  27. package/dist/Divider/src/Divider.js +1 -1
  28. package/dist/Divider/src/index.css +229 -2
  29. package/dist/Divider/src/index.js +1 -1
  30. package/dist/ErrorMessage/src/ErrorMessage.css +158 -11
  31. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  32. package/dist/ErrorMessage/src/index.css +158 -11
  33. package/dist/ErrorMessage/src/index.js +2 -2
  34. package/dist/Form/src/Form.css +1994 -1821
  35. package/dist/Form/src/Form.d.ts +4 -0
  36. package/dist/Form/src/Form.js +69 -67
  37. package/dist/Form/src/index.css +1994 -1821
  38. package/dist/Form/src/index.js +69 -67
  39. package/dist/HelperMessage/src/HelperMessage.css +158 -11
  40. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  41. package/dist/HelperMessage/src/index.css +158 -11
  42. package/dist/HelperMessage/src/index.js +2 -2
  43. package/dist/IconList/src/IconList.css +228 -1
  44. package/dist/IconList/src/IconList.js +1 -1
  45. package/dist/IconList/src/index.css +228 -1
  46. package/dist/IconList/src/index.js +1 -1
  47. package/dist/Link/src/Link.css +184 -37
  48. package/dist/Link/src/Link.js +3 -3
  49. package/dist/Link/src/index.css +184 -37
  50. package/dist/Link/src/index.js +3 -3
  51. package/dist/ListBox/src/ListBox.css +398 -346
  52. package/dist/ListBox/src/ListBox.js +7 -8
  53. package/dist/ListBox/src/ListBoxItem.css +391 -306
  54. package/dist/ListBox/src/ListBoxItem.js +5 -5
  55. package/dist/ListBox/src/ListBoxItemSkeleton.css +234 -7
  56. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  57. package/dist/ListBox/src/index.css +398 -346
  58. package/dist/ListBox/src/index.js +7 -8
  59. package/dist/Select/src/Select.css +1063 -890
  60. package/dist/Select/src/Select.d.ts +4 -0
  61. package/dist/Select/src/Select.js +69 -67
  62. package/dist/Select/src/SelectValue.css +197 -191
  63. package/dist/Select/src/SelectValue.js +5 -5
  64. package/dist/Select/src/index.css +1063 -890
  65. package/dist/Select/src/index.js +69 -67
  66. package/dist/Spinner/src/Spinner.css +166 -19
  67. package/dist/Spinner/src/Spinner.js +2 -2
  68. package/dist/Spinner/src/index.css +166 -19
  69. package/dist/Spinner/src/index.js +2 -2
  70. package/dist/buttons/src/Button.css +247 -100
  71. package/dist/buttons/src/Button.js +4 -4
  72. package/dist/buttons/src/ButtonGroup.css +238 -11
  73. package/dist/buttons/src/ButtonGroup.js +2 -2
  74. package/dist/buttons/src/ClearButton.css +298 -71
  75. package/dist/buttons/src/ClearButton.js +2 -2
  76. package/dist/buttons/src/EmbeddedButton.css +298 -71
  77. package/dist/buttons/src/EmbeddedButton.js +1 -1
  78. package/dist/buttons/src/index.css +329 -182
  79. package/dist/buttons/src/index.js +8 -8
  80. package/dist/checkbox/src/Checkbox.css +181 -34
  81. package/dist/checkbox/src/Checkbox.js +2 -2
  82. package/dist/checkbox/src/CheckboxField.css +162 -15
  83. package/dist/checkbox/src/CheckboxField.js +1 -1
  84. package/dist/checkbox/src/CheckboxGroup.css +233 -105
  85. package/dist/checkbox/src/CheckboxGroup.d.ts +4 -0
  86. package/dist/checkbox/src/CheckboxGroup.js +2 -2
  87. package/dist/checkbox/src/DecorativeCheckbox.css +189 -42
  88. package/dist/checkbox/src/DecorativeCheckbox.js +2 -2
  89. package/dist/checkbox/src/index.css +233 -105
  90. package/dist/checkbox/src/index.js +8 -8
  91. package/dist/{chunk-AJMHHWRN.js → chunk-2BYOZEHS.js} +1 -1
  92. package/dist/{chunk-4ARX267G.js → chunk-45BUVEOG.js} +8 -3
  93. package/dist/{chunk-BPFMTXRF.js → chunk-46Y3BNK6.js} +2 -2
  94. package/dist/{chunk-GMMQYERH.js → chunk-4KKT3O2S.js} +2 -2
  95. package/dist/chunk-4XHTP4GX.js +7 -0
  96. package/dist/{chunk-H2L3SQIO.js → chunk-6J3RVKV4.js} +509 -216
  97. package/dist/{chunk-6FDLX77I.js → chunk-7P6QVHCU.js} +2 -2
  98. package/dist/{chunk-KZWQ57ZJ.js → chunk-AH3LBZUR.js} +2 -2
  99. package/dist/{chunk-PWOFOTJR.js → chunk-ARURHRKE.js} +1 -1
  100. package/dist/{chunk-BFVCZF4H.js → chunk-B44HANDX.js} +2 -2
  101. package/dist/{chunk-E4PIETAY.js → chunk-BJNXUNAB.js} +2 -2
  102. package/dist/{chunk-MBFMR455.js → chunk-CIKHW47C.js} +1 -1
  103. package/dist/{chunk-NLQW4MJR.js → chunk-DCAA2AVQ.js} +1 -1
  104. package/dist/{chunk-J2OCA4O2.js → chunk-DV7LZMDA.js} +1 -1
  105. package/dist/{chunk-AC6JVAVX.js → chunk-FF6KAPPN.js} +5 -4
  106. package/dist/{chunk-YHH5TXPG.js → chunk-FI74MGJH.js} +3 -3
  107. package/dist/{chunk-THMKXCNG.js → chunk-GLFAZQ25.js} +3 -3
  108. package/dist/{chunk-Z2VOM3C3.js → chunk-GU6D6RQL.js} +5 -4
  109. package/dist/{chunk-Z54LX6IU.js → chunk-IBHSGV7Y.js} +3 -3
  110. package/dist/{chunk-JVDDMMRS.js → chunk-IJS2OFE5.js} +2 -2
  111. package/dist/{chunk-3LUQ6A2L.js → chunk-JCD37WMK.js} +2 -2
  112. package/dist/{chunk-CURG4YI3.js → chunk-JMQTEJC4.js} +4 -8
  113. package/dist/{chunk-7H4MZKSZ.js → chunk-JRL2S56W.js} +4 -4
  114. package/dist/{chunk-XEZVEXWO.js → chunk-KKL5HHYL.js} +5 -3
  115. package/dist/{chunk-KQ735GKE.js → chunk-LU7KOIOH.js} +5 -5
  116. package/dist/{chunk-AGRLOZWN.js → chunk-MMROXMQV.js} +4 -4
  117. package/dist/{chunk-DRG2376D.js → chunk-OBLOV2RN.js} +5 -4
  118. package/dist/{chunk-7CIKPH4J.js → chunk-OOY56G7Y.js} +2 -2
  119. package/dist/{chunk-QLLCRVCV.js → chunk-P5YCVNZM.js} +7 -4
  120. package/dist/{chunk-FIJ3CLQB.js → chunk-QX6MTYPY.js} +1 -1
  121. package/dist/{chunk-JNDKNURH.js → chunk-RKX7GGGY.js} +1 -1
  122. package/dist/{chunk-XJAHZJVO.js → chunk-RZ4K42NA.js} +1 -1
  123. package/dist/{chunk-XHMXUELC.js → chunk-TNXKWBYE.js} +8 -7
  124. package/dist/{chunk-MVBXZQAH.js → chunk-TTECXSWO.js} +2 -2
  125. package/dist/{chunk-CTTRBWBT.js → chunk-UBMAVA4B.js} +8 -3
  126. package/dist/{chunk-VMCZQTOI.js → chunk-VM6LLJYR.js} +2 -2
  127. package/dist/{chunk-IP4N5EBH.js → chunk-VRMZDHNL.js} +1 -1
  128. package/dist/{chunk-JURJ6BXP.js → chunk-X7ZM3VW6.js} +1 -1
  129. package/dist/{chunk-KXUA2JOW.js → chunk-XBVS62J3.js} +1 -1
  130. package/dist/{chunk-RR6N2GZX.js → chunk-XDRKVTAI.js} +2 -2
  131. package/dist/{chunk-PEB7PBUB.js → chunk-XFQJ7HYB.js} +1 -1
  132. package/dist/{chunk-UR26A74E.js → chunk-XNOILDPJ.js} +1 -1
  133. package/dist/{chunk-TQZKBOSP.js → chunk-XT3AM5KT.js} +1 -1
  134. package/dist/{chunk-R4LPKOSF.js → chunk-XT4MALWA.js} +2 -2
  135. package/dist/{chunk-2J5HM77N.js → chunk-Y7G6PIDC.js} +1 -1
  136. package/dist/chunk-ZRGWYBTI.js +9 -0
  137. package/dist/index.css +1997 -1824
  138. package/dist/index.d.ts +10 -7
  139. package/dist/index.js +69 -67
  140. package/dist/inputs/src/InputGroup.css +344 -197
  141. package/dist/inputs/src/InputGroup.js +1 -1
  142. package/dist/inputs/src/NumberField.css +336 -336
  143. package/dist/inputs/src/NumberField.d.ts +4 -0
  144. package/dist/inputs/src/NumberField.js +6 -6
  145. package/dist/inputs/src/PasswordField.css +354 -354
  146. package/dist/inputs/src/PasswordField.d.ts +4 -0
  147. package/dist/inputs/src/PasswordField.js +7 -7
  148. package/dist/inputs/src/RemainingCharacterCount.css +30 -30
  149. package/dist/inputs/src/RemainingCharacterCount.js +5 -5
  150. package/dist/inputs/src/SearchField.css +360 -360
  151. package/dist/inputs/src/SearchField.d.ts +4 -0
  152. package/dist/inputs/src/SearchField.js +8 -8
  153. package/dist/inputs/src/TextArea.css +331 -331
  154. package/dist/inputs/src/TextArea.d.ts +4 -0
  155. package/dist/inputs/src/TextArea.js +7 -7
  156. package/dist/inputs/src/TextField.css +358 -358
  157. package/dist/inputs/src/TextField.d.ts +4 -0
  158. package/dist/inputs/src/TextField.js +10 -10
  159. package/dist/inputs/src/index.css +404 -404
  160. package/dist/inputs/src/index.js +17 -17
  161. package/dist/overlays/Popover/src/Popover.css +2115 -1942
  162. package/dist/overlays/Popover/src/Popover.js +69 -67
  163. package/dist/overlays/Popover/src/index.css +2115 -1942
  164. package/dist/overlays/Popover/src/index.js +69 -67
  165. package/dist/radio/src/DecorativeRadio.css +189 -42
  166. package/dist/radio/src/DecorativeRadio.js +2 -2
  167. package/dist/radio/src/Radio.css +181 -34
  168. package/dist/radio/src/Radio.js +2 -2
  169. package/dist/radio/src/RadioField.css +162 -15
  170. package/dist/radio/src/RadioField.js +1 -1
  171. package/dist/radio/src/RadioGroup.css +227 -99
  172. package/dist/radio/src/RadioGroup.d.ts +4 -0
  173. package/dist/radio/src/RadioGroup.js +2 -2
  174. package/dist/radio/src/index.css +233 -105
  175. package/dist/radio/src/index.js +8 -8
  176. package/dist/switch/src/Switch.css +178 -31
  177. package/dist/switch/src/Switch.js +2 -2
  178. package/dist/switch/src/SwitchField.css +162 -15
  179. package/dist/switch/src/SwitchField.js +2 -2
  180. package/dist/switch/src/index.css +184 -37
  181. package/dist/switch/src/index.js +4 -4
  182. package/dist/tag/src/Tag.css +464 -360
  183. package/dist/tag/src/Tag.js +5 -5
  184. package/dist/tag/src/TagGroup.css +166 -38
  185. package/dist/tag/src/TagGroup.d.ts +4 -0
  186. package/dist/tag/src/TagGroup.js +2 -2
  187. package/dist/tag/src/TagList.css +226 -0
  188. package/dist/tag/src/index.css +474 -389
  189. package/dist/tag/src/index.js +9 -9
  190. package/dist/typography/Heading/src/Heading.css +151 -9
  191. package/dist/typography/Heading/src/Heading.js +1 -1
  192. package/dist/typography/Heading/src/index.css +151 -9
  193. package/dist/typography/Heading/src/index.js +1 -1
  194. package/dist/typography/Label/src/Label.css +211 -3
  195. package/dist/typography/Label/src/Label.d.ts +2 -2
  196. package/dist/typography/Label/src/Label.js +1 -1
  197. package/dist/typography/Label/src/index.css +211 -3
  198. package/dist/typography/Label/src/index.js +1 -1
  199. package/dist/typography/OverlineText/src/OverlineText.css +190 -6
  200. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  201. package/dist/typography/OverlineText/src/index.css +190 -6
  202. package/dist/typography/OverlineText/src/index.js +1 -1
  203. package/dist/typography/Text/src/Text.css +156 -9
  204. package/dist/typography/Text/src/Text.js +1 -1
  205. package/dist/typography/Text/src/index.css +156 -9
  206. package/dist/typography/Text/src/index.js +1 -1
  207. package/dist/utils/src/EnsureTextWrapper.css +226 -0
  208. package/dist/utils/src/EnsureTextWrapper.d.ts +9 -0
  209. package/dist/utils/src/EnsureTextWrapper.js +16 -0
  210. package/dist/utils/src/index.css +226 -0
  211. package/dist/utils/src/index.d.ts +11 -10
  212. package/dist/utils/src/index.js +14 -3
  213. package/package.json +1 -1
@@ -1,123 +1,5 @@
1
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
2
- .Text-module__hop-Text___jadPy {
3
- --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
4
- --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
5
- --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
6
- --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
7
- --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
8
- --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
9
- --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
10
- --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
11
- --hop-Text-md-font-size: var(--hop-body-md-font-size);
12
- --hop-Text-md-font-family: var(--hop-body-md-font-family);
13
- --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
14
- --hop-Text-md-line-height: var(--hop-body-md-line-height);
15
- --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
16
- --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
17
- --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
18
- --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
19
- --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
20
- --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
21
- --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
22
- --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
23
- --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
24
- --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
25
- --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
26
- --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
27
- --hop-Text-inherit-size-font-size: inherit;
28
- --hop-Text-inherit-size-font-family: inherit;
29
- --hop-Text-inherit-size-font-weight: inherit;
30
- --hop-Text-inherit-size-line-height: inherit;
31
- }
32
- :where(.Text-module__hop-Text___jadPy) {
33
- font-family: var(--font-family);
34
- font-size: var(--font-size);
35
- font-weight: var(--font-weight);
36
- line-height: var(--line-height);
37
- }
38
- :where(.Text-module__hop-Text--xs___253D0) {
39
- --font-size: var(--hop-Text-xs-font-size);
40
- --font-family: var(--hop-Text-xs-font-family);
41
- --font-weight: var(--hop-Text-xs-font-weight);
42
- --line-height: var(--hop-Text-xs-line-height);
43
- }
44
- :where(.Text-module__hop-Text--sm___8aHpz) {
45
- --font-size: var(--hop-Text-sm-font-size);
46
- --font-family: var(--hop-Text-sm-font-family);
47
- --font-weight: var(--hop-Text-sm-font-weight);
48
- --line-height: var(--hop-Text-sm-line-height);
49
- }
50
- :where(.Text-module__hop-Text--md___qNltd) {
51
- --font-size: var(--hop-Text-md-font-size);
52
- --font-family: var(--hop-Text-md-font-family);
53
- --font-weight: var(--hop-Text-md-font-weight);
54
- --line-height: var(--hop-Text-md-line-height);
55
- }
56
- :where(.Text-module__hop-Text--lg___1A-Db) {
57
- --font-size: var(--hop-Text-lg-font-size);
58
- --font-family: var(--hop-Text-lg-font-family);
59
- --font-weight: var(--hop-Text-lg-font-weight);
60
- --line-height: var(--hop-Text-lg-line-height);
61
- }
62
- :where(.Text-module__hop-Text--xl___DBJXl) {
63
- --font-size: var(--hop-Text-xl-font-size);
64
- --font-family: var(--hop-Text-xl-font-family);
65
- --font-weight: var(--hop-Text-xl-font-weight);
66
- --line-height: var(--hop-Text-xl-line-height);
67
- }
68
- :where(.Text-module__hop-Text--2xl___9vwXN) {
69
- --font-size: var(--hop-Text-2xl-font-size);
70
- --font-family: var(--hop-Text-2xl-font-family);
71
- --font-weight: var(--hop-Text-2xl-font-weight);
72
- --line-height: var(--hop-Text-2xl-line-height);
73
- }
74
- :where(.Text-module__hop-Text--inherit___PWsD3) {
75
- --font-size: var(--hop-Text-inherit-size-font-size);
76
- --font-family: var(--hop-Text-inherit-size-font-family);
77
- --font-weight: var(--hop-Text-inherit-size-font-weight);
78
- --line-height: var(--hop-Text-inherit-size-line-height);
79
- }
80
-
81
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
82
- .ErrorMessage-module__hop-ErrorMessage___JHTa8 {
83
- --hop-ErrorMessage-color: var(--hop-danger-text-weak);
84
- --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
85
- --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
86
- --hop-ErrorMessage-font-weight: var(--hop-body-xs-font-weight);
87
- --hop-ErrorMessage-line-height: var(--hop-body-xs-line-height);
88
- --hop-ErrorMessage-column-gap: var(--hop-space-inline-xs);
89
- display: flex;
90
- column-gap: var(--hop-ErrorMessage-column-gap);
91
- align-items: center;
92
- box-sizing: border-box;
93
- font-family: var(--hop-ErrorMessage-font-family);
94
- font-size: var(--hop-ErrorMessage-font-size);
95
- font-weight: var(--hop-ErrorMessage-font-weight);
96
- line-height: var(--hop-ErrorMessage-line-height);
97
- color: var(--hop-ErrorMessage-color);
98
- }
99
- .ErrorMessage-module__hop-ErrorMessage__icon___aKgJ9 {
100
- flex: 0 0 auto;
101
- align-self: flex-start;
102
- }
103
-
104
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
105
- .HelperMessage-module__hop-HelperMessage___aVOod {
106
- --hop-HelperMessage-color: var(--hop-neutral-text-weak);
107
- --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
108
- display: flex;
109
- column-gap: var(--hop-HelperMessage-column-gap);
110
- align-items: center;
111
- box-sizing: border-box;
112
- color: var(--hop-HelperMessage-color);
113
- }
114
- .HelperMessage-module__hop-HelperMessage__icon___ijRfm {
115
- flex: 0 0 auto;
116
- align-self: flex-start;
117
- }
118
-
119
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
120
- .Heading-module__hop-Heading___n97SR {
2
+ .Heading-module__hop-Heading___Z-4EL {
121
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
122
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
123
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -151,50 +33,50 @@
151
33
  --hop-Heading-inherit-size-font-weight: inherit;
152
34
  --hop-Heading-inherit-size-line-height: inherit;
153
35
  }
154
- :where(.Heading-module__hop-Heading___n97SR) {
36
+ :where(.Heading-module__hop-Heading___Z-4EL) {
155
37
  margin: 0;
156
38
  font-family: var(--font-family);
157
39
  font-size: var(--font-size);
158
40
  font-weight: var(--font-weight);
159
41
  line-height: var(--line-height);
160
42
  }
161
- :where(.Heading-module__hop-Heading--xs___mTtTP) {
43
+ :where(.Heading-module__hop-Heading--xs___wFSJ8) {
162
44
  --font-size: var(--hop-Heading-xs-font-size);
163
45
  --font-family: var(--hop-Heading-xs-font-family);
164
46
  --font-weight: var(--hop-Heading-xs-font-weight);
165
47
  --line-height: var(--hop-Heading-xs-line-height);
166
48
  }
167
- :where(.Heading-module__hop-Heading--sm___eo32f) {
49
+ :where(.Heading-module__hop-Heading--sm___XbWC5) {
168
50
  --font-size: var(--hop-Heading-sm-font-size);
169
51
  --font-family: var(--hop-Heading-sm-font-family);
170
52
  --font-weight: var(--hop-Heading-sm-font-weight);
171
53
  --line-height: var(--hop-Heading-sm-line-height);
172
54
  }
173
- :where(.Heading-module__hop-Heading--md___IrFcX) {
55
+ :where(.Heading-module__hop-Heading--md___B-n4o) {
174
56
  --font-size: var(--hop-Heading-md-font-size);
175
57
  --font-family: var(--hop-Heading-md-font-family);
176
58
  --font-weight: var(--hop-Heading-md-font-weight);
177
59
  --line-height: var(--hop-Heading-md-line-height);
178
60
  }
179
- :where(.Heading-module__hop-Heading--lg___7r13U) {
61
+ :where(.Heading-module__hop-Heading--lg___dcKED) {
180
62
  --font-size: var(--hop-Heading-lg-font-size);
181
63
  --font-family: var(--hop-Heading-lg-font-family);
182
64
  --font-weight: var(--hop-Heading-lg-font-weight);
183
65
  --line-height: var(--hop-Heading-lg-line-height);
184
66
  }
185
- :where(.Heading-module__hop-Heading--xl___TkxTV) {
67
+ :where(.Heading-module__hop-Heading--xl___rOKV1) {
186
68
  --font-size: var(--hop-Heading-xl-font-size);
187
69
  --font-family: var(--hop-Heading-xl-font-family);
188
70
  --font-weight: var(--hop-Heading-xl-font-weight);
189
71
  --line-height: var(--hop-Heading-xl-line-height);
190
72
  }
191
- :where(.Heading-module__hop-Heading--2xl___JATsN) {
73
+ :where(.Heading-module__hop-Heading--2xl___RYtOx) {
192
74
  --font-size: var(--hop-Heading-2xl-font-size);
193
75
  --font-family: var(--hop-Heading-2xl-font-family);
194
76
  --font-weight: var(--hop-Heading-2xl-font-weight);
195
77
  --line-height: var(--hop-Heading-2xl-line-height);
196
78
  }
197
- :where(.Heading-module__hop-Heading--3xl___7Xm3l) {
79
+ :where(.Heading-module__hop-Heading--3xl___DIk1u) {
198
80
  --font-size: var(--hop-Heading-3xl-font-size);
199
81
  --font-family: var(--hop-Heading-3xl-font-family);
200
82
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -202,7 +84,7 @@
202
84
  }
203
85
 
204
86
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
205
- :where(.OverlineText-module__hop-OverlineText___JXNg5) {
87
+ :where(.OverlineText-module__hop-OverlineText___lOJLD) {
206
88
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
207
89
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
208
90
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -226,45 +108,163 @@
226
108
  text-transform: uppercase;
227
109
  letter-spacing: var(--letter-spacing);
228
110
  }
229
- .OverlineText-module__hop-OverlineText__text___74jxg {
111
+ .OverlineText-module__hop-OverlineText__text___EHfnC {
230
112
  box-sizing: border-box;
231
113
  }
232
- .OverlineText-module__hop-OverlineText__text___74jxg::before,
233
- .OverlineText-module__hop-OverlineText__text___74jxg::after {
114
+ .OverlineText-module__hop-OverlineText__text___EHfnC::before,
115
+ .OverlineText-module__hop-OverlineText__text___EHfnC::after {
234
116
  content: "";
235
117
  display: block;
236
118
  box-sizing: border-box;
237
119
  inline-size: 0;
238
120
  block-size: 0;
239
121
  }
240
- .OverlineText-module__hop-OverlineText__text___74jxg::before {
122
+ .OverlineText-module__hop-OverlineText__text___EHfnC::before {
241
123
  margin-block-end: var(--bottom-offset);
242
124
  }
243
- .OverlineText-module__hop-OverlineText__text___74jxg::after {
125
+ .OverlineText-module__hop-OverlineText__text___EHfnC::after {
244
126
  margin-block-start: var(--top-offset);
245
127
  }
246
128
 
247
129
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
248
- .Label-module__hop-Label___I1lcR {
130
+ .Label-module__hop-Label___2IpOS {
249
131
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
250
132
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
251
133
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
252
134
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
253
135
  --hop-Label-color: var(--hop-neutral-text-weak);
254
136
  }
255
- :where(.Label-module__hop-Label___I1lcR) {
137
+ :where(.Label-module__hop-Label___2IpOS) {
256
138
  font-family: var(--hop-Label-font-family);
257
139
  font-size: var(--hop-Label-font-size);
258
140
  font-weight: var(--hop-Label-font-weight);
259
141
  line-height: var(--hop-Label-line-height);
260
142
  color: var(--hop-Label-color);
261
143
  }
262
- :where(.Label-module__hop-Label__indicator___bMR5H) {
144
+ :where(.Label-module__hop-Label__indicator___nEWGk) {
263
145
  padding-inline-start: var(--hop-space-20);
264
146
  }
265
147
 
148
+ /* 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___bIQxx {
150
+ --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
151
+ --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
152
+ --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
153
+ --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
154
+ --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
155
+ --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
156
+ --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
157
+ --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
158
+ --hop-Text-md-font-size: var(--hop-body-md-font-size);
159
+ --hop-Text-md-font-family: var(--hop-body-md-font-family);
160
+ --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
161
+ --hop-Text-md-line-height: var(--hop-body-md-line-height);
162
+ --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
163
+ --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
164
+ --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
165
+ --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
166
+ --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
167
+ --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
168
+ --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
169
+ --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
170
+ --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
171
+ --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
172
+ --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
173
+ --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
174
+ --hop-Text-inherit-size-font-size: inherit;
175
+ --hop-Text-inherit-size-font-family: inherit;
176
+ --hop-Text-inherit-size-font-weight: inherit;
177
+ --hop-Text-inherit-size-line-height: inherit;
178
+ }
179
+ :where(.Text-module__hop-Text___bIQxx) {
180
+ font-family: var(--font-family);
181
+ font-size: var(--font-size);
182
+ font-weight: var(--font-weight);
183
+ line-height: var(--line-height);
184
+ }
185
+ :where(.Text-module__hop-Text--xs___uYk5Y) {
186
+ --font-size: var(--hop-Text-xs-font-size);
187
+ --font-family: var(--hop-Text-xs-font-family);
188
+ --font-weight: var(--hop-Text-xs-font-weight);
189
+ --line-height: var(--hop-Text-xs-line-height);
190
+ }
191
+ :where(.Text-module__hop-Text--sm___kg1RL) {
192
+ --font-size: var(--hop-Text-sm-font-size);
193
+ --font-family: var(--hop-Text-sm-font-family);
194
+ --font-weight: var(--hop-Text-sm-font-weight);
195
+ --line-height: var(--hop-Text-sm-line-height);
196
+ }
197
+ :where(.Text-module__hop-Text--md___UxnHr) {
198
+ --font-size: var(--hop-Text-md-font-size);
199
+ --font-family: var(--hop-Text-md-font-family);
200
+ --font-weight: var(--hop-Text-md-font-weight);
201
+ --line-height: var(--hop-Text-md-line-height);
202
+ }
203
+ :where(.Text-module__hop-Text--lg___n7Sbi) {
204
+ --font-size: var(--hop-Text-lg-font-size);
205
+ --font-family: var(--hop-Text-lg-font-family);
206
+ --font-weight: var(--hop-Text-lg-font-weight);
207
+ --line-height: var(--hop-Text-lg-line-height);
208
+ }
209
+ :where(.Text-module__hop-Text--xl___f-RXZ) {
210
+ --font-size: var(--hop-Text-xl-font-size);
211
+ --font-family: var(--hop-Text-xl-font-family);
212
+ --font-weight: var(--hop-Text-xl-font-weight);
213
+ --line-height: var(--hop-Text-xl-line-height);
214
+ }
215
+ :where(.Text-module__hop-Text--2xl___-DveI) {
216
+ --font-size: var(--hop-Text-2xl-font-size);
217
+ --font-family: var(--hop-Text-2xl-font-family);
218
+ --font-weight: var(--hop-Text-2xl-font-weight);
219
+ --line-height: var(--hop-Text-2xl-line-height);
220
+ }
221
+ :where(.Text-module__hop-Text--inherit___zEio8) {
222
+ --font-size: var(--hop-Text-inherit-size-font-size);
223
+ --font-family: var(--hop-Text-inherit-size-font-family);
224
+ --font-weight: var(--hop-Text-inherit-size-font-weight);
225
+ --line-height: var(--hop-Text-inherit-size-line-height);
226
+ }
227
+
228
+ /* 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___WnDNJ {
230
+ --hop-ErrorMessage-color: var(--hop-danger-text-weak);
231
+ --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
232
+ --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
233
+ --hop-ErrorMessage-font-weight: var(--hop-body-xs-font-weight);
234
+ --hop-ErrorMessage-line-height: var(--hop-body-xs-line-height);
235
+ --hop-ErrorMessage-column-gap: var(--hop-space-inline-xs);
236
+ display: flex;
237
+ column-gap: var(--hop-ErrorMessage-column-gap);
238
+ align-items: center;
239
+ box-sizing: border-box;
240
+ font-family: var(--hop-ErrorMessage-font-family);
241
+ font-size: var(--hop-ErrorMessage-font-size);
242
+ font-weight: var(--hop-ErrorMessage-font-weight);
243
+ line-height: var(--hop-ErrorMessage-line-height);
244
+ color: var(--hop-ErrorMessage-color);
245
+ }
246
+ .ErrorMessage-module__hop-ErrorMessage__icon___bgCwZ {
247
+ flex: 0 0 auto;
248
+ align-self: flex-start;
249
+ }
250
+
251
+ /* 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___O7Rwx {
253
+ --hop-HelperMessage-color: var(--hop-neutral-text-weak);
254
+ --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
255
+ display: flex;
256
+ column-gap: var(--hop-HelperMessage-column-gap);
257
+ align-items: center;
258
+ box-sizing: border-box;
259
+ color: var(--hop-HelperMessage-color);
260
+ }
261
+ .HelperMessage-module__hop-HelperMessage__icon___-NTU- {
262
+ flex: 0 0 auto;
263
+ align-self: flex-start;
264
+ }
265
+
266
266
  /* 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___ttQfU {
267
+ .IconList-module__hop-IconList___xGjwO {
268
268
  --hop-IconList-gap: var(--hop-space-inline-xs);
269
269
  display: flex;
270
270
  flex-wrap: wrap;
@@ -273,7 +273,7 @@
273
273
  }
274
274
 
275
275
  /* 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___fXcm0 {
276
+ @keyframes Spinner-module__spin___GKhd9 {
277
277
  0% {
278
278
  transform: rotate(0deg);
279
279
  }
@@ -281,7 +281,7 @@
281
281
  transform: rotate(360deg);
282
282
  }
283
283
  }
284
- .Spinner-module__hop-Spinner___LybXq {
284
+ .Spinner-module__hop-Spinner___NrEvy {
285
285
  --hop-Spinner-border-radius: var(--hop-shape-circle);
286
286
  --hop-Spinner-sm-wheel-size: 1rem;
287
287
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -289,7 +289,7 @@
289
289
  --hop-Spinner-track-width: 0.125rem;
290
290
  --hop-Spinner-track-opacity: 0.2;
291
291
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
292
- --hop-Spinner-fill-animation: Spinner-module__spin___fXcm0 .8s infinite linear;
292
+ --hop-Spinner-fill-animation: Spinner-module__spin___GKhd9 .8s infinite linear;
293
293
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
294
294
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
295
295
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -300,19 +300,19 @@
300
300
  align-items: center;
301
301
  box-sizing: border-box;
302
302
  }
303
- .Spinner-module__hop-Spinner--sm___PkfSB {
303
+ .Spinner-module__hop-Spinner--sm___YrBlT {
304
304
  --width: var(--hop-Spinner-sm-wheel-size);
305
305
  --height: var(--hop-Spinner-sm-wheel-size);
306
306
  }
307
- .Spinner-module__hop-Spinner--md___2w-Xd {
307
+ .Spinner-module__hop-Spinner--md___ALxn- {
308
308
  --width: var(--hop-Spinner-md-wheel-size);
309
309
  --height: var(--hop-Spinner-md-wheel-size);
310
310
  }
311
- .Spinner-module__hop-Spinner--lg___3kP3e {
311
+ .Spinner-module__hop-Spinner--lg___lKiQ0 {
312
312
  --width: var(--hop-Spinner-lg-wheel-size);
313
313
  --height: var(--hop-Spinner-lg-wheel-size);
314
314
  }
315
- .Spinner-module__hop-Spinner__track___b8Ks- {
315
+ .Spinner-module__hop-Spinner__track___ZfVvK {
316
316
  grid-area: spinner;
317
317
  box-sizing: border-box;
318
318
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -321,7 +321,7 @@
321
321
  border: var(--hop-Spinner-track-border);
322
322
  border-radius: var(--hop-Spinner-border-radius);
323
323
  }
324
- .Spinner-module__hop-Spinner__fill___zKi4O {
324
+ .Spinner-module__hop-Spinner__fill___Wvmdn {
325
325
  grid-area: spinner;
326
326
  box-sizing: border-box;
327
327
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -332,17 +332,17 @@
332
332
  animation: var(--hop-Spinner-fill-animation);
333
333
  }
334
334
  @media (prefers-reduced-motion: reduce) {
335
- .Spinner-module__hop-Spinner__fill___zKi4O {
335
+ .Spinner-module__hop-Spinner__fill___Wvmdn {
336
336
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
337
337
  }
338
338
  }
339
- .Spinner-module__hop-Spinner__label___On4P- {
339
+ .Spinner-module__hop-Spinner__label___Av11I {
340
340
  grid-area: label;
341
341
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
342
342
  }
343
343
 
344
344
  /* 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___5w5a2 {
345
+ .Button-module__hop-Button___BnZcq {
346
346
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
347
347
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
348
348
  --hop-Button-icon-only-padding: 0;
@@ -501,317 +501,317 @@
501
501
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
502
502
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
503
503
  }
504
- .Button-module__hop-Button___5w5a2[data-focus-visible] {
504
+ .Button-module__hop-Button___BnZcq[data-focus-visible] {
505
505
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
506
506
  }
507
- .Button-module__hop-Button--icon-only___V-noN {
507
+ .Button-module__hop-Button--icon-only___IFDUG {
508
508
  --padding-block: var(--hop-Button-icon-only-padding);
509
509
  --padding-inline: var(--hop-Button-icon-only-padding);
510
510
  column-gap: 0;
511
511
  aspect-ratio: 1;
512
512
  }
513
- .Button-module__hop-Button___5w5a2[data-disabled],
514
- .Button-module__hop-Button___5w5a2[data-loading] {
513
+ .Button-module__hop-Button___BnZcq[data-disabled],
514
+ .Button-module__hop-Button___BnZcq[data-loading] {
515
515
  cursor: not-allowed;
516
516
  }
517
- .Button-module__hop-Button--fluid___QaAvn {
517
+ .Button-module__hop-Button--fluid___SKVyY {
518
518
  --inline-size: 100%;
519
519
  }
520
- .Button-module__hop-Button--sm___nMy5q {
520
+ .Button-module__hop-Button--sm___UtI6P {
521
521
  --block-size: var(--hop-Button-sm-height);
522
522
  }
523
- .Button-module__hop-Button--primary___EvsVi.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
523
+ .Button-module__hop-Button--primary___YvIex.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
524
524
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
525
525
  --padding-block: var(--hop-Button-primary-sm-padding-y);
526
526
  }
527
- .Button-module__hop-Button--primary___EvsVi.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
527
+ .Button-module__hop-Button--primary___YvIex.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
528
528
  --padding-inline: var(--hop-Button-primary-md-padding-x);
529
529
  --padding-block: var(--hop-Button-primary-md-padding-y);
530
530
  }
531
- .Button-module__hop-Button--secondary___HYyfJ.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
531
+ .Button-module__hop-Button--secondary___-im3S.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
532
532
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
533
533
  --padding-block: var(--hop-Button-secondary-md-padding-y);
534
534
  }
535
- .Button-module__hop-Button--secondary___HYyfJ.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
535
+ .Button-module__hop-Button--secondary___-im3S.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
536
536
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
537
537
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
538
538
  }
539
- .Button-module__hop-Button--upsell___laWqg.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
539
+ .Button-module__hop-Button--upsell___ytjAz.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
540
540
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
541
541
  --padding-block: var(--hop-Button-upsell-md-padding-y);
542
542
  }
543
- .Button-module__hop-Button--upsell___laWqg.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
543
+ .Button-module__hop-Button--upsell___ytjAz.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
544
544
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
545
545
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
546
546
  }
547
- .Button-module__hop-Button--danger___4-NJy.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
547
+ .Button-module__hop-Button--danger___vcD8w.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
548
548
  --padding-inline: var(--hop-Button-danger-md-padding-x);
549
549
  --padding-block: var(--hop-Button-danger-md-padding-y);
550
550
  }
551
- .Button-module__hop-Button--danger___4-NJy.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
551
+ .Button-module__hop-Button--danger___vcD8w.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
552
552
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
553
553
  --padding-block: var(--hop-Button-danger-sm-padding-y);
554
554
  }
555
- .Button-module__hop-Button--ghost-danger___5xkKn.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
555
+ .Button-module__hop-Button--ghost-danger___4RCQS.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
556
556
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
557
557
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
558
558
  }
559
- .Button-module__hop-Button--ghost-danger___5xkKn.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
559
+ .Button-module__hop-Button--ghost-danger___4RCQS.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
560
560
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
561
561
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
562
562
  }
563
- .Button-module__hop-Button--ghost-secondary___74X2R.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
563
+ .Button-module__hop-Button--ghost-secondary___GwotL.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
564
564
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
565
565
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
566
566
  }
567
- .Button-module__hop-Button--ghost-secondary___74X2R.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
567
+ .Button-module__hop-Button--ghost-secondary___GwotL.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
568
568
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
569
569
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
570
570
  }
571
- .Button-module__hop-Button--ghost-primary___sh82s.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
571
+ .Button-module__hop-Button--ghost-primary___5gGhU.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
572
572
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
573
573
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
574
574
  }
575
- .Button-module__hop-Button--ghost-primary___sh82s.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
575
+ .Button-module__hop-Button--ghost-primary___5gGhU.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
576
576
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
577
577
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
578
578
  }
579
- .Button-module__hop-Button--primary___EvsVi {
579
+ .Button-module__hop-Button--primary___YvIex {
580
580
  --background-color: var(--hop-Button-primary-background-color);
581
581
  --color: var(--hop-Button-primary-color);
582
582
  --border: var(--hop-Button-primary-border);
583
583
  --spinner-color: var(--hop-Button-primary-spinner-color);
584
584
  }
585
- .Button-module__hop-Button--primary___EvsVi[data-disabled]:not([data-loading]) {
585
+ .Button-module__hop-Button--primary___YvIex[data-disabled]:not([data-loading]) {
586
586
  --background-color: var(--hop-Button-primary-background-color-disabled);
587
587
  --color: var(--hop-Button-primary-color-disabled);
588
588
  --border: var(--hop-Button-primary-border-disabled);
589
589
  }
590
- .Button-module__hop-Button--primary___EvsVi[data-hovered]:not([data-disabled], [data-loading]),
591
- .Button-module__hop-Button--primary___EvsVi[data-focus-visible]:not([data-disabled], [data-loading]) {
590
+ .Button-module__hop-Button--primary___YvIex[data-hovered]:not([data-disabled], [data-loading]),
591
+ .Button-module__hop-Button--primary___YvIex[data-focus-visible]:not([data-disabled], [data-loading]) {
592
592
  --background-color: var(--hop-Button-primary-background-color-hover);
593
593
  --color: var(--hop-Button-primary-color-hover);
594
594
  --border: var(--hop-Button-primary-border-hover);
595
595
  }
596
- .Button-module__hop-Button--primary___EvsVi[data-pressed]:not([data-loading]) {
596
+ .Button-module__hop-Button--primary___YvIex[data-pressed]:not([data-loading]) {
597
597
  --background-color: var(--hop-Button-primary-background-color-pressed);
598
598
  --color: var(--hop-Button-primary-color-pressed);
599
599
  --border: var(--hop-Button-primary-border-pressed);
600
600
  }
601
- .Button-module__hop-Button--secondary___HYyfJ {
601
+ .Button-module__hop-Button--secondary___-im3S {
602
602
  --background-color: var(--hop-Button-secondary-background-color);
603
603
  --color: var(--hop-Button-secondary-color);
604
604
  --border: var(--hop-Button-secondary-border);
605
605
  --spinner-color: var(--hop-Button-secondary-spinner-color);
606
606
  }
607
- .Button-module__hop-Button--secondary___HYyfJ[data-disabled]:not([data-loading]) {
607
+ .Button-module__hop-Button--secondary___-im3S[data-disabled]:not([data-loading]) {
608
608
  --background-color: var(--hop-Button-secondary-background-color-disabled);
609
609
  --color: var(--hop-Button-secondary-color-disabled);
610
610
  --border: var(--hop-Button-secondary-border-disabled);
611
611
  }
612
- .Button-module__hop-Button--secondary___HYyfJ[data-hovered]:not([data-disabled], [data-loading]),
613
- .Button-module__hop-Button--secondary___HYyfJ[data-focus-visible]:not([data-disabled], [data-loading]) {
612
+ .Button-module__hop-Button--secondary___-im3S[data-hovered]:not([data-disabled], [data-loading]),
613
+ .Button-module__hop-Button--secondary___-im3S[data-focus-visible]:not([data-disabled], [data-loading]) {
614
614
  --background-color: var(--hop-Button-secondary-background-color-hover);
615
615
  --color: var(--hop-Button-secondary-color-hover);
616
616
  --border: var(--hop-Button-secondary-border-hover);
617
617
  }
618
- .Button-module__hop-Button--secondary___HYyfJ[data-pressed]:not([data-loading]) {
618
+ .Button-module__hop-Button--secondary___-im3S[data-pressed]:not([data-loading]) {
619
619
  --background-color: var(--hop-Button-secondary-background-color-pressed);
620
620
  --color: var(--hop-Button-secondary-color-pressed);
621
621
  --border: var(--hop-Button-secondary-border-pressed);
622
622
  }
623
- .Button-module__hop-Button--upsell___laWqg {
623
+ .Button-module__hop-Button--upsell___ytjAz {
624
624
  --background-color: var(--hop-Button-upsell-background-color);
625
625
  --color: var(--hop-Button-upsell-color);
626
626
  --border: var(--hop-Button-upsell-border);
627
627
  --spinner-color: var(--hop-Button-upsell-spinner-color);
628
628
  }
629
- .Button-module__hop-Button--upsell___laWqg[data-disabled]:not([data-loading]) {
629
+ .Button-module__hop-Button--upsell___ytjAz[data-disabled]:not([data-loading]) {
630
630
  --background-color: var(--hop-Button-upsell-background-color-disabled);
631
631
  --color: var(--hop-Button-upsell-color-disabled);
632
632
  --border: var(--hop-Button-upsell-border-disabled);
633
633
  }
634
- .Button-module__hop-Button--upsell___laWqg[data-hovered]:not([data-disabled], [data-loading]),
635
- .Button-module__hop-Button--upsell___laWqg[data-focus-visible]:not([data-disabled], [data-loading]) {
634
+ .Button-module__hop-Button--upsell___ytjAz[data-hovered]:not([data-disabled], [data-loading]),
635
+ .Button-module__hop-Button--upsell___ytjAz[data-focus-visible]:not([data-disabled], [data-loading]) {
636
636
  --background-color: var(--hop-Button-upsell-background-color-hover);
637
637
  --color: var(--hop-Button-upsell-color-hover);
638
638
  --border: var(--hop-Button-upsell-border-hover);
639
639
  }
640
- .Button-module__hop-Button--upsell___laWqg[data-pressed]:not([data-loading]) {
640
+ .Button-module__hop-Button--upsell___ytjAz[data-pressed]:not([data-loading]) {
641
641
  --background-color: var(--hop-Button-upsell-background-color-pressed);
642
642
  --color: var(--hop-Button-upsell-color-pressed);
643
643
  --border: var(--hop-Button-upsell-border-pressed);
644
644
  }
645
- .Button-module__hop-Button--danger___4-NJy {
645
+ .Button-module__hop-Button--danger___vcD8w {
646
646
  --background-color: var(--hop-Button-danger-background-color);
647
647
  --color: var(--hop-Button-danger-color);
648
648
  --border: var(--hop-Button-danger-border);
649
649
  --spinner-color: var(--hop-Button-danger-spinner-color);
650
650
  }
651
- .Button-module__hop-Button--danger___4-NJy[data-disabled]:not([data-loading]) {
651
+ .Button-module__hop-Button--danger___vcD8w[data-disabled]:not([data-loading]) {
652
652
  --background-color: var(--hop-Button-danger-background-color-disabled);
653
653
  --color: var(--hop-Button-danger-color-disabled);
654
654
  --border: var(--hop-Button-danger-border-disabled);
655
655
  }
656
- .Button-module__hop-Button--danger___4-NJy[data-hovered]:not([data-disabled], [data-loading]),
657
- .Button-module__hop-Button--danger___4-NJy[data-focus-visible]:not([data-disabled], [data-loading]) {
656
+ .Button-module__hop-Button--danger___vcD8w[data-hovered]:not([data-disabled], [data-loading]),
657
+ .Button-module__hop-Button--danger___vcD8w[data-focus-visible]:not([data-disabled], [data-loading]) {
658
658
  --background-color: var(--hop-Button-danger-background-color-hover);
659
659
  --color: var(--hop-Button-danger-color-hover);
660
660
  --border: var(--hop-Button-danger-border-hover);
661
661
  }
662
- .Button-module__hop-Button--danger___4-NJy[data-pressed]:not([data-loading]) {
662
+ .Button-module__hop-Button--danger___vcD8w[data-pressed]:not([data-loading]) {
663
663
  --background-color: var(--hop-Button-danger-background-color-pressed);
664
664
  --color: var(--hop-Button-danger-color-pressed);
665
665
  --border: var(--hop-Button-danger-border-pressed);
666
666
  }
667
- .Button-module__hop-Button--ghost-primary___sh82s {
667
+ .Button-module__hop-Button--ghost-primary___5gGhU {
668
668
  --background-color: var(--hop-Button-ghost-primary-background-color);
669
669
  --color: var(--hop-Button-ghost-primary-color);
670
670
  --border: var(--hop-Button-ghost-primary-border);
671
671
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
672
672
  }
673
- .Button-module__hop-Button--ghost-primary___sh82s[data-disabled]:not([data-loading]) {
673
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-disabled]:not([data-loading]) {
674
674
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
675
675
  --color: var(--hop-Button-ghost-primary-color-disabled);
676
676
  --border: var(--hop-Button-ghost-primary-border-disabled);
677
677
  }
678
- .Button-module__hop-Button--ghost-primary___sh82s[data-hovered]:not([data-disabled], [data-loading]),
679
- .Button-module__hop-Button--ghost-primary___sh82s[data-focus-visible]:not([data-disabled], [data-loading]) {
678
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-hovered]:not([data-disabled], [data-loading]),
679
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-focus-visible]:not([data-disabled], [data-loading]) {
680
680
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
681
681
  --color: var(--hop-Button-ghost-primary-color-hover);
682
682
  --border: var(--hop-Button-ghost-primary-border-hover);
683
683
  }
684
- .Button-module__hop-Button--ghost-primary___sh82s[data-pressed]:not([data-loading]) {
684
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-pressed]:not([data-loading]) {
685
685
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
686
686
  --color: var(--hop-Button-ghost-primary-color-pressed);
687
687
  --border: var(--hop-Button-ghost-primary-border-pressed);
688
688
  }
689
- .Button-module__hop-Button--ghost-secondary___74X2R {
689
+ .Button-module__hop-Button--ghost-secondary___GwotL {
690
690
  --background-color: var(--hop-Button-ghost-secondary-background-color);
691
691
  --color: var(--hop-Button-ghost-secondary-color);
692
692
  --border: var(--hop-Button-ghost-secondary-border);
693
693
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
694
694
  }
695
- .Button-module__hop-Button--ghost-secondary___74X2R[data-disabled]:not([data-loading]) {
695
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-disabled]:not([data-loading]) {
696
696
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
697
697
  --color: var(--hop-Button-ghost-secondary-color-disabled);
698
698
  --border: var(--hop-Button-ghost-secondary-border-disabled);
699
699
  }
700
- .Button-module__hop-Button--ghost-secondary___74X2R[data-hovered]:not([data-disabled], [data-loading]),
701
- .Button-module__hop-Button--ghost-secondary___74X2R[data-focus-visible]:not([data-disabled], [data-loading]) {
700
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-hovered]:not([data-disabled], [data-loading]),
701
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-focus-visible]:not([data-disabled], [data-loading]) {
702
702
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
703
703
  --color: var(--hop-Button-ghost-secondary-color-hover);
704
704
  --border: var(--hop-Button-ghost-secondary-border-hover);
705
705
  }
706
- .Button-module__hop-Button--ghost-secondary___74X2R[data-pressed]:not([data-loading]) {
706
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-pressed]:not([data-loading]) {
707
707
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
708
708
  --color: var(--hop-Button-ghost-secondary-color-pressed);
709
709
  --border: var(--hop-Button-ghost-secondary-border-pressed);
710
710
  }
711
- .Button-module__hop-Button--ghost-danger___5xkKn {
711
+ .Button-module__hop-Button--ghost-danger___4RCQS {
712
712
  --background-color: var(--hop-Button-ghost-danger-background-color);
713
713
  --color: var(--hop-Button-ghost-danger-color);
714
714
  --border: var(--hop-Button-ghost-danger-border);
715
715
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
716
716
  }
717
- .Button-module__hop-Button--ghost-danger___5xkKn[data-disabled]:not([data-loading]) {
717
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-disabled]:not([data-loading]) {
718
718
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
719
719
  --color: var(--hop-Button-ghost-danger-color-disabled);
720
720
  --border: var(--hop-Button-ghost-danger-border-disabled);
721
721
  }
722
- .Button-module__hop-Button--ghost-danger___5xkKn[data-hovered]:not([data-disabled], [data-loading]),
723
- .Button-module__hop-Button--ghost-danger___5xkKn[data-focus-visible]:not([data-disabled], [data-loading]) {
722
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-hovered]:not([data-disabled], [data-loading]),
723
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-focus-visible]:not([data-disabled], [data-loading]) {
724
724
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
725
725
  --color: var(--hop-Button-ghost-danger-color-hover);
726
726
  --border: var(--hop-Button-ghost-danger-border-hover);
727
727
  }
728
- .Button-module__hop-Button--ghost-danger___5xkKn[data-pressed]:not([data-loading]) {
728
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-pressed]:not([data-loading]) {
729
729
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
730
730
  --color: var(--hop-Button-ghost-danger-color-pressed);
731
731
  --border: var(--hop-Button-ghost-danger-border-pressed);
732
732
  }
733
- .Button-module__hop-Button__Spinner___23sIY {
733
+ .Button-module__hop-Button__Spinner___OZ3q6 {
734
734
  position: absolute;
735
735
  justify-self: center;
736
736
  color: var(--spinner-color);
737
737
  }
738
- .Button-module__hop-Button__icon___OCH09,
739
- .Button-module__hop-Button__icon-list___90QTb {
738
+ .Button-module__hop-Button__icon___yQZMY,
739
+ .Button-module__hop-Button__icon-list___gGuuU {
740
740
  grid-area: start-icon;
741
741
  justify-self: end;
742
742
  }
743
- .Button-module__hop-Button__text___hmgmJ {
743
+ .Button-module__hop-Button__text___dI2SY {
744
744
  user-select: none;
745
745
  overflow: visible;
746
746
  grid-area: content;
747
747
  font-weight: var(--hop-font-weight-505);
748
748
  text-wrap: nowrap;
749
749
  }
750
- .Button-module__hop-Button--ghost-primary___sh82s[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
751
- .Button-module__hop-Button--ghost-secondary___74X2R[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
752
- .Button-module__hop-Button--ghost-danger___5xkKn[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
753
- .Button-module__hop-Button--ghost-primary___sh82s[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
754
- .Button-module__hop-Button--ghost-secondary___74X2R[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
755
- .Button-module__hop-Button--ghost-danger___5xkKn[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
756
- .Button-module__hop-Button--ghost-primary___sh82s[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
757
- .Button-module__hop-Button--ghost-secondary___74X2R[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
758
- .Button-module__hop-Button--ghost-danger___5xkKn[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ {
750
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
751
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
752
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
753
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
754
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
755
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
756
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
757
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
758
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___dI2SY {
759
759
  text-decoration: underline;
760
760
  text-underline-offset: 0.125rem;
761
761
  }
762
- .Button-module__hop-Button__end-icon___WUX-K,
763
- .Button-module__hop-Button__end-icon-list___TYtCm {
762
+ .Button-module__hop-Button__end-icon___jThJU,
763
+ .Button-module__hop-Button__end-icon-list___E79O6 {
764
764
  grid-area: end-icon;
765
765
  }
766
- .Button-module__hop-Button___5w5a2 .Button-module__hop-Button__icon-list___90QTb,
767
- .Button-module__hop-Button___5w5a2 .Button-module__hop-Button__end-icon-list___TYtCm {
766
+ .Button-module__hop-Button___BnZcq .Button-module__hop-Button__icon-list___gGuuU,
767
+ .Button-module__hop-Button___BnZcq .Button-module__hop-Button__end-icon-list___E79O6 {
768
768
  flex-wrap: nowrap;
769
769
  }
770
- .Button-module__hop-Button___5w5a2[data-loading] > *:not(.Button-module__hop-Button__Spinner___23sIY) {
770
+ .Button-module__hop-Button___BnZcq[data-loading] > *:not(.Button-module__hop-Button__Spinner___OZ3q6) {
771
771
  opacity: 0;
772
772
  }
773
773
 
774
774
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
775
- .ButtonGroup-module__hop-ButtonGroup___BKZ0u {
775
+ .ButtonGroup-module__hop-ButtonGroup___peGwG {
776
776
  display: inline-flex;
777
777
  flex-wrap: nowrap;
778
778
  gap: var(--hop-space-inline-md);
779
779
  }
780
- .ButtonGroup-module__hop-ButtonGroup--horizontal___X9fQE {
780
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___-28HA {
781
781
  justify-content: center;
782
782
  }
783
- .ButtonGroup-module__hop-ButtonGroup--vertical___Jvfhi {
783
+ .ButtonGroup-module__hop-ButtonGroup--vertical___oEB32 {
784
784
  flex-direction: column;
785
785
  gap: var(--hop-space-stack-md);
786
786
  align-items: center;
787
787
  }
788
- .ButtonGroup-module__hop-ButtonGroup--start___L2vod.ButtonGroup-module__hop-ButtonGroup--vertical___Jvfhi {
788
+ .ButtonGroup-module__hop-ButtonGroup--start___EIxXS.ButtonGroup-module__hop-ButtonGroup--vertical___oEB32 {
789
789
  align-items: flex-start;
790
790
  }
791
- .ButtonGroup-module__hop-ButtonGroup--center___FTkrz.ButtonGroup-module__hop-ButtonGroup--vertical___Jvfhi {
791
+ .ButtonGroup-module__hop-ButtonGroup--center___LzAzO.ButtonGroup-module__hop-ButtonGroup--vertical___oEB32 {
792
792
  align-items: center;
793
793
  }
794
- .ButtonGroup-module__hop-ButtonGroup--end___5RFlc.ButtonGroup-module__hop-ButtonGroup--vertical___Jvfhi {
794
+ .ButtonGroup-module__hop-ButtonGroup--end___NKKh-.ButtonGroup-module__hop-ButtonGroup--vertical___oEB32 {
795
795
  align-items: flex-end;
796
796
  }
797
- .ButtonGroup-module__hop-ButtonGroup--start___L2vod.ButtonGroup-module__hop-ButtonGroup--horizontal___X9fQE {
797
+ .ButtonGroup-module__hop-ButtonGroup--start___EIxXS.ButtonGroup-module__hop-ButtonGroup--horizontal___-28HA {
798
798
  justify-content: flex-start;
799
799
  }
800
- .ButtonGroup-module__hop-ButtonGroup--center___FTkrz.ButtonGroup-module__hop-ButtonGroup--horizontal___X9fQE {
800
+ .ButtonGroup-module__hop-ButtonGroup--center___LzAzO.ButtonGroup-module__hop-ButtonGroup--horizontal___-28HA {
801
801
  justify-content: center;
802
802
  }
803
- .ButtonGroup-module__hop-ButtonGroup--end___5RFlc.ButtonGroup-module__hop-ButtonGroup--horizontal___X9fQE {
803
+ .ButtonGroup-module__hop-ButtonGroup--end___NKKh-.ButtonGroup-module__hop-ButtonGroup--horizontal___-28HA {
804
804
  justify-content: flex-end;
805
805
  }
806
- .ButtonGroup-module__hop-ButtonGroup--wrap___QEzzw {
806
+ .ButtonGroup-module__hop-ButtonGroup--wrap___8glcj {
807
807
  flex-wrap: wrap;
808
808
  }
809
- .ButtonGroup-module__hop-ButtonGroup--fluid___uxaS1 {
809
+ .ButtonGroup-module__hop-ButtonGroup--fluid___ryBpP {
810
810
  inline-size: 100%;
811
811
  }
812
812
 
813
813
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
814
- .EmbeddedButton-module__hop-EmbeddedButton___7FfyF {
814
+ .EmbeddedButton-module__hop-EmbeddedButton___oDPL1 {
815
815
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
816
816
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
817
817
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -975,7 +975,7 @@
975
975
  outline: none;
976
976
  transition: color var(--transition);
977
977
  }
978
- .EmbeddedButton-module__hop-EmbeddedButton___7FfyF::before {
978
+ .EmbeddedButton-module__hop-EmbeddedButton___oDPL1::before {
979
979
  content: "";
980
980
  position: absolute;
981
981
  inset-block-start: 50%;
@@ -988,284 +988,284 @@
988
988
  border-radius: var(--effect-border-radius);
989
989
  transition: background-color var(--transition);
990
990
  }
991
- .EmbeddedButton-module__hop-EmbeddedButton___7FfyF[data-square] {
991
+ .EmbeddedButton-module__hop-EmbeddedButton___oDPL1[data-square] {
992
992
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
993
993
  }
994
- .EmbeddedButton-module__hop-EmbeddedButton--md___P-YqL {
994
+ .EmbeddedButton-module__hop-EmbeddedButton--md___YerXu {
995
995
  --inline-size: var(--hop-EmbeddedButton-md-width);
996
996
  --block-size: var(--hop-EmbeddedButton-md-height);
997
997
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
998
998
  }
999
- .EmbeddedButton-module__hop-EmbeddedButton--lg___7q2Cu {
999
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___Orpxh {
1000
1000
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1001
1001
  --block-size: var(--hop-EmbeddedButton-lg-height);
1002
1002
  --focus-ring-offset: 0;
1003
1003
  }
1004
- .EmbeddedButton-module__hop-EmbeddedButton--md___P-YqL::before {
1004
+ .EmbeddedButton-module__hop-EmbeddedButton--md___YerXu::before {
1005
1005
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1006
1006
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1007
1007
  }
1008
- .EmbeddedButton-module__hop-EmbeddedButton--lg___7q2Cu::before {
1008
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___Orpxh::before {
1009
1009
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1010
1010
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1011
1011
  }
1012
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___gyZMD {
1012
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___J2aMz {
1013
1013
  --color: var(--hop-EmbeddedButton-neutral-color);
1014
1014
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1015
1015
  }
1016
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___A10nO {
1016
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___ktact {
1017
1017
  --color: var(--hop-EmbeddedButton-subdued-color);
1018
1018
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1019
1019
  }
1020
- .EmbeddedButton-module__hop-EmbeddedButton--progress___Ik65- {
1020
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___4QSlo {
1021
1021
  --color: var(--hop-EmbeddedButton-progress-color);
1022
1022
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1023
1023
  }
1024
- .EmbeddedButton-module__hop-EmbeddedButton--positive___IJpvj {
1024
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___IkDM8 {
1025
1025
  --color: var(--hop-EmbeddedButton-positive-color);
1026
1026
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1027
1027
  }
1028
- .EmbeddedButton-module__hop-EmbeddedButton--caution___cpJ1e {
1028
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___LTJKh {
1029
1029
  --color: var(--hop-EmbeddedButton-caution-color);
1030
1030
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1031
1031
  }
1032
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Gbf {
1032
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___nlex4 {
1033
1033
  --color: var(--hop-EmbeddedButton-negative-color);
1034
1034
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1035
1035
  }
1036
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ldyS0 {
1036
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___0M1Z9 {
1037
1037
  --color: var(--hop-EmbeddedButton-option1-color);
1038
1038
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1039
1039
  }
1040
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-xE5d {
1040
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___uwDHL {
1041
1041
  --color: var(--hop-EmbeddedButton-option2-color);
1042
1042
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1043
1043
  }
1044
- .EmbeddedButton-module__hop-EmbeddedButton--option3___f33bW {
1044
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bMb4Q {
1045
1045
  --color: var(--hop-EmbeddedButton-option3-color);
1046
1046
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1047
1047
  }
1048
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Yhb58 {
1048
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6FFR4 {
1049
1049
  --color: var(--hop-EmbeddedButton-option4-color);
1050
1050
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1051
1051
  }
1052
- .EmbeddedButton-module__hop-EmbeddedButton--option5___vaAW4 {
1052
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uHcVz {
1053
1053
  --color: var(--hop-EmbeddedButton-option5-color);
1054
1054
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1055
1055
  }
1056
- .EmbeddedButton-module__hop-EmbeddedButton--option6___1WAFN {
1056
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___0CXDL {
1057
1057
  --color: var(--hop-EmbeddedButton-option6-color);
1058
1058
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1059
1059
  }
1060
- .EmbeddedButton-module__hop-EmbeddedButton___7FfyF[data-selected] {
1060
+ .EmbeddedButton-module__hop-EmbeddedButton___oDPL1[data-selected] {
1061
1061
  --color: var(--hop-EmbeddedButton-selected-color);
1062
1062
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1063
1063
  }
1064
- .EmbeddedButton-module__hop-EmbeddedButton___7FfyF[data-focus-visible] {
1064
+ .EmbeddedButton-module__hop-EmbeddedButton___oDPL1[data-focus-visible] {
1065
1065
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1066
1066
  outline-offset: var(--focus-ring-offset);
1067
1067
  }
1068
- .EmbeddedButton-module__hop-EmbeddedButton___7FfyF[data-disabled] {
1068
+ .EmbeddedButton-module__hop-EmbeddedButton___oDPL1[data-disabled] {
1069
1069
  cursor: not-allowed;
1070
1070
  }
1071
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___gyZMD[data-hovered] {
1071
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___J2aMz[data-hovered] {
1072
1072
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1073
1073
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1074
1074
  }
1075
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___gyZMD[data-focus-visible] {
1075
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___J2aMz[data-focus-visible] {
1076
1076
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1077
1077
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1078
1078
  }
1079
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___gyZMD[data-pressed] {
1079
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___J2aMz[data-pressed] {
1080
1080
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1081
1081
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1082
1082
  }
1083
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___gyZMD[data-disabled] {
1083
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___J2aMz[data-disabled] {
1084
1084
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1085
1085
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1086
1086
  }
1087
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___A10nO[data-hovered] {
1087
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___ktact[data-hovered] {
1088
1088
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1089
1089
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1090
1090
  }
1091
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___A10nO[data-focus-visible] {
1091
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___ktact[data-focus-visible] {
1092
1092
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1093
1093
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1094
1094
  }
1095
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___A10nO[data-pressed] {
1095
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___ktact[data-pressed] {
1096
1096
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1097
1097
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1098
1098
  }
1099
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___A10nO[data-disabled] {
1099
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___ktact[data-disabled] {
1100
1100
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1101
1101
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1102
1102
  }
1103
- .EmbeddedButton-module__hop-EmbeddedButton--progress___Ik65-[data-hovered] {
1103
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___4QSlo[data-hovered] {
1104
1104
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1105
1105
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1106
1106
  }
1107
- .EmbeddedButton-module__hop-EmbeddedButton--progress___Ik65-[data-focus-visible] {
1107
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___4QSlo[data-focus-visible] {
1108
1108
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1109
1109
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1110
1110
  }
1111
- .EmbeddedButton-module__hop-EmbeddedButton--progress___Ik65-[data-pressed] {
1111
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___4QSlo[data-pressed] {
1112
1112
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1113
1113
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1114
1114
  }
1115
- .EmbeddedButton-module__hop-EmbeddedButton--progress___Ik65-[data-disabled] {
1115
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___4QSlo[data-disabled] {
1116
1116
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1117
1117
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1118
1118
  }
1119
- .EmbeddedButton-module__hop-EmbeddedButton--positive___IJpvj[data-hovered] {
1119
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___IkDM8[data-hovered] {
1120
1120
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1121
1121
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1122
1122
  }
1123
- .EmbeddedButton-module__hop-EmbeddedButton--positive___IJpvj[data-focus-visible] {
1123
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___IkDM8[data-focus-visible] {
1124
1124
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1125
1125
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1126
1126
  }
1127
- .EmbeddedButton-module__hop-EmbeddedButton--positive___IJpvj[data-pressed] {
1127
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___IkDM8[data-pressed] {
1128
1128
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1129
1129
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1130
1130
  }
1131
- .EmbeddedButton-module__hop-EmbeddedButton--positive___IJpvj[data-disabled] {
1131
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___IkDM8[data-disabled] {
1132
1132
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1133
1133
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1134
1134
  }
1135
- .EmbeddedButton-module__hop-EmbeddedButton--caution___cpJ1e[data-hovered] {
1135
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___LTJKh[data-hovered] {
1136
1136
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1137
1137
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1138
1138
  }
1139
- .EmbeddedButton-module__hop-EmbeddedButton--caution___cpJ1e[data-focus-visible] {
1139
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___LTJKh[data-focus-visible] {
1140
1140
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1141
1141
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1142
1142
  }
1143
- .EmbeddedButton-module__hop-EmbeddedButton--caution___cpJ1e[data-pressed] {
1143
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___LTJKh[data-pressed] {
1144
1144
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1145
1145
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1146
1146
  }
1147
- .EmbeddedButton-module__hop-EmbeddedButton--caution___cpJ1e[data-disabled] {
1147
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___LTJKh[data-disabled] {
1148
1148
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1149
1149
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1150
1150
  }
1151
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Gbf[data-hovered] {
1151
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___nlex4[data-hovered] {
1152
1152
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1153
1153
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1154
1154
  }
1155
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Gbf[data-focus-visible] {
1155
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___nlex4[data-focus-visible] {
1156
1156
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1157
1157
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1158
1158
  }
1159
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Gbf[data-pressed] {
1159
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___nlex4[data-pressed] {
1160
1160
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1161
1161
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1162
1162
  }
1163
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Gbf[data-disabled] {
1163
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___nlex4[data-disabled] {
1164
1164
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1165
1165
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1166
1166
  }
1167
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ldyS0[data-hovered] {
1167
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___0M1Z9[data-hovered] {
1168
1168
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1169
1169
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1170
1170
  }
1171
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ldyS0[data-focus-visible] {
1171
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___0M1Z9[data-focus-visible] {
1172
1172
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1173
1173
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1174
1174
  }
1175
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ldyS0[data-pressed] {
1175
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___0M1Z9[data-pressed] {
1176
1176
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1177
1177
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1178
1178
  }
1179
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ldyS0[data-disabled] {
1179
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___0M1Z9[data-disabled] {
1180
1180
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1181
1181
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1182
1182
  }
1183
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-xE5d[data-hovered] {
1183
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___uwDHL[data-hovered] {
1184
1184
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1185
1185
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1186
1186
  }
1187
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-xE5d[data-focus-visible] {
1187
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___uwDHL[data-focus-visible] {
1188
1188
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1189
1189
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1190
1190
  }
1191
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-xE5d[data-pressed] {
1191
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___uwDHL[data-pressed] {
1192
1192
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1193
1193
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1194
1194
  }
1195
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-xE5d[data-disabled] {
1195
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___uwDHL[data-disabled] {
1196
1196
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1197
1197
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1198
1198
  }
1199
- .EmbeddedButton-module__hop-EmbeddedButton--option3___f33bW[data-hovered] {
1199
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bMb4Q[data-hovered] {
1200
1200
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1201
1201
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1202
1202
  }
1203
- .EmbeddedButton-module__hop-EmbeddedButton--option3___f33bW[data-focus-visible] {
1203
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bMb4Q[data-focus-visible] {
1204
1204
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1205
1205
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1206
1206
  }
1207
- .EmbeddedButton-module__hop-EmbeddedButton--option3___f33bW[data-pressed] {
1207
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bMb4Q[data-pressed] {
1208
1208
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1209
1209
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1210
1210
  }
1211
- .EmbeddedButton-module__hop-EmbeddedButton--option3___f33bW[data-disabled] {
1211
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bMb4Q[data-disabled] {
1212
1212
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1213
1213
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1214
1214
  }
1215
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Yhb58[data-hovered] {
1215
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6FFR4[data-hovered] {
1216
1216
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1217
1217
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1218
1218
  }
1219
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Yhb58[data-focus-visible] {
1219
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6FFR4[data-focus-visible] {
1220
1220
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1221
1221
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1222
1222
  }
1223
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Yhb58[data-pressed] {
1223
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6FFR4[data-pressed] {
1224
1224
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1225
1225
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1226
1226
  }
1227
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Yhb58[data-disabled] {
1227
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6FFR4[data-disabled] {
1228
1228
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1229
1229
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1230
1230
  }
1231
- .EmbeddedButton-module__hop-EmbeddedButton--option5___vaAW4[data-hovered] {
1231
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uHcVz[data-hovered] {
1232
1232
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1233
1233
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1234
1234
  }
1235
- .EmbeddedButton-module__hop-EmbeddedButton--option5___vaAW4[data-focus-visible] {
1235
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uHcVz[data-focus-visible] {
1236
1236
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1237
1237
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1238
1238
  }
1239
- .EmbeddedButton-module__hop-EmbeddedButton--option5___vaAW4[data-pressed] {
1239
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uHcVz[data-pressed] {
1240
1240
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1241
1241
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1242
1242
  }
1243
- .EmbeddedButton-module__hop-EmbeddedButton--option5___vaAW4[data-disabled] {
1243
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uHcVz[data-disabled] {
1244
1244
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1245
1245
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1246
1246
  }
1247
- .EmbeddedButton-module__hop-EmbeddedButton--option6___1WAFN[data-hovered] {
1247
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___0CXDL[data-hovered] {
1248
1248
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1249
1249
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1250
1250
  }
1251
- .EmbeddedButton-module__hop-EmbeddedButton--option6___1WAFN[data-focus-visible] {
1251
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___0CXDL[data-focus-visible] {
1252
1252
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1253
1253
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1254
1254
  }
1255
- .EmbeddedButton-module__hop-EmbeddedButton--option6___1WAFN[data-pressed] {
1255
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___0CXDL[data-pressed] {
1256
1256
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1257
1257
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1258
1258
  }
1259
- .EmbeddedButton-module__hop-EmbeddedButton--option6___1WAFN[data-disabled] {
1259
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___0CXDL[data-disabled] {
1260
1260
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1261
1261
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1262
1262
  }
1263
- .EmbeddedButton-module__hop-EmbeddedButton__icon___3-ikY {
1263
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___Ec-6l {
1264
1264
  position: relative;
1265
1265
  }
1266
1266
 
1267
1267
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
1268
- .InputGroup-module__hop-InputGroup___cxU-Q {
1268
+ .InputGroup-module__hop-InputGroup___E2-k9 {
1269
1269
  --hop-InputGroup-background: var(--hop-neutral-surface);
1270
1270
  --hop-InputGroup-border-color: var(--hop-neutral-border);
1271
1271
  --hop-InputGroup-border-width: 0.0625rem;
@@ -1346,11 +1346,11 @@
1346
1346
  border: var(--border);
1347
1347
  border-radius: var(--hop-InputGroup-border-radius);
1348
1348
  }
1349
- .InputGroup-module__hop-InputGroup--fluid___JDLHZ {
1349
+ .InputGroup-module__hop-InputGroup--fluid___Q-hCw {
1350
1350
  --inline-size: 100%;
1351
1351
  --input-inline-size: 100%;
1352
1352
  }
1353
- .InputGroup-module__hop-InputGroup--sm___xub9Y {
1353
+ .InputGroup-module__hop-InputGroup--sm___i6g3r {
1354
1354
  --block-size: var(--hop-InputGroup-sm-block-size);
1355
1355
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
1356
1356
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -1358,7 +1358,7 @@
1358
1358
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
1359
1359
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
1360
1360
  }
1361
- .InputGroup-module__hop-InputGroup___cxU-Q[data-input-type=textarea] {
1361
+ .InputGroup-module__hop-InputGroup___E2-k9[data-input-type=textarea] {
1362
1362
  --gap: var(--hop-InputGroup-gap-textarea);
1363
1363
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
1364
1364
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -1366,28 +1366,28 @@
1366
1366
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
1367
1367
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
1368
1368
  }
1369
- .InputGroup-module__hop-InputGroup___cxU-Q[data-input-type=number] {
1369
+ .InputGroup-module__hop-InputGroup___E2-k9[data-input-type=number] {
1370
1370
  --display: var(--hop-InputGroup-display-number);
1371
1371
  --gap: var(--hop-InputGroup-gap-number);
1372
1372
  }
1373
- .InputGroup-module__hop-InputGroup___cxU-Q[data-hovered] {
1373
+ .InputGroup-module__hop-InputGroup___E2-k9[data-hovered] {
1374
1374
  --background: var(--hop-InputGroup-background-hover);
1375
1375
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
1376
1376
  }
1377
- .InputGroup-module__hop-InputGroup___cxU-Q[data-focus-within] {
1377
+ .InputGroup-module__hop-InputGroup___E2-k9[data-focus-within] {
1378
1378
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
1379
1379
  }
1380
- .InputGroup-module__hop-InputGroup___cxU-Q[data-invalid] {
1380
+ .InputGroup-module__hop-InputGroup___E2-k9[data-invalid] {
1381
1381
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
1382
1382
  }
1383
- .InputGroup-module__hop-InputGroup___cxU-Q[data-disabled] {
1383
+ .InputGroup-module__hop-InputGroup___E2-k9[data-disabled] {
1384
1384
  --background: var(--hop-InputGroup-background-disabled);
1385
1385
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
1386
1386
  --input-color: var(--hop-InputGroup-input-color-disabled);
1387
1387
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
1388
1388
  }
1389
- .InputGroup-module__hop-InputGroup__input___WN-8O,
1390
- .InputGroup-module__hop-InputGroup__textarea___Kn-qF {
1389
+ .InputGroup-module__hop-InputGroup__input___feDtc,
1390
+ .InputGroup-module__hop-InputGroup__textarea___UBhut {
1391
1391
  flex: 1 1 auto;
1392
1392
  box-sizing: border-box;
1393
1393
  inline-size: var(--input-inline-size);
@@ -1401,26 +1401,26 @@
1401
1401
  border: none;
1402
1402
  outline: none;
1403
1403
  }
1404
- .InputGroup-module__hop-InputGroup__input___WN-8O {
1404
+ .InputGroup-module__hop-InputGroup__input___feDtc {
1405
1405
  block-size: var(--input-block-size);
1406
1406
  padding: var(--hop-InputGroup-input-padding);
1407
1407
  }
1408
- .InputGroup-module__hop-InputGroup__textarea___Kn-qF {
1408
+ .InputGroup-module__hop-InputGroup__textarea___UBhut {
1409
1409
  padding: var(--hop-InputGroup-textarea-padding);
1410
1410
  }
1411
- .InputGroup-module__hop-InputGroup__input___WN-8O::placeholder {
1411
+ .InputGroup-module__hop-InputGroup__input___feDtc::placeholder {
1412
1412
  font-family: var(--hop-InputGroup-placeholder-font-family);
1413
1413
  font-size: var(--hop-InputGroup-placeholder-font-size);
1414
1414
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
1415
1415
  line-height: var(--hop-InputGroup-placeholder-line-height);
1416
1416
  color: var(--input-placeholder-color);
1417
1417
  }
1418
- .InputGroup-module__hop-InputGroup__embedded-button___THXUj {
1418
+ .InputGroup-module__hop-InputGroup__embedded-button___TyVai {
1419
1419
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
1420
1420
  }
1421
1421
 
1422
1422
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
1423
- .NumberField-module__hop-NumberField___apdI6 {
1423
+ .NumberField-module__hop-NumberField___SQ-T7 {
1424
1424
  --hop-NumberField-gap: var(--hop-space-stack-xs);
1425
1425
  --hop-NumberField-inline-size: 20rem;
1426
1426
  --hop-NumberField-inline-size-fluid: 100%;
@@ -1468,30 +1468,30 @@
1468
1468
  gap: var(--hop-NumberField-gap);
1469
1469
  inline-size: var(--inline-size);
1470
1470
  }
1471
- .NumberField-module__hop-NumberField--fluid___zqiUX {
1471
+ .NumberField-module__hop-NumberField--fluid___6SyKQ {
1472
1472
  --inline-size: var(--hop-NumberField-inline-size-fluid);
1473
1473
  }
1474
- .NumberField-module__hop-NumberField--mobile___NKAaR {
1474
+ .NumberField-module__hop-NumberField--mobile___rHeEi {
1475
1475
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
1476
1476
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
1477
1477
  }
1478
- .NumberField-module__hop-NumberField__Label___Z2mj5 {
1478
+ .NumberField-module__hop-NumberField__Label___OPAwN {
1479
1479
  order: 0;
1480
1480
  }
1481
- .NumberField-module__hop-NumberField__prefix___JnwJ1 {
1481
+ .NumberField-module__hop-NumberField__prefix___GQ-bS {
1482
1482
  grid-area: prefix;
1483
1483
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
1484
1484
  color: var(--hop-NumberField-prefix-color);
1485
1485
  }
1486
- .NumberField-module__hop-NumberField__InputGroup___y0Rb6 {
1486
+ .NumberField-module__hop-NumberField__InputGroup___-Xcp- {
1487
1487
  grid-template: var(--input-group-template);
1488
1488
  order: 1;
1489
1489
  }
1490
- .NumberField-module__hop-NumberField__ErrorMessage___9p0yi,
1491
- .NumberField-module__hop-NumberField__HelperMessage___zIKmw {
1490
+ .NumberField-module__hop-NumberField__ErrorMessage___lC-je,
1491
+ .NumberField-module__hop-NumberField__HelperMessage___Gr9hE {
1492
1492
  order: 3;
1493
1493
  }
1494
- .NumberField-module__hop-NumberField__stepper-button___hxdTL {
1494
+ .NumberField-module__hop-NumberField__stepper-button___GCK47 {
1495
1495
  cursor: pointer;
1496
1496
  display: flex;
1497
1497
  grid-area: var(--grid-area, unset);
@@ -1512,49 +1512,49 @@
1512
1512
  border-radius: var(--stepper-border-radius, 0);
1513
1513
  outline: none;
1514
1514
  }
1515
- .NumberField-module__hop-NumberField__stepper-button--increment___nUuTR {
1515
+ .NumberField-module__hop-NumberField__stepper-button--increment___NPF-g {
1516
1516
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
1517
1517
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
1518
1518
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
1519
1519
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
1520
1520
  --grid-area: stepup;
1521
1521
  }
1522
- .NumberField-module__hop-NumberField__stepper-button--decrement___dKoOR {
1522
+ .NumberField-module__hop-NumberField__stepper-button--decrement___aRPH3 {
1523
1523
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
1524
1524
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
1525
1525
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
1526
1526
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
1527
1527
  --grid-area: stepdown;
1528
1528
  }
1529
- .NumberField-module__hop-NumberField__stepper-button--mobile___Td1XM.NumberField-module__hop-NumberField__stepper-button--increment___nUuTR {
1529
+ .NumberField-module__hop-NumberField__stepper-button--mobile___MBaPI.NumberField-module__hop-NumberField__stepper-button--increment___NPF-g {
1530
1530
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
1531
1531
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
1532
1532
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
1533
1533
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
1534
1534
  }
1535
- .NumberField-module__hop-NumberField__stepper-button--mobile___Td1XM.NumberField-module__hop-NumberField__stepper-button--decrement___dKoOR {
1535
+ .NumberField-module__hop-NumberField__stepper-button--mobile___MBaPI.NumberField-module__hop-NumberField__stepper-button--decrement___aRPH3 {
1536
1536
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
1537
1537
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
1538
1538
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
1539
1539
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
1540
1540
  }
1541
- .NumberField-module__hop-NumberField__stepper-button___hxdTL[data-hovered] {
1541
+ .NumberField-module__hop-NumberField__stepper-button___GCK47[data-hovered] {
1542
1542
  color: var(--hop-NumberField-stepper-color-hovered);
1543
1543
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
1544
1544
  }
1545
- .NumberField-module__hop-NumberField__stepper-button___hxdTL[data-pressed] {
1545
+ .NumberField-module__hop-NumberField__stepper-button___GCK47[data-pressed] {
1546
1546
  color: var(--hop-NumberField-stepper-color-pressed);
1547
1547
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
1548
1548
  }
1549
- .NumberField-module__hop-NumberField__stepper-button___hxdTL[data-disabled] {
1549
+ .NumberField-module__hop-NumberField__stepper-button___GCK47[data-disabled] {
1550
1550
  cursor: not-allowed;
1551
1551
  color: var(--hop-NumberField-stepper-color-disabled);
1552
1552
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
1553
1553
  }
1554
- .NumberField-module__hop-NumberField__stepper-button__icon___ACv7y {
1554
+ .NumberField-module__hop-NumberField__stepper-button__icon___PGs1W {
1555
1555
  display: block;
1556
1556
  max-block-size: 100%;
1557
1557
  }
1558
- .NumberField-module__hop-NumberField__input___mcmo2 {
1558
+ .NumberField-module__hop-NumberField__input___-DsQz {
1559
1559
  grid-area: input;
1560
1560
  }