@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
package/dist/buttons/src/Button.css CHANGED
@@ -1,14 +1,90 @@
1
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
2
- .IconList-module__hop-IconList___ttQfU {
3
- --hop-IconList-gap: var(--hop-space-inline-xs);
4
- display: flex;
5
- flex-wrap: wrap;
6
- gap: var(--hop-IconList-gap);
7
- box-sizing: border-box;
1
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2
+ .Heading-module__hop-Heading___Z-4EL {
3
+ --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
+ --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
+ --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
6
+ --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
7
+ --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
8
+ --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
9
+ --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
10
+ --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
11
+ --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
12
+ --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
13
+ --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
14
+ --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
15
+ --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
16
+ --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
17
+ --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
18
+ --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
19
+ --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
20
+ --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
21
+ --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
22
+ --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
23
+ --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
24
+ --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
25
+ --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
26
+ --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
27
+ --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
28
+ --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
29
+ --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
30
+ --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
31
+ --hop-Heading-inherit-size-font-size: inherit;
32
+ --hop-Heading-inherit-size-font-family: inherit;
33
+ --hop-Heading-inherit-size-font-weight: inherit;
34
+ --hop-Heading-inherit-size-line-height: inherit;
35
+ }
36
+ :where(.Heading-module__hop-Heading___Z-4EL) {
37
+ margin: 0;
38
+ font-family: var(--font-family);
39
+ font-size: var(--font-size);
40
+ font-weight: var(--font-weight);
41
+ line-height: var(--line-height);
42
+ }
43
+ :where(.Heading-module__hop-Heading--xs___wFSJ8) {
44
+ --font-size: var(--hop-Heading-xs-font-size);
45
+ --font-family: var(--hop-Heading-xs-font-family);
46
+ --font-weight: var(--hop-Heading-xs-font-weight);
47
+ --line-height: var(--hop-Heading-xs-line-height);
48
+ }
49
+ :where(.Heading-module__hop-Heading--sm___XbWC5) {
50
+ --font-size: var(--hop-Heading-sm-font-size);
51
+ --font-family: var(--hop-Heading-sm-font-family);
52
+ --font-weight: var(--hop-Heading-sm-font-weight);
53
+ --line-height: var(--hop-Heading-sm-line-height);
54
+ }
55
+ :where(.Heading-module__hop-Heading--md___B-n4o) {
56
+ --font-size: var(--hop-Heading-md-font-size);
57
+ --font-family: var(--hop-Heading-md-font-family);
58
+ --font-weight: var(--hop-Heading-md-font-weight);
59
+ --line-height: var(--hop-Heading-md-line-height);
60
+ }
61
+ :where(.Heading-module__hop-Heading--lg___dcKED) {
62
+ --font-size: var(--hop-Heading-lg-font-size);
63
+ --font-family: var(--hop-Heading-lg-font-family);
64
+ --font-weight: var(--hop-Heading-lg-font-weight);
65
+ --line-height: var(--hop-Heading-lg-line-height);
66
+ }
67
+ :where(.Heading-module__hop-Heading--xl___rOKV1) {
68
+ --font-size: var(--hop-Heading-xl-font-size);
69
+ --font-family: var(--hop-Heading-xl-font-family);
70
+ --font-weight: var(--hop-Heading-xl-font-weight);
71
+ --line-height: var(--hop-Heading-xl-line-height);
72
+ }
73
+ :where(.Heading-module__hop-Heading--2xl___RYtOx) {
74
+ --font-size: var(--hop-Heading-2xl-font-size);
75
+ --font-family: var(--hop-Heading-2xl-font-family);
76
+ --font-weight: var(--hop-Heading-2xl-font-weight);
77
+ --line-height: var(--hop-Heading-2xl-line-height);
78
+ }
79
+ :where(.Heading-module__hop-Heading--3xl___DIk1u) {
80
+ --font-size: var(--hop-Heading-3xl-font-size);
81
+ --font-family: var(--hop-Heading-3xl-font-family);
82
+ --font-weight: var(--hop-Heading-3xl-font-weight);
83
+ --line-height: var(--hop-Heading-3xl-line-height);
8
84
  }
9
85
 
10
86
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
11
- .Text-module__hop-Text___jadPy {
87
+ .Text-module__hop-Text___bIQxx {
12
88
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
13
89
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
14
90
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -38,57 +114,128 @@
38
114
  --hop-Text-inherit-size-font-weight: inherit;
39
115
  --hop-Text-inherit-size-line-height: inherit;
40
116
  }
41
- :where(.Text-module__hop-Text___jadPy) {
117
+ :where(.Text-module__hop-Text___bIQxx) {
42
118
  font-family: var(--font-family);
43
119
  font-size: var(--font-size);
44
120
  font-weight: var(--font-weight);
45
121
  line-height: var(--line-height);
46
122
  }
47
- :where(.Text-module__hop-Text--xs___253D0) {
123
+ :where(.Text-module__hop-Text--xs___uYk5Y) {
48
124
  --font-size: var(--hop-Text-xs-font-size);
49
125
  --font-family: var(--hop-Text-xs-font-family);
50
126
  --font-weight: var(--hop-Text-xs-font-weight);
51
127
  --line-height: var(--hop-Text-xs-line-height);
52
128
  }
53
- :where(.Text-module__hop-Text--sm___8aHpz) {
129
+ :where(.Text-module__hop-Text--sm___kg1RL) {
54
130
  --font-size: var(--hop-Text-sm-font-size);
55
131
  --font-family: var(--hop-Text-sm-font-family);
56
132
  --font-weight: var(--hop-Text-sm-font-weight);
57
133
  --line-height: var(--hop-Text-sm-line-height);
58
134
  }
59
- :where(.Text-module__hop-Text--md___qNltd) {
135
+ :where(.Text-module__hop-Text--md___UxnHr) {
60
136
  --font-size: var(--hop-Text-md-font-size);
61
137
  --font-family: var(--hop-Text-md-font-family);
62
138
  --font-weight: var(--hop-Text-md-font-weight);
63
139
  --line-height: var(--hop-Text-md-line-height);
64
140
  }
65
- :where(.Text-module__hop-Text--lg___1A-Db) {
141
+ :where(.Text-module__hop-Text--lg___n7Sbi) {
66
142
  --font-size: var(--hop-Text-lg-font-size);
67
143
  --font-family: var(--hop-Text-lg-font-family);
68
144
  --font-weight: var(--hop-Text-lg-font-weight);
69
145
  --line-height: var(--hop-Text-lg-line-height);
70
146
  }
71
- :where(.Text-module__hop-Text--xl___DBJXl) {
147
+ :where(.Text-module__hop-Text--xl___f-RXZ) {
72
148
  --font-size: var(--hop-Text-xl-font-size);
73
149
  --font-family: var(--hop-Text-xl-font-family);
74
150
  --font-weight: var(--hop-Text-xl-font-weight);
75
151
  --line-height: var(--hop-Text-xl-line-height);
76
152
  }
77
- :where(.Text-module__hop-Text--2xl___9vwXN) {
153
+ :where(.Text-module__hop-Text--2xl___-DveI) {
78
154
  --font-size: var(--hop-Text-2xl-font-size);
79
155
  --font-family: var(--hop-Text-2xl-font-family);
80
156
  --font-weight: var(--hop-Text-2xl-font-weight);
81
157
  --line-height: var(--hop-Text-2xl-line-height);
82
158
  }
83
- :where(.Text-module__hop-Text--inherit___PWsD3) {
159
+ :where(.Text-module__hop-Text--inherit___zEio8) {
84
160
  --font-size: var(--hop-Text-inherit-size-font-size);
85
161
  --font-family: var(--hop-Text-inherit-size-font-family);
86
162
  --font-weight: var(--hop-Text-inherit-size-font-weight);
87
163
  --line-height: var(--hop-Text-inherit-size-line-height);
88
164
  }
89
165
 
166
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
167
+ :where(.OverlineText-module__hop-OverlineText___lOJLD) {
168
+ --hop-OverlineText-font-family: var(--hop-overline-font-family);
169
+ --hop-OverlineText-font-size: var(--hop-overline-font-size);
170
+ --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
171
+ --hop-OverlineText-letter-spacing: 0.015rem;
172
+ --hop-OverlineText-line-height: var(--hop-overline-line-height);
173
+ --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
174
+ --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
175
+ --font-family: var(--hop-OverlineText-font-family);
176
+ --font-size: var(--hop-OverlineText-font-size);
177
+ --font-weight: var(--hop-OverlineText-font-weight);
178
+ --letter-spacing: var(--hop-OverlineText-letter-spacing);
179
+ --line-height: var(--hop-OverlineText-line-height);
180
+ --top-offset: var(--hop-OverlineText-top-offset);
181
+ --bottom-offset: var(--hop-OverlineText-bottom-offset);
182
+ box-sizing: border-box;
183
+ font-family: var(--font-family);
184
+ font-size: var(--font-size);
185
+ font-feature-settings: "case";
186
+ font-weight: var(--font-weight);
187
+ line-height: var(--line-height);
188
+ text-transform: uppercase;
189
+ letter-spacing: var(--letter-spacing);
190
+ }
191
+ .OverlineText-module__hop-OverlineText__text___EHfnC {
192
+ box-sizing: border-box;
193
+ }
194
+ .OverlineText-module__hop-OverlineText__text___EHfnC::before,
195
+ .OverlineText-module__hop-OverlineText__text___EHfnC::after {
196
+ content: "";
197
+ display: block;
198
+ box-sizing: border-box;
199
+ inline-size: 0;
200
+ block-size: 0;
201
+ }
202
+ .OverlineText-module__hop-OverlineText__text___EHfnC::before {
203
+ margin-block-end: var(--bottom-offset);
204
+ }
205
+ .OverlineText-module__hop-OverlineText__text___EHfnC::after {
206
+ margin-block-start: var(--top-offset);
207
+ }
208
+
209
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
210
+ .Label-module__hop-Label___2IpOS {
211
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
212
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
213
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
214
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
215
+ --hop-Label-color: var(--hop-neutral-text-weak);
216
+ }
217
+ :where(.Label-module__hop-Label___2IpOS) {
218
+ font-family: var(--hop-Label-font-family);
219
+ font-size: var(--hop-Label-font-size);
220
+ font-weight: var(--hop-Label-font-weight);
221
+ line-height: var(--hop-Label-line-height);
222
+ color: var(--hop-Label-color);
223
+ }
224
+ :where(.Label-module__hop-Label__indicator___nEWGk) {
225
+ padding-inline-start: var(--hop-space-20);
226
+ }
227
+
228
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
229
+ .IconList-module__hop-IconList___xGjwO {
230
+ --hop-IconList-gap: var(--hop-space-inline-xs);
231
+ display: flex;
232
+ flex-wrap: wrap;
233
+ gap: var(--hop-IconList-gap);
234
+ box-sizing: border-box;
235
+ }
236
+
90
237
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
91
- @keyframes Spinner-module__spin___fXcm0 {
238
+ @keyframes Spinner-module__spin___GKhd9 {
92
239
  0% {
93
240
  transform: rotate(0deg);
94
241
  }
@@ -96,7 +243,7 @@
96
243
  transform: rotate(360deg);
97
244
  }
98
245
  }
99
- .Spinner-module__hop-Spinner___LybXq {
246
+ .Spinner-module__hop-Spinner___NrEvy {
100
247
  --hop-Spinner-border-radius: var(--hop-shape-circle);
101
248
  --hop-Spinner-sm-wheel-size: 1rem;
102
249
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -104,7 +251,7 @@
104
251
  --hop-Spinner-track-width: 0.125rem;
105
252
  --hop-Spinner-track-opacity: 0.2;
106
253
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
107
- --hop-Spinner-fill-animation: Spinner-module__spin___fXcm0 .8s infinite linear;
254
+ --hop-Spinner-fill-animation: Spinner-module__spin___GKhd9 .8s infinite linear;
108
255
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
109
256
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
110
257
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -115,19 +262,19 @@
115
262
  align-items: center;
116
263
  box-sizing: border-box;
117
264
  }
118
- .Spinner-module__hop-Spinner--sm___PkfSB {
265
+ .Spinner-module__hop-Spinner--sm___YrBlT {
119
266
  --width: var(--hop-Spinner-sm-wheel-size);
120
267
  --height: var(--hop-Spinner-sm-wheel-size);
121
268
  }
122
- .Spinner-module__hop-Spinner--md___2w-Xd {
269
+ .Spinner-module__hop-Spinner--md___ALxn- {
123
270
  --width: var(--hop-Spinner-md-wheel-size);
124
271
  --height: var(--hop-Spinner-md-wheel-size);
125
272
  }
126
- .Spinner-module__hop-Spinner--lg___3kP3e {
273
+ .Spinner-module__hop-Spinner--lg___lKiQ0 {
127
274
  --width: var(--hop-Spinner-lg-wheel-size);
128
275
  --height: var(--hop-Spinner-lg-wheel-size);
129
276
  }
130
- .Spinner-module__hop-Spinner__track___b8Ks- {
277
+ .Spinner-module__hop-Spinner__track___ZfVvK {
131
278
  grid-area: spinner;
132
279
  box-sizing: border-box;
133
280
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -136,7 +283,7 @@
136
283
  border: var(--hop-Spinner-track-border);
137
284
  border-radius: var(--hop-Spinner-border-radius);
138
285
  }
139
- .Spinner-module__hop-Spinner__fill___zKi4O {
286
+ .Spinner-module__hop-Spinner__fill___Wvmdn {
140
287
  grid-area: spinner;
141
288
  box-sizing: border-box;
142
289
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -147,17 +294,17 @@
147
294
  animation: var(--hop-Spinner-fill-animation);
148
295
  }
149
296
  @media (prefers-reduced-motion: reduce) {
150
- .Spinner-module__hop-Spinner__fill___zKi4O {
297
+ .Spinner-module__hop-Spinner__fill___Wvmdn {
151
298
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
152
299
  }
153
300
  }
154
- .Spinner-module__hop-Spinner__label___On4P- {
301
+ .Spinner-module__hop-Spinner__label___Av11I {
155
302
  grid-area: label;
156
303
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
157
304
  }
158
305
 
159
306
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
160
- .Button-module__hop-Button___5w5a2 {
307
+ .Button-module__hop-Button___BnZcq {
161
308
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
162
309
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
163
310
  --hop-Button-icon-only-padding: 0;
@@ -316,272 +463,272 @@
316
463
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
317
464
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
318
465
  }
319
- .Button-module__hop-Button___5w5a2[data-focus-visible] {
466
+ .Button-module__hop-Button___BnZcq[data-focus-visible] {
320
467
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
321
468
  }
322
- .Button-module__hop-Button--icon-only___V-noN {
469
+ .Button-module__hop-Button--icon-only___IFDUG {
323
470
  --padding-block: var(--hop-Button-icon-only-padding);
324
471
  --padding-inline: var(--hop-Button-icon-only-padding);
325
472
  column-gap: 0;
326
473
  aspect-ratio: 1;
327
474
  }
328
- .Button-module__hop-Button___5w5a2[data-disabled],
329
- .Button-module__hop-Button___5w5a2[data-loading] {
475
+ .Button-module__hop-Button___BnZcq[data-disabled],
476
+ .Button-module__hop-Button___BnZcq[data-loading] {
330
477
  cursor: not-allowed;
331
478
  }
332
- .Button-module__hop-Button--fluid___QaAvn {
479
+ .Button-module__hop-Button--fluid___SKVyY {
333
480
  --inline-size: 100%;
334
481
  }
335
- .Button-module__hop-Button--sm___nMy5q {
482
+ .Button-module__hop-Button--sm___UtI6P {
336
483
  --block-size: var(--hop-Button-sm-height);
337
484
  }
338
- .Button-module__hop-Button--primary___EvsVi.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
485
+ .Button-module__hop-Button--primary___YvIex.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
339
486
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
340
487
  --padding-block: var(--hop-Button-primary-sm-padding-y);
341
488
  }
342
- .Button-module__hop-Button--primary___EvsVi.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
489
+ .Button-module__hop-Button--primary___YvIex.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
343
490
  --padding-inline: var(--hop-Button-primary-md-padding-x);
344
491
  --padding-block: var(--hop-Button-primary-md-padding-y);
345
492
  }
346
- .Button-module__hop-Button--secondary___HYyfJ.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
493
+ .Button-module__hop-Button--secondary___-im3S.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
347
494
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
348
495
  --padding-block: var(--hop-Button-secondary-md-padding-y);
349
496
  }
350
- .Button-module__hop-Button--secondary___HYyfJ.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
497
+ .Button-module__hop-Button--secondary___-im3S.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
351
498
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
352
499
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
353
500
  }
354
- .Button-module__hop-Button--upsell___laWqg.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
501
+ .Button-module__hop-Button--upsell___ytjAz.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
355
502
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
356
503
  --padding-block: var(--hop-Button-upsell-md-padding-y);
357
504
  }
358
- .Button-module__hop-Button--upsell___laWqg.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
505
+ .Button-module__hop-Button--upsell___ytjAz.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
359
506
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
360
507
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
361
508
  }
362
- .Button-module__hop-Button--danger___4-NJy.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
509
+ .Button-module__hop-Button--danger___vcD8w.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
363
510
  --padding-inline: var(--hop-Button-danger-md-padding-x);
364
511
  --padding-block: var(--hop-Button-danger-md-padding-y);
365
512
  }
366
- .Button-module__hop-Button--danger___4-NJy.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
513
+ .Button-module__hop-Button--danger___vcD8w.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
367
514
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
368
515
  --padding-block: var(--hop-Button-danger-sm-padding-y);
369
516
  }
370
- .Button-module__hop-Button--ghost-danger___5xkKn.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
517
+ .Button-module__hop-Button--ghost-danger___4RCQS.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
371
518
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
372
519
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
373
520
  }
374
- .Button-module__hop-Button--ghost-danger___5xkKn.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
521
+ .Button-module__hop-Button--ghost-danger___4RCQS.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
375
522
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
376
523
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
377
524
  }
378
- .Button-module__hop-Button--ghost-secondary___74X2R.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
525
+ .Button-module__hop-Button--ghost-secondary___GwotL.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
379
526
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
380
527
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
381
528
  }
382
- .Button-module__hop-Button--ghost-secondary___74X2R.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
529
+ .Button-module__hop-Button--ghost-secondary___GwotL.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
383
530
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
384
531
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
385
532
  }
386
- .Button-module__hop-Button--ghost-primary___sh82s.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
533
+ .Button-module__hop-Button--ghost-primary___5gGhU.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
387
534
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
388
535
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
389
536
  }
390
- .Button-module__hop-Button--ghost-primary___sh82s.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
537
+ .Button-module__hop-Button--ghost-primary___5gGhU.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
391
538
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
392
539
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
393
540
  }
394
- .Button-module__hop-Button--primary___EvsVi {
541
+ .Button-module__hop-Button--primary___YvIex {
395
542
  --background-color: var(--hop-Button-primary-background-color);
396
543
  --color: var(--hop-Button-primary-color);
397
544
  --border: var(--hop-Button-primary-border);
398
545
  --spinner-color: var(--hop-Button-primary-spinner-color);
399
546
  }
400
- .Button-module__hop-Button--primary___EvsVi[data-disabled]:not([data-loading]) {
547
+ .Button-module__hop-Button--primary___YvIex[data-disabled]:not([data-loading]) {
401
548
  --background-color: var(--hop-Button-primary-background-color-disabled);
402
549
  --color: var(--hop-Button-primary-color-disabled);
403
550
  --border: var(--hop-Button-primary-border-disabled);
404
551
  }
405
- .Button-module__hop-Button--primary___EvsVi[data-hovered]:not([data-disabled], [data-loading]),
406
- .Button-module__hop-Button--primary___EvsVi[data-focus-visible]:not([data-disabled], [data-loading]) {
552
+ .Button-module__hop-Button--primary___YvIex[data-hovered]:not([data-disabled], [data-loading]),
553
+ .Button-module__hop-Button--primary___YvIex[data-focus-visible]:not([data-disabled], [data-loading]) {
407
554
  --background-color: var(--hop-Button-primary-background-color-hover);
408
555
  --color: var(--hop-Button-primary-color-hover);
409
556
  --border: var(--hop-Button-primary-border-hover);
410
557
  }
411
- .Button-module__hop-Button--primary___EvsVi[data-pressed]:not([data-loading]) {
558
+ .Button-module__hop-Button--primary___YvIex[data-pressed]:not([data-loading]) {
412
559
  --background-color: var(--hop-Button-primary-background-color-pressed);
413
560
  --color: var(--hop-Button-primary-color-pressed);
414
561
  --border: var(--hop-Button-primary-border-pressed);
415
562
  }
416
- .Button-module__hop-Button--secondary___HYyfJ {
563
+ .Button-module__hop-Button--secondary___-im3S {
417
564
  --background-color: var(--hop-Button-secondary-background-color);
418
565
  --color: var(--hop-Button-secondary-color);
419
566
  --border: var(--hop-Button-secondary-border);
420
567
  --spinner-color: var(--hop-Button-secondary-spinner-color);
421
568
  }
422
- .Button-module__hop-Button--secondary___HYyfJ[data-disabled]:not([data-loading]) {
569
+ .Button-module__hop-Button--secondary___-im3S[data-disabled]:not([data-loading]) {
423
570
  --background-color: var(--hop-Button-secondary-background-color-disabled);
424
571
  --color: var(--hop-Button-secondary-color-disabled);
425
572
  --border: var(--hop-Button-secondary-border-disabled);
426
573
  }
427
- .Button-module__hop-Button--secondary___HYyfJ[data-hovered]:not([data-disabled], [data-loading]),
428
- .Button-module__hop-Button--secondary___HYyfJ[data-focus-visible]:not([data-disabled], [data-loading]) {
574
+ .Button-module__hop-Button--secondary___-im3S[data-hovered]:not([data-disabled], [data-loading]),
575
+ .Button-module__hop-Button--secondary___-im3S[data-focus-visible]:not([data-disabled], [data-loading]) {
429
576
  --background-color: var(--hop-Button-secondary-background-color-hover);
430
577
  --color: var(--hop-Button-secondary-color-hover);
431
578
  --border: var(--hop-Button-secondary-border-hover);
432
579
  }
433
- .Button-module__hop-Button--secondary___HYyfJ[data-pressed]:not([data-loading]) {
580
+ .Button-module__hop-Button--secondary___-im3S[data-pressed]:not([data-loading]) {
434
581
  --background-color: var(--hop-Button-secondary-background-color-pressed);
435
582
  --color: var(--hop-Button-secondary-color-pressed);
436
583
  --border: var(--hop-Button-secondary-border-pressed);
437
584
  }
438
- .Button-module__hop-Button--upsell___laWqg {
585
+ .Button-module__hop-Button--upsell___ytjAz {
439
586
  --background-color: var(--hop-Button-upsell-background-color);
440
587
  --color: var(--hop-Button-upsell-color);
441
588
  --border: var(--hop-Button-upsell-border);
442
589
  --spinner-color: var(--hop-Button-upsell-spinner-color);
443
590
  }
444
- .Button-module__hop-Button--upsell___laWqg[data-disabled]:not([data-loading]) {
591
+ .Button-module__hop-Button--upsell___ytjAz[data-disabled]:not([data-loading]) {
445
592
  --background-color: var(--hop-Button-upsell-background-color-disabled);
446
593
  --color: var(--hop-Button-upsell-color-disabled);
447
594
  --border: var(--hop-Button-upsell-border-disabled);
448
595
  }
449
- .Button-module__hop-Button--upsell___laWqg[data-hovered]:not([data-disabled], [data-loading]),
450
- .Button-module__hop-Button--upsell___laWqg[data-focus-visible]:not([data-disabled], [data-loading]) {
596
+ .Button-module__hop-Button--upsell___ytjAz[data-hovered]:not([data-disabled], [data-loading]),
597
+ .Button-module__hop-Button--upsell___ytjAz[data-focus-visible]:not([data-disabled], [data-loading]) {
451
598
  --background-color: var(--hop-Button-upsell-background-color-hover);
452
599
  --color: var(--hop-Button-upsell-color-hover);
453
600
  --border: var(--hop-Button-upsell-border-hover);
454
601
  }
455
- .Button-module__hop-Button--upsell___laWqg[data-pressed]:not([data-loading]) {
602
+ .Button-module__hop-Button--upsell___ytjAz[data-pressed]:not([data-loading]) {
456
603
  --background-color: var(--hop-Button-upsell-background-color-pressed);
457
604
  --color: var(--hop-Button-upsell-color-pressed);
458
605
  --border: var(--hop-Button-upsell-border-pressed);
459
606
  }
460
- .Button-module__hop-Button--danger___4-NJy {
607
+ .Button-module__hop-Button--danger___vcD8w {
461
608
  --background-color: var(--hop-Button-danger-background-color);
462
609
  --color: var(--hop-Button-danger-color);
463
610
  --border: var(--hop-Button-danger-border);
464
611
  --spinner-color: var(--hop-Button-danger-spinner-color);
465
612
  }
466
- .Button-module__hop-Button--danger___4-NJy[data-disabled]:not([data-loading]) {
613
+ .Button-module__hop-Button--danger___vcD8w[data-disabled]:not([data-loading]) {
467
614
  --background-color: var(--hop-Button-danger-background-color-disabled);
468
615
  --color: var(--hop-Button-danger-color-disabled);
469
616
  --border: var(--hop-Button-danger-border-disabled);
470
617
  }
471
- .Button-module__hop-Button--danger___4-NJy[data-hovered]:not([data-disabled], [data-loading]),
472
- .Button-module__hop-Button--danger___4-NJy[data-focus-visible]:not([data-disabled], [data-loading]) {
618
+ .Button-module__hop-Button--danger___vcD8w[data-hovered]:not([data-disabled], [data-loading]),
619
+ .Button-module__hop-Button--danger___vcD8w[data-focus-visible]:not([data-disabled], [data-loading]) {
473
620
  --background-color: var(--hop-Button-danger-background-color-hover);
474
621
  --color: var(--hop-Button-danger-color-hover);
475
622
  --border: var(--hop-Button-danger-border-hover);
476
623
  }
477
- .Button-module__hop-Button--danger___4-NJy[data-pressed]:not([data-loading]) {
624
+ .Button-module__hop-Button--danger___vcD8w[data-pressed]:not([data-loading]) {
478
625
  --background-color: var(--hop-Button-danger-background-color-pressed);
479
626
  --color: var(--hop-Button-danger-color-pressed);
480
627
  --border: var(--hop-Button-danger-border-pressed);
481
628
  }
482
- .Button-module__hop-Button--ghost-primary___sh82s {
629
+ .Button-module__hop-Button--ghost-primary___5gGhU {
483
630
  --background-color: var(--hop-Button-ghost-primary-background-color);
484
631
  --color: var(--hop-Button-ghost-primary-color);
485
632
  --border: var(--hop-Button-ghost-primary-border);
486
633
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
487
634
  }
488
- .Button-module__hop-Button--ghost-primary___sh82s[data-disabled]:not([data-loading]) {
635
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-disabled]:not([data-loading]) {
489
636
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
490
637
  --color: var(--hop-Button-ghost-primary-color-disabled);
491
638
  --border: var(--hop-Button-ghost-primary-border-disabled);
492
639
  }
493
- .Button-module__hop-Button--ghost-primary___sh82s[data-hovered]:not([data-disabled], [data-loading]),
494
- .Button-module__hop-Button--ghost-primary___sh82s[data-focus-visible]:not([data-disabled], [data-loading]) {
640
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-hovered]:not([data-disabled], [data-loading]),
641
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-focus-visible]:not([data-disabled], [data-loading]) {
495
642
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
496
643
  --color: var(--hop-Button-ghost-primary-color-hover);
497
644
  --border: var(--hop-Button-ghost-primary-border-hover);
498
645
  }
499
- .Button-module__hop-Button--ghost-primary___sh82s[data-pressed]:not([data-loading]) {
646
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-pressed]:not([data-loading]) {
500
647
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
501
648
  --color: var(--hop-Button-ghost-primary-color-pressed);
502
649
  --border: var(--hop-Button-ghost-primary-border-pressed);
503
650
  }
504
- .Button-module__hop-Button--ghost-secondary___74X2R {
651
+ .Button-module__hop-Button--ghost-secondary___GwotL {
505
652
  --background-color: var(--hop-Button-ghost-secondary-background-color);
506
653
  --color: var(--hop-Button-ghost-secondary-color);
507
654
  --border: var(--hop-Button-ghost-secondary-border);
508
655
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
509
656
  }
510
- .Button-module__hop-Button--ghost-secondary___74X2R[data-disabled]:not([data-loading]) {
657
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-disabled]:not([data-loading]) {
511
658
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
512
659
  --color: var(--hop-Button-ghost-secondary-color-disabled);
513
660
  --border: var(--hop-Button-ghost-secondary-border-disabled);
514
661
  }
515
- .Button-module__hop-Button--ghost-secondary___74X2R[data-hovered]:not([data-disabled], [data-loading]),
516
- .Button-module__hop-Button--ghost-secondary___74X2R[data-focus-visible]:not([data-disabled], [data-loading]) {
662
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-hovered]:not([data-disabled], [data-loading]),
663
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-focus-visible]:not([data-disabled], [data-loading]) {
517
664
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
518
665
  --color: var(--hop-Button-ghost-secondary-color-hover);
519
666
  --border: var(--hop-Button-ghost-secondary-border-hover);
520
667
  }
521
- .Button-module__hop-Button--ghost-secondary___74X2R[data-pressed]:not([data-loading]) {
668
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-pressed]:not([data-loading]) {
522
669
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
523
670
  --color: var(--hop-Button-ghost-secondary-color-pressed);
524
671
  --border: var(--hop-Button-ghost-secondary-border-pressed);
525
672
  }
526
- .Button-module__hop-Button--ghost-danger___5xkKn {
673
+ .Button-module__hop-Button--ghost-danger___4RCQS {
527
674
  --background-color: var(--hop-Button-ghost-danger-background-color);
528
675
  --color: var(--hop-Button-ghost-danger-color);
529
676
  --border: var(--hop-Button-ghost-danger-border);
530
677
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
531
678
  }
532
- .Button-module__hop-Button--ghost-danger___5xkKn[data-disabled]:not([data-loading]) {
679
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-disabled]:not([data-loading]) {
533
680
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
534
681
  --color: var(--hop-Button-ghost-danger-color-disabled);
535
682
  --border: var(--hop-Button-ghost-danger-border-disabled);
536
683
  }
537
- .Button-module__hop-Button--ghost-danger___5xkKn[data-hovered]:not([data-disabled], [data-loading]),
538
- .Button-module__hop-Button--ghost-danger___5xkKn[data-focus-visible]:not([data-disabled], [data-loading]) {
684
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-hovered]:not([data-disabled], [data-loading]),
685
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-focus-visible]:not([data-disabled], [data-loading]) {
539
686
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
540
687
  --color: var(--hop-Button-ghost-danger-color-hover);
541
688
  --border: var(--hop-Button-ghost-danger-border-hover);
542
689
  }
543
- .Button-module__hop-Button--ghost-danger___5xkKn[data-pressed]:not([data-loading]) {
690
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-pressed]:not([data-loading]) {
544
691
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
545
692
  --color: var(--hop-Button-ghost-danger-color-pressed);
546
693
  --border: var(--hop-Button-ghost-danger-border-pressed);
547
694
  }
548
- .Button-module__hop-Button__Spinner___23sIY {
695
+ .Button-module__hop-Button__Spinner___OZ3q6 {
549
696
  position: absolute;
550
697
  justify-self: center;
551
698
  color: var(--spinner-color);
552
699
  }
553
- .Button-module__hop-Button__icon___OCH09,
554
- .Button-module__hop-Button__icon-list___90QTb {
700
+ .Button-module__hop-Button__icon___yQZMY,
701
+ .Button-module__hop-Button__icon-list___gGuuU {
555
702
  grid-area: start-icon;
556
703
  justify-self: end;
557
704
  }
558
- .Button-module__hop-Button__text___hmgmJ {
705
+ .Button-module__hop-Button__text___dI2SY {
559
706
  user-select: none;
560
707
  overflow: visible;
561
708
  grid-area: content;
562
709
  font-weight: var(--hop-font-weight-505);
563
710
  text-wrap: nowrap;
564
711
  }
565
- .Button-module__hop-Button--ghost-primary___sh82s[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
566
- .Button-module__hop-Button--ghost-secondary___74X2R[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
567
- .Button-module__hop-Button--ghost-danger___5xkKn[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
568
- .Button-module__hop-Button--ghost-primary___sh82s[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
569
- .Button-module__hop-Button--ghost-secondary___74X2R[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
570
- .Button-module__hop-Button--ghost-danger___5xkKn[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
571
- .Button-module__hop-Button--ghost-primary___sh82s[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
572
- .Button-module__hop-Button--ghost-secondary___74X2R[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
573
- .Button-module__hop-Button--ghost-danger___5xkKn[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ {
712
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
713
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
714
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
715
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
716
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
717
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
718
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
719
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
720
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___dI2SY {
574
721
  text-decoration: underline;
575
722
  text-underline-offset: 0.125rem;
576
723
  }
577
- .Button-module__hop-Button__end-icon___WUX-K,
578
- .Button-module__hop-Button__end-icon-list___TYtCm {
724
+ .Button-module__hop-Button__end-icon___jThJU,
725
+ .Button-module__hop-Button__end-icon-list___E79O6 {
579
726
  grid-area: end-icon;
580
727
  }
581
- .Button-module__hop-Button___5w5a2 .Button-module__hop-Button__icon-list___90QTb,
582
- .Button-module__hop-Button___5w5a2 .Button-module__hop-Button__end-icon-list___TYtCm {
728
+ .Button-module__hop-Button___BnZcq .Button-module__hop-Button__icon-list___gGuuU,
729
+ .Button-module__hop-Button___BnZcq .Button-module__hop-Button__end-icon-list___E79O6 {
583
730
  flex-wrap: nowrap;
584
731
  }
585
- .Button-module__hop-Button___5w5a2[data-loading] > *:not(.Button-module__hop-Button__Spinner___23sIY) {
732
+ .Button-module__hop-Button___BnZcq[data-loading] > *:not(.Button-module__hop-Button__Spinner___OZ3q6) {
586
733
  opacity: 0;
587
734
  }