@hopper-ui/components 1.0.6 → 1.0.7

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 (237) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +3 -3
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +5 -5
  6. package/dist/Avatar/src/AvatarContext.js +1 -1
  7. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  8. package/dist/Avatar/src/DeletedAvatar.js +3 -3
  9. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  10. package/dist/Avatar/src/RichIconAvatarImage.js +2 -2
  11. package/dist/Avatar/src/RichIconAvatarImageContext.js +1 -1
  12. package/dist/Avatar/src/index.css +37 -37
  13. package/dist/Avatar/src/index.js +7 -7
  14. package/dist/Avatar/src/useImageFallback.js +1 -1
  15. package/dist/Badge/src/Badge.css +10 -10
  16. package/dist/Badge/src/Badge.js +3 -3
  17. package/dist/Badge/src/BadgeContext.js +1 -1
  18. package/dist/Badge/src/index.css +10 -10
  19. package/dist/Badge/src/index.js +3 -3
  20. package/dist/Chip/src/Chip.css +33 -33
  21. package/dist/Chip/src/Chip.js +3 -3
  22. package/dist/Chip/src/ChipContext.js +1 -1
  23. package/dist/Chip/src/index.css +33 -33
  24. package/dist/Chip/src/index.js +3 -3
  25. package/dist/Divider/src/Divider.css +2 -2
  26. package/dist/Divider/src/Divider.js +2 -2
  27. package/dist/Divider/src/DividerContext.js +1 -1
  28. package/dist/Divider/src/index.css +2 -2
  29. package/dist/Divider/src/index.js +2 -2
  30. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  31. package/dist/ErrorMessage/src/ErrorMessage.js +3 -3
  32. package/dist/ErrorMessage/src/ErrorMessageContext.js +1 -1
  33. package/dist/ErrorMessage/src/index.css +11 -11
  34. package/dist/ErrorMessage/src/index.js +3 -3
  35. package/dist/Header/src/Header.js +1 -1
  36. package/dist/Header/src/HeaderContext.js +1 -1
  37. package/dist/Header/src/index.js +1 -1
  38. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  39. package/dist/HelperMessage/src/HelperMessage.js +3 -3
  40. package/dist/HelperMessage/src/HelperMessageContext.js +1 -1
  41. package/dist/HelperMessage/src/index.css +11 -11
  42. package/dist/HelperMessage/src/index.js +3 -3
  43. package/dist/HopperProvider/src/HopperProvider.js +1 -1
  44. package/dist/HopperProvider/src/index.js +1 -1
  45. package/dist/IconList/src/IconList.css +1 -1
  46. package/dist/IconList/src/IconList.js +2 -2
  47. package/dist/IconList/src/IconListContext.js +1 -1
  48. package/dist/IconList/src/index.css +1 -1
  49. package/dist/IconList/src/index.js +2 -2
  50. package/dist/Link/src/Link.css +31 -31
  51. package/dist/Link/src/Link.js +3 -3
  52. package/dist/Link/src/LinkContext.js +1 -1
  53. package/dist/Link/src/index.css +31 -31
  54. package/dist/Link/src/index.js +3 -3
  55. package/dist/ListBox/src/ListBox.css +175 -175
  56. package/dist/ListBox/src/ListBox.js +11 -11
  57. package/dist/ListBox/src/ListBoxContext.js +1 -1
  58. package/dist/ListBox/src/ListBoxItem.css +160 -160
  59. package/dist/ListBox/src/ListBoxItem.js +10 -10
  60. package/dist/ListBox/src/ListBoxItemContext.js +1 -1
  61. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  62. package/dist/ListBox/src/ListBoxItemSkeleton.js +2 -2
  63. package/dist/ListBox/src/ListBoxItemSkeletonContext.js +1 -1
  64. package/dist/ListBox/src/index.css +175 -175
  65. package/dist/ListBox/src/index.js +11 -11
  66. package/dist/ListBox/src/useLoadOnScroll.js +1 -1
  67. package/dist/Section/src/Section.js +1 -1
  68. package/dist/Section/src/SectionContext.js +1 -1
  69. package/dist/Section/src/index.js +1 -1
  70. package/dist/Spinner/src/Spinner.css +19 -19
  71. package/dist/Spinner/src/Spinner.js +3 -3
  72. package/dist/Spinner/src/SpinnerContext.js +1 -1
  73. package/dist/Spinner/src/index.css +19 -19
  74. package/dist/Spinner/src/index.js +3 -3
  75. package/dist/buttons/src/Button.css +103 -103
  76. package/dist/buttons/src/Button.js +6 -6
  77. package/dist/buttons/src/ButtonContext.js +1 -1
  78. package/dist/buttons/src/ButtonGroup.css +11 -11
  79. package/dist/buttons/src/ButtonGroup.js +2 -2
  80. package/dist/buttons/src/ButtonGroupContext.js +1 -1
  81. package/dist/buttons/src/ClearButton.css +12 -12
  82. package/dist/buttons/src/ClearButton.js +4 -4
  83. package/dist/buttons/src/ClearButtonContext.js +1 -1
  84. package/dist/buttons/src/EmbeddedButton.css +12 -12
  85. package/dist/buttons/src/EmbeddedButton.js +2 -2
  86. package/dist/buttons/src/EmbeddedButtonContext.js +1 -1
  87. package/dist/buttons/src/index.css +126 -126
  88. package/dist/buttons/src/index.js +9 -9
  89. package/dist/checkbox/src/Checkbox.css +31 -31
  90. package/dist/checkbox/src/Checkbox.js +3 -3
  91. package/dist/checkbox/src/CheckboxContext.js +1 -1
  92. package/dist/checkbox/src/CheckboxField.css +15 -15
  93. package/dist/checkbox/src/CheckboxField.js +2 -2
  94. package/dist/checkbox/src/CheckboxFieldContext.js +1 -1
  95. package/dist/checkbox/src/CheckboxGroup.css +66 -66
  96. package/dist/checkbox/src/CheckboxGroup.js +4 -4
  97. package/dist/checkbox/src/CheckboxGroupContext.js +1 -1
  98. package/dist/checkbox/src/CheckboxList.js +1 -1
  99. package/dist/checkbox/src/CheckboxListContext.js +1 -1
  100. package/dist/checkbox/src/index.css +66 -66
  101. package/dist/checkbox/src/index.js +8 -8
  102. package/dist/{chunk-53FHDOG7.js → chunk-2NJ3RDMJ.js} +2 -2
  103. package/dist/chunk-3LGP5T4C.js +625 -0
  104. package/dist/{chunk-JRDN364E.js → chunk-3WUDQLLR.js} +2 -2
  105. package/dist/{chunk-MED2BIDV.js → chunk-4TJUYXYN.js} +1 -1
  106. package/dist/{chunk-MVRI6GLQ.js → chunk-4V75RYJN.js} +2 -2
  107. package/dist/{chunk-QBCCF2C2.js → chunk-5CIADHZR.js} +2 -2
  108. package/dist/{chunk-6QMIRVLY.js → chunk-666H6UTL.js} +1 -1
  109. package/dist/{chunk-J53HGLCT.js → chunk-AE24HPDG.js} +1 -1
  110. package/dist/chunk-CK5HMGDC.js +156 -0
  111. package/dist/{chunk-HR25MLRP.js → chunk-COBPJHIY.js} +1 -1
  112. package/dist/{chunk-XRC7XE6B.js → chunk-CXIMLIUB.js} +2 -2
  113. package/dist/{chunk-RA7PM75O.js → chunk-DESANYPD.js} +5 -5
  114. package/dist/{chunk-RG4JKE4N.js → chunk-E7Y25WJE.js} +1 -1
  115. package/dist/{chunk-K4ZGI7DJ.js → chunk-EBXHYPDU.js} +1 -1
  116. package/dist/{chunk-BKC74M6Y.js → chunk-FMSIW5AX.js} +1 -1
  117. package/dist/{chunk-OHB5QR5P.js → chunk-HVUX7ZQ3.js} +2 -2
  118. package/dist/{chunk-37NW34QM.js → chunk-IUQNDY3E.js} +3 -3
  119. package/dist/{chunk-2P3A4VVY.js → chunk-JSBRDJBE.js} +1 -6
  120. package/dist/{chunk-J33IFG4U.js → chunk-LIUW56HE.js} +1 -1
  121. package/dist/chunk-LJXTJRSB.js +1 -0
  122. package/dist/{chunk-SOSHKMNI.js → chunk-LM4HMPSD.js} +2 -2
  123. package/dist/{chunk-2XUHTPCX.js → chunk-NQOLP5NY.js} +2 -2
  124. package/dist/{chunk-XGKPMLYD.js → chunk-OKAYIZ45.js} +4 -4
  125. package/dist/{chunk-ITQK6JTD.js → chunk-QACERXDV.js} +1 -1
  126. package/dist/{chunk-JUMJ6A3K.js → chunk-R2UVMOIP.js} +1 -1
  127. package/dist/{chunk-4TXFHYHL.js → chunk-RW4GDPRX.js} +1 -1
  128. package/dist/{chunk-E4WFKXW4.js → chunk-SHVSB6MD.js} +4 -4
  129. package/dist/{chunk-3LH2JHUO.js → chunk-SSCPXYN6.js} +3 -3
  130. package/dist/{chunk-E4ALW4MZ.js → chunk-SXPMPVDJ.js} +8 -8
  131. package/dist/chunk-U4NXU44C.js +118 -0
  132. package/dist/{chunk-F2URSFJA.js → chunk-UUUU6SUW.js} +2 -2
  133. package/dist/chunk-W2ZCHVKP.js +119 -0
  134. package/dist/{chunk-3A6TTZAA.js → chunk-WSNJNUUA.js} +1 -1
  135. package/dist/{chunk-P5CWOV3L.js → chunk-WXJ3U2DV.js} +2 -2
  136. package/dist/{chunk-RCX5B3S3.js → chunk-XC7OT325.js} +1 -1
  137. package/dist/{chunk-G242LPQE.js → chunk-XVKZ3Q3B.js} +2 -2
  138. package/dist/{chunk-ZOTVZM6F.js → chunk-YEYNRBMQ.js} +1 -1
  139. package/dist/{chunk-4JAV3FIH.js → chunk-YTPFSLHU.js} +2 -2
  140. package/dist/{chunk-V5GOY6TV.js → chunk-YZRL7TXT.js} +1 -1
  141. package/dist/chunk-ZMDHYGEP.js +57 -0
  142. package/dist/i18n/src/index.js +2 -2
  143. package/dist/i18n/src/useLocalizedString.js +2 -2
  144. package/dist/index.css +3297 -0
  145. package/dist/index.d.ts +113 -0
  146. package/dist/index.js +107 -0
  147. package/dist/inputs/src/InputGroup.css +12 -12
  148. package/dist/inputs/src/InputGroup.js +2 -2
  149. package/dist/inputs/src/InputGroupContext.js +1 -1
  150. package/dist/inputs/src/PasswordField.css +229 -2405
  151. package/dist/inputs/src/PasswordField.js +12 -91
  152. package/dist/inputs/src/PasswordFieldContext.js +1 -1
  153. package/dist/inputs/src/SearchField.css +235 -2390
  154. package/dist/inputs/src/SearchField.js +13 -90
  155. package/dist/inputs/src/SearchFieldContext.js +1 -1
  156. package/dist/inputs/src/TextField.css +230 -2402
  157. package/dist/inputs/src/TextField.js +13 -89
  158. package/dist/inputs/src/TextFieldContext.js +1 -1
  159. package/dist/inputs/src/index.css +219 -2302
  160. package/dist/inputs/src/index.js +16 -88
  161. package/dist/layout/src/Content.js +1 -1
  162. package/dist/layout/src/ContentContext.js +1 -1
  163. package/dist/layout/src/Flex.js +1 -1
  164. package/dist/layout/src/Footer.js +1 -1
  165. package/dist/layout/src/FooterContext.js +1 -1
  166. package/dist/layout/src/Grid.js +1 -1
  167. package/dist/layout/src/Inline.js +1 -1
  168. package/dist/layout/src/Stack.js +1 -1
  169. package/dist/layout/src/grid-helpers.js +1 -1
  170. package/dist/overlays/Popover/src/Popover.css +457 -457
  171. package/dist/overlays/Popover/src/Popover.js +52 -47
  172. package/dist/overlays/Popover/src/PopoverContext.js +1 -1
  173. package/dist/overlays/Popover/src/PopoverTrigger.js +1 -1
  174. package/dist/overlays/Popover/src/index.css +457 -457
  175. package/dist/overlays/Popover/src/index.js +52 -47
  176. package/dist/radio/src/Radio.css +31 -31
  177. package/dist/radio/src/Radio.js +3 -3
  178. package/dist/radio/src/RadioContext.js +1 -1
  179. package/dist/radio/src/RadioField.css +15 -15
  180. package/dist/radio/src/RadioField.js +2 -2
  181. package/dist/radio/src/RadioFieldContext.js +1 -1
  182. package/dist/radio/src/RadioGroup.css +66 -66
  183. package/dist/radio/src/RadioGroup.js +3 -3
  184. package/dist/radio/src/RadioGroupContext.js +1 -1
  185. package/dist/radio/src/RadioList.js +1 -1
  186. package/dist/radio/src/RadioListContext.js +1 -1
  187. package/dist/radio/src/index.css +66 -66
  188. package/dist/radio/src/index.js +6 -6
  189. package/dist/switch/src/Switch.css +25 -25
  190. package/dist/switch/src/Switch.js +3 -3
  191. package/dist/switch/src/SwitchContext.js +1 -1
  192. package/dist/switch/src/SwitchField.css +15 -15
  193. package/dist/switch/src/SwitchField.js +3 -3
  194. package/dist/switch/src/SwitchFieldContext.js +1 -1
  195. package/dist/switch/src/index.css +31 -31
  196. package/dist/switch/src/index.js +5 -5
  197. package/dist/tag/src/Tag.css +457 -457
  198. package/dist/tag/src/Tag.js +52 -47
  199. package/dist/tag/src/TagContext.js +1 -1
  200. package/dist/tag/src/TagGroup.css +28 -28
  201. package/dist/tag/src/TagGroup.js +4 -4
  202. package/dist/tag/src/TagGroupContext.js +1 -1
  203. package/dist/tag/src/TagList.js +1 -1
  204. package/dist/tag/src/TagListContext.js +1 -1
  205. package/dist/tag/src/index.css +457 -457
  206. package/dist/tag/src/index.js +52 -47
  207. package/dist/typography/Heading/src/Heading.css +9 -3222
  208. package/dist/typography/Heading/src/Heading.js +2 -100
  209. package/dist/typography/Heading/src/HeadingContext.js +1 -1
  210. package/dist/typography/Heading/src/index.css +9 -3222
  211. package/dist/typography/Heading/src/index.js +2 -100
  212. package/dist/typography/Label/src/Label.css +9 -9
  213. package/dist/typography/Label/src/Label.js +2 -2
  214. package/dist/typography/Label/src/LabelContext.js +1 -1
  215. package/dist/typography/Label/src/index.css +9 -9
  216. package/dist/typography/Label/src/index.js +2 -2
  217. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  218. package/dist/typography/OverlineText/src/OverlineText.js +2 -2
  219. package/dist/typography/OverlineText/src/OverlineTextContext.js +1 -1
  220. package/dist/typography/OverlineText/src/index.css +6 -6
  221. package/dist/typography/OverlineText/src/index.js +2 -2
  222. package/dist/typography/Text/src/Text.css +9 -9
  223. package/dist/typography/Text/src/Text.js +2 -2
  224. package/dist/typography/Text/src/TextContext.js +1 -1
  225. package/dist/typography/Text/src/index.css +9 -9
  226. package/dist/typography/Text/src/index.js +2 -2
  227. package/dist/utils/src/ClearSlots.js +1 -1
  228. package/dist/utils/src/SlotProvider.js +1 -1
  229. package/dist/utils/src/assertion.js +1 -1
  230. package/dist/utils/src/composeClassnameRenderProps.js +1 -1
  231. package/dist/utils/src/cssModule.js +1 -1
  232. package/dist/utils/src/index.js +1 -1
  233. package/dist/utils/src/isTextOnlyChildren.js +1 -1
  234. package/dist/utils/src/useRenderProps.js +1 -1
  235. package/dist/utils/src/useSlot.js +1 -1
  236. package/package.json +1 -1
  237. package/dist/chunk-BC5A7RHI.js +0 -1260
@@ -1,5 +1,5 @@
1
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___dMC-1 {
2
+ .IconList-module__hop-IconList___to9W2 {
3
3
  --hop-IconList-gap: var(--hop-space-inline-xs);
4
4
  display: flex;
5
5
  flex-wrap: wrap;
@@ -8,7 +8,7 @@
8
8
  }
9
9
 
10
10
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
11
- .Label-module__hop-Label___mLBaa {
11
+ .Label-module__hop-Label___1Q95u {
12
12
  --hop-Label-xs-font-size: var(--hop-body-xs-font-size);
13
13
  --hop-Label-xs-font-family: var(--hop-body-xs-font-family);
14
14
  --hop-Label-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -38,49 +38,49 @@
38
38
  --hop-Label-inherit-size-font-weight: inherit;
39
39
  --hop-Label-inherit-size-line-height: inherit;
40
40
  }
41
- :where(.Label-module__hop-Label___mLBaa) {
41
+ :where(.Label-module__hop-Label___1Q95u) {
42
42
  font-family: var(--font-family);
43
43
  font-size: var(--font-size);
44
44
  font-weight: var(--font-weight);
45
45
  line-height: var(--line-height);
46
46
  }
47
- :where(.Label-module__hop-Label--xs___SooLf) {
47
+ :where(.Label-module__hop-Label--xs___26au1) {
48
48
  --font-size: var(--hop-Label-xs-font-size);
49
49
  --font-family: var(--hop-Label-xs-font-family);
50
50
  --font-weight: var(--hop-Label-xs-font-weight);
51
51
  --line-height: var(--hop-Label-xs-line-height);
52
52
  }
53
- :where(.Label-module__hop-Label--sm___0IFHf) {
53
+ :where(.Label-module__hop-Label--sm___yXnaV) {
54
54
  --font-size: var(--hop-Label-sm-font-size);
55
55
  --font-family: var(--hop-Label-sm-font-family);
56
56
  --font-weight: var(--hop-Label-sm-font-weight);
57
57
  --line-height: var(--hop-Label-sm-line-height);
58
58
  }
59
- :where(.Label-module__hop-Label--md___OwSmD) {
59
+ :where(.Label-module__hop-Label--md___KkrL-) {
60
60
  --font-size: var(--hop-Label-md-font-size);
61
61
  --font-family: var(--hop-Label-md-font-family);
62
62
  --font-weight: var(--hop-Label-md-font-weight);
63
63
  --line-height: var(--hop-Label-md-line-height);
64
64
  }
65
- :where(.Label-module__hop-Label--lg___NtQQ0) {
65
+ :where(.Label-module__hop-Label--lg___t1zeQ) {
66
66
  --font-size: var(--hop-Label-lg-font-size);
67
67
  --font-family: var(--hop-Label-lg-font-family);
68
68
  --font-weight: var(--hop-Label-lg-font-weight);
69
69
  --line-height: var(--hop-Label-lg-line-height);
70
70
  }
71
- :where(.Label-module__hop-Label--xl___-Hdm9) {
71
+ :where(.Label-module__hop-Label--xl___FWD2K) {
72
72
  --font-size: var(--hop-Label-xl-font-size);
73
73
  --font-family: var(--hop-Label-xl-font-family);
74
74
  --font-weight: var(--hop-Label-xl-font-weight);
75
75
  --line-height: var(--hop-Label-xl-line-height);
76
76
  }
77
- :where(.Label-module__hop-Label--2xl___Ulb-V) {
77
+ :where(.Label-module__hop-Label--2xl___nw4yX) {
78
78
  --font-size: var(--hop-Label-2xl-font-size);
79
79
  --font-family: var(--hop-Label-2xl-font-family);
80
80
  --font-weight: var(--hop-Label-2xl-font-weight);
81
81
  --line-height: var(--hop-Label-2xl-line-height);
82
82
  }
83
- :where(.Label-module__hop-Label--inherit___K1Xcp) {
83
+ :where(.Label-module__hop-Label--inherit___1xo-7) {
84
84
  --font-size: var(--hop-Label-inherit-size-font-size);
85
85
  --font-family: var(--hop-Label-inherit-size-font-family);
86
86
  --font-weight: var(--hop-Label-inherit-size-font-weight);
@@ -88,7 +88,7 @@
88
88
  }
89
89
 
90
90
  /* 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___Z5UnU {
91
+ @keyframes Spinner-module__spin___F4J93 {
92
92
  0% {
93
93
  transform: rotate(0deg);
94
94
  }
@@ -96,7 +96,7 @@
96
96
  transform: rotate(360deg);
97
97
  }
98
98
  }
99
- .Spinner-module__hop-Spinner___LbEMh {
99
+ .Spinner-module__hop-Spinner___t2j7Q {
100
100
  --hop-Spinner-border-radius: var(--hop-shape-circle);
101
101
  --hop-Spinner-sm-wheel-size: 1rem;
102
102
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -104,7 +104,7 @@
104
104
  --hop-Spinner-track-width: 0.125rem;
105
105
  --hop-Spinner-track-opacity: 0.2;
106
106
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
107
- --hop-Spinner-fill-animation: Spinner-module__spin___Z5UnU .8s infinite linear;
107
+ --hop-Spinner-fill-animation: Spinner-module__spin___F4J93 .8s infinite linear;
108
108
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
109
109
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
110
110
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -115,19 +115,19 @@
115
115
  align-items: center;
116
116
  box-sizing: border-box;
117
117
  }
118
- .Spinner-module__hop-Spinner--sm___peiQV {
118
+ .Spinner-module__hop-Spinner--sm___0huCq {
119
119
  --width: var(--hop-Spinner-sm-wheel-size);
120
120
  --height: var(--hop-Spinner-sm-wheel-size);
121
121
  }
122
- .Spinner-module__hop-Spinner--md___8fE20 {
122
+ .Spinner-module__hop-Spinner--md___vhdek {
123
123
  --width: var(--hop-Spinner-md-wheel-size);
124
124
  --height: var(--hop-Spinner-md-wheel-size);
125
125
  }
126
- .Spinner-module__hop-Spinner--lg___3UVCZ {
126
+ .Spinner-module__hop-Spinner--lg___fQeir {
127
127
  --width: var(--hop-Spinner-lg-wheel-size);
128
128
  --height: var(--hop-Spinner-lg-wheel-size);
129
129
  }
130
- .Spinner-module__hop-Spinner__track___tZuJb {
130
+ .Spinner-module__hop-Spinner__track___7mFcL {
131
131
  grid-area: spinner;
132
132
  box-sizing: border-box;
133
133
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -136,7 +136,7 @@
136
136
  border: var(--hop-Spinner-track-border);
137
137
  border-radius: var(--hop-Spinner-border-radius);
138
138
  }
139
- .Spinner-module__hop-Spinner__fill___EVNJP {
139
+ .Spinner-module__hop-Spinner__fill___ZyNaP {
140
140
  grid-area: spinner;
141
141
  box-sizing: border-box;
142
142
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -147,17 +147,17 @@
147
147
  animation: var(--hop-Spinner-fill-animation);
148
148
  }
149
149
  @media (prefers-reduced-motion: reduce) {
150
- .Spinner-module__hop-Spinner__fill___EVNJP {
150
+ .Spinner-module__hop-Spinner__fill___ZyNaP {
151
151
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
152
152
  }
153
153
  }
154
- .Spinner-module__hop-Spinner__label___nM4Dw {
154
+ .Spinner-module__hop-Spinner__label___a5K-1 {
155
155
  grid-area: label;
156
156
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
157
157
  }
158
158
 
159
159
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
160
- .Text-module__hop-Text___B7ZPi {
160
+ .Text-module__hop-Text___QAKDh {
161
161
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
162
162
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
163
163
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -187,49 +187,49 @@
187
187
  --hop-Text-inherit-size-font-weight: inherit;
188
188
  --hop-Text-inherit-size-line-height: inherit;
189
189
  }
190
- :where(.Text-module__hop-Text___B7ZPi) {
190
+ :where(.Text-module__hop-Text___QAKDh) {
191
191
  font-family: var(--font-family);
192
192
  font-size: var(--font-size);
193
193
  font-weight: var(--font-weight);
194
194
  line-height: var(--line-height);
195
195
  }
196
- :where(.Text-module__hop-Text--xs___2lyVp) {
196
+ :where(.Text-module__hop-Text--xs___q7OkS) {
197
197
  --font-size: var(--hop-Text-xs-font-size);
198
198
  --font-family: var(--hop-Text-xs-font-family);
199
199
  --font-weight: var(--hop-Text-xs-font-weight);
200
200
  --line-height: var(--hop-Text-xs-line-height);
201
201
  }
202
- :where(.Text-module__hop-Text--sm___ZJw0q) {
202
+ :where(.Text-module__hop-Text--sm___5RyDW) {
203
203
  --font-size: var(--hop-Text-sm-font-size);
204
204
  --font-family: var(--hop-Text-sm-font-family);
205
205
  --font-weight: var(--hop-Text-sm-font-weight);
206
206
  --line-height: var(--hop-Text-sm-line-height);
207
207
  }
208
- :where(.Text-module__hop-Text--md___JVXXA) {
208
+ :where(.Text-module__hop-Text--md___qmqwg) {
209
209
  --font-size: var(--hop-Text-md-font-size);
210
210
  --font-family: var(--hop-Text-md-font-family);
211
211
  --font-weight: var(--hop-Text-md-font-weight);
212
212
  --line-height: var(--hop-Text-md-line-height);
213
213
  }
214
- :where(.Text-module__hop-Text--lg___cL0LO) {
214
+ :where(.Text-module__hop-Text--lg___BZX0m) {
215
215
  --font-size: var(--hop-Text-lg-font-size);
216
216
  --font-family: var(--hop-Text-lg-font-family);
217
217
  --font-weight: var(--hop-Text-lg-font-weight);
218
218
  --line-height: var(--hop-Text-lg-line-height);
219
219
  }
220
- :where(.Text-module__hop-Text--xl___KLn7g) {
220
+ :where(.Text-module__hop-Text--xl___3Zi7y) {
221
221
  --font-size: var(--hop-Text-xl-font-size);
222
222
  --font-family: var(--hop-Text-xl-font-family);
223
223
  --font-weight: var(--hop-Text-xl-font-weight);
224
224
  --line-height: var(--hop-Text-xl-line-height);
225
225
  }
226
- :where(.Text-module__hop-Text--2xl___gb6mt) {
226
+ :where(.Text-module__hop-Text--2xl___RbrDM) {
227
227
  --font-size: var(--hop-Text-2xl-font-size);
228
228
  --font-family: var(--hop-Text-2xl-font-family);
229
229
  --font-weight: var(--hop-Text-2xl-font-weight);
230
230
  --line-height: var(--hop-Text-2xl-line-height);
231
231
  }
232
- :where(.Text-module__hop-Text--inherit___-UFCW) {
232
+ :where(.Text-module__hop-Text--inherit___G5g04) {
233
233
  --font-size: var(--hop-Text-inherit-size-font-size);
234
234
  --font-family: var(--hop-Text-inherit-size-font-family);
235
235
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -237,7 +237,7 @@
237
237
  }
238
238
 
239
239
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
240
- .Button-module__hop-Button___6Jiki {
240
+ .Button-module__hop-Button___UAzFm {
241
241
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
242
242
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
243
243
  --hop-Button-icon-only-padding: 0;
@@ -396,317 +396,317 @@
396
396
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
397
397
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
398
398
  }
399
- .Button-module__hop-Button___6Jiki[data-focus-visible] {
399
+ .Button-module__hop-Button___UAzFm[data-focus-visible] {
400
400
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
401
401
  }
402
- .Button-module__hop-Button--icon-only___y4CMb {
402
+ .Button-module__hop-Button--icon-only___05dkO {
403
403
  --padding-block: var(--hop-Button-icon-only-padding);
404
404
  --padding-inline: var(--hop-Button-icon-only-padding);
405
405
  column-gap: 0;
406
406
  aspect-ratio: 1;
407
407
  }
408
- .Button-module__hop-Button___6Jiki[data-disabled],
409
- .Button-module__hop-Button___6Jiki[data-loading] {
408
+ .Button-module__hop-Button___UAzFm[data-disabled],
409
+ .Button-module__hop-Button___UAzFm[data-loading] {
410
410
  cursor: not-allowed;
411
411
  }
412
- .Button-module__hop-Button--fluid___amZH5 {
412
+ .Button-module__hop-Button--fluid___YVpDX {
413
413
  --inline-size: 100%;
414
414
  }
415
- .Button-module__hop-Button--sm___3GNbY {
415
+ .Button-module__hop-Button--sm___gvwId {
416
416
  --block-size: var(--hop-Button-sm-height);
417
417
  }
418
- .Button-module__hop-Button--primary___7PQ3v.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
418
+ .Button-module__hop-Button--primary___A28Rq.Button-module__hop-Button--sm___gvwId:not(.Button-module__hop-Button--icon-only___05dkO) {
419
419
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
420
420
  --padding-block: var(--hop-Button-primary-sm-padding-y);
421
421
  }
422
- .Button-module__hop-Button--primary___7PQ3v.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
422
+ .Button-module__hop-Button--primary___A28Rq.Button-module__hop-Button--md___M3MyD:not(.Button-module__hop-Button--icon-only___05dkO) {
423
423
  --padding-inline: var(--hop-Button-primary-md-padding-x);
424
424
  --padding-block: var(--hop-Button-primary-md-padding-y);
425
425
  }
426
- .Button-module__hop-Button--secondary___M28Qu.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
426
+ .Button-module__hop-Button--secondary___u0ZGt.Button-module__hop-Button--md___M3MyD:not(.Button-module__hop-Button--icon-only___05dkO) {
427
427
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
428
428
  --padding-block: var(--hop-Button-secondary-md-padding-y);
429
429
  }
430
- .Button-module__hop-Button--secondary___M28Qu.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
430
+ .Button-module__hop-Button--secondary___u0ZGt.Button-module__hop-Button--sm___gvwId:not(.Button-module__hop-Button--icon-only___05dkO) {
431
431
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
432
432
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
433
433
  }
434
- .Button-module__hop-Button--upsell___kpJX6.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
434
+ .Button-module__hop-Button--upsell___arFHv.Button-module__hop-Button--md___M3MyD:not(.Button-module__hop-Button--icon-only___05dkO) {
435
435
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
436
436
  --padding-block: var(--hop-Button-upsell-md-padding-y);
437
437
  }
438
- .Button-module__hop-Button--upsell___kpJX6.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
438
+ .Button-module__hop-Button--upsell___arFHv.Button-module__hop-Button--sm___gvwId:not(.Button-module__hop-Button--icon-only___05dkO) {
439
439
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
440
440
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
441
441
  }
442
- .Button-module__hop-Button--danger___3zlGc.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
442
+ .Button-module__hop-Button--danger___lL8-r.Button-module__hop-Button--md___M3MyD:not(.Button-module__hop-Button--icon-only___05dkO) {
443
443
  --padding-inline: var(--hop-Button-danger-md-padding-x);
444
444
  --padding-block: var(--hop-Button-danger-md-padding-y);
445
445
  }
446
- .Button-module__hop-Button--danger___3zlGc.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
446
+ .Button-module__hop-Button--danger___lL8-r.Button-module__hop-Button--sm___gvwId:not(.Button-module__hop-Button--icon-only___05dkO) {
447
447
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
448
448
  --padding-block: var(--hop-Button-danger-sm-padding-y);
449
449
  }
450
- .Button-module__hop-Button--ghost-danger___Lm-JJ.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
450
+ .Button-module__hop-Button--ghost-danger___X4kNh.Button-module__hop-Button--md___M3MyD:not(.Button-module__hop-Button--icon-only___05dkO) {
451
451
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
452
452
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
453
453
  }
454
- .Button-module__hop-Button--ghost-danger___Lm-JJ.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
454
+ .Button-module__hop-Button--ghost-danger___X4kNh.Button-module__hop-Button--sm___gvwId:not(.Button-module__hop-Button--icon-only___05dkO) {
455
455
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
456
456
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
457
457
  }
458
- .Button-module__hop-Button--ghost-secondary___5s8pM.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
458
+ .Button-module__hop-Button--ghost-secondary___aN7yP.Button-module__hop-Button--md___M3MyD:not(.Button-module__hop-Button--icon-only___05dkO) {
459
459
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
460
460
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
461
461
  }
462
- .Button-module__hop-Button--ghost-secondary___5s8pM.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
462
+ .Button-module__hop-Button--ghost-secondary___aN7yP.Button-module__hop-Button--sm___gvwId:not(.Button-module__hop-Button--icon-only___05dkO) {
463
463
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
464
464
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
465
465
  }
466
- .Button-module__hop-Button--ghost-primary___exZqP.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
466
+ .Button-module__hop-Button--ghost-primary___vBKjd.Button-module__hop-Button--md___M3MyD:not(.Button-module__hop-Button--icon-only___05dkO) {
467
467
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
468
468
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
469
469
  }
470
- .Button-module__hop-Button--ghost-primary___exZqP.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
470
+ .Button-module__hop-Button--ghost-primary___vBKjd.Button-module__hop-Button--sm___gvwId:not(.Button-module__hop-Button--icon-only___05dkO) {
471
471
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
472
472
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
473
473
  }
474
- .Button-module__hop-Button--primary___7PQ3v {
474
+ .Button-module__hop-Button--primary___A28Rq {
475
475
  --background-color: var(--hop-Button-primary-background-color);
476
476
  --color: var(--hop-Button-primary-color);
477
477
  --border: var(--hop-Button-primary-border);
478
478
  --spinner-color: var(--hop-Button-primary-spinner-color);
479
479
  }
480
- .Button-module__hop-Button--primary___7PQ3v[data-disabled]:not([data-loading]) {
480
+ .Button-module__hop-Button--primary___A28Rq[data-disabled]:not([data-loading]) {
481
481
  --background-color: var(--hop-Button-primary-background-color-disabled);
482
482
  --color: var(--hop-Button-primary-color-disabled);
483
483
  --border: var(--hop-Button-primary-border-disabled);
484
484
  }
485
- .Button-module__hop-Button--primary___7PQ3v[data-hovered]:not([data-disabled], [data-loading]),
486
- .Button-module__hop-Button--primary___7PQ3v[data-focus-visible]:not([data-disabled], [data-loading]) {
485
+ .Button-module__hop-Button--primary___A28Rq[data-hovered]:not([data-disabled], [data-loading]),
486
+ .Button-module__hop-Button--primary___A28Rq[data-focus-visible]:not([data-disabled], [data-loading]) {
487
487
  --background-color: var(--hop-Button-primary-background-color-hover);
488
488
  --color: var(--hop-Button-primary-color-hover);
489
489
  --border: var(--hop-Button-primary-border-hover);
490
490
  }
491
- .Button-module__hop-Button--primary___7PQ3v[data-pressed]:not([data-loading]) {
491
+ .Button-module__hop-Button--primary___A28Rq[data-pressed]:not([data-loading]) {
492
492
  --background-color: var(--hop-Button-primary-background-color-pressed);
493
493
  --color: var(--hop-Button-primary-color-pressed);
494
494
  --border: var(--hop-Button-primary-border-pressed);
495
495
  }
496
- .Button-module__hop-Button--secondary___M28Qu {
496
+ .Button-module__hop-Button--secondary___u0ZGt {
497
497
  --background-color: var(--hop-Button-secondary-background-color);
498
498
  --color: var(--hop-Button-secondary-color);
499
499
  --border: var(--hop-Button-secondary-border);
500
500
  --spinner-color: var(--hop-Button-secondary-spinner-color);
501
501
  }
502
- .Button-module__hop-Button--secondary___M28Qu[data-disabled]:not([data-loading]) {
502
+ .Button-module__hop-Button--secondary___u0ZGt[data-disabled]:not([data-loading]) {
503
503
  --background-color: var(--hop-Button-secondary-background-color-disabled);
504
504
  --color: var(--hop-Button-secondary-color-disabled);
505
505
  --border: var(--hop-Button-secondary-border-disabled);
506
506
  }
507
- .Button-module__hop-Button--secondary___M28Qu[data-hovered]:not([data-disabled], [data-loading]),
508
- .Button-module__hop-Button--secondary___M28Qu[data-focus-visible]:not([data-disabled], [data-loading]) {
507
+ .Button-module__hop-Button--secondary___u0ZGt[data-hovered]:not([data-disabled], [data-loading]),
508
+ .Button-module__hop-Button--secondary___u0ZGt[data-focus-visible]:not([data-disabled], [data-loading]) {
509
509
  --background-color: var(--hop-Button-secondary-background-color-hover);
510
510
  --color: var(--hop-Button-secondary-color-hover);
511
511
  --border: var(--hop-Button-secondary-border-hover);
512
512
  }
513
- .Button-module__hop-Button--secondary___M28Qu[data-pressed]:not([data-loading]) {
513
+ .Button-module__hop-Button--secondary___u0ZGt[data-pressed]:not([data-loading]) {
514
514
  --background-color: var(--hop-Button-secondary-background-color-pressed);
515
515
  --color: var(--hop-Button-secondary-color-pressed);
516
516
  --border: var(--hop-Button-secondary-border-pressed);
517
517
  }
518
- .Button-module__hop-Button--upsell___kpJX6 {
518
+ .Button-module__hop-Button--upsell___arFHv {
519
519
  --background-color: var(--hop-Button-upsell-background-color);
520
520
  --color: var(--hop-Button-upsell-color);
521
521
  --border: var(--hop-Button-upsell-border);
522
522
  --spinner-color: var(--hop-Button-upsell-spinner-color);
523
523
  }
524
- .Button-module__hop-Button--upsell___kpJX6[data-disabled]:not([data-loading]) {
524
+ .Button-module__hop-Button--upsell___arFHv[data-disabled]:not([data-loading]) {
525
525
  --background-color: var(--hop-Button-upsell-background-color-disabled);
526
526
  --color: var(--hop-Button-upsell-color-disabled);
527
527
  --border: var(--hop-Button-upsell-border-disabled);
528
528
  }
529
- .Button-module__hop-Button--upsell___kpJX6[data-hovered]:not([data-disabled], [data-loading]),
530
- .Button-module__hop-Button--upsell___kpJX6[data-focus-visible]:not([data-disabled], [data-loading]) {
529
+ .Button-module__hop-Button--upsell___arFHv[data-hovered]:not([data-disabled], [data-loading]),
530
+ .Button-module__hop-Button--upsell___arFHv[data-focus-visible]:not([data-disabled], [data-loading]) {
531
531
  --background-color: var(--hop-Button-upsell-background-color-hover);
532
532
  --color: var(--hop-Button-upsell-color-hover);
533
533
  --border: var(--hop-Button-upsell-border-hover);
534
534
  }
535
- .Button-module__hop-Button--upsell___kpJX6[data-pressed]:not([data-loading]) {
535
+ .Button-module__hop-Button--upsell___arFHv[data-pressed]:not([data-loading]) {
536
536
  --background-color: var(--hop-Button-upsell-background-color-pressed);
537
537
  --color: var(--hop-Button-upsell-color-pressed);
538
538
  --border: var(--hop-Button-upsell-border-pressed);
539
539
  }
540
- .Button-module__hop-Button--danger___3zlGc {
540
+ .Button-module__hop-Button--danger___lL8-r {
541
541
  --background-color: var(--hop-Button-danger-background-color);
542
542
  --color: var(--hop-Button-danger-color);
543
543
  --border: var(--hop-Button-danger-border);
544
544
  --spinner-color: var(--hop-Button-danger-spinner-color);
545
545
  }
546
- .Button-module__hop-Button--danger___3zlGc[data-disabled]:not([data-loading]) {
546
+ .Button-module__hop-Button--danger___lL8-r[data-disabled]:not([data-loading]) {
547
547
  --background-color: var(--hop-Button-danger-background-color-disabled);
548
548
  --color: var(--hop-Button-danger-color-disabled);
549
549
  --border: var(--hop-Button-danger-border-disabled);
550
550
  }
551
- .Button-module__hop-Button--danger___3zlGc[data-hovered]:not([data-disabled], [data-loading]),
552
- .Button-module__hop-Button--danger___3zlGc[data-focus-visible]:not([data-disabled], [data-loading]) {
551
+ .Button-module__hop-Button--danger___lL8-r[data-hovered]:not([data-disabled], [data-loading]),
552
+ .Button-module__hop-Button--danger___lL8-r[data-focus-visible]:not([data-disabled], [data-loading]) {
553
553
  --background-color: var(--hop-Button-danger-background-color-hover);
554
554
  --color: var(--hop-Button-danger-color-hover);
555
555
  --border: var(--hop-Button-danger-border-hover);
556
556
  }
557
- .Button-module__hop-Button--danger___3zlGc[data-pressed]:not([data-loading]) {
557
+ .Button-module__hop-Button--danger___lL8-r[data-pressed]:not([data-loading]) {
558
558
  --background-color: var(--hop-Button-danger-background-color-pressed);
559
559
  --color: var(--hop-Button-danger-color-pressed);
560
560
  --border: var(--hop-Button-danger-border-pressed);
561
561
  }
562
- .Button-module__hop-Button--ghost-primary___exZqP {
562
+ .Button-module__hop-Button--ghost-primary___vBKjd {
563
563
  --background-color: var(--hop-Button-ghost-primary-background-color);
564
564
  --color: var(--hop-Button-ghost-primary-color);
565
565
  --border: var(--hop-Button-ghost-primary-border);
566
566
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
567
567
  }
568
- .Button-module__hop-Button--ghost-primary___exZqP[data-disabled]:not([data-loading]) {
568
+ .Button-module__hop-Button--ghost-primary___vBKjd[data-disabled]:not([data-loading]) {
569
569
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
570
570
  --color: var(--hop-Button-ghost-primary-color-disabled);
571
571
  --border: var(--hop-Button-ghost-primary-border-disabled);
572
572
  }
573
- .Button-module__hop-Button--ghost-primary___exZqP[data-hovered]:not([data-disabled], [data-loading]),
574
- .Button-module__hop-Button--ghost-primary___exZqP[data-focus-visible]:not([data-disabled], [data-loading]) {
573
+ .Button-module__hop-Button--ghost-primary___vBKjd[data-hovered]:not([data-disabled], [data-loading]),
574
+ .Button-module__hop-Button--ghost-primary___vBKjd[data-focus-visible]:not([data-disabled], [data-loading]) {
575
575
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
576
576
  --color: var(--hop-Button-ghost-primary-color-hover);
577
577
  --border: var(--hop-Button-ghost-primary-border-hover);
578
578
  }
579
- .Button-module__hop-Button--ghost-primary___exZqP[data-pressed]:not([data-loading]) {
579
+ .Button-module__hop-Button--ghost-primary___vBKjd[data-pressed]:not([data-loading]) {
580
580
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
581
581
  --color: var(--hop-Button-ghost-primary-color-pressed);
582
582
  --border: var(--hop-Button-ghost-primary-border-pressed);
583
583
  }
584
- .Button-module__hop-Button--ghost-secondary___5s8pM {
584
+ .Button-module__hop-Button--ghost-secondary___aN7yP {
585
585
  --background-color: var(--hop-Button-ghost-secondary-background-color);
586
586
  --color: var(--hop-Button-ghost-secondary-color);
587
587
  --border: var(--hop-Button-ghost-secondary-border);
588
588
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
589
589
  }
590
- .Button-module__hop-Button--ghost-secondary___5s8pM[data-disabled]:not([data-loading]) {
590
+ .Button-module__hop-Button--ghost-secondary___aN7yP[data-disabled]:not([data-loading]) {
591
591
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
592
592
  --color: var(--hop-Button-ghost-secondary-color-disabled);
593
593
  --border: var(--hop-Button-ghost-secondary-border-disabled);
594
594
  }
595
- .Button-module__hop-Button--ghost-secondary___5s8pM[data-hovered]:not([data-disabled], [data-loading]),
596
- .Button-module__hop-Button--ghost-secondary___5s8pM[data-focus-visible]:not([data-disabled], [data-loading]) {
595
+ .Button-module__hop-Button--ghost-secondary___aN7yP[data-hovered]:not([data-disabled], [data-loading]),
596
+ .Button-module__hop-Button--ghost-secondary___aN7yP[data-focus-visible]:not([data-disabled], [data-loading]) {
597
597
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
598
598
  --color: var(--hop-Button-ghost-secondary-color-hover);
599
599
  --border: var(--hop-Button-ghost-secondary-border-hover);
600
600
  }
601
- .Button-module__hop-Button--ghost-secondary___5s8pM[data-pressed]:not([data-loading]) {
601
+ .Button-module__hop-Button--ghost-secondary___aN7yP[data-pressed]:not([data-loading]) {
602
602
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
603
603
  --color: var(--hop-Button-ghost-secondary-color-pressed);
604
604
  --border: var(--hop-Button-ghost-secondary-border-pressed);
605
605
  }
606
- .Button-module__hop-Button--ghost-danger___Lm-JJ {
606
+ .Button-module__hop-Button--ghost-danger___X4kNh {
607
607
  --background-color: var(--hop-Button-ghost-danger-background-color);
608
608
  --color: var(--hop-Button-ghost-danger-color);
609
609
  --border: var(--hop-Button-ghost-danger-border);
610
610
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
611
611
  }
612
- .Button-module__hop-Button--ghost-danger___Lm-JJ[data-disabled]:not([data-loading]) {
612
+ .Button-module__hop-Button--ghost-danger___X4kNh[data-disabled]:not([data-loading]) {
613
613
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
614
614
  --color: var(--hop-Button-ghost-danger-color-disabled);
615
615
  --border: var(--hop-Button-ghost-danger-border-disabled);
616
616
  }
617
- .Button-module__hop-Button--ghost-danger___Lm-JJ[data-hovered]:not([data-disabled], [data-loading]),
618
- .Button-module__hop-Button--ghost-danger___Lm-JJ[data-focus-visible]:not([data-disabled], [data-loading]) {
617
+ .Button-module__hop-Button--ghost-danger___X4kNh[data-hovered]:not([data-disabled], [data-loading]),
618
+ .Button-module__hop-Button--ghost-danger___X4kNh[data-focus-visible]:not([data-disabled], [data-loading]) {
619
619
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
620
620
  --color: var(--hop-Button-ghost-danger-color-hover);
621
621
  --border: var(--hop-Button-ghost-danger-border-hover);
622
622
  }
623
- .Button-module__hop-Button--ghost-danger___Lm-JJ[data-pressed]:not([data-loading]) {
623
+ .Button-module__hop-Button--ghost-danger___X4kNh[data-pressed]:not([data-loading]) {
624
624
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
625
625
  --color: var(--hop-Button-ghost-danger-color-pressed);
626
626
  --border: var(--hop-Button-ghost-danger-border-pressed);
627
627
  }
628
- .Button-module__hop-Button__Spinner___4F-DD {
628
+ .Button-module__hop-Button__Spinner___kL-1- {
629
629
  position: absolute;
630
630
  justify-self: center;
631
631
  color: var(--spinner-color);
632
632
  }
633
- .Button-module__hop-Button__icon___2A2PD,
634
- .Button-module__hop-Button__icon-list___Zttas {
633
+ .Button-module__hop-Button__icon___iMiLP,
634
+ .Button-module__hop-Button__icon-list___zInte {
635
635
  grid-area: start-icon;
636
636
  justify-self: end;
637
637
  }
638
- .Button-module__hop-Button__text___Wa9pk {
638
+ .Button-module__hop-Button__text___OyaRf {
639
639
  user-select: none;
640
640
  overflow: visible;
641
641
  grid-area: content;
642
642
  font-weight: var(--hop-font-weight-505);
643
643
  text-wrap: nowrap;
644
644
  }
645
- .Button-module__hop-Button--ghost-primary___exZqP[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___Wa9pk,
646
- .Button-module__hop-Button--ghost-secondary___5s8pM[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___Wa9pk,
647
- .Button-module__hop-Button--ghost-danger___Lm-JJ[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___Wa9pk,
648
- .Button-module__hop-Button--ghost-primary___exZqP[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___Wa9pk,
649
- .Button-module__hop-Button--ghost-secondary___5s8pM[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___Wa9pk,
650
- .Button-module__hop-Button--ghost-danger___Lm-JJ[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___Wa9pk,
651
- .Button-module__hop-Button--ghost-primary___exZqP[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___Wa9pk,
652
- .Button-module__hop-Button--ghost-secondary___5s8pM[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___Wa9pk,
653
- .Button-module__hop-Button--ghost-danger___Lm-JJ[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___Wa9pk {
645
+ .Button-module__hop-Button--ghost-primary___vBKjd[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___OyaRf,
646
+ .Button-module__hop-Button--ghost-secondary___aN7yP[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___OyaRf,
647
+ .Button-module__hop-Button--ghost-danger___X4kNh[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___OyaRf,
648
+ .Button-module__hop-Button--ghost-primary___vBKjd[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___OyaRf,
649
+ .Button-module__hop-Button--ghost-secondary___aN7yP[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___OyaRf,
650
+ .Button-module__hop-Button--ghost-danger___X4kNh[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___OyaRf,
651
+ .Button-module__hop-Button--ghost-primary___vBKjd[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___OyaRf,
652
+ .Button-module__hop-Button--ghost-secondary___aN7yP[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___OyaRf,
653
+ .Button-module__hop-Button--ghost-danger___X4kNh[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___OyaRf {
654
654
  text-decoration: underline;
655
655
  text-underline-offset: 0.125rem;
656
656
  }
657
- .Button-module__hop-Button__end-icon___471ZI,
658
- .Button-module__hop-Button__end-icon-list___WAbW6 {
657
+ .Button-module__hop-Button__end-icon___noDbN,
658
+ .Button-module__hop-Button__end-icon-list___mFNXl {
659
659
  grid-area: end-icon;
660
660
  }
661
- .Button-module__hop-Button___6Jiki .Button-module__hop-Button__icon-list___Zttas,
662
- .Button-module__hop-Button___6Jiki .Button-module__hop-Button__end-icon-list___WAbW6 {
661
+ .Button-module__hop-Button___UAzFm .Button-module__hop-Button__icon-list___zInte,
662
+ .Button-module__hop-Button___UAzFm .Button-module__hop-Button__end-icon-list___mFNXl {
663
663
  flex-wrap: nowrap;
664
664
  }
665
- .Button-module__hop-Button___6Jiki[data-loading] > *:not(.Button-module__hop-Button__Spinner___4F-DD) {
665
+ .Button-module__hop-Button___UAzFm[data-loading] > *:not(.Button-module__hop-Button__Spinner___kL-1-) {
666
666
  opacity: 0;
667
667
  }
668
668
 
669
669
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
670
- .ButtonGroup-module__hop-ButtonGroup___WMOza {
670
+ .ButtonGroup-module__hop-ButtonGroup___Puvx- {
671
671
  display: inline-flex;
672
672
  flex-wrap: nowrap;
673
673
  gap: var(--hop-space-inline-md);
674
674
  }
675
- .ButtonGroup-module__hop-ButtonGroup--horizontal___Ifbuz {
675
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___69pSm {
676
676
  justify-content: center;
677
677
  }
678
- .ButtonGroup-module__hop-ButtonGroup--vertical___FV4jP {
678
+ .ButtonGroup-module__hop-ButtonGroup--vertical___pbI9w {
679
679
  flex-direction: column;
680
680
  gap: var(--hop-space-stack-md);
681
681
  align-items: center;
682
682
  }
683
- .ButtonGroup-module__hop-ButtonGroup--start___SCa6l.ButtonGroup-module__hop-ButtonGroup--vertical___FV4jP {
683
+ .ButtonGroup-module__hop-ButtonGroup--start___kjLfN.ButtonGroup-module__hop-ButtonGroup--vertical___pbI9w {
684
684
  align-items: flex-start;
685
685
  }
686
- .ButtonGroup-module__hop-ButtonGroup--center___09ey-.ButtonGroup-module__hop-ButtonGroup--vertical___FV4jP {
686
+ .ButtonGroup-module__hop-ButtonGroup--center___-WZys.ButtonGroup-module__hop-ButtonGroup--vertical___pbI9w {
687
687
  align-items: center;
688
688
  }
689
- .ButtonGroup-module__hop-ButtonGroup--end___SudBa.ButtonGroup-module__hop-ButtonGroup--vertical___FV4jP {
689
+ .ButtonGroup-module__hop-ButtonGroup--end___NaHco.ButtonGroup-module__hop-ButtonGroup--vertical___pbI9w {
690
690
  align-items: flex-end;
691
691
  }
692
- .ButtonGroup-module__hop-ButtonGroup--start___SCa6l.ButtonGroup-module__hop-ButtonGroup--horizontal___Ifbuz {
692
+ .ButtonGroup-module__hop-ButtonGroup--start___kjLfN.ButtonGroup-module__hop-ButtonGroup--horizontal___69pSm {
693
693
  justify-content: flex-start;
694
694
  }
695
- .ButtonGroup-module__hop-ButtonGroup--center___09ey-.ButtonGroup-module__hop-ButtonGroup--horizontal___Ifbuz {
695
+ .ButtonGroup-module__hop-ButtonGroup--center___-WZys.ButtonGroup-module__hop-ButtonGroup--horizontal___69pSm {
696
696
  justify-content: center;
697
697
  }
698
- .ButtonGroup-module__hop-ButtonGroup--end___SudBa.ButtonGroup-module__hop-ButtonGroup--horizontal___Ifbuz {
698
+ .ButtonGroup-module__hop-ButtonGroup--end___NaHco.ButtonGroup-module__hop-ButtonGroup--horizontal___69pSm {
699
699
  justify-content: flex-end;
700
700
  }
701
- .ButtonGroup-module__hop-ButtonGroup--wrap___O3fzZ {
701
+ .ButtonGroup-module__hop-ButtonGroup--wrap___XuRNe {
702
702
  flex-wrap: wrap;
703
703
  }
704
- .ButtonGroup-module__hop-ButtonGroup--fluid___70I5p {
704
+ .ButtonGroup-module__hop-ButtonGroup--fluid___lKp5V {
705
705
  inline-size: 100%;
706
706
  }
707
707
 
708
708
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
709
- .EmbeddedButton-module__hop-EmbeddedButton___-vxw3 {
709
+ .EmbeddedButton-module__hop-EmbeddedButton___15Hny {
710
710
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
711
711
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
712
712
  --hop-EmbeddedButton-color: var(--hop-neutral-icon-weak);
@@ -755,7 +755,7 @@
755
755
  outline: none;
756
756
  transition: color var(--transition);
757
757
  }
758
- .EmbeddedButton-module__hop-EmbeddedButton___-vxw3::before {
758
+ .EmbeddedButton-module__hop-EmbeddedButton___15Hny::before {
759
759
  content: "";
760
760
  position: absolute;
761
761
  inset-block-start: 50%;
@@ -768,42 +768,42 @@
768
768
  border-radius: var(--effect-border-radius);
769
769
  transition: background-color var(--transition);
770
770
  }
771
- .EmbeddedButton-module__hop-EmbeddedButton--md___-R-Cb {
771
+ .EmbeddedButton-module__hop-EmbeddedButton--md___wjXPk {
772
772
  --inline-size: var(--hop-EmbeddedButton-md-width);
773
773
  --block-size: var(--hop-EmbeddedButton-md-height);
774
774
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
775
775
  }
776
- .EmbeddedButton-module__hop-EmbeddedButton--lg___RoLAu {
776
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___-W1aK {
777
777
  --inline-size: var(--hop-EmbeddedButton-lg-width);
778
778
  --block-size: var(--hop-EmbeddedButton-lg-height);
779
779
  --focus-ring-offset: 0;
780
780
  }
781
- .EmbeddedButton-module__hop-EmbeddedButton--md___-R-Cb::before {
781
+ .EmbeddedButton-module__hop-EmbeddedButton--md___wjXPk::before {
782
782
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
783
783
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
784
784
  }
785
- .EmbeddedButton-module__hop-EmbeddedButton--lg___RoLAu::before {
785
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___-W1aK::before {
786
786
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
787
787
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
788
788
  }
789
- .EmbeddedButton-module__hop-EmbeddedButton___-vxw3[data-focus-visible] {
789
+ .EmbeddedButton-module__hop-EmbeddedButton___15Hny[data-focus-visible] {
790
790
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
791
791
  outline-offset: var(--focus-ring-offset);
792
792
  }
793
- .EmbeddedButton-module__hop-EmbeddedButton___-vxw3[data-disabled] {
793
+ .EmbeddedButton-module__hop-EmbeddedButton___15Hny[data-disabled] {
794
794
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-disabled);
795
795
  --color: var(--hop-EmbeddedButton-color-disabled);
796
796
  cursor: not-allowed;
797
797
  }
798
- .EmbeddedButton-module__hop-EmbeddedButton___-vxw3[data-hovered]:not([data-disabled], [data-pressed]),
799
- .EmbeddedButton-module__hop-EmbeddedButton___-vxw3[data-focus-visible]:not([data-disabled], [data-pressed]) {
798
+ .EmbeddedButton-module__hop-EmbeddedButton___15Hny[data-hovered]:not([data-disabled], [data-pressed]),
799
+ .EmbeddedButton-module__hop-EmbeddedButton___15Hny[data-focus-visible]:not([data-disabled], [data-pressed]) {
800
800
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-hover);
801
801
  --color: var(--hop-EmbeddedButton-color-hover);
802
802
  }
803
- .EmbeddedButton-module__hop-EmbeddedButton___-vxw3[data-pressed]:not([data-disabled]) {
803
+ .EmbeddedButton-module__hop-EmbeddedButton___15Hny[data-pressed]:not([data-disabled]) {
804
804
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-pressed);
805
805
  --color: var(--hop-EmbeddedButton-color-pressed);
806
806
  }
807
- .EmbeddedButton-module__hop-EmbeddedButton__icon___JHGDE {
807
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___pSB2G {
808
808
  position: relative;
809
809
  }