@hopper-ui/components 1.0.4 → 1.0.6

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 (262) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/README.md +3 -0
  3. package/dist/Avatar/src/AnonymousAvatar.css +69 -0
  4. package/dist/Avatar/src/AnonymousAvatar.d.ts +29 -0
  5. package/dist/Avatar/src/AnonymousAvatar.js +7 -0
  6. package/dist/Avatar/src/Avatar.css +265 -0
  7. package/dist/Avatar/src/Avatar.d.ts +60 -0
  8. package/dist/Avatar/src/Avatar.js +11 -0
  9. package/dist/Avatar/src/AvatarContext.d.ts +12 -0
  10. package/dist/Avatar/src/AvatarContext.js +2 -0
  11. package/dist/Avatar/src/DeletedAvatar.css +69 -0
  12. package/dist/Avatar/src/DeletedAvatar.d.ts +29 -0
  13. package/dist/Avatar/src/DeletedAvatar.js +7 -0
  14. package/dist/Avatar/src/RichIconAvatarImage.css +69 -0
  15. package/dist/Avatar/src/RichIconAvatarImage.d.ts +32 -0
  16. package/dist/Avatar/src/RichIconAvatarImage.js +5 -0
  17. package/dist/Avatar/src/RichIconAvatarImageContext.d.ts +14 -0
  18. package/dist/Avatar/src/RichIconAvatarImageContext.js +2 -0
  19. package/dist/Avatar/src/index.css +265 -0
  20. package/dist/Avatar/src/index.d.ts +14 -0
  21. package/dist/Avatar/src/index.js +13 -0
  22. package/dist/Avatar/src/useImageFallback.d.ts +34 -0
  23. package/dist/Avatar/src/useImageFallback.js +2 -0
  24. package/dist/{badge → Badge}/src/Badge.css +11 -11
  25. package/dist/{badge → Badge}/src/Badge.d.ts +1 -1
  26. package/dist/{badge → Badge}/src/Badge.js +4 -3
  27. package/dist/Badge/src/BadgeContext.js +2 -0
  28. package/dist/{badge → Badge}/src/index.css +11 -11
  29. package/dist/{badge → Badge}/src/index.js +4 -3
  30. package/dist/{chip → Chip}/src/Chip.css +34 -34
  31. package/dist/{chip → Chip}/src/Chip.js +6 -6
  32. package/dist/Chip/src/ChipContext.js +2 -0
  33. package/dist/{chip → Chip}/src/index.css +34 -34
  34. package/dist/{chip → Chip}/src/index.js +6 -6
  35. package/dist/Divider/src/Divider.css +32 -0
  36. package/dist/Divider/src/Divider.d.ts +15 -0
  37. package/dist/Divider/src/Divider.js +4 -0
  38. package/dist/Divider/src/DividerContext.d.ts +8 -0
  39. package/dist/Divider/src/DividerContext.js +2 -0
  40. package/dist/Divider/src/index.css +32 -0
  41. package/dist/Divider/src/index.d.ts +5 -0
  42. package/dist/Divider/src/index.js +4 -0
  43. package/dist/{errorMessage → ErrorMessage}/src/ErrorMessage.css +12 -12
  44. package/dist/{errorMessage → ErrorMessage}/src/ErrorMessage.js +5 -5
  45. package/dist/ErrorMessage/src/ErrorMessageContext.js +2 -0
  46. package/dist/{errorMessage → ErrorMessage}/src/index.css +12 -12
  47. package/dist/{errorMessage → ErrorMessage}/src/index.js +5 -5
  48. package/dist/Header/src/Header.d.ts +17 -0
  49. package/dist/Header/src/Header.js +3 -0
  50. package/dist/Header/src/HeaderContext.d.ts +10 -0
  51. package/dist/Header/src/HeaderContext.js +2 -0
  52. package/dist/Header/src/index.d.ts +7 -0
  53. package/dist/Header/src/index.js +3 -0
  54. package/dist/{helperMessage → HelperMessage}/src/HelperMessage.css +12 -12
  55. package/dist/{helperMessage → HelperMessage}/src/HelperMessage.js +5 -5
  56. package/dist/HelperMessage/src/HelperMessageContext.js +2 -0
  57. package/dist/{helperMessage → HelperMessage}/src/index.css +12 -12
  58. package/dist/{helperMessage → HelperMessage}/src/index.js +5 -5
  59. package/dist/HopperProvider/src/HopperProvider.d.ts +1 -1
  60. package/dist/HopperProvider/src/HopperProvider.js +1 -1
  61. package/dist/HopperProvider/src/index.js +1 -1
  62. package/dist/IconList/src/IconList.css +1 -1
  63. package/dist/IconList/src/IconList.js +2 -2
  64. package/dist/IconList/src/index.css +1 -1
  65. package/dist/IconList/src/index.js +2 -2
  66. package/dist/Link/src/Link.css +31 -31
  67. package/dist/Link/src/Link.js +7 -7
  68. package/dist/Link/src/index.css +31 -31
  69. package/dist/Link/src/index.js +7 -7
  70. package/dist/ListBox/src/ListBox.css +1434 -0
  71. package/dist/ListBox/src/ListBox.d.ts +48 -0
  72. package/dist/ListBox/src/ListBox.js +34 -0
  73. package/dist/ListBox/src/ListBoxContext.d.ts +10 -0
  74. package/dist/ListBox/src/ListBoxContext.js +2 -0
  75. package/dist/ListBox/src/ListBoxItem.css +1297 -0
  76. package/dist/ListBox/src/ListBoxItem.d.ts +39 -0
  77. package/dist/ListBox/src/ListBoxItem.js +27 -0
  78. package/dist/ListBox/src/ListBoxItemContext.d.ts +9 -0
  79. package/dist/ListBox/src/ListBoxItemContext.js +2 -0
  80. package/dist/ListBox/src/ListBoxItemSkeleton.css +56 -0
  81. package/dist/ListBox/src/ListBoxItemSkeleton.d.ts +23 -0
  82. package/dist/ListBox/src/ListBoxItemSkeleton.js +4 -0
  83. package/dist/ListBox/src/ListBoxItemSkeletonContext.d.ts +10 -0
  84. package/dist/ListBox/src/ListBoxItemSkeletonContext.js +2 -0
  85. package/dist/ListBox/src/index.css +1434 -0
  86. package/dist/ListBox/src/index.d.ts +8 -0
  87. package/dist/ListBox/src/index.js +34 -0
  88. package/dist/ListBox/src/useLoadOnScroll.d.ts +16 -0
  89. package/dist/ListBox/src/useLoadOnScroll.js +2 -0
  90. package/dist/Section/src/Section.d.ts +19 -0
  91. package/dist/Section/src/Section.js +3 -0
  92. package/dist/Section/src/SectionContext.d.ts +9 -0
  93. package/dist/Section/src/SectionContext.js +2 -0
  94. package/dist/Section/src/index.d.ts +6 -0
  95. package/dist/Section/src/index.js +3 -0
  96. package/dist/Spinner/src/Spinner.css +19 -19
  97. package/dist/Spinner/src/Spinner.js +3 -3
  98. package/dist/Spinner/src/index.css +19 -19
  99. package/dist/Spinner/src/index.js +3 -3
  100. package/dist/buttons/src/Button.css +103 -103
  101. package/dist/buttons/src/Button.d.ts +2 -2
  102. package/dist/buttons/src/Button.js +12 -12
  103. package/dist/buttons/src/ButtonGroup.css +11 -11
  104. package/dist/buttons/src/ButtonGroup.js +3 -3
  105. package/dist/buttons/src/ClearButton.css +12 -12
  106. package/dist/buttons/src/ClearButton.js +4 -4
  107. package/dist/buttons/src/EmbeddedButton.css +12 -12
  108. package/dist/buttons/src/EmbeddedButton.js +2 -2
  109. package/dist/buttons/src/index.css +126 -126
  110. package/dist/buttons/src/index.js +16 -16
  111. package/dist/checkbox/src/Checkbox.css +81 -96
  112. package/dist/checkbox/src/Checkbox.d.ts +3 -1
  113. package/dist/checkbox/src/Checkbox.js +6 -6
  114. package/dist/checkbox/src/CheckboxContext.d.ts +2 -0
  115. package/dist/checkbox/src/CheckboxField.css +15 -15
  116. package/dist/checkbox/src/CheckboxField.js +2 -2
  117. package/dist/checkbox/src/CheckboxGroup.css +118 -133
  118. package/dist/checkbox/src/CheckboxGroup.js +4 -4
  119. package/dist/checkbox/src/index.css +118 -133
  120. package/dist/checkbox/src/index.js +10 -10
  121. package/dist/{chunk-BGESEKEN.js → chunk-2XUHTPCX.js} +13 -7
  122. package/dist/{chunk-FGDSWA7S.js → chunk-37NW34QM.js} +5 -5
  123. package/dist/{chunk-F7HR3VI4.js → chunk-3A6TTZAA.js} +2 -2
  124. package/dist/{chunk-LSVXKVG4.js → chunk-3LH2JHUO.js} +4 -4
  125. package/dist/{chunk-ZAJJD5FY.js → chunk-4JAV3FIH.js} +6 -6
  126. package/dist/chunk-4TXFHYHL.js +52 -0
  127. package/dist/{chunk-OMBQ3J4O.js → chunk-53FHDOG7.js} +13 -7
  128. package/dist/chunk-5H5AZJPQ.js +7 -0
  129. package/dist/{chunk-WTKIUAHI.js → chunk-632B5YBQ.js} +1 -1
  130. package/dist/{chunk-XSASR6CK.js → chunk-6QMIRVLY.js} +2 -2
  131. package/dist/chunk-7JOGKC3W.js +7 -0
  132. package/dist/chunk-AES7QBQE.js +7 -0
  133. package/dist/chunk-BC5A7RHI.js +1260 -0
  134. package/dist/{chunk-HDYG2F3D.js → chunk-BKC74M6Y.js} +3 -3
  135. package/dist/{chunk-ZSFJVMJN.js → chunk-CQDLZ42T.js} +1 -1
  136. package/dist/chunk-E4ALW4MZ.js +250 -0
  137. package/dist/chunk-E4WFKXW4.js +161 -0
  138. package/dist/{chunk-PEPKE5SW.js → chunk-F2URSFJA.js} +5 -5
  139. package/dist/{chunk-ACVMW6YD.js → chunk-FAE27DLF.js} +1 -1
  140. package/dist/chunk-FYIHMKHI.js +7 -0
  141. package/dist/{chunk-Y7XWWUMU.js → chunk-G242LPQE.js} +2 -2
  142. package/dist/chunk-GFHBDUJD.js +17 -0
  143. package/dist/{chunk-2CKDJG6R.js → chunk-HR25MLRP.js} +1 -1
  144. package/dist/{chunk-ESVVLTEN.js → chunk-HZKFQ33E.js} +1 -1
  145. package/dist/chunk-I4VPBQI7.js +7 -0
  146. package/dist/chunk-ITQK6JTD.js +81 -0
  147. package/dist/chunk-J33IFG4U.js +46 -0
  148. package/dist/chunk-J53HGLCT.js +49 -0
  149. package/dist/{chunk-PDYU6DNF.js → chunk-JRDN364E.js} +5 -5
  150. package/dist/chunk-JTNMFPM4.js +41 -0
  151. package/dist/chunk-JUMJ6A3K.js +46 -0
  152. package/dist/chunk-JWW56J7M.js +7 -0
  153. package/dist/{chunk-BCHUEONM.js → chunk-K4ZGI7DJ.js} +1 -1
  154. package/dist/chunk-L5A2UTQV.js +43 -0
  155. package/dist/{chunk-6MSYEF4W.js → chunk-MED2BIDV.js} +2 -2
  156. package/dist/{chunk-QJBQRYJS.js → chunk-MVRI6GLQ.js} +3 -3
  157. package/dist/{chunk-Z3ID4UEE.js → chunk-N77LTZ4U.js} +3 -15
  158. package/dist/{chunk-ANVMQBBG.js → chunk-NMKBUGSO.js} +12 -1
  159. package/dist/chunk-NS3XVOQ7.js +53 -0
  160. package/dist/chunk-O5PTD6IN.js +41 -0
  161. package/dist/{chunk-5GRWAXTT.js → chunk-OHB5QR5P.js} +2 -2
  162. package/dist/chunk-OKZYR4RF.js +7 -0
  163. package/dist/{chunk-GBABMUAI.js → chunk-P5CWOV3L.js} +3 -3
  164. package/dist/{chunk-RCFB4SN4.js → chunk-QBCCF2C2.js} +6 -6
  165. package/dist/chunk-RA7PM75O.js +142 -0
  166. package/dist/{chunk-TSXPLL55.js → chunk-RCX5B3S3.js} +4 -4
  167. package/dist/{chunk-WGDP4ECF.js → chunk-RG4JKE4N.js} +3 -3
  168. package/dist/{chunk-LRXYIR2A.js → chunk-SOSHKMNI.js} +6 -5
  169. package/dist/chunk-UIEP5BA5.js +7 -0
  170. package/dist/{chunk-DZTMUFVC.js → chunk-V5GOY6TV.js} +2 -2
  171. package/dist/{chunk-Y3L6TPP3.js → chunk-XGKPMLYD.js} +8 -8
  172. package/dist/{chunk-N745TDH5.js → chunk-XRC7XE6B.js} +2 -2
  173. package/dist/chunk-Y2POLIXK.js +7 -0
  174. package/dist/{chunk-H6CDFWVR.js → chunk-ZOTVZM6F.js} +6 -2
  175. package/dist/i18n/src/index.js +1 -1
  176. package/dist/i18n/src/useLocalizedString.js +1 -1
  177. package/dist/inputs/src/InputGroup.css +12 -12
  178. package/dist/inputs/src/InputGroup.js +2 -2
  179. package/dist/inputs/src/PasswordField.css +1340 -570
  180. package/dist/inputs/src/PasswordField.js +80 -164
  181. package/dist/inputs/src/SearchField.css +1325 -576
  182. package/dist/inputs/src/SearchField.d.ts +2 -2
  183. package/dist/inputs/src/SearchField.js +80 -164
  184. package/dist/inputs/src/TextField.css +1337 -571
  185. package/dist/inputs/src/TextField.js +79 -56
  186. package/dist/inputs/src/index.css +1237 -471
  187. package/dist/inputs/src/index.d.ts +4 -0
  188. package/dist/inputs/src/index.js +79 -56
  189. package/dist/layout/src/Grid.d.ts +2 -22
  190. package/dist/layout/src/Grid.js +1 -1
  191. package/dist/layout/src/grid-helpers.d.ts +24 -0
  192. package/dist/layout/src/grid-helpers.js +2 -0
  193. package/dist/overlays/Popover/src/Popover.css +1480 -639
  194. package/dist/overlays/Popover/src/Popover.d.ts +5 -6
  195. package/dist/overlays/Popover/src/Popover.js +80 -54
  196. package/dist/overlays/Popover/src/PopoverContext.d.ts +1 -2
  197. package/dist/overlays/Popover/src/PopoverTrigger.d.ts +8 -0
  198. package/dist/overlays/Popover/src/PopoverTrigger.js +2 -0
  199. package/dist/overlays/Popover/src/index.css +1480 -639
  200. package/dist/overlays/Popover/src/index.d.ts +3 -2
  201. package/dist/overlays/Popover/src/index.js +80 -54
  202. package/dist/radio/src/Radio.css +69 -81
  203. package/dist/radio/src/Radio.d.ts +3 -1
  204. package/dist/radio/src/Radio.js +6 -6
  205. package/dist/radio/src/RadioContext.d.ts +2 -0
  206. package/dist/radio/src/RadioField.css +15 -15
  207. package/dist/radio/src/RadioField.js +4 -4
  208. package/dist/radio/src/RadioGroup.css +106 -118
  209. package/dist/radio/src/RadioGroup.js +5 -5
  210. package/dist/radio/src/index.css +106 -118
  211. package/dist/radio/src/index.js +11 -11
  212. package/dist/switch/src/Switch.css +27 -28
  213. package/dist/switch/src/Switch.js +6 -6
  214. package/dist/switch/src/SwitchField.css +15 -15
  215. package/dist/switch/src/SwitchField.js +2 -2
  216. package/dist/switch/src/index.css +33 -34
  217. package/dist/switch/src/index.js +7 -7
  218. package/dist/tag/src/Tag.css +1550 -633
  219. package/dist/tag/src/Tag.js +80 -52
  220. package/dist/tag/src/TagGroup.css +30 -30
  221. package/dist/tag/src/TagGroup.js +5 -5
  222. package/dist/tag/src/index.css +1550 -633
  223. package/dist/tag/src/index.js +80 -52
  224. package/dist/typography/Heading/src/Heading.css +1439 -522
  225. package/dist/typography/Heading/src/Heading.js +80 -52
  226. package/dist/typography/Heading/src/index.css +1439 -522
  227. package/dist/typography/Heading/src/index.js +80 -52
  228. package/dist/typography/Label/src/Label.css +9 -9
  229. package/dist/typography/Label/src/Label.js +1 -1
  230. package/dist/typography/Label/src/index.css +9 -9
  231. package/dist/typography/Label/src/index.js +1 -1
  232. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  233. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  234. package/dist/typography/OverlineText/src/index.css +6 -6
  235. package/dist/typography/OverlineText/src/index.js +1 -1
  236. package/dist/typography/Text/src/Text.css +9 -9
  237. package/dist/typography/Text/src/Text.js +3 -3
  238. package/dist/typography/Text/src/index.css +9 -9
  239. package/dist/typography/Text/src/index.js +3 -3
  240. package/dist/utils/src/index.d.ts +1 -1
  241. package/dist/utils/src/index.js +3 -3
  242. package/dist/utils/src/types.d.ts +16 -1
  243. package/package.json +5 -4
  244. package/dist/badge/src/BadgeContext.js +0 -2
  245. package/dist/chip/src/ChipContext.js +0 -2
  246. package/dist/chunk-CPWTHZGJ.js +0 -156
  247. package/dist/chunk-LJXTJRSB.js +0 -1
  248. package/dist/chunk-SWMFTL46.js +0 -373
  249. package/dist/chunk-TR7YX3IZ.js +0 -96
  250. package/dist/errorMessage/src/ErrorMessageContext.js +0 -2
  251. package/dist/helperMessage/src/HelperMessageContext.js +0 -2
  252. /package/dist/{badge → Badge}/src/BadgeContext.d.ts +0 -0
  253. /package/dist/{badge → Badge}/src/index.d.ts +0 -0
  254. /package/dist/{chip → Chip}/src/Chip.d.ts +0 -0
  255. /package/dist/{chip → Chip}/src/ChipContext.d.ts +0 -0
  256. /package/dist/{chip → Chip}/src/index.d.ts +0 -0
  257. /package/dist/{errorMessage → ErrorMessage}/src/ErrorMessage.d.ts +0 -0
  258. /package/dist/{errorMessage → ErrorMessage}/src/ErrorMessageContext.d.ts +0 -0
  259. /package/dist/{errorMessage → ErrorMessage}/src/index.d.ts +0 -0
  260. /package/dist/{helperMessage → HelperMessage}/src/HelperMessage.d.ts +0 -0
  261. /package/dist/{helperMessage → HelperMessage}/src/HelperMessageContext.d.ts +0 -0
  262. /package/dist/{helperMessage → HelperMessage}/src/index.d.ts +0 -0
package/dist/buttons/src/Button.css CHANGED
@@ -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___CIQko {
2
+ .IconList-module__hop-IconList___dMC-1 {
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___7xL3v {
11
+ .Label-module__hop-Label___mLBaa {
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___7xL3v) {
41
+ :where(.Label-module__hop-Label___mLBaa) {
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___CHLy3) {
47
+ :where(.Label-module__hop-Label--xs___SooLf) {
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___oQzz3) {
53
+ :where(.Label-module__hop-Label--sm___0IFHf) {
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___dLqF6) {
59
+ :where(.Label-module__hop-Label--md___OwSmD) {
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___ViQCe) {
65
+ :where(.Label-module__hop-Label--lg___NtQQ0) {
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___wlNpS) {
71
+ :where(.Label-module__hop-Label--xl___-Hdm9) {
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___N5Lkc) {
77
+ :where(.Label-module__hop-Label--2xl___Ulb-V) {
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___UeeVB) {
83
+ :where(.Label-module__hop-Label--inherit___K1Xcp) {
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___t8CGY {
91
+ @keyframes Spinner-module__spin___Z5UnU {
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___WKQTI {
99
+ .Spinner-module__hop-Spinner___LbEMh {
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___t8CGY .8s infinite linear;
107
+ --hop-Spinner-fill-animation: Spinner-module__spin___Z5UnU .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___YO1ZU {
118
+ .Spinner-module__hop-Spinner--sm___peiQV {
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___UiJMR {
122
+ .Spinner-module__hop-Spinner--md___8fE20 {
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___uAp2X {
126
+ .Spinner-module__hop-Spinner--lg___3UVCZ {
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___vU-oZ {
130
+ .Spinner-module__hop-Spinner__track___tZuJb {
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___8gJAf {
139
+ .Spinner-module__hop-Spinner__fill___EVNJP {
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___8gJAf {
150
+ .Spinner-module__hop-Spinner__fill___EVNJP {
151
151
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
152
152
  }
153
153
  }
154
- .Spinner-module__hop-Spinner__label___GxQ20 {
154
+ .Spinner-module__hop-Spinner__label___nM4Dw {
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___L5SE4 {
160
+ .Text-module__hop-Text___B7ZPi {
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___L5SE4) {
190
+ :where(.Text-module__hop-Text___B7ZPi) {
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___4XSOM) {
196
+ :where(.Text-module__hop-Text--xs___2lyVp) {
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___rxq9a) {
202
+ :where(.Text-module__hop-Text--sm___ZJw0q) {
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___I1rkh) {
208
+ :where(.Text-module__hop-Text--md___JVXXA) {
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___A5qVa) {
214
+ :where(.Text-module__hop-Text--lg___cL0LO) {
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___W3xPi) {
220
+ :where(.Text-module__hop-Text--xl___KLn7g) {
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___C50TH) {
226
+ :where(.Text-module__hop-Text--2xl___gb6mt) {
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___YDakN) {
232
+ :where(.Text-module__hop-Text--inherit___-UFCW) {
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___0QG7O {
240
+ .Button-module__hop-Button___6Jiki {
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,272 +396,272 @@
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___0QG7O[data-focus-visible] {
399
+ .Button-module__hop-Button___6Jiki[data-focus-visible] {
400
400
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
401
401
  }
402
- .Button-module__hop-Button--icon-only___nE-Ma {
402
+ .Button-module__hop-Button--icon-only___y4CMb {
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___0QG7O[data-disabled],
409
- .Button-module__hop-Button___0QG7O[data-loading] {
408
+ .Button-module__hop-Button___6Jiki[data-disabled],
409
+ .Button-module__hop-Button___6Jiki[data-loading] {
410
410
  cursor: not-allowed;
411
411
  }
412
- .Button-module__hop-Button--fluid___SC33v {
412
+ .Button-module__hop-Button--fluid___amZH5 {
413
413
  --inline-size: 100%;
414
414
  }
415
- .Button-module__hop-Button--sm___QU3Uy {
415
+ .Button-module__hop-Button--sm___3GNbY {
416
416
  --block-size: var(--hop-Button-sm-height);
417
417
  }
418
- .Button-module__hop-Button--primary___YcboG.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
418
+ .Button-module__hop-Button--primary___7PQ3v.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
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___YcboG.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
422
+ .Button-module__hop-Button--primary___7PQ3v.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
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___gylFe.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
426
+ .Button-module__hop-Button--secondary___M28Qu.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
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___gylFe.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
430
+ .Button-module__hop-Button--secondary___M28Qu.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
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___ddBGK.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
434
+ .Button-module__hop-Button--upsell___kpJX6.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
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___ddBGK.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
438
+ .Button-module__hop-Button--upsell___kpJX6.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
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___aosRA.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
442
+ .Button-module__hop-Button--danger___3zlGc.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
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___aosRA.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
446
+ .Button-module__hop-Button--danger___3zlGc.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
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___dxJKj.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
450
+ .Button-module__hop-Button--ghost-danger___Lm-JJ.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
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___dxJKj.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
454
+ .Button-module__hop-Button--ghost-danger___Lm-JJ.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
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___CkcMt.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
458
+ .Button-module__hop-Button--ghost-secondary___5s8pM.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
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___CkcMt.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
462
+ .Button-module__hop-Button--ghost-secondary___5s8pM.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
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___qiCJB.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
466
+ .Button-module__hop-Button--ghost-primary___exZqP.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
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___qiCJB.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
470
+ .Button-module__hop-Button--ghost-primary___exZqP.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
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___YcboG {
474
+ .Button-module__hop-Button--primary___7PQ3v {
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___YcboG[data-disabled]:not([data-loading]) {
480
+ .Button-module__hop-Button--primary___7PQ3v[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___YcboG[data-hovered]:not([data-disabled], [data-loading]),
486
- .Button-module__hop-Button--primary___YcboG[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
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___YcboG[data-pressed]:not([data-loading]) {
491
+ .Button-module__hop-Button--primary___7PQ3v[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___gylFe {
496
+ .Button-module__hop-Button--secondary___M28Qu {
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___gylFe[data-disabled]:not([data-loading]) {
502
+ .Button-module__hop-Button--secondary___M28Qu[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___gylFe[data-hovered]:not([data-disabled], [data-loading]),
508
- .Button-module__hop-Button--secondary___gylFe[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
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___gylFe[data-pressed]:not([data-loading]) {
513
+ .Button-module__hop-Button--secondary___M28Qu[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___ddBGK {
518
+ .Button-module__hop-Button--upsell___kpJX6 {
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___ddBGK[data-disabled]:not([data-loading]) {
524
+ .Button-module__hop-Button--upsell___kpJX6[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___ddBGK[data-hovered]:not([data-disabled], [data-loading]),
530
- .Button-module__hop-Button--upsell___ddBGK[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
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___ddBGK[data-pressed]:not([data-loading]) {
535
+ .Button-module__hop-Button--upsell___kpJX6[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___aosRA {
540
+ .Button-module__hop-Button--danger___3zlGc {
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___aosRA[data-disabled]:not([data-loading]) {
546
+ .Button-module__hop-Button--danger___3zlGc[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___aosRA[data-hovered]:not([data-disabled], [data-loading]),
552
- .Button-module__hop-Button--danger___aosRA[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
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___aosRA[data-pressed]:not([data-loading]) {
557
+ .Button-module__hop-Button--danger___3zlGc[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___qiCJB {
562
+ .Button-module__hop-Button--ghost-primary___exZqP {
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___qiCJB[data-disabled]:not([data-loading]) {
568
+ .Button-module__hop-Button--ghost-primary___exZqP[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___qiCJB[data-hovered]:not([data-disabled], [data-loading]),
574
- .Button-module__hop-Button--ghost-primary___qiCJB[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
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___qiCJB[data-pressed]:not([data-loading]) {
579
+ .Button-module__hop-Button--ghost-primary___exZqP[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___CkcMt {
584
+ .Button-module__hop-Button--ghost-secondary___5s8pM {
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___CkcMt[data-disabled]:not([data-loading]) {
590
+ .Button-module__hop-Button--ghost-secondary___5s8pM[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___CkcMt[data-hovered]:not([data-disabled], [data-loading]),
596
- .Button-module__hop-Button--ghost-secondary___CkcMt[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
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___CkcMt[data-pressed]:not([data-loading]) {
601
+ .Button-module__hop-Button--ghost-secondary___5s8pM[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___dxJKj {
606
+ .Button-module__hop-Button--ghost-danger___Lm-JJ {
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___dxJKj[data-disabled]:not([data-loading]) {
612
+ .Button-module__hop-Button--ghost-danger___Lm-JJ[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___dxJKj[data-hovered]:not([data-disabled], [data-loading]),
618
- .Button-module__hop-Button--ghost-danger___dxJKj[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
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___dxJKj[data-pressed]:not([data-loading]) {
623
+ .Button-module__hop-Button--ghost-danger___Lm-JJ[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___V265i {
628
+ .Button-module__hop-Button__Spinner___4F-DD {
629
629
  position: absolute;
630
630
  justify-self: center;
631
631
  color: var(--spinner-color);
632
632
  }
633
- .Button-module__hop-Button__icon___mwjgX,
634
- .Button-module__hop-Button__icon-list___5kDpy {
633
+ .Button-module__hop-Button__icon___2A2PD,
634
+ .Button-module__hop-Button__icon-list___Zttas {
635
635
  grid-area: start-icon;
636
636
  justify-self: end;
637
637
  }
638
- .Button-module__hop-Button__text___YEnli {
638
+ .Button-module__hop-Button__text___Wa9pk {
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___qiCJB[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
646
- .Button-module__hop-Button--ghost-secondary___CkcMt[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
647
- .Button-module__hop-Button--ghost-danger___dxJKj[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
648
- .Button-module__hop-Button--ghost-primary___qiCJB[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
649
- .Button-module__hop-Button--ghost-secondary___CkcMt[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
650
- .Button-module__hop-Button--ghost-danger___dxJKj[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
651
- .Button-module__hop-Button--ghost-primary___qiCJB[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
652
- .Button-module__hop-Button--ghost-secondary___CkcMt[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
653
- .Button-module__hop-Button--ghost-danger___dxJKj[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___YEnli {
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 {
654
654
  text-decoration: underline;
655
655
  text-underline-offset: 0.125rem;
656
656
  }
657
- .Button-module__hop-Button__end-icon___1Hzgu,
658
- .Button-module__hop-Button__end-icon-list___ZjiCH {
657
+ .Button-module__hop-Button__end-icon___471ZI,
658
+ .Button-module__hop-Button__end-icon-list___WAbW6 {
659
659
  grid-area: end-icon;
660
660
  }
661
- .Button-module__hop-Button___0QG7O .Button-module__hop-Button__icon-list___5kDpy,
662
- .Button-module__hop-Button___0QG7O .Button-module__hop-Button__end-icon-list___ZjiCH {
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 {
663
663
  flex-wrap: nowrap;
664
664
  }
665
- .Button-module__hop-Button___0QG7O[data-loading] > *:not(.Button-module__hop-Button__Spinner___V265i) {
665
+ .Button-module__hop-Button___6Jiki[data-loading] > *:not(.Button-module__hop-Button__Spinner___4F-DD) {
666
666
  opacity: 0;
667
667
  }
package/dist/buttons/src/Button.d.ts CHANGED
@@ -7,7 +7,7 @@ declare const GlobalButtonCssSelector = "hop-Button";
7
7
  interface ButtonProps extends StyledComponentProps<ButtonProps$1> {
8
8
  /**
9
9
  * The visual style of the button.
10
- * * @default "primary"
10
+ * @default "primary"
11
11
  */
12
12
  variant?: "primary" | "secondary" | "danger" | "upsell" | "ghost-primary" | "ghost-secondary" | "ghost-danger";
13
13
  /**
@@ -32,8 +32,8 @@ interface ButtonProps extends StyledComponentProps<ButtonProps$1> {
32
32
  }
33
33
  /**
34
34
  * Buttons are used to initialize an action. Button labels express what action will occur when the user interacts with it.
35
- *
36
35
  * [View Documentation](TODO)
36
+ *
37
37
  */
38
38
  declare const _Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLElement>>;
39
39
 
package/dist/buttons/src/Button.js CHANGED
@@ -1,18 +1,18 @@
1
- export { _Button as Button, GlobalButtonCssSelector } from '../../chunk-Y3L6TPP3.js';
1
+ export { _Button as Button, GlobalButtonCssSelector } from '../../chunk-XGKPMLYD.js';
2
2
  import '../../chunk-H5YTU3U7.js';
3
- import '../../chunk-NH3IVMXB.js';
4
- import '../../chunk-H6CDFWVR.js';
5
- import '../../chunk-Y7XWWUMU.js';
6
- import '../../chunk-2CKDJG6R.js';
7
- import '../../chunk-QCA3ZR56.js';
8
- import '../../chunk-4ZYV2XLW.js';
9
3
  import '../../chunk-WMTWFKKP.js';
4
+ import '../../chunk-G242LPQE.js';
5
+ import '../../chunk-HR25MLRP.js';
6
+ import '../../chunk-4ZYV2XLW.js';
7
+ import '../../chunk-ZOTVZM6F.js';
8
+ import '../../chunk-QCA3ZR56.js';
9
+ import '../../chunk-65JPI4FL.js';
10
+ import '../../chunk-NH3IVMXB.js';
10
11
  import '../../chunk-ZWU6DRRZ.js';
11
- import '../../chunk-WGDP4ECF.js';
12
- import '../../chunk-HXI3MEEK.js';
12
+ import '../../chunk-DHVVYSLB.js';
13
+ import '../../chunk-RG4JKE4N.js';
13
14
  import '../../chunk-X6SER3TZ.js';
14
- import '../../chunk-65JPI4FL.js';
15
- import '../../chunk-KVDXQMWI.js';
15
+ import '../../chunk-HXI3MEEK.js';
16
16
  import '../../chunk-M36KANKC.js';
17
- import '../../chunk-DHVVYSLB.js';
17
+ import '../../chunk-KVDXQMWI.js';
18
18
  import '../../chunk-2P3A4VVY.js';