@hopper-ui/components 1.4.7 → 1.4.8

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 (308) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Accordion/src/Accordion.css +68 -68
  3. package/dist/Accordion/src/Accordion.js +3 -3
  4. package/dist/Accordion/src/index.css +68 -68
  5. package/dist/Accordion/src/index.js +3 -3
  6. package/dist/Avatar/src/AnonymousAvatar.css +38 -38
  7. package/dist/Avatar/src/AnonymousAvatar.js +3 -3
  8. package/dist/Avatar/src/Avatar.css +56 -56
  9. package/dist/Avatar/src/Avatar.js +4 -4
  10. package/dist/Avatar/src/DeletedAvatar.css +38 -38
  11. package/dist/Avatar/src/DeletedAvatar.js +3 -3
  12. package/dist/Avatar/src/RichIconAvatarImage.css +38 -38
  13. package/dist/Avatar/src/RichIconAvatarImage.js +2 -2
  14. package/dist/Avatar/src/index.css +56 -56
  15. package/dist/Avatar/src/index.js +6 -6
  16. package/dist/Badge/src/Badge.css +43 -43
  17. package/dist/Badge/src/Badge.js +3 -3
  18. package/dist/Badge/src/FloatingBadge.css +38 -38
  19. package/dist/Badge/src/FloatingBadge.js +1 -1
  20. package/dist/Badge/src/index.css +53 -53
  21. package/dist/Badge/src/index.js +4 -4
  22. package/dist/Callout/src/Callout.css +262 -262
  23. package/dist/Callout/src/Callout.js +11 -11
  24. package/dist/Callout/src/CompactCallout.css +293 -293
  25. package/dist/Callout/src/CompactCallout.js +13 -13
  26. package/dist/Callout/src/index.css +304 -304
  27. package/dist/Callout/src/index.js +14 -14
  28. package/dist/Card/src/Card.css +31 -31
  29. package/dist/Card/src/Card.js +1 -1
  30. package/dist/Card/src/index.css +31 -31
  31. package/dist/Card/src/index.js +1 -1
  32. package/dist/ComboBox/src/ComboBox.css +3202 -2852
  33. package/dist/ComboBox/src/ComboBox.d.ts +6 -6
  34. package/dist/ComboBox/src/ComboBox.js +21 -18
  35. package/dist/ComboBox/src/ComboBoxContext.d.ts +3 -2
  36. package/dist/ComboBox/src/index.css +3202 -2852
  37. package/dist/ComboBox/src/index.d.ts +4 -3
  38. package/dist/ComboBox/src/index.js +21 -18
  39. package/dist/Disclosure/src/Disclosure.css +38 -38
  40. package/dist/Disclosure/src/Disclosure.js +3 -3
  41. package/dist/Disclosure/src/DisclosureHeader.css +45 -45
  42. package/dist/Disclosure/src/DisclosureHeader.js +8 -8
  43. package/dist/Disclosure/src/DisclosurePanel.css +38 -38
  44. package/dist/Disclosure/src/DisclosurePanel.js +8 -8
  45. package/dist/Disclosure/src/index.css +63 -63
  46. package/dist/Disclosure/src/index.js +12 -12
  47. package/dist/Divider/src/Divider.css +30 -30
  48. package/dist/Divider/src/Divider.js +1 -1
  49. package/dist/Divider/src/index.css +30 -30
  50. package/dist/Divider/src/index.js +1 -1
  51. package/dist/ErrorMessage/src/ErrorMessage.css +30 -30
  52. package/dist/ErrorMessage/src/ErrorMessage.js +3 -3
  53. package/dist/ErrorMessage/src/index.css +30 -30
  54. package/dist/ErrorMessage/src/index.js +3 -3
  55. package/dist/Form/src/Form.css +28 -28
  56. package/dist/Form/src/Form.js +1 -1
  57. package/dist/Form/src/index.css +28 -28
  58. package/dist/Form/src/index.js +1 -1
  59. package/dist/HelperMessage/src/HelperMessage.css +30 -30
  60. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  61. package/dist/HelperMessage/src/index.css +30 -30
  62. package/dist/HelperMessage/src/index.js +2 -2
  63. package/dist/IconList/src/IconList.css +29 -29
  64. package/dist/IconList/src/IconList.js +1 -1
  65. package/dist/IconList/src/index.css +29 -29
  66. package/dist/IconList/src/index.js +1 -1
  67. package/dist/IllustratedMessage/src/IllustratedMessage.css +270 -270
  68. package/dist/IllustratedMessage/src/IllustratedMessage.js +1 -1
  69. package/dist/IllustratedMessage/src/index.css +270 -270
  70. package/dist/IllustratedMessage/src/index.js +1 -1
  71. package/dist/Image/src/Image.css +31 -31
  72. package/dist/Image/src/Image.js +1 -1
  73. package/dist/Image/src/SvgImage.css +29 -29
  74. package/dist/Image/src/SvgImage.js +1 -1
  75. package/dist/Image/src/index.css +32 -32
  76. package/dist/Image/src/index.js +2 -2
  77. package/dist/Link/src/Link.css +59 -59
  78. package/dist/Link/src/Link.js +7 -7
  79. package/dist/Link/src/index.css +59 -59
  80. package/dist/Link/src/index.js +7 -7
  81. package/dist/ListBox/src/ListBox.css +275 -275
  82. package/dist/ListBox/src/ListBox.js +12 -12
  83. package/dist/ListBox/src/ListBoxItem.css +263 -263
  84. package/dist/ListBox/src/ListBoxItem.js +11 -11
  85. package/dist/ListBox/src/ListBoxItemSkeleton.css +35 -35
  86. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  87. package/dist/ListBox/src/index.css +275 -275
  88. package/dist/ListBox/src/index.js +12 -12
  89. package/dist/SegmentedControl/src/SegmentedControl.css +29 -29
  90. package/dist/SegmentedControl/src/SegmentedControl.js +1 -1
  91. package/dist/SegmentedControl/src/SegmentedControlItem.css +43 -43
  92. package/dist/SegmentedControl/src/SegmentedControlItem.js +6 -6
  93. package/dist/SegmentedControl/src/index.css +44 -44
  94. package/dist/SegmentedControl/src/index.js +7 -7
  95. package/dist/Select/src/Select.css +576 -576
  96. package/dist/Select/src/Select.js +18 -18
  97. package/dist/Select/src/SelectValue.css +62 -62
  98. package/dist/Select/src/SelectValue.js +7 -7
  99. package/dist/Select/src/index.css +576 -576
  100. package/dist/Select/src/index.js +18 -18
  101. package/dist/Spinner/src/Spinner.css +38 -38
  102. package/dist/Spinner/src/Spinner.js +2 -2
  103. package/dist/Spinner/src/index.css +38 -38
  104. package/dist/Spinner/src/index.js +2 -2
  105. package/dist/Tile/src/Tile.css +326 -0
  106. package/dist/Tile/src/Tile.d.ts +20 -0
  107. package/dist/Tile/src/Tile.js +19 -0
  108. package/dist/Tile/src/TileContext.d.ts +9 -0
  109. package/dist/Tile/src/TileContext.js +2 -0
  110. package/dist/Tile/src/TileGroup.css +241 -0
  111. package/dist/Tile/src/TileGroup.d.ts +30 -0
  112. package/dist/Tile/src/TileGroup.js +6 -0
  113. package/dist/Tile/src/TileGroupContext.d.ts +8 -0
  114. package/dist/Tile/src/TileGroupContext.js +2 -0
  115. package/dist/Tile/src/index.css +334 -0
  116. package/dist/Tile/src/index.d.ts +7 -0
  117. package/dist/Tile/src/index.js +21 -0
  118. package/dist/ToggleArrow/src/ToggleArrow.css +30 -30
  119. package/dist/ToggleArrow/src/ToggleArrow.js +1 -1
  120. package/dist/ToggleArrow/src/index.css +30 -30
  121. package/dist/ToggleArrow/src/index.js +1 -1
  122. package/dist/buttons/src/Button.css +94 -94
  123. package/dist/buttons/src/Button.js +8 -8
  124. package/dist/buttons/src/ButtonGroup.css +39 -39
  125. package/dist/buttons/src/ButtonGroup.js +1 -1
  126. package/dist/buttons/src/ClearButton.css +99 -99
  127. package/dist/buttons/src/ClearButton.d.ts +12 -5
  128. package/dist/buttons/src/ClearButton.js +3 -3
  129. package/dist/buttons/src/ClearButtonContext.d.ts +2 -4
  130. package/dist/buttons/src/CloseButton.css +95 -95
  131. package/dist/buttons/src/CloseButton.js +10 -10
  132. package/dist/buttons/src/EmbeddedButton.css +99 -99
  133. package/dist/buttons/src/EmbeddedButton.d.ts +27 -7
  134. package/dist/buttons/src/EmbeddedButton.js +1 -1
  135. package/dist/buttons/src/EmbeddedButtonContext.d.ts +1 -4
  136. package/dist/buttons/src/LinkButton.css +103 -103
  137. package/dist/buttons/src/LinkButton.js +8 -8
  138. package/dist/buttons/src/index.css +251 -251
  139. package/dist/buttons/src/index.d.ts +2 -1
  140. package/dist/buttons/src/index.js +17 -17
  141. package/dist/checkbox/src/Checkbox.css +47 -47
  142. package/dist/checkbox/src/Checkbox.js +7 -7
  143. package/dist/checkbox/src/CheckboxField.css +34 -34
  144. package/dist/checkbox/src/CheckboxField.js +4 -4
  145. package/dist/checkbox/src/CheckboxGroup.css +99 -99
  146. package/dist/checkbox/src/CheckboxGroup.js +8 -8
  147. package/dist/checkbox/src/DecorativeCheckbox.css +55 -55
  148. package/dist/checkbox/src/DecorativeCheckbox.js +8 -8
  149. package/dist/checkbox/src/index.css +99 -99
  150. package/dist/checkbox/src/index.js +14 -14
  151. package/dist/{chunk-NH3IVMXB.js → chunk-2NSUMKNH.js} +1 -1
  152. package/dist/chunk-3MTGAZ77.js +7 -0
  153. package/dist/{chunk-7UNZPFF5.js → chunk-53WBWLKL.js} +12 -11
  154. package/dist/{chunk-ZVNGQXRR.js → chunk-56WMYNUD.js} +3 -3
  155. package/dist/{chunk-HXNEWO5D.js → chunk-5TGWIM5C.js} +15 -13
  156. package/dist/{chunk-2DF25AEQ.js → chunk-6CVROWNN.js} +2 -2
  157. package/dist/{chunk-RYJBYNZT.js → chunk-725VVVMA.js} +1 -1
  158. package/dist/{chunk-MHQ3VHAA.js → chunk-72CSHV4D.js} +6 -6
  159. package/dist/chunk-7HIGRTLG.js +34 -0
  160. package/dist/{chunk-TZEOP7YF.js → chunk-7JQJ5U7J.js} +1 -1
  161. package/dist/{chunk-BHIQ5PPC.js → chunk-7SMF3TO5.js} +2 -2
  162. package/dist/{chunk-OCG7CSY5.js → chunk-AD5GQ24L.js} +1 -1
  163. package/dist/{chunk-JAR25BBL.js → chunk-B7MWXJWS.js} +1 -1
  164. package/dist/{chunk-J6RDT7TX.js → chunk-BPO44JV2.js} +4 -4
  165. package/dist/{chunk-7SCKD7PW.js → chunk-CKH5EUEC.js} +3 -3
  166. package/dist/{chunk-WX5UNPM3.js → chunk-CYICQ2TZ.js} +1 -1
  167. package/dist/{chunk-I73SWVA3.js → chunk-CZRMFNRT.js} +3 -3
  168. package/dist/{chunk-NJUYQ7VF.js → chunk-EZF74GSX.js} +2 -2
  169. package/dist/chunk-EZXZMHPJ.js +77 -0
  170. package/dist/chunk-F6D7LSXZ.js +73 -0
  171. package/dist/{chunk-Z3WDZ52E.js → chunk-F6NQHY35.js} +1 -1
  172. package/dist/{chunk-6LIFUQT4.js → chunk-GOY3T3HI.js} +3 -3
  173. package/dist/{chunk-7DLSOYOU.js → chunk-GZYLFGDT.js} +4 -4
  174. package/dist/{chunk-PHQ6YPQQ.js → chunk-I2LTZFXN.js} +2 -2
  175. package/dist/{chunk-IIAAY3DD.js → chunk-IMUQCB4Q.js} +2 -2
  176. package/dist/{chunk-HJXC5SRI.js → chunk-IYT75GWO.js} +2 -2
  177. package/dist/chunk-JTNKUYE5.js +8 -0
  178. package/dist/{chunk-JUVZRX26.js → chunk-JZ4LJ4M4.js} +4 -4
  179. package/dist/{chunk-LMATFHSS.js → chunk-KFH2WZVX.js} +5 -5
  180. package/dist/{chunk-MF2LIHC6.js → chunk-KIQW5BE4.js} +3 -3
  181. package/dist/{chunk-XLPW4NX3.js → chunk-KVJHBVJU.js} +51 -72
  182. package/dist/{chunk-MPCOEMN2.js → chunk-KW6WJUD5.js} +3 -3
  183. package/dist/{chunk-WICGT2T5.js → chunk-M35EMGMO.js} +1 -1
  184. package/dist/{chunk-2XVB536Z.js → chunk-ML4JW4EF.js} +17 -25
  185. package/dist/chunk-MM2SG6JU.js +75 -0
  186. package/dist/{chunk-SV6RSWOR.js → chunk-N455JVEG.js} +1 -1
  187. package/dist/{chunk-MO4EWTIM.js → chunk-NHKYEZTW.js} +2 -2
  188. package/dist/{chunk-IYRRO5H3.js → chunk-NIOF2SKT.js} +2 -2
  189. package/dist/{chunk-GNPTWYD3.js → chunk-NXT7EAML.js} +3 -3
  190. package/dist/{chunk-4B5NJLD3.js → chunk-OSGTA6DG.js} +1 -1
  191. package/dist/{chunk-ERIQNISN.js → chunk-PAVQC74G.js} +1 -1
  192. package/dist/{chunk-2GGER6XM.js → chunk-PXOVV47X.js} +1 -1
  193. package/dist/{chunk-5JYQWCE5.js → chunk-Q5XBTXXT.js} +7 -7
  194. package/dist/{chunk-DW44WR6W.js → chunk-QOFWY452.js} +3 -3
  195. package/dist/{chunk-HMG6U7FQ.js → chunk-QR6WDDBN.js} +2 -2
  196. package/dist/{chunk-KXAYZ6PQ.js → chunk-QVXYZX5B.js} +1 -1
  197. package/dist/{chunk-OQFPMKF2.js → chunk-RZG5PUET.js} +11 -11
  198. package/dist/{chunk-DOYWH7O2.js → chunk-S4VWM2B6.js} +29 -17
  199. package/dist/{chunk-4BXMSXYQ.js → chunk-SRMMLWHK.js} +1 -1
  200. package/dist/{chunk-ZWDUMUN4.js → chunk-SSV5APP2.js} +2 -2
  201. package/dist/{chunk-K3IUMMRF.js → chunk-TMVLBCMF.js} +3 -3
  202. package/dist/{chunk-P5EIKUXO.js → chunk-U2E2PK7O.js} +3 -3
  203. package/dist/{chunk-JNJYQ26N.js → chunk-UC2WGSJH.js} +13 -13
  204. package/dist/{chunk-MIZJXB3R.js → chunk-UIG77WBM.js} +6 -6
  205. package/dist/{chunk-N3XC5CZP.js → chunk-UXCNMI34.js} +3 -3
  206. package/dist/{chunk-BXPKRAAY.js → chunk-UXGG4SUH.js} +1 -1
  207. package/dist/{chunk-WLIPEWRM.js → chunk-VFZ2K6U6.js} +2 -2
  208. package/dist/{chunk-JZ6DMATL.js → chunk-VHVRECJY.js} +5 -5
  209. package/dist/{chunk-7EUXODLY.js → chunk-VOXZA4YS.js} +1 -1
  210. package/dist/{chunk-OIELLCFE.js → chunk-W2TEMTXK.js} +1 -1
  211. package/dist/{chunk-UICYQNAO.js → chunk-WNFSIU36.js} +3 -3
  212. package/dist/{chunk-K7JDZAO3.js → chunk-XV2C6MXF.js} +8 -8
  213. package/dist/{chunk-55OPYST3.js → chunk-YHRCBRDZ.js} +1 -1
  214. package/dist/{chunk-W5HTSWT3.js → chunk-YMQMJAC4.js} +4 -4
  215. package/dist/{chunk-Y7ATRH3L.js → chunk-YP2IQM4Y.js} +3 -3
  216. package/dist/{chunk-NFIZ44XF.js → chunk-Z2SUHJJH.js} +4 -4
  217. package/dist/{chunk-3JJL6GD6.js → chunk-Z7ORLEY6.js} +1 -1
  218. package/dist/{chunk-KBHWDMMF.js → chunk-ZJBNVQTB.js} +1 -3
  219. package/dist/{chunk-YQLCOKBQ.js → chunk-ZMNX5LVE.js} +2 -2
  220. package/dist/index.css +1845 -1948
  221. package/dist/index.d.ts +6 -4
  222. package/dist/index.js +83 -83
  223. package/dist/inputs/src/Input.css +302 -0
  224. package/dist/inputs/src/Input.d.ts +15 -0
  225. package/dist/inputs/src/Input.js +3 -0
  226. package/dist/inputs/src/InputGroup.css +47 -1483
  227. package/dist/inputs/src/InputGroup.d.ts +1 -18
  228. package/dist/inputs/src/InputGroup.js +1 -3
  229. package/dist/inputs/src/InputGroupContext.d.ts +0 -2
  230. package/dist/inputs/src/NumberField.css +130 -1526
  231. package/dist/inputs/src/NumberField.js +12 -13
  232. package/dist/inputs/src/PasswordField.css +346 -380
  233. package/dist/inputs/src/PasswordField.d.ts +4 -4
  234. package/dist/inputs/src/PasswordField.js +13 -12
  235. package/dist/inputs/src/PasswordFieldContext.d.ts +2 -2
  236. package/dist/inputs/src/RemainingCharacterCount.css +31 -31
  237. package/dist/inputs/src/RemainingCharacterCount.js +7 -7
  238. package/dist/inputs/src/SearchField.css +350 -386
  239. package/dist/inputs/src/SearchField.d.ts +2 -2
  240. package/dist/inputs/src/SearchField.js +15 -14
  241. package/dist/inputs/src/SearchFieldContext.d.ts +2 -2
  242. package/dist/inputs/src/TextArea.css +122 -1498
  243. package/dist/inputs/src/TextArea.js +11 -12
  244. package/dist/inputs/src/TextField.css +348 -384
  245. package/dist/inputs/src/TextField.js +17 -16
  246. package/dist/inputs/src/index.css +625 -628
  247. package/dist/inputs/src/index.d.ts +4 -3
  248. package/dist/inputs/src/index.js +22 -22
  249. package/dist/overlays/Popover/src/Popover.css +552 -552
  250. package/dist/overlays/Popover/src/Popover.js +6 -6
  251. package/dist/overlays/Popover/src/index.css +552 -552
  252. package/dist/overlays/Popover/src/index.js +6 -6
  253. package/dist/radio/src/DecorativeRadio.css +55 -55
  254. package/dist/radio/src/DecorativeRadio.js +8 -8
  255. package/dist/radio/src/Radio.css +47 -47
  256. package/dist/radio/src/Radio.js +7 -7
  257. package/dist/radio/src/RadioField.css +34 -34
  258. package/dist/radio/src/RadioField.js +3 -3
  259. package/dist/radio/src/RadioGroup.css +99 -99
  260. package/dist/radio/src/RadioGroup.js +7 -7
  261. package/dist/radio/src/index.css +99 -99
  262. package/dist/radio/src/index.js +13 -13
  263. package/dist/switch/src/Switch.css +44 -44
  264. package/dist/switch/src/Switch.js +7 -7
  265. package/dist/switch/src/SwitchField.css +34 -34
  266. package/dist/switch/src/SwitchField.js +4 -4
  267. package/dist/switch/src/index.css +50 -50
  268. package/dist/switch/src/index.js +10 -10
  269. package/dist/tag/src/Tag.css +392 -392
  270. package/dist/tag/src/Tag.d.ts +46 -5
  271. package/dist/tag/src/Tag.js +11 -11
  272. package/dist/tag/src/TagContext.d.ts +3 -1
  273. package/dist/tag/src/TagGroup.css +38 -38
  274. package/dist/tag/src/TagGroup.d.ts +3 -1
  275. package/dist/tag/src/TagGroup.js +8 -8
  276. package/dist/tag/src/TagGroupContext.d.ts +3 -1
  277. package/dist/tag/src/index.css +402 -402
  278. package/dist/tag/src/index.d.ts +3 -1
  279. package/dist/tag/src/index.js +17 -17
  280. package/dist/typography/Heading/src/Heading.css +28 -28
  281. package/dist/typography/Heading/src/Heading.js +1 -1
  282. package/dist/typography/Heading/src/index.css +28 -28
  283. package/dist/typography/Heading/src/index.js +1 -1
  284. package/dist/typography/Label/src/Label.css +28 -28
  285. package/dist/typography/Label/src/Label.js +2 -2
  286. package/dist/typography/Label/src/index.css +28 -28
  287. package/dist/typography/Label/src/index.js +2 -2
  288. package/dist/typography/OverlineText/src/OverlineText.css +28 -28
  289. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  290. package/dist/typography/OverlineText/src/index.css +28 -28
  291. package/dist/typography/OverlineText/src/index.js +1 -1
  292. package/dist/typography/Text/src/Text.css +28 -28
  293. package/dist/typography/Text/src/Text.js +1 -1
  294. package/dist/typography/Text/src/index.css +28 -28
  295. package/dist/typography/Text/src/index.js +1 -1
  296. package/dist/utils/src/EnsureTextWrapper.css +28 -28
  297. package/dist/utils/src/EnsureTextWrapper.js +6 -6
  298. package/dist/utils/src/index.css +28 -28
  299. package/dist/utils/src/index.d.ts +0 -1
  300. package/dist/utils/src/index.js +8 -9
  301. package/dist/utils/src/types.d.ts +1 -1
  302. package/dist/utils/src/useRenderProps.js +1 -1
  303. package/package.json +1 -1
  304. package/dist/ClearButton-wcnm_ugx.d.ts +0 -80
  305. package/dist/chunk-2JXEPUMG.js +0 -102
  306. package/dist/chunk-MTDFS4CZ.js +0 -12
  307. package/dist/utils/src/useScale.d.ts +0 -11
  308. package/dist/utils/src/useScale.js +0 -2
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___MV97T {
2
+ .Heading-module__hop-Heading___o-v-P {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,50 +33,50 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___MV97T) {
36
+ :where(.Heading-module__hop-Heading___o-v-P) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
40
40
  font-weight: var(--font-weight);
41
41
  line-height: var(--line-height);
42
42
  }
43
- :where(.Heading-module__hop-Heading--xs___skrqP) {
43
+ :where(.Heading-module__hop-Heading--xs___KXQEX) {
44
44
  --font-size: var(--hop-Heading-xs-font-size);
45
45
  --font-family: var(--hop-Heading-xs-font-family);
46
46
  --font-weight: var(--hop-Heading-xs-font-weight);
47
47
  --line-height: var(--hop-Heading-xs-line-height);
48
48
  }
49
- :where(.Heading-module__hop-Heading--sm___3HGuM) {
49
+ :where(.Heading-module__hop-Heading--sm___-WdRn) {
50
50
  --font-size: var(--hop-Heading-sm-font-size);
51
51
  --font-family: var(--hop-Heading-sm-font-family);
52
52
  --font-weight: var(--hop-Heading-sm-font-weight);
53
53
  --line-height: var(--hop-Heading-sm-line-height);
54
54
  }
55
- :where(.Heading-module__hop-Heading--md___4p-Ip) {
55
+ :where(.Heading-module__hop-Heading--md___ukpIT) {
56
56
  --font-size: var(--hop-Heading-md-font-size);
57
57
  --font-family: var(--hop-Heading-md-font-family);
58
58
  --font-weight: var(--hop-Heading-md-font-weight);
59
59
  --line-height: var(--hop-Heading-md-line-height);
60
60
  }
61
- :where(.Heading-module__hop-Heading--lg___91wTX) {
61
+ :where(.Heading-module__hop-Heading--lg___i2P5H) {
62
62
  --font-size: var(--hop-Heading-lg-font-size);
63
63
  --font-family: var(--hop-Heading-lg-font-family);
64
64
  --font-weight: var(--hop-Heading-lg-font-weight);
65
65
  --line-height: var(--hop-Heading-lg-line-height);
66
66
  }
67
- :where(.Heading-module__hop-Heading--xl___1a9tn) {
67
+ :where(.Heading-module__hop-Heading--xl___Tsi-u) {
68
68
  --font-size: var(--hop-Heading-xl-font-size);
69
69
  --font-family: var(--hop-Heading-xl-font-family);
70
70
  --font-weight: var(--hop-Heading-xl-font-weight);
71
71
  --line-height: var(--hop-Heading-xl-line-height);
72
72
  }
73
- :where(.Heading-module__hop-Heading--2xl___HRwDE) {
73
+ :where(.Heading-module__hop-Heading--2xl___yfzVl) {
74
74
  --font-size: var(--hop-Heading-2xl-font-size);
75
75
  --font-family: var(--hop-Heading-2xl-font-family);
76
76
  --font-weight: var(--hop-Heading-2xl-font-weight);
77
77
  --line-height: var(--hop-Heading-2xl-line-height);
78
78
  }
79
- :where(.Heading-module__hop-Heading--3xl___Ni3KL) {
79
+ :where(.Heading-module__hop-Heading--3xl___4mhyI) {
80
80
  --font-size: var(--hop-Heading-3xl-font-size);
81
81
  --font-family: var(--hop-Heading-3xl-font-family);
82
82
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -84,7 +84,7 @@
84
84
  }
85
85
 
86
86
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
87
- .Text-module__hop-Text___M2a7F {
87
+ .Text-module__hop-Text___w4sro {
88
88
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
89
89
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
90
90
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -114,49 +114,49 @@
114
114
  --hop-Text-inherit-size-font-weight: inherit;
115
115
  --hop-Text-inherit-size-line-height: inherit;
116
116
  }
117
- :where(.Text-module__hop-Text___M2a7F) {
117
+ :where(.Text-module__hop-Text___w4sro) {
118
118
  font-family: var(--font-family);
119
119
  font-size: var(--font-size);
120
120
  font-weight: var(--font-weight);
121
121
  line-height: var(--line-height);
122
122
  }
123
- :where(.Text-module__hop-Text--xs___wFmT7) {
123
+ :where(.Text-module__hop-Text--xs___YJQqc) {
124
124
  --font-size: var(--hop-Text-xs-font-size);
125
125
  --font-family: var(--hop-Text-xs-font-family);
126
126
  --font-weight: var(--hop-Text-xs-font-weight);
127
127
  --line-height: var(--hop-Text-xs-line-height);
128
128
  }
129
- :where(.Text-module__hop-Text--sm___mVKDe) {
129
+ :where(.Text-module__hop-Text--sm___b-Fyx) {
130
130
  --font-size: var(--hop-Text-sm-font-size);
131
131
  --font-family: var(--hop-Text-sm-font-family);
132
132
  --font-weight: var(--hop-Text-sm-font-weight);
133
133
  --line-height: var(--hop-Text-sm-line-height);
134
134
  }
135
- :where(.Text-module__hop-Text--md___r-Who) {
135
+ :where(.Text-module__hop-Text--md___Mv6pk) {
136
136
  --font-size: var(--hop-Text-md-font-size);
137
137
  --font-family: var(--hop-Text-md-font-family);
138
138
  --font-weight: var(--hop-Text-md-font-weight);
139
139
  --line-height: var(--hop-Text-md-line-height);
140
140
  }
141
- :where(.Text-module__hop-Text--lg___xmcjP) {
141
+ :where(.Text-module__hop-Text--lg___meTgy) {
142
142
  --font-size: var(--hop-Text-lg-font-size);
143
143
  --font-family: var(--hop-Text-lg-font-family);
144
144
  --font-weight: var(--hop-Text-lg-font-weight);
145
145
  --line-height: var(--hop-Text-lg-line-height);
146
146
  }
147
- :where(.Text-module__hop-Text--xl___HB5dh) {
147
+ :where(.Text-module__hop-Text--xl___62mE-) {
148
148
  --font-size: var(--hop-Text-xl-font-size);
149
149
  --font-family: var(--hop-Text-xl-font-family);
150
150
  --font-weight: var(--hop-Text-xl-font-weight);
151
151
  --line-height: var(--hop-Text-xl-line-height);
152
152
  }
153
- :where(.Text-module__hop-Text--2xl___vay0i) {
153
+ :where(.Text-module__hop-Text--2xl___MKyPg) {
154
154
  --font-size: var(--hop-Text-2xl-font-size);
155
155
  --font-family: var(--hop-Text-2xl-font-family);
156
156
  --font-weight: var(--hop-Text-2xl-font-weight);
157
157
  --line-height: var(--hop-Text-2xl-line-height);
158
158
  }
159
- :where(.Text-module__hop-Text--inherit___VAeUU) {
159
+ :where(.Text-module__hop-Text--inherit___CbsDY) {
160
160
  --font-size: var(--hop-Text-inherit-size-font-size);
161
161
  --font-family: var(--hop-Text-inherit-size-font-family);
162
162
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -164,7 +164,7 @@
164
164
  }
165
165
 
166
166
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
167
- :where(.OverlineText-module__hop-OverlineText___wsazM) {
167
+ :where(.OverlineText-module__hop-OverlineText___LwiJI) {
168
168
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
169
169
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
170
170
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -188,52 +188,52 @@
188
188
  text-transform: uppercase;
189
189
  letter-spacing: var(--letter-spacing);
190
190
  }
191
- .OverlineText-module__hop-OverlineText__text___sBkU7 {
191
+ .OverlineText-module__hop-OverlineText__text___ExOHp {
192
192
  box-sizing: border-box;
193
193
  }
194
- .OverlineText-module__hop-OverlineText__text___sBkU7::before,
195
- .OverlineText-module__hop-OverlineText__text___sBkU7::after {
194
+ .OverlineText-module__hop-OverlineText__text___ExOHp::before,
195
+ .OverlineText-module__hop-OverlineText__text___ExOHp::after {
196
196
  content: "";
197
197
  display: block;
198
198
  box-sizing: border-box;
199
199
  inline-size: 0;
200
200
  block-size: 0;
201
201
  }
202
- .OverlineText-module__hop-OverlineText__text___sBkU7::before {
202
+ .OverlineText-module__hop-OverlineText__text___ExOHp::before {
203
203
  margin-block-end: var(--bottom-offset);
204
204
  }
205
- .OverlineText-module__hop-OverlineText__text___sBkU7::after {
205
+ .OverlineText-module__hop-OverlineText__text___ExOHp::after {
206
206
  margin-block-start: var(--top-offset);
207
207
  }
208
208
 
209
209
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
210
- .Form-module__hop-Form___jhdfJ {
210
+ .Form-module__hop-Form___CQAzy {
211
211
  display: flex;
212
212
  flex-direction: column;
213
213
  gap: var(--hop-space-stack-lg);
214
214
  }
215
215
 
216
216
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
217
- .Label-module__hop-Label___GS84I {
217
+ .Label-module__hop-Label___fv4X4 {
218
218
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
219
219
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
220
220
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
221
221
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
222
222
  --hop-Label-color: var(--hop-neutral-text-weak);
223
223
  }
224
- :where(.Label-module__hop-Label___GS84I) {
224
+ :where(.Label-module__hop-Label___fv4X4) {
225
225
  font-family: var(--hop-Label-font-family);
226
226
  font-size: var(--hop-Label-font-size);
227
227
  font-weight: var(--hop-Label-font-weight);
228
228
  line-height: var(--hop-Label-line-height);
229
229
  color: var(--hop-Label-color);
230
230
  }
231
- :where(.Label-module__hop-Label__indicator___GAUqr) {
231
+ :where(.Label-module__hop-Label__indicator___5kTP2) {
232
232
  padding-inline-start: var(--hop-space-20);
233
233
  }
234
234
 
235
235
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
236
- .EmbeddedButton-module__hop-EmbeddedButton___tHTN9 {
236
+ .EmbeddedButton-module__hop-EmbeddedButton___x-YsH {
237
237
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
238
238
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
239
239
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -397,7 +397,7 @@
397
397
  outline: none;
398
398
  transition: color var(--transition);
399
399
  }
400
- .EmbeddedButton-module__hop-EmbeddedButton___tHTN9::before {
400
+ .EmbeddedButton-module__hop-EmbeddedButton___x-YsH::before {
401
401
  content: "";
402
402
  position: absolute;
403
403
  inset-block-start: 50%;
@@ -410,278 +410,278 @@
410
410
  border-radius: var(--effect-border-radius);
411
411
  transition: background-color var(--transition);
412
412
  }
413
- .EmbeddedButton-module__hop-EmbeddedButton___tHTN9[data-square] {
413
+ .EmbeddedButton-module__hop-EmbeddedButton___x-YsH[data-square] {
414
414
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
415
415
  }
416
- .EmbeddedButton-module__hop-EmbeddedButton--md___GGTp9 {
416
+ .EmbeddedButton-module__hop-EmbeddedButton--md___IwZov {
417
417
  --inline-size: var(--hop-EmbeddedButton-md-width);
418
418
  --block-size: var(--hop-EmbeddedButton-md-height);
419
419
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
420
420
  }
421
- .EmbeddedButton-module__hop-EmbeddedButton--lg___y8j8G {
421
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___OcPc2 {
422
422
  --inline-size: var(--hop-EmbeddedButton-lg-width);
423
423
  --block-size: var(--hop-EmbeddedButton-lg-height);
424
424
  --focus-ring-offset: 0;
425
425
  }
426
- .EmbeddedButton-module__hop-EmbeddedButton--md___GGTp9::before {
426
+ .EmbeddedButton-module__hop-EmbeddedButton--md___IwZov::before {
427
427
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
428
428
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
429
429
  }
430
- .EmbeddedButton-module__hop-EmbeddedButton--lg___y8j8G::before {
430
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___OcPc2::before {
431
431
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
432
432
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
433
433
  }
434
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___zK4NR {
434
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___2SZhx {
435
435
  --color: var(--hop-EmbeddedButton-neutral-color);
436
436
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
437
437
  }
438
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___euARn {
438
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___LyVNp {
439
439
  --color: var(--hop-EmbeddedButton-subdued-color);
440
440
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
441
441
  }
442
- .EmbeddedButton-module__hop-EmbeddedButton--progress___Fe8-g {
442
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___neixG {
443
443
  --color: var(--hop-EmbeddedButton-progress-color);
444
444
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
445
445
  }
446
- .EmbeddedButton-module__hop-EmbeddedButton--positive___WxJr- {
446
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___8cmit {
447
447
  --color: var(--hop-EmbeddedButton-positive-color);
448
448
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
449
449
  }
450
- .EmbeddedButton-module__hop-EmbeddedButton--caution___IQR3x {
450
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___27chF {
451
451
  --color: var(--hop-EmbeddedButton-caution-color);
452
452
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
453
453
  }
454
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HdKSY {
454
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___abUnN {
455
455
  --color: var(--hop-EmbeddedButton-negative-color);
456
456
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
457
457
  }
458
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dJCvA {
458
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RMrlr {
459
459
  --color: var(--hop-EmbeddedButton-option1-color);
460
460
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
461
461
  }
462
- .EmbeddedButton-module__hop-EmbeddedButton--option2___2Ek0f {
462
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___4LcR- {
463
463
  --color: var(--hop-EmbeddedButton-option2-color);
464
464
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
465
465
  }
466
- .EmbeddedButton-module__hop-EmbeddedButton--option3___0DPJ- {
466
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___W5w7o {
467
467
  --color: var(--hop-EmbeddedButton-option3-color);
468
468
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
469
469
  }
470
- .EmbeddedButton-module__hop-EmbeddedButton--option4___RmwOz {
470
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___slDEn {
471
471
  --color: var(--hop-EmbeddedButton-option4-color);
472
472
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
473
473
  }
474
- .EmbeddedButton-module__hop-EmbeddedButton--option5___uxtHf {
474
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uA7HB {
475
475
  --color: var(--hop-EmbeddedButton-option5-color);
476
476
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
477
477
  }
478
- .EmbeddedButton-module__hop-EmbeddedButton--option6___9JkLZ {
478
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Vqbsn {
479
479
  --color: var(--hop-EmbeddedButton-option6-color);
480
480
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
481
481
  }
482
- .EmbeddedButton-module__hop-EmbeddedButton___tHTN9[data-selected] {
482
+ .EmbeddedButton-module__hop-EmbeddedButton___x-YsH[data-selected] {
483
483
  --color: var(--hop-EmbeddedButton-selected-color);
484
484
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
485
485
  }
486
- .EmbeddedButton-module__hop-EmbeddedButton___tHTN9[data-focus-visible] {
486
+ .EmbeddedButton-module__hop-EmbeddedButton___x-YsH[data-focus-visible] {
487
487
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
488
488
  outline-offset: var(--focus-ring-offset);
489
489
  }
490
- .EmbeddedButton-module__hop-EmbeddedButton___tHTN9[data-disabled] {
490
+ .EmbeddedButton-module__hop-EmbeddedButton___x-YsH[data-disabled] {
491
491
  cursor: not-allowed;
492
492
  }
493
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___zK4NR[data-hovered] {
493
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___2SZhx[data-hovered] {
494
494
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
495
495
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
496
496
  }
497
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___zK4NR[data-focus-visible] {
497
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___2SZhx[data-focus-visible] {
498
498
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
499
499
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
500
500
  }
501
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___zK4NR[data-pressed] {
501
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___2SZhx[data-pressed] {
502
502
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
503
503
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
504
504
  }
505
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___zK4NR[data-disabled] {
505
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___2SZhx[data-disabled] {
506
506
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
507
507
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
508
508
  }
509
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___euARn[data-hovered] {
509
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___LyVNp[data-hovered] {
510
510
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
511
511
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
512
512
  }
513
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___euARn[data-focus-visible] {
513
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___LyVNp[data-focus-visible] {
514
514
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
515
515
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
516
516
  }
517
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___euARn[data-pressed] {
517
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___LyVNp[data-pressed] {
518
518
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
519
519
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
520
520
  }
521
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___euARn[data-disabled] {
521
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___LyVNp[data-disabled] {
522
522
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
523
523
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
524
524
  }
525
- .EmbeddedButton-module__hop-EmbeddedButton--progress___Fe8-g[data-hovered] {
525
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___neixG[data-hovered] {
526
526
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
527
527
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
528
528
  }
529
- .EmbeddedButton-module__hop-EmbeddedButton--progress___Fe8-g[data-focus-visible] {
529
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___neixG[data-focus-visible] {
530
530
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
531
531
  --color: var(--hop-EmbeddedButton-progress-color-focused);
532
532
  }
533
- .EmbeddedButton-module__hop-EmbeddedButton--progress___Fe8-g[data-pressed] {
533
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___neixG[data-pressed] {
534
534
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
535
535
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
536
536
  }
537
- .EmbeddedButton-module__hop-EmbeddedButton--progress___Fe8-g[data-disabled] {
537
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___neixG[data-disabled] {
538
538
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
539
539
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
540
540
  }
541
- .EmbeddedButton-module__hop-EmbeddedButton--positive___WxJr-[data-hovered] {
541
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___8cmit[data-hovered] {
542
542
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
543
543
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
544
544
  }
545
- .EmbeddedButton-module__hop-EmbeddedButton--positive___WxJr-[data-focus-visible] {
545
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___8cmit[data-focus-visible] {
546
546
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
547
547
  --color: var(--hop-EmbeddedButton-positive-color-focused);
548
548
  }
549
- .EmbeddedButton-module__hop-EmbeddedButton--positive___WxJr-[data-pressed] {
549
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___8cmit[data-pressed] {
550
550
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
551
551
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
552
552
  }
553
- .EmbeddedButton-module__hop-EmbeddedButton--positive___WxJr-[data-disabled] {
553
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___8cmit[data-disabled] {
554
554
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
555
555
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
556
556
  }
557
- .EmbeddedButton-module__hop-EmbeddedButton--caution___IQR3x[data-hovered] {
557
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___27chF[data-hovered] {
558
558
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
559
559
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
560
560
  }
561
- .EmbeddedButton-module__hop-EmbeddedButton--caution___IQR3x[data-focus-visible] {
561
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___27chF[data-focus-visible] {
562
562
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
563
563
  --color: var(--hop-EmbeddedButton-caution-color-focused);
564
564
  }
565
- .EmbeddedButton-module__hop-EmbeddedButton--caution___IQR3x[data-pressed] {
565
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___27chF[data-pressed] {
566
566
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
567
567
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
568
568
  }
569
- .EmbeddedButton-module__hop-EmbeddedButton--caution___IQR3x[data-disabled] {
569
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___27chF[data-disabled] {
570
570
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
571
571
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
572
572
  }
573
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HdKSY[data-hovered] {
573
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___abUnN[data-hovered] {
574
574
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
575
575
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
576
576
  }
577
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HdKSY[data-focus-visible] {
577
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___abUnN[data-focus-visible] {
578
578
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
579
579
  --color: var(--hop-EmbeddedButton-negative-color-focused);
580
580
  }
581
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HdKSY[data-pressed] {
581
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___abUnN[data-pressed] {
582
582
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
583
583
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
584
584
  }
585
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HdKSY[data-disabled] {
585
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___abUnN[data-disabled] {
586
586
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
587
587
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
588
588
  }
589
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dJCvA[data-hovered] {
589
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RMrlr[data-hovered] {
590
590
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
591
591
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
592
592
  }
593
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dJCvA[data-focus-visible] {
593
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RMrlr[data-focus-visible] {
594
594
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
595
595
  --color: var(--hop-EmbeddedButton-option1-color-focused);
596
596
  }
597
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dJCvA[data-pressed] {
597
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RMrlr[data-pressed] {
598
598
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
599
599
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
600
600
  }
601
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dJCvA[data-disabled] {
601
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RMrlr[data-disabled] {
602
602
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
603
603
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
604
604
  }
605
- .EmbeddedButton-module__hop-EmbeddedButton--option2___2Ek0f[data-hovered] {
605
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___4LcR-[data-hovered] {
606
606
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
607
607
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
608
608
  }
609
- .EmbeddedButton-module__hop-EmbeddedButton--option2___2Ek0f[data-focus-visible] {
609
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___4LcR-[data-focus-visible] {
610
610
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
611
611
  --color: var(--hop-EmbeddedButton-option2-color-focused);
612
612
  }
613
- .EmbeddedButton-module__hop-EmbeddedButton--option2___2Ek0f[data-pressed] {
613
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___4LcR-[data-pressed] {
614
614
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
615
615
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
616
616
  }
617
- .EmbeddedButton-module__hop-EmbeddedButton--option2___2Ek0f[data-disabled] {
617
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___4LcR-[data-disabled] {
618
618
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
619
619
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
620
620
  }
621
- .EmbeddedButton-module__hop-EmbeddedButton--option3___0DPJ-[data-hovered] {
621
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___W5w7o[data-hovered] {
622
622
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
623
623
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
624
624
  }
625
- .EmbeddedButton-module__hop-EmbeddedButton--option3___0DPJ-[data-focus-visible] {
625
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___W5w7o[data-focus-visible] {
626
626
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
627
627
  --color: var(--hop-EmbeddedButton-option3-color-focused);
628
628
  }
629
- .EmbeddedButton-module__hop-EmbeddedButton--option3___0DPJ-[data-pressed] {
629
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___W5w7o[data-pressed] {
630
630
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
631
631
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
632
632
  }
633
- .EmbeddedButton-module__hop-EmbeddedButton--option3___0DPJ-[data-disabled] {
633
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___W5w7o[data-disabled] {
634
634
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
635
635
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
636
636
  }
637
- .EmbeddedButton-module__hop-EmbeddedButton--option4___RmwOz[data-hovered] {
637
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___slDEn[data-hovered] {
638
638
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
639
639
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
640
640
  }
641
- .EmbeddedButton-module__hop-EmbeddedButton--option4___RmwOz[data-focus-visible] {
641
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___slDEn[data-focus-visible] {
642
642
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
643
643
  --color: var(--hop-EmbeddedButton-option4-color-focused);
644
644
  }
645
- .EmbeddedButton-module__hop-EmbeddedButton--option4___RmwOz[data-pressed] {
645
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___slDEn[data-pressed] {
646
646
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
647
647
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
648
648
  }
649
- .EmbeddedButton-module__hop-EmbeddedButton--option4___RmwOz[data-disabled] {
649
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___slDEn[data-disabled] {
650
650
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
651
651
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
652
652
  }
653
- .EmbeddedButton-module__hop-EmbeddedButton--option5___uxtHf[data-hovered] {
653
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uA7HB[data-hovered] {
654
654
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
655
655
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
656
656
  }
657
- .EmbeddedButton-module__hop-EmbeddedButton--option5___uxtHf[data-focus-visible] {
657
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uA7HB[data-focus-visible] {
658
658
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
659
659
  --color: var(--hop-EmbeddedButton-option5-color-focused);
660
660
  }
661
- .EmbeddedButton-module__hop-EmbeddedButton--option5___uxtHf[data-pressed] {
661
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uA7HB[data-pressed] {
662
662
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
663
663
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
664
664
  }
665
- .EmbeddedButton-module__hop-EmbeddedButton--option5___uxtHf[data-disabled] {
665
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uA7HB[data-disabled] {
666
666
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
667
667
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
668
668
  }
669
- .EmbeddedButton-module__hop-EmbeddedButton--option6___9JkLZ[data-hovered] {
669
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Vqbsn[data-hovered] {
670
670
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
671
671
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
672
672
  }
673
- .EmbeddedButton-module__hop-EmbeddedButton--option6___9JkLZ[data-focus-visible] {
673
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Vqbsn[data-focus-visible] {
674
674
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
675
675
  --color: var(--hop-EmbeddedButton-option6-color-focused);
676
676
  }
677
- .EmbeddedButton-module__hop-EmbeddedButton--option6___9JkLZ[data-pressed] {
677
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Vqbsn[data-pressed] {
678
678
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
679
679
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
680
680
  }
681
- .EmbeddedButton-module__hop-EmbeddedButton--option6___9JkLZ[data-disabled] {
681
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Vqbsn[data-disabled] {
682
682
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
683
683
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
684
684
  }
685
- .EmbeddedButton-module__hop-EmbeddedButton__icon___QJXMa {
685
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___9vR4i {
686
686
  position: relative;
687
687
  }
@@ -1,7 +1,14 @@
1
- import 'react';
2
- export { _ as ClearButton, C as ClearButtonProps, G as GlobalClearButtonCssSelector } from '../../ClearButton-wcnm_ugx.js';
1
+ import * as react from 'react';
2
+ import { EmbeddedButtonProps } from './EmbeddedButton.js';
3
3
  import '@hopper-ui/styled-system';
4
4
  import 'react-aria-components';
5
- import '../../Spinner/src/Spinner.js';
6
- import '../../utils/src/types.js';
7
- import '@react-types/shared';
5
+
6
+ declare const GlobalClearButtonCssSelector = "hop-ClearButton";
7
+ interface ClearButtonProps extends EmbeddedButtonProps {
8
+ }
9
+ /**
10
+ * ClearButtons are used to initialize an action. ClearButton labels express what action will occur when the user interacts with it.
11
+ */
12
+ declare const _ClearButton: react.ForwardRefExoticComponent<ClearButtonProps & react.RefAttributes<HTMLButtonElement>>;
13
+
14
+ export { _ClearButton as ClearButton, type ClearButtonProps, GlobalClearButtonCssSelector };
@@ -1,7 +1,7 @@
1
- export { _ClearButton as ClearButton, GlobalClearButtonCssSelector } from '../../chunk-55OPYST3.js';
2
- import '../../chunk-DXVKHP4V.js';
3
- import '../../chunk-KBHWDMMF.js';
1
+ export { _ClearButton as ClearButton, GlobalClearButtonCssSelector } from '../../chunk-YHRCBRDZ.js';
2
+ import '../../chunk-ZJBNVQTB.js';
4
3
  import '../../chunk-O7IJYNVQ.js';
4
+ import '../../chunk-DXVKHP4V.js';
5
5
  import '../../chunk-75DHKNW2.js';
6
6
  import '../../chunk-65JPI4FL.js';
7
7
  import '../../chunk-M36KANKC.js';
@@ -1,10 +1,8 @@
1
1
  import * as react from 'react';
2
2
  import { ContextValue } from 'react-aria-components';
3
- import { C as ClearButtonProps } from '../../ClearButton-wcnm_ugx.js';
3
+ import { ClearButtonProps } from './ClearButton.js';
4
+ import './EmbeddedButton.js';
4
5
  import '@hopper-ui/styled-system';
5
- import '../../Spinner/src/Spinner.js';
6
- import '../../utils/src/types.js';
7
- import '@react-types/shared';
8
6
 
9
7
  declare const ClearButtonContext: react.Context<ContextValue<ClearButtonProps, HTMLButtonElement>>;
10
8