@hopper-ui/components 1.0.2 → 1.0.4

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 (268) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/HopperProvider/src/HopperProvider.js +1 -1
  3. package/dist/HopperProvider/src/index.js +1 -1
  4. package/dist/IconList/src/IconList.css +1 -1
  5. package/dist/IconList/src/IconList.js +2 -2
  6. package/dist/IconList/src/IconListContext.js +1 -1
  7. package/dist/IconList/src/index.css +1 -1
  8. package/dist/IconList/src/index.js +2 -2
  9. package/dist/Link/src/Link.css +32 -32
  10. package/dist/Link/src/Link.js +7 -7
  11. package/dist/Link/src/LinkContext.js +1 -1
  12. package/dist/Link/src/index.css +32 -32
  13. package/dist/Link/src/index.js +7 -7
  14. package/dist/Spinner/src/Spinner.css +29 -29
  15. package/dist/Spinner/src/Spinner.js +5 -5
  16. package/dist/Spinner/src/SpinnerContext.js +1 -1
  17. package/dist/Spinner/src/index.css +29 -29
  18. package/dist/Spinner/src/index.js +5 -5
  19. package/dist/badge/src/Badge.css +80 -0
  20. package/dist/badge/src/Badge.d.ts +26 -0
  21. package/dist/badge/src/Badge.js +6 -0
  22. package/dist/badge/src/BadgeContext.d.ts +10 -0
  23. package/dist/badge/src/BadgeContext.js +2 -0
  24. package/dist/badge/src/index.css +80 -0
  25. package/dist/badge/src/index.d.ts +7 -0
  26. package/dist/badge/src/index.js +6 -0
  27. package/dist/buttons/src/Button.css +120 -120
  28. package/dist/buttons/src/Button.d.ts +1 -1
  29. package/dist/buttons/src/Button.js +11 -11
  30. package/dist/buttons/src/ButtonContext.js +1 -1
  31. package/dist/buttons/src/ButtonGroup.css +11 -11
  32. package/dist/buttons/src/ButtonGroup.d.ts +1 -1
  33. package/dist/buttons/src/ButtonGroup.js +6 -83
  34. package/dist/buttons/src/ButtonGroupContext.js +1 -1
  35. package/dist/buttons/src/ClearButton.css +76 -40
  36. package/dist/buttons/src/ClearButton.d.ts +4 -3
  37. package/dist/buttons/src/ClearButton.js +6 -3
  38. package/dist/buttons/src/ClearButtonContext.d.ts +1 -0
  39. package/dist/buttons/src/ClearButtonContext.js +1 -1
  40. package/dist/buttons/src/EmbeddedButton.css +102 -0
  41. package/dist/buttons/src/EmbeddedButton.d.ts +20 -0
  42. package/dist/buttons/src/EmbeddedButton.js +6 -0
  43. package/dist/buttons/src/EmbeddedButtonContext.d.ts +8 -0
  44. package/dist/buttons/src/EmbeddedButtonContext.js +2 -0
  45. package/dist/buttons/src/index.css +236 -161
  46. package/dist/buttons/src/index.d.ts +5 -0
  47. package/dist/buttons/src/index.js +17 -13
  48. package/dist/checkbox/src/Checkbox.css +39 -35
  49. package/dist/checkbox/src/Checkbox.js +6 -6
  50. package/dist/checkbox/src/CheckboxContext.js +1 -1
  51. package/dist/checkbox/src/CheckboxField.css +16 -16
  52. package/dist/checkbox/src/CheckboxField.js +5 -5
  53. package/dist/checkbox/src/CheckboxFieldContext.js +1 -1
  54. package/dist/checkbox/src/CheckboxGroup.css +79 -75
  55. package/dist/checkbox/src/CheckboxGroup.js +5 -5
  56. package/dist/checkbox/src/CheckboxGroupContext.js +1 -1
  57. package/dist/checkbox/src/CheckboxList.js +1 -1
  58. package/dist/checkbox/src/CheckboxListContext.js +1 -1
  59. package/dist/checkbox/src/index.css +79 -75
  60. package/dist/checkbox/src/index.js +10 -10
  61. package/dist/chip/src/Chip.css +34 -34
  62. package/dist/chip/src/Chip.js +5 -5
  63. package/dist/chip/src/ChipContext.js +1 -1
  64. package/dist/chip/src/index.css +34 -34
  65. package/dist/chip/src/index.js +5 -5
  66. package/dist/{chunk-NUUG5PFN.js → chunk-2CKDJG6R.js} +2 -2
  67. package/dist/{chunk-YSQDPG26.js → chunk-2P3A4VVY.js} +6 -1
  68. package/dist/chunk-3NKF5TPD.js +7 -0
  69. package/dist/chunk-5GRWAXTT.js +32 -0
  70. package/dist/chunk-6BFSSZCY.js +7 -0
  71. package/dist/chunk-6MSYEF4W.js +69 -0
  72. package/dist/chunk-AQITZWYM.js +43 -0
  73. package/dist/chunk-BCHUEONM.js +44 -0
  74. package/dist/{chunk-TOCGJB3X.js → chunk-BGESEKEN.js} +5 -5
  75. package/dist/chunk-CPWTHZGJ.js +156 -0
  76. package/dist/chunk-D6UTDI2K.js +28 -0
  77. package/dist/chunk-DZTMUFVC.js +83 -0
  78. package/dist/chunk-EWMWQ2MC.js +7 -0
  79. package/dist/{chunk-MICIYADH.js → chunk-F7HR3VI4.js} +1 -1
  80. package/dist/chunk-FGDSWA7S.js +91 -0
  81. package/dist/{chunk-FJ4WILCG.js → chunk-GBABMUAI.js} +2 -2
  82. package/dist/chunk-GXBVNCVP.js +43 -0
  83. package/dist/{chunk-LL2FMAAO.js → chunk-H6CDFWVR.js} +9 -3
  84. package/dist/chunk-HDYG2F3D.js +82 -0
  85. package/dist/chunk-I67NHYK4.js +7 -0
  86. package/dist/chunk-IXB2WK56.js +7 -0
  87. package/dist/chunk-LCAS3YQV.js +7 -0
  88. package/dist/chunk-LJXTJRSB.js +1 -0
  89. package/dist/chunk-LRXYIR2A.js +56 -0
  90. package/dist/{chunk-6JSCWDLJ.js → chunk-LSVXKVG4.js} +4 -4
  91. package/dist/{chunk-O2WSE3EM.js → chunk-N745TDH5.js} +4 -4
  92. package/dist/chunk-O4XPUINW.js +7 -0
  93. package/dist/chunk-O7IJYNVQ.js +7 -0
  94. package/dist/{chunk-S67EVV3J.js → chunk-OMBQ3J4O.js} +5 -5
  95. package/dist/{chunk-LKE4VXIP.js → chunk-PDYU6DNF.js} +5 -5
  96. package/dist/{chunk-GYK77A5U.js → chunk-PEPKE5SW.js} +5 -4
  97. package/dist/{chunk-HVKOIMMW.js → chunk-QCA3ZR56.js} +1 -1
  98. package/dist/{chunk-N2QZWPQF.js → chunk-QJBQRYJS.js} +2 -2
  99. package/dist/chunk-QW45G6K4.js +7 -0
  100. package/dist/{chunk-XTRE6FPK.js → chunk-RCFB4SN4.js} +5 -5
  101. package/dist/chunk-SC6ZK5ON.js +7 -0
  102. package/dist/chunk-SWMFTL46.js +373 -0
  103. package/dist/chunk-TIPN4VYD.js +46 -0
  104. package/dist/chunk-TR7YX3IZ.js +96 -0
  105. package/dist/{chunk-FAXZNX63.js → chunk-TSXPLL55.js} +6 -5
  106. package/dist/chunk-TXZ6BMFR.js +7 -0
  107. package/dist/{chunk-2NABNL6G.js → chunk-WGDP4ECF.js} +3 -3
  108. package/dist/chunk-WPNVVGFW.js +7 -0
  109. package/dist/chunk-WWRB4K4M.js +44 -0
  110. package/dist/{chunk-OE5BLFZI.js → chunk-X6SER3TZ.js} +1 -1
  111. package/dist/chunk-XLKYXKWE.js +7 -0
  112. package/dist/{chunk-IYQZFIWZ.js → chunk-XSASR6CK.js} +4 -4
  113. package/dist/{chunk-M67A5LAA.js → chunk-Y3L6TPP3.js} +11 -11
  114. package/dist/chunk-Y7HUXUHX.js +30 -0
  115. package/dist/{chunk-RLIG2IHH.js → chunk-Y7XWWUMU.js} +3 -3
  116. package/dist/chunk-Z3ID4UEE.js +55 -0
  117. package/dist/{chunk-CK42RJLK.js → chunk-ZAJJD5FY.js} +5 -5
  118. package/dist/chunk-ZSFJVMJN.js +7 -0
  119. package/dist/errorMessage/src/ErrorMessage.css +12 -12
  120. package/dist/errorMessage/src/ErrorMessage.d.ts +1 -1
  121. package/dist/errorMessage/src/ErrorMessage.js +5 -5
  122. package/dist/errorMessage/src/ErrorMessageContext.d.ts +1 -1
  123. package/dist/errorMessage/src/ErrorMessageContext.js +1 -1
  124. package/dist/errorMessage/src/index.css +12 -12
  125. package/dist/errorMessage/src/index.d.ts +1 -1
  126. package/dist/errorMessage/src/index.js +5 -5
  127. package/dist/helperMessage/src/HelperMessage.css +12 -12
  128. package/dist/helperMessage/src/HelperMessage.d.ts +1 -1
  129. package/dist/helperMessage/src/HelperMessage.js +5 -5
  130. package/dist/helperMessage/src/HelperMessageContext.d.ts +1 -1
  131. package/dist/helperMessage/src/HelperMessageContext.js +1 -1
  132. package/dist/helperMessage/src/index.css +12 -12
  133. package/dist/helperMessage/src/index.d.ts +1 -1
  134. package/dist/helperMessage/src/index.js +5 -5
  135. package/dist/i18n/src/index.js +2 -2
  136. package/dist/i18n/src/useLocalizedString.js +2 -2
  137. package/dist/inputs/src/InputGroup.css +111 -0
  138. package/dist/inputs/src/InputGroup.d.ts +24 -0
  139. package/dist/inputs/src/InputGroup.js +6 -0
  140. package/dist/inputs/src/InputGroupContext.d.ts +8 -0
  141. package/dist/inputs/src/InputGroupContext.js +2 -0
  142. package/dist/inputs/src/PasswordField.css +2527 -0
  143. package/dist/inputs/src/PasswordField.d.ts +33 -0
  144. package/dist/inputs/src/PasswordField.js +186 -0
  145. package/dist/inputs/src/PasswordFieldContext.d.ts +8 -0
  146. package/dist/inputs/src/PasswordFieldContext.js +2 -0
  147. package/dist/inputs/src/SearchField.css +2548 -0
  148. package/dist/inputs/src/SearchField.d.ts +42 -0
  149. package/dist/inputs/src/SearchField.js +186 -0
  150. package/dist/inputs/src/SearchFieldContext.d.ts +8 -0
  151. package/dist/inputs/src/SearchFieldContext.js +2 -0
  152. package/dist/inputs/src/TextField.css +2531 -0
  153. package/dist/inputs/src/TextField.d.ts +49 -0
  154. package/dist/inputs/src/TextField.js +79 -0
  155. package/dist/inputs/src/TextFieldContext.d.ts +8 -0
  156. package/dist/inputs/src/TextFieldContext.js +2 -0
  157. package/dist/inputs/src/index.css +2531 -0
  158. package/dist/inputs/src/index.d.ts +7 -0
  159. package/dist/inputs/src/index.js +79 -0
  160. package/dist/layout/src/Content.d.ts +17 -0
  161. package/dist/layout/src/Content.js +3 -0
  162. package/dist/layout/src/ContentContext.d.ts +10 -0
  163. package/dist/layout/src/ContentContext.js +2 -0
  164. package/dist/layout/src/Flex.js +1 -1
  165. package/dist/layout/src/Footer.d.ts +17 -0
  166. package/dist/layout/src/Footer.js +3 -0
  167. package/dist/layout/src/FooterContext.d.ts +10 -0
  168. package/dist/layout/src/FooterContext.js +2 -0
  169. package/dist/layout/src/Grid.js +2 -55
  170. package/dist/layout/src/Inline.js +3 -31
  171. package/dist/layout/src/Stack.js +3 -29
  172. package/dist/overlays/Popover/src/Popover.css +2456 -0
  173. package/dist/overlays/Popover/src/Popover.d.ts +20 -0
  174. package/dist/overlays/Popover/src/Popover.js +76 -0
  175. package/dist/overlays/Popover/src/PopoverContext.d.ts +9 -0
  176. package/dist/overlays/Popover/src/PopoverContext.js +2 -0
  177. package/dist/overlays/Popover/src/index.css +2456 -0
  178. package/dist/overlays/Popover/src/index.d.ts +6 -0
  179. package/dist/overlays/Popover/src/index.js +76 -0
  180. package/dist/radio/src/Radio.css +31 -31
  181. package/dist/radio/src/Radio.js +6 -6
  182. package/dist/radio/src/RadioContext.js +1 -1
  183. package/dist/radio/src/RadioField.css +16 -16
  184. package/dist/radio/src/RadioField.js +5 -4
  185. package/dist/radio/src/RadioFieldContext.js +1 -1
  186. package/dist/radio/src/RadioGroup.css +137 -137
  187. package/dist/radio/src/RadioGroup.js +6 -6
  188. package/dist/radio/src/RadioGroupContext.js +1 -1
  189. package/dist/radio/src/RadioList.js +1 -1
  190. package/dist/radio/src/RadioListContext.js +1 -1
  191. package/dist/radio/src/index.css +71 -71
  192. package/dist/radio/src/index.js +11 -11
  193. package/dist/switch/src/Switch.css +26 -26
  194. package/dist/switch/src/Switch.js +6 -6
  195. package/dist/switch/src/SwitchContext.js +1 -1
  196. package/dist/switch/src/SwitchField.css +16 -16
  197. package/dist/switch/src/SwitchField.js +5 -5
  198. package/dist/switch/src/SwitchFieldContext.js +1 -1
  199. package/dist/switch/src/index.css +32 -32
  200. package/dist/switch/src/index.js +8 -8
  201. package/dist/tag/src/Tag.css +2380 -0
  202. package/dist/tag/src/Tag.d.ts +28 -0
  203. package/dist/tag/src/Tag.js +74 -0
  204. package/dist/tag/src/TagContext.d.ts +8 -0
  205. package/dist/tag/src/TagContext.js +2 -0
  206. package/dist/tag/src/TagGroup.css +239 -0
  207. package/dist/tag/src/TagGroup.d.ts +24 -0
  208. package/dist/tag/src/TagGroup.js +10 -0
  209. package/dist/tag/src/TagGroupContext.d.ts +8 -0
  210. package/dist/tag/src/TagGroupContext.js +2 -0
  211. package/dist/tag/src/TagList.d.ts +15 -0
  212. package/dist/tag/src/TagList.js +4 -0
  213. package/dist/tag/src/TagListContext.d.ts +8 -0
  214. package/dist/tag/src/TagListContext.js +2 -0
  215. package/dist/tag/src/index.css +2380 -0
  216. package/dist/tag/src/index.d.ts +9 -0
  217. package/dist/tag/src/index.js +74 -0
  218. package/dist/typography/Heading/src/Heading.css +2380 -0
  219. package/dist/typography/Heading/src/Heading.d.ts +57 -0
  220. package/dist/typography/Heading/src/Heading.js +74 -0
  221. package/dist/typography/Heading/src/HeadingContext.d.ts +8 -0
  222. package/dist/typography/Heading/src/HeadingContext.js +2 -0
  223. package/dist/typography/Heading/src/index.css +2380 -0
  224. package/dist/typography/Heading/src/index.d.ts +5 -0
  225. package/dist/typography/Heading/src/index.js +74 -0
  226. package/dist/{Label → typography/Label}/src/Label.css +14 -14
  227. package/dist/{Label → typography/Label}/src/Label.d.ts +2 -3
  228. package/dist/typography/Label/src/Label.js +4 -0
  229. package/dist/typography/Label/src/LabelContext.js +2 -0
  230. package/dist/{Label → typography/Label}/src/index.css +14 -14
  231. package/dist/{Label → typography/Label}/src/index.d.ts +1 -1
  232. package/dist/typography/Label/src/index.js +4 -0
  233. package/dist/typography/OverlineText/src/OverlineText.css +42 -0
  234. package/dist/typography/OverlineText/src/OverlineText.d.ts +15 -0
  235. package/dist/typography/OverlineText/src/OverlineText.js +4 -0
  236. package/dist/typography/OverlineText/src/OverlineTextContext.d.ts +8 -0
  237. package/dist/typography/OverlineText/src/OverlineTextContext.js +2 -0
  238. package/dist/typography/OverlineText/src/index.css +42 -0
  239. package/dist/typography/OverlineText/src/index.d.ts +5 -0
  240. package/dist/typography/OverlineText/src/index.js +4 -0
  241. package/dist/{Text → typography/Text}/src/Text.css +10 -10
  242. package/dist/typography/Text/src/Text.js +6 -0
  243. package/dist/typography/Text/src/TextContext.js +2 -0
  244. package/dist/{Text → typography/Text}/src/index.css +10 -10
  245. package/dist/typography/Text/src/index.js +6 -0
  246. package/dist/utils/src/ClearSlots.js +1 -1
  247. package/dist/utils/src/SlotProvider.js +1 -1
  248. package/dist/utils/src/assertion.d.ts +15 -0
  249. package/dist/utils/src/assertion.js +2 -0
  250. package/dist/utils/src/composeClassnameRenderProps.js +1 -1
  251. package/dist/utils/src/cssModule.js +1 -1
  252. package/dist/utils/src/index.d.ts +1 -0
  253. package/dist/utils/src/index.js +4 -3
  254. package/dist/utils/src/isTextOnlyChildren.js +1 -1
  255. package/dist/utils/src/useRenderProps.js +1 -1
  256. package/dist/utils/src/useSlot.js +1 -1
  257. package/package.json +14 -13
  258. package/dist/Label/src/Label.js +0 -4
  259. package/dist/Label/src/LabelContext.js +0 -2
  260. package/dist/Label/src/index.js +0 -4
  261. package/dist/Text/src/Text.js +0 -6
  262. package/dist/Text/src/TextContext.js +0 -2
  263. package/dist/Text/src/index.js +0 -6
  264. package/dist/chunk-DBTHMTO4.js +0 -56
  265. /package/dist/{Label → typography/Label}/src/LabelContext.d.ts +0 -0
  266. /package/dist/{Text → typography/Text}/src/Text.d.ts +0 -0
  267. /package/dist/{Text → typography/Text}/src/TextContext.d.ts +0 -0
  268. /package/dist/{Text → typography/Text}/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___FMF13 {
2
+ .IconList-module__hop-IconList___CIQko {
3
3
  --hop-IconList-gap: var(--hop-space-inline-xs);
4
4
  display: flex;
5
5
  flex-wrap: wrap;
@@ -7,8 +7,8 @@
7
7
  box-sizing: border-box;
8
8
  }
9
9
 
10
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Label/src/Label.module.css/#css-module-data */
11
- .Label-module__hop-Label___4iUGB {
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 {
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___4iUGB) {
42
- font-family: var(--font-family, --hop-Label-md-font-family);
43
- font-size: var(--font-size, --hop-Label-md-font-size);
44
- font-weight: var(--font-weight, --hop-Label-md-font-weight);
45
- line-height: var(--line-height, --hop-Label-md-line-height);
41
+ :where(.Label-module__hop-Label___7xL3v) {
42
+ font-family: var(--font-family);
43
+ font-size: var(--font-size);
44
+ font-weight: var(--font-weight);
45
+ line-height: var(--line-height);
46
46
  }
47
- :where(.Label-module__hop-Label--xs___l8KEJ) {
47
+ :where(.Label-module__hop-Label--xs___CHLy3) {
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___GfRWh) {
53
+ :where(.Label-module__hop-Label--sm___oQzz3) {
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___f0lW2) {
59
+ :where(.Label-module__hop-Label--md___dLqF6) {
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___yXjpJ) {
65
+ :where(.Label-module__hop-Label--lg___ViQCe) {
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___W-yC3) {
71
+ :where(.Label-module__hop-Label--xl___wlNpS) {
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___1sGVW) {
77
+ :where(.Label-module__hop-Label--2xl___N5Lkc) {
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___Hgnll) {
83
+ :where(.Label-module__hop-Label--inherit___UeeVB) {
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___vO58Y {
91
+ @keyframes Spinner-module__spin___t8CGY {
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___3AJ1T {
99
+ .Spinner-module__hop-Spinner___WKQTI {
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___vO58Y .8s infinite linear;
107
+ --hop-Spinner-fill-animation: Spinner-module__spin___t8CGY .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,49 +115,49 @@
115
115
  align-items: center;
116
116
  box-sizing: border-box;
117
117
  }
118
- .Spinner-module__hop-Spinner--sm___zyI-F {
118
+ .Spinner-module__hop-Spinner--sm___YO1ZU {
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___NNX0u {
122
+ .Spinner-module__hop-Spinner--md___UiJMR {
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___3ctxV {
126
+ .Spinner-module__hop-Spinner--lg___uAp2X {
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___pSjYM {
130
+ .Spinner-module__hop-Spinner__track___vU-oZ {
131
131
  grid-area: spinner;
132
132
  box-sizing: border-box;
133
- inline-size: var(--width, --hop-Spinner-md-wheel-size);
134
- block-size: var(--height, --hop-Spinner-md-wheel-size);
133
+ inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
134
+ block-size: var(--height, var(--hop-Spinner-md-wheel-size));
135
135
  opacity: var(--hop-Spinner-track-opacity);
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___7JLY4 {
139
+ .Spinner-module__hop-Spinner__fill___8gJAf {
140
140
  grid-area: spinner;
141
141
  box-sizing: border-box;
142
- inline-size: var(--width, --hop-Spinner-md-wheel-size);
143
- block-size: var(--height, --hop-Spinner-md-wheel-size);
144
- border: var( --hop-Spinner-fill-border);
142
+ inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
143
+ block-size: var(--height, var(--hop-Spinner-md-wheel-size));
144
+ border: var(--hop-Spinner-fill-border);
145
145
  border-inline-start: var(--hop-Spinner-fill-border-inline-start);
146
146
  border-radius: var(--hop-Spinner-border-radius);
147
147
  animation: var(--hop-Spinner-fill-animation);
148
148
  }
149
149
  @media (prefers-reduced-motion: reduce) {
150
- .Spinner-module__hop-Spinner__fill___7JLY4 {
150
+ .Spinner-module__hop-Spinner__fill___8gJAf {
151
151
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
152
152
  }
153
153
  }
154
- .Spinner-module__hop-Spinner__label___dCGQD {
154
+ .Spinner-module__hop-Spinner__label___GxQ20 {
155
155
  grid-area: label;
156
156
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
157
157
  }
158
158
 
159
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Text/src/Text.module.css/#css-module-data */
160
- .Text-module__hop-Text___AZmOV {
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 {
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___AZmOV) {
190
+ :where(.Text-module__hop-Text___L5SE4) {
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___V1bcv) {
196
+ :where(.Text-module__hop-Text--xs___4XSOM) {
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___Dq2fh) {
202
+ :where(.Text-module__hop-Text--sm___rxq9a) {
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___OIBbn) {
208
+ :where(.Text-module__hop-Text--md___I1rkh) {
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___2Dp00) {
214
+ :where(.Text-module__hop-Text--lg___A5qVa) {
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___OCJ5n) {
220
+ :where(.Text-module__hop-Text--xl___W3xPi) {
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___bZkQu) {
226
+ :where(.Text-module__hop-Text--2xl___C50TH) {
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___bNF26) {
232
+ :where(.Text-module__hop-Text--inherit___YDakN) {
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___Cgrjd {
240
+ .Button-module__hop-Button___0QG7O {
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;
@@ -315,10 +315,10 @@
315
315
  --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
316
316
  --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
317
317
  --hop-Button-ghost-primary-color-disabled: var(--hop-neutral-text-disabled);
318
- --hop-Button-ghost-primary-background-color: var(--hop-neutral-surface);
318
+ --hop-Button-ghost-primary-background-color: transparent;
319
319
  --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
320
320
  --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
321
- --hop-Button-ghost-primary-background-color-disabled: var(--hop-neutral-surface);
321
+ --hop-Button-ghost-primary-background-color-disabled: transparent;
322
322
  --hop-Button-ghost-primary-border: 0.0625rem solid var(--hop-Button-ghost-primary-background-color);
323
323
  --hop-Button-ghost-primary-border-hover: 0.0625rem solid var(--hop-Button-ghost-primary-background-color-hover);
324
324
  --hop-Button-ghost-primary-border-pressed: 0.0625rem solid var(--hop-Button-ghost-primary-background-color-pressed);
@@ -332,10 +332,10 @@
332
332
  --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-hover);
333
333
  --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-press);
334
334
  --hop-Button-ghost-secondary-color-disabled: var(--hop-neutral-text-disabled);
335
- --hop-Button-ghost-secondary-background-color: var(--hop-neutral-surface);
335
+ --hop-Button-ghost-secondary-background-color: transparent;
336
336
  --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
337
337
  --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
338
- --hop-Button-ghost-secondary-background-color-disabled: var(--hop-neutral-surface);
338
+ --hop-Button-ghost-secondary-background-color-disabled: transparent;
339
339
  --hop-Button-ghost-secondary-border: 0.0625rem solid var(--hop-Button-ghost-secondary-background-color);
340
340
  --hop-Button-ghost-secondary-border-hover: 0.0625rem solid var(--hop-Button-ghost-secondary-background-color-hover);
341
341
  --hop-Button-ghost-secondary-border-pressed: 0.0625rem solid var(--hop-Button-ghost-secondary-background-color-pressed);
@@ -349,10 +349,10 @@
349
349
  --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
350
350
  --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
351
351
  --hop-Button-ghost-danger-color-disabled: var(--hop-neutral-text-disabled);
352
- --hop-Button-ghost-danger-background-color: var(--hop-neutral-surface);
352
+ --hop-Button-ghost-danger-background-color: transparent;
353
353
  --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
354
354
  --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
355
- --hop-Button-ghost-danger-background-color-disabled: var(--hop-neutral-surface);
355
+ --hop-Button-ghost-danger-background-color-disabled: transparent;
356
356
  --hop-Button-ghost-danger-border: 0.0625rem solid var(--hop-Button-ghost-danger-background-color);
357
357
  --hop-Button-ghost-danger-border-hover: 0.0625rem solid var(--hop-Button-ghost-danger-background-color-hover);
358
358
  --hop-Button-ghost-danger-border-pressed: 0.0625rem solid var(--hop-Button-ghost-danger-background-color-pressed);
@@ -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___Cgrjd[data-focus-visible] {
399
+ .Button-module__hop-Button___0QG7O[data-focus-visible] {
400
400
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
401
401
  }
402
- .Button-module__hop-Button--icon-only___RLlwJ {
402
+ .Button-module__hop-Button--icon-only___nE-Ma {
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___Cgrjd[data-disabled],
409
- .Button-module__hop-Button___Cgrjd[data-loading] {
408
+ .Button-module__hop-Button___0QG7O[data-disabled],
409
+ .Button-module__hop-Button___0QG7O[data-loading] {
410
410
  cursor: not-allowed;
411
411
  }
412
- .Button-module__hop-Button--fluid___fo6dc {
412
+ .Button-module__hop-Button--fluid___SC33v {
413
413
  --inline-size: 100%;
414
414
  }
415
- .Button-module__hop-Button--sm___yDu3M {
415
+ .Button-module__hop-Button--sm___QU3Uy {
416
416
  --block-size: var(--hop-Button-sm-height);
417
417
  }
418
- .Button-module__hop-Button--primary___DZGNR.Button-module__hop-Button--sm___yDu3M:not(.Button-module__hop-Button--icon-only___RLlwJ) {
418
+ .Button-module__hop-Button--primary___YcboG.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
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___DZGNR.Button-module__hop-Button--md___-sIpE:not(.Button-module__hop-Button--icon-only___RLlwJ) {
422
+ .Button-module__hop-Button--primary___YcboG.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
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___zf0Z2.Button-module__hop-Button--md___-sIpE:not(.Button-module__hop-Button--icon-only___RLlwJ) {
426
+ .Button-module__hop-Button--secondary___gylFe.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
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___zf0Z2.Button-module__hop-Button--sm___yDu3M:not(.Button-module__hop-Button--icon-only___RLlwJ) {
430
+ .Button-module__hop-Button--secondary___gylFe.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
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___ngWeQ.Button-module__hop-Button--md___-sIpE:not(.Button-module__hop-Button--icon-only___RLlwJ) {
434
+ .Button-module__hop-Button--upsell___ddBGK.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
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___ngWeQ.Button-module__hop-Button--sm___yDu3M:not(.Button-module__hop-Button--icon-only___RLlwJ) {
438
+ .Button-module__hop-Button--upsell___ddBGK.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
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___ZhmVr.Button-module__hop-Button--md___-sIpE:not(.Button-module__hop-Button--icon-only___RLlwJ) {
442
+ .Button-module__hop-Button--danger___aosRA.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
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___ZhmVr.Button-module__hop-Button--sm___yDu3M:not(.Button-module__hop-Button--icon-only___RLlwJ) {
446
+ .Button-module__hop-Button--danger___aosRA.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
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___il--b.Button-module__hop-Button--md___-sIpE:not(.Button-module__hop-Button--icon-only___RLlwJ) {
450
+ .Button-module__hop-Button--ghost-danger___dxJKj.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
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___il--b.Button-module__hop-Button--sm___yDu3M:not(.Button-module__hop-Button--icon-only___RLlwJ) {
454
+ .Button-module__hop-Button--ghost-danger___dxJKj.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
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___CE39F.Button-module__hop-Button--md___-sIpE:not(.Button-module__hop-Button--icon-only___RLlwJ) {
458
+ .Button-module__hop-Button--ghost-secondary___CkcMt.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
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___CE39F.Button-module__hop-Button--sm___yDu3M:not(.Button-module__hop-Button--icon-only___RLlwJ) {
462
+ .Button-module__hop-Button--ghost-secondary___CkcMt.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
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___tHGPW.Button-module__hop-Button--md___-sIpE:not(.Button-module__hop-Button--icon-only___RLlwJ) {
466
+ .Button-module__hop-Button--ghost-primary___qiCJB.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
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___tHGPW.Button-module__hop-Button--sm___yDu3M:not(.Button-module__hop-Button--icon-only___RLlwJ) {
470
+ .Button-module__hop-Button--ghost-primary___qiCJB.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
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___DZGNR {
474
+ .Button-module__hop-Button--primary___YcboG {
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___DZGNR[data-disabled]:not([data-loading]) {
480
+ .Button-module__hop-Button--primary___YcboG[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___DZGNR[data-hovered]:not([data-disabled], [data-loading]),
486
- .Button-module__hop-Button--primary___DZGNR[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
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___DZGNR[data-pressed]:not([data-loading]) {
491
+ .Button-module__hop-Button--primary___YcboG[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___zf0Z2 {
496
+ .Button-module__hop-Button--secondary___gylFe {
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___zf0Z2[data-disabled]:not([data-loading]) {
502
+ .Button-module__hop-Button--secondary___gylFe[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___zf0Z2[data-hovered]:not([data-disabled], [data-loading]),
508
- .Button-module__hop-Button--secondary___zf0Z2[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
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___zf0Z2[data-pressed]:not([data-loading]) {
513
+ .Button-module__hop-Button--secondary___gylFe[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___ngWeQ {
518
+ .Button-module__hop-Button--upsell___ddBGK {
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___ngWeQ[data-disabled]:not([data-loading]) {
524
+ .Button-module__hop-Button--upsell___ddBGK[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___ngWeQ[data-hovered]:not([data-disabled], [data-loading]),
530
- .Button-module__hop-Button--upsell___ngWeQ[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
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___ngWeQ[data-pressed]:not([data-loading]) {
535
+ .Button-module__hop-Button--upsell___ddBGK[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___ZhmVr {
540
+ .Button-module__hop-Button--danger___aosRA {
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___ZhmVr[data-disabled]:not([data-loading]) {
546
+ .Button-module__hop-Button--danger___aosRA[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___ZhmVr[data-hovered]:not([data-disabled], [data-loading]),
552
- .Button-module__hop-Button--danger___ZhmVr[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
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___ZhmVr[data-pressed]:not([data-loading]) {
557
+ .Button-module__hop-Button--danger___aosRA[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___tHGPW {
562
+ .Button-module__hop-Button--ghost-primary___qiCJB {
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___tHGPW[data-disabled]:not([data-loading]) {
568
+ .Button-module__hop-Button--ghost-primary___qiCJB[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___tHGPW[data-hovered]:not([data-disabled], [data-loading]),
574
- .Button-module__hop-Button--ghost-primary___tHGPW[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
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___tHGPW[data-pressed]:not([data-loading]) {
579
+ .Button-module__hop-Button--ghost-primary___qiCJB[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___CE39F {
584
+ .Button-module__hop-Button--ghost-secondary___CkcMt {
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___CE39F[data-disabled]:not([data-loading]) {
590
+ .Button-module__hop-Button--ghost-secondary___CkcMt[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___CE39F[data-hovered]:not([data-disabled], [data-loading]),
596
- .Button-module__hop-Button--ghost-secondary___CE39F[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
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___CE39F[data-pressed]:not([data-loading]) {
601
+ .Button-module__hop-Button--ghost-secondary___CkcMt[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___il--b {
606
+ .Button-module__hop-Button--ghost-danger___dxJKj {
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___il--b[data-disabled]:not([data-loading]) {
612
+ .Button-module__hop-Button--ghost-danger___dxJKj[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___il--b[data-hovered]:not([data-disabled], [data-loading]),
618
- .Button-module__hop-Button--ghost-danger___il--b[data-focus-visible]:not([data-disabled], [data-loading]) {
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]) {
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___il--b[data-pressed]:not([data-loading]) {
623
+ .Button-module__hop-Button--ghost-danger___dxJKj[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___1N6T2 {
628
+ .Button-module__hop-Button__Spinner___V265i {
629
629
  position: absolute;
630
630
  justify-self: center;
631
631
  color: var(--spinner-color);
632
632
  }
633
- .Button-module__hop-Button__icon___hJzzP,
634
- .Button-module__hop-Button__icon-list___G-AhQ {
633
+ .Button-module__hop-Button__icon___mwjgX,
634
+ .Button-module__hop-Button__icon-list___5kDpy {
635
635
  grid-area: start-icon;
636
636
  justify-self: end;
637
637
  }
638
- .Button-module__hop-Button__text___jCowV {
638
+ .Button-module__hop-Button__text___YEnli {
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___tHGPW[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___jCowV,
646
- .Button-module__hop-Button--ghost-secondary___CE39F[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___jCowV,
647
- .Button-module__hop-Button--ghost-danger___il--b[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___jCowV,
648
- .Button-module__hop-Button--ghost-primary___tHGPW[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___jCowV,
649
- .Button-module__hop-Button--ghost-secondary___CE39F[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___jCowV,
650
- .Button-module__hop-Button--ghost-danger___il--b[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___jCowV,
651
- .Button-module__hop-Button--ghost-primary___tHGPW[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___jCowV,
652
- .Button-module__hop-Button--ghost-secondary___CE39F[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___jCowV,
653
- .Button-module__hop-Button--ghost-danger___il--b[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___jCowV {
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 {
654
654
  text-decoration: underline;
655
655
  text-underline-offset: 0.125rem;
656
656
  }
657
- .Button-module__hop-Button__end-icon___BjrCe,
658
- .Button-module__hop-Button__end-icon-list___I5u2J {
657
+ .Button-module__hop-Button__end-icon___1Hzgu,
658
+ .Button-module__hop-Button__end-icon-list___ZjiCH {
659
659
  grid-area: end-icon;
660
660
  }
661
- .Button-module__hop-Button___Cgrjd .Button-module__hop-Button__icon-list___G-AhQ,
662
- .Button-module__hop-Button___Cgrjd .Button-module__hop-Button__end-icon-list___I5u2J {
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 {
663
663
  flex-wrap: nowrap;
664
664
  }
665
- .Button-module__hop-Button___Cgrjd[data-loading] > *:not(.Button-module__hop-Button__Spinner___1N6T2) {
665
+ .Button-module__hop-Button___0QG7O[data-loading] > *:not(.Button-module__hop-Button__Spinner___V265i) {
666
666
  opacity: 0;
667
667
  }
package/dist/buttons/src/Button.d.ts CHANGED
@@ -18,7 +18,7 @@ interface ButtonProps extends StyledComponentProps<ButtonProps$1> {
18
18
  /**
19
19
  * Whether or not the button takes up the width of its container.
20
20
  */
21
- fluid?: ResponsiveProp<boolean>;
21
+ isFluid?: ResponsiveProp<boolean>;
22
22
  /** A button can show a loading indicator.*/
23
23
  isLoading?: boolean;
24
24
  /** A URL to link to. Setting this makes the component render an `a` tag instead of a `button` */