@hopper-ui/components 1.13.0 → 1.14.0

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 (378) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/accordion/src/Accordion.css +79 -79
  3. package/dist/accordion/src/Accordion.js +3 -3
  4. package/dist/accordion/src/index.css +79 -79
  5. package/dist/accordion/src/index.js +3 -3
  6. package/dist/alert/src/Alert.css +415 -457
  7. package/dist/alert/src/Alert.js +14 -14
  8. package/dist/alert/src/index.css +415 -457
  9. package/dist/alert/src/index.js +14 -14
  10. package/dist/avatar/src/AnonymousAvatar.css +51 -51
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +71 -71
  13. package/dist/avatar/src/Avatar.js +4 -4
  14. package/dist/avatar/src/AvatarGroup.css +66 -66
  15. package/dist/avatar/src/AvatarGroup.js +4 -4
  16. package/dist/avatar/src/BrokenAvatar.css +51 -51
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +51 -51
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +51 -51
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +98 -98
  23. package/dist/avatar/src/index.js +9 -9
  24. package/dist/badge/src/Badge.css +54 -54
  25. package/dist/badge/src/Badge.js +2 -2
  26. package/dist/badge/src/FloatingBadge.css +49 -49
  27. package/dist/badge/src/FloatingBadge.js +1 -1
  28. package/dist/badge/src/index.css +64 -64
  29. package/dist/badge/src/index.js +3 -3
  30. package/dist/buttons/src/Button.css +108 -120
  31. package/dist/buttons/src/Button.js +6 -6
  32. package/dist/buttons/src/ButtonGroup.css +50 -50
  33. package/dist/buttons/src/ButtonGroup.js +2 -2
  34. package/dist/buttons/src/ClearButton.css +110 -110
  35. package/dist/buttons/src/ClearButton.js +3 -3
  36. package/dist/buttons/src/CloseButton.css +109 -121
  37. package/dist/buttons/src/CloseButton.js +7 -7
  38. package/dist/buttons/src/EmbeddedButton.css +110 -110
  39. package/dist/buttons/src/EmbeddedButton.js +1 -1
  40. package/dist/buttons/src/LinkButton.css +118 -130
  41. package/dist/buttons/src/LinkButton.js +6 -6
  42. package/dist/buttons/src/ToggleButton.css +144 -162
  43. package/dist/buttons/src/ToggleButton.js +4 -4
  44. package/dist/buttons/src/index.css +363 -405
  45. package/dist/buttons/src/index.js +15 -15
  46. package/dist/calendar/src/Calendar.css +683 -593
  47. package/dist/calendar/src/Calendar.js +15 -13
  48. package/dist/calendar/src/CalendarCell.css +50 -50
  49. package/dist/calendar/src/CalendarCell.js +1 -1
  50. package/dist/calendar/src/CalendarContext.d.ts +1 -1
  51. package/dist/calendar/src/CalendarGrid.css +191 -62
  52. package/dist/calendar/src/CalendarGrid.d.ts +2 -4
  53. package/dist/calendar/src/CalendarGrid.js +3 -2
  54. package/dist/calendar/src/CalendarHeader.css +2154 -0
  55. package/dist/calendar/src/CalendarHeader.d.ts +12 -0
  56. package/dist/calendar/src/CalendarHeader.js +24 -0
  57. package/dist/calendar/src/RangeCalendar.css +2474 -0
  58. package/dist/calendar/src/RangeCalendar.d.ts +28 -0
  59. package/dist/calendar/src/RangeCalendar.js +32 -0
  60. package/dist/calendar/src/RangeCalendarCell.css +405 -0
  61. package/dist/calendar/src/RangeCalendarCell.d.ts +10 -0
  62. package/dist/calendar/src/RangeCalendarCell.js +3 -0
  63. package/dist/calendar/src/RangeCalendarContext.d.ts +10 -0
  64. package/dist/calendar/src/RangeCalendarContext.js +2 -0
  65. package/dist/calendar/src/index.css +718 -590
  66. package/dist/calendar/src/index.d.ts +4 -0
  67. package/dist/calendar/src/index.js +17 -13
  68. package/dist/callout/src/Callout.css +376 -418
  69. package/dist/callout/src/Callout.js +10 -10
  70. package/dist/callout/src/CompactCallout.css +412 -454
  71. package/dist/callout/src/CompactCallout.js +9 -9
  72. package/dist/callout/src/index.css +425 -467
  73. package/dist/callout/src/index.js +12 -12
  74. package/dist/card/src/Card.css +42 -42
  75. package/dist/card/src/Card.js +1 -1
  76. package/dist/card/src/index.css +42 -42
  77. package/dist/card/src/index.js +1 -1
  78. package/dist/checkbox/src/Checkbox.css +58 -58
  79. package/dist/checkbox/src/Checkbox.js +4 -4
  80. package/dist/checkbox/src/CheckboxField.css +45 -45
  81. package/dist/checkbox/src/CheckboxField.js +4 -4
  82. package/dist/checkbox/src/CheckboxGroup.css +111 -111
  83. package/dist/checkbox/src/CheckboxGroup.js +9 -9
  84. package/dist/checkbox/src/DecorativeCheckbox.css +66 -66
  85. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  86. package/dist/checkbox/src/index.css +111 -111
  87. package/dist/checkbox/src/index.js +13 -13
  88. package/dist/{chunk-WFZ72OX3.js → chunk-2A4F7N2C.js} +1 -1
  89. package/dist/{chunk-BVHXMURB.js → chunk-2LG5RCUP.js} +2 -2
  90. package/dist/{chunk-55F6LIYV.js → chunk-2YG7EVLK.js} +2 -2
  91. package/dist/chunk-3FB5J25C.js +27 -0
  92. package/dist/{chunk-Y2PV47RZ.js → chunk-3HLNIWQA.js} +2 -2
  93. package/dist/{chunk-AF7J4Y6H.js → chunk-3X6R7J3V.js} +2 -2
  94. package/dist/{chunk-HQDWNHJ2.js → chunk-43QBXQUI.js} +1 -1
  95. package/dist/{chunk-SSE62BU4.js → chunk-4UGJNSKW.js} +5 -5
  96. package/dist/{chunk-LX6X3QLX.js → chunk-4ZL64JE6.js} +4 -4
  97. package/dist/{chunk-2YY774QU.js → chunk-54CFEEIP.js} +2 -2
  98. package/dist/{chunk-KMDSE6Z4.js → chunk-5UNFYDBR.js} +1 -1
  99. package/dist/{chunk-FLNK6XSU.js → chunk-6AIEEAGT.js} +1 -1
  100. package/dist/chunk-6RDTDHXI.js +7 -0
  101. package/dist/chunk-75HVUGW2.js +75 -0
  102. package/dist/{chunk-UKPLCFZY.js → chunk-77KPP7QI.js} +1 -1
  103. package/dist/{chunk-K7SXSZRA.js → chunk-7OINRC2N.js} +4 -4
  104. package/dist/{chunk-7FLZYSIB.js → chunk-7Q4CDPCN.js} +4 -4
  105. package/dist/{chunk-6NBMYE3C.js → chunk-7XBRF7TD.js} +3 -3
  106. package/dist/{chunk-B4TKZ4DV.js → chunk-A4W6YBTC.js} +3 -3
  107. package/dist/{chunk-AFH5GUT7.js → chunk-A4XVKCLN.js} +1 -1
  108. package/dist/{chunk-6EZYP6LY.js → chunk-AALDYZL3.js} +1 -1
  109. package/dist/{chunk-ZRZKPC6E.js → chunk-APFTAQQB.js} +3 -3
  110. package/dist/{chunk-52YUPQDB.js → chunk-AS3HJJWD.js} +11 -11
  111. package/dist/{chunk-VIKQUZ4H.js → chunk-ASKESL36.js} +2 -2
  112. package/dist/{chunk-U5EZKZFC.js → chunk-BCYZ33RH.js} +4 -4
  113. package/dist/{chunk-CQAEA54M.js → chunk-BYLUZKF7.js} +3 -3
  114. package/dist/{chunk-V3EHHHN5.js → chunk-CACU6GRN.js} +1 -1
  115. package/dist/{chunk-AHEJJJD7.js → chunk-CB7PD4P6.js} +1 -1
  116. package/dist/{chunk-3C3JWZDN.js → chunk-CH4HCYIC.js} +1 -1
  117. package/dist/{chunk-ZPAZYJIU.js → chunk-CNAQAJVQ.js} +2 -2
  118. package/dist/{chunk-H3WTDVID.js → chunk-CRCHL42E.js} +8 -8
  119. package/dist/{chunk-GMYLQ2CN.js → chunk-D2GNZ645.js} +2 -2
  120. package/dist/{chunk-BBUOC674.js → chunk-DJVTI7JB.js} +1 -1
  121. package/dist/{chunk-CE2IHMEK.js → chunk-ENTTKGX4.js} +6 -6
  122. package/dist/{chunk-C3OZS7CZ.js → chunk-FHAWLKSN.js} +5 -5
  123. package/dist/{chunk-PLVKHSNV.js → chunk-FVMCBXSA.js} +2 -2
  124. package/dist/{chunk-3EB42KUI.js → chunk-FW2ZB3SW.js} +3 -3
  125. package/dist/{chunk-MNU77KJR.js → chunk-G5PJDAL6.js} +2 -2
  126. package/dist/{chunk-ZJ2CSARB.js → chunk-GTEVQRWP.js} +2 -2
  127. package/dist/{chunk-CKSCLLYL.js → chunk-H45QOSLA.js} +3 -3
  128. package/dist/{chunk-FCT4WLOG.js → chunk-HBJRMTW3.js} +2 -2
  129. package/dist/{chunk-R7DVT7EW.js → chunk-HIBNARAJ.js} +3 -3
  130. package/dist/{chunk-WNQM5XTX.js → chunk-HRYDCQWN.js} +3 -3
  131. package/dist/{chunk-MEVTDL2E.js → chunk-HTNGLQV3.js} +8 -7
  132. package/dist/{chunk-NLVM3VH7.js → chunk-HXY6C4UE.js} +3 -3
  133. package/dist/{chunk-R4GV63B5.js → chunk-IRJEB5MN.js} +12 -12
  134. package/dist/{chunk-EVWAUIA4.js → chunk-ISL4XKAH.js} +6 -42
  135. package/dist/{chunk-XRYGIVK2.js → chunk-IUEOA65B.js} +5 -5
  136. package/dist/{chunk-IHEQBSE5.js → chunk-JFU5VYKM.js} +2 -2
  137. package/dist/{chunk-L32LHDH2.js → chunk-JNDDFQPA.js} +1 -1
  138. package/dist/{chunk-WPASCX7O.js → chunk-KNPGE7AT.js} +2 -2
  139. package/dist/{chunk-YTAVQ4KG.js → chunk-LGR2RZXC.js} +1 -1
  140. package/dist/{chunk-2HHLA42B.js → chunk-LI7Y327D.js} +2 -2
  141. package/dist/{chunk-AMLOKFSR.js → chunk-LLV32SPC.js} +4 -4
  142. package/dist/{chunk-GL6HKEZU.js → chunk-LUHHZHLP.js} +1 -1
  143. package/dist/{chunk-4G5BR74A.js → chunk-MCFQDGHN.js} +2 -2
  144. package/dist/{chunk-V2KG5I4U.js → chunk-MRQZSVRW.js} +1 -1
  145. package/dist/{chunk-6OA5SETU.js → chunk-MUJYBTIN.js} +8 -8
  146. package/dist/{chunk-BY6DCXPX.js → chunk-MZYYW3TY.js} +3 -3
  147. package/dist/{chunk-XOAA4TLG.js → chunk-N4TEXNGK.js} +11 -11
  148. package/dist/{chunk-UPKYO4DF.js → chunk-OJUN2H6V.js} +1 -1
  149. package/dist/{chunk-VZHGCYQ2.js → chunk-OJYOSDPL.js} +1 -1
  150. package/dist/{chunk-G3ABR4FS.js → chunk-OQ6HFUQ3.js} +3 -3
  151. package/dist/{chunk-6XOGHHLK.js → chunk-OVHESP47.js} +8 -8
  152. package/dist/{chunk-AICFVGDT.js → chunk-P5ZHQZHR.js} +4 -4
  153. package/dist/{chunk-D6YCXR7Q.js → chunk-Q3NRNX5E.js} +1 -1
  154. package/dist/{chunk-TCFT6QLC.js → chunk-Q5EPAFXX.js} +5 -5
  155. package/dist/{chunk-HXVV4DWZ.js → chunk-QLQE4MG3.js} +1 -1
  156. package/dist/{chunk-5KSZ6EAO.js → chunk-QQM35T7F.js} +8 -8
  157. package/dist/{chunk-DPMHKKON.js → chunk-QWQSAPGY.js} +1 -1
  158. package/dist/{chunk-YCZSAOLE.js → chunk-R537A3GJ.js} +3 -3
  159. package/dist/chunk-R6U2DJ7F.js +64 -0
  160. package/dist/{chunk-WBOHM3V2.js → chunk-RM4RA352.js} +1 -1
  161. package/dist/{chunk-4TPLPEAT.js → chunk-S7CXZQ7K.js} +1 -1
  162. package/dist/{chunk-OM27GDMO.js → chunk-SURKQFKU.js} +1 -1
  163. package/dist/{chunk-PGYHKJ4G.js → chunk-T7MZCY65.js} +1 -1
  164. package/dist/{chunk-OJYUMSA5.js → chunk-T7TOWODH.js} +3 -3
  165. package/dist/{chunk-NVTRHBT3.js → chunk-UQ43XQVA.js} +1 -1
  166. package/dist/{chunk-UOBIMON5.js → chunk-VDGVACFR.js} +1 -1
  167. package/dist/{chunk-2NMSCGQT.js → chunk-VQNM6X3I.js} +2 -2
  168. package/dist/{chunk-V3CLCFDZ.js → chunk-XHTIMXOH.js} +1 -1
  169. package/dist/{chunk-OF2I7UQI.js → chunk-XR366337.js} +4 -4
  170. package/dist/{chunk-WPQBCJGU.js → chunk-XWYQHBDL.js} +6 -6
  171. package/dist/{chunk-QY6JZI7L.js → chunk-XZUGEUVP.js} +2 -2
  172. package/dist/{chunk-ZKQKGWOU.js → chunk-Y4MQB3NW.js} +2 -2
  173. package/dist/{chunk-TXQPP4X2.js → chunk-Y7SJHMK7.js} +2 -2
  174. package/dist/{chunk-NRZI2J4W.js → chunk-YCULGNEG.js} +1 -1
  175. package/dist/{chunk-WF2RYXDU.js → chunk-YI4HIGEC.js} +2 -2
  176. package/dist/{chunk-OMTLFCTK.js → chunk-YK5YTFQK.js} +1 -1
  177. package/dist/{chunk-LWU5ICDX.js → chunk-Z2IAX56D.js} +1 -1
  178. package/dist/{chunk-OMBZHXAE.js → chunk-ZBM5TKRK.js} +2 -2
  179. package/dist/{chunk-DJBESVMS.js → chunk-ZSKP6C45.js} +1 -1
  180. package/dist/{chunk-Z4E2QFTS.js → chunk-ZW3BVETI.js} +3 -3
  181. package/dist/combobox/src/ComboBox.css +790 -832
  182. package/dist/combobox/src/ComboBox.js +23 -23
  183. package/dist/combobox/src/index.css +790 -832
  184. package/dist/combobox/src/index.js +23 -23
  185. package/dist/contextual-help/src/ContextualHelp.css +711 -753
  186. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  187. package/dist/contextual-help/src/index.css +711 -753
  188. package/dist/contextual-help/src/index.js +4 -4
  189. package/dist/disclosure/src/Disclosure.css +49 -49
  190. package/dist/disclosure/src/Disclosure.js +3 -3
  191. package/dist/disclosure/src/DisclosureHeader.css +56 -56
  192. package/dist/disclosure/src/DisclosureHeader.js +4 -4
  193. package/dist/disclosure/src/DisclosurePanel.css +49 -49
  194. package/dist/disclosure/src/DisclosurePanel.js +4 -4
  195. package/dist/disclosure/src/index.css +74 -74
  196. package/dist/disclosure/src/index.js +9 -9
  197. package/dist/divider/src/Divider.css +41 -41
  198. package/dist/divider/src/Divider.js +1 -1
  199. package/dist/divider/src/index.css +41 -41
  200. package/dist/divider/src/index.js +1 -1
  201. package/dist/error-message/src/ErrorMessage.css +41 -41
  202. package/dist/error-message/src/ErrorMessage.js +2 -2
  203. package/dist/error-message/src/index.css +41 -41
  204. package/dist/error-message/src/index.js +2 -2
  205. package/dist/form/src/Form.css +39 -39
  206. package/dist/form/src/Form.js +1 -1
  207. package/dist/form/src/index.css +39 -39
  208. package/dist/form/src/index.js +1 -1
  209. package/dist/header/src/Header.css +39 -39
  210. package/dist/header/src/index.css +39 -39
  211. package/dist/helper-message/src/HelperMessage.css +41 -41
  212. package/dist/helper-message/src/HelperMessage.js +2 -2
  213. package/dist/helper-message/src/index.css +41 -41
  214. package/dist/helper-message/src/index.js +2 -2
  215. package/dist/icon-list/src/IconList.css +40 -40
  216. package/dist/icon-list/src/IconList.js +1 -1
  217. package/dist/icon-list/src/index.css +40 -40
  218. package/dist/icon-list/src/index.js +1 -1
  219. package/dist/illustrated-message/src/IllustratedMessage.css +385 -427
  220. package/dist/illustrated-message/src/IllustratedMessage.js +4 -4
  221. package/dist/illustrated-message/src/index.css +385 -427
  222. package/dist/illustrated-message/src/index.js +4 -4
  223. package/dist/illustration/src/Illustration.css +48 -48
  224. package/dist/illustration/src/Illustration.js +1 -1
  225. package/dist/illustration/src/index.css +48 -48
  226. package/dist/illustration/src/index.js +1 -1
  227. package/dist/image/src/Image.css +42 -42
  228. package/dist/image/src/Image.js +1 -1
  229. package/dist/image/src/SvgImage.css +40 -40
  230. package/dist/image/src/SvgImage.js +1 -1
  231. package/dist/image/src/index.css +43 -43
  232. package/dist/image/src/index.js +3 -3
  233. package/dist/index.css +1382 -1254
  234. package/dist/index.d.ts +2 -0
  235. package/dist/index.js +130 -126
  236. package/dist/inputs/src/Input.css +43 -43
  237. package/dist/inputs/src/Input.js +1 -1
  238. package/dist/inputs/src/InputGroup.css +45 -45
  239. package/dist/inputs/src/InputGroup.js +1 -1
  240. package/dist/inputs/src/NumberField.css +69 -69
  241. package/dist/inputs/src/NumberField.js +10 -10
  242. package/dist/inputs/src/PasswordField.css +383 -425
  243. package/dist/inputs/src/PasswordField.js +11 -11
  244. package/dist/inputs/src/RemainingCharacterCount.css +42 -42
  245. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  246. package/dist/inputs/src/SearchField.css +389 -431
  247. package/dist/inputs/src/SearchField.js +13 -13
  248. package/dist/inputs/src/TextArea.css +68 -68
  249. package/dist/inputs/src/TextArea.js +10 -10
  250. package/dist/inputs/src/TextField.css +387 -429
  251. package/dist/inputs/src/TextField.js +16 -16
  252. package/dist/inputs/src/index.css +437 -479
  253. package/dist/inputs/src/index.js +22 -22
  254. package/dist/layout/src/Content.css +39 -39
  255. package/dist/layout/src/Footer.css +39 -39
  256. package/dist/link/src/Link.css +78 -78
  257. package/dist/link/src/Link.js +3 -3
  258. package/dist/link/src/index.css +78 -78
  259. package/dist/link/src/index.js +3 -3
  260. package/dist/list-box/src/ListBox.css +319 -319
  261. package/dist/list-box/src/ListBox.js +8 -8
  262. package/dist/list-box/src/ListBoxItem.css +307 -307
  263. package/dist/list-box/src/ListBoxItem.js +6 -6
  264. package/dist/list-box/src/ListBoxItemSkeleton.css +46 -46
  265. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  266. package/dist/list-box/src/index.css +319 -319
  267. package/dist/list-box/src/index.js +8 -8
  268. package/dist/menu/src/Menu.css +713 -755
  269. package/dist/menu/src/Menu.js +3 -3
  270. package/dist/menu/src/MenuItem.css +122 -122
  271. package/dist/menu/src/MenuItem.js +2 -2
  272. package/dist/menu/src/MenuSection.css +41 -41
  273. package/dist/menu/src/MenuSection.js +1 -1
  274. package/dist/menu/src/index.css +738 -780
  275. package/dist/menu/src/index.js +8 -8
  276. package/dist/modal/src/BaseModal.css +54 -54
  277. package/dist/modal/src/BaseModal.js +2 -2
  278. package/dist/modal/src/CustomModal.css +55 -55
  279. package/dist/modal/src/CustomModal.js +3 -3
  280. package/dist/modal/src/Modal.css +405 -447
  281. package/dist/modal/src/Modal.js +12 -12
  282. package/dist/modal/src/index.css +406 -448
  283. package/dist/modal/src/index.js +13 -13
  284. package/dist/overlays/popover/src/Popover.css +705 -747
  285. package/dist/overlays/popover/src/Popover.js +3 -3
  286. package/dist/overlays/popover/src/PopoverBase.css +42 -42
  287. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  288. package/dist/overlays/popover/src/index.css +708 -750
  289. package/dist/overlays/popover/src/index.js +6 -6
  290. package/dist/radio/src/DecorativeRadio.css +66 -66
  291. package/dist/radio/src/DecorativeRadio.js +3 -3
  292. package/dist/radio/src/Radio.css +58 -58
  293. package/dist/radio/src/Radio.js +3 -3
  294. package/dist/radio/src/RadioField.css +45 -45
  295. package/dist/radio/src/RadioField.js +2 -2
  296. package/dist/radio/src/RadioGroup.css +111 -111
  297. package/dist/radio/src/RadioGroup.js +7 -7
  298. package/dist/radio/src/index.css +111 -111
  299. package/dist/radio/src/index.js +11 -11
  300. package/dist/segmented-control/src/SegmentedControl.css +40 -40
  301. package/dist/segmented-control/src/SegmentedControl.js +2 -2
  302. package/dist/segmented-control/src/SegmentedControlItem.css +54 -54
  303. package/dist/segmented-control/src/SegmentedControlItem.js +3 -3
  304. package/dist/segmented-control/src/index.css +55 -55
  305. package/dist/segmented-control/src/index.js +4 -4
  306. package/dist/select/src/Select.css +732 -774
  307. package/dist/select/src/Select.js +22 -22
  308. package/dist/select/src/SelectValue.css +104 -104
  309. package/dist/select/src/SelectValue.js +2 -2
  310. package/dist/select/src/index.css +732 -774
  311. package/dist/select/src/index.js +22 -22
  312. package/dist/spinner/src/Spinner.css +49 -49
  313. package/dist/spinner/src/Spinner.js +2 -2
  314. package/dist/spinner/src/index.css +49 -49
  315. package/dist/spinner/src/index.js +2 -2
  316. package/dist/switch/src/Switch.css +55 -55
  317. package/dist/switch/src/Switch.js +3 -3
  318. package/dist/switch/src/SwitchField.css +45 -45
  319. package/dist/switch/src/SwitchField.js +3 -3
  320. package/dist/switch/src/index.css +61 -61
  321. package/dist/switch/src/index.js +5 -5
  322. package/dist/tabs/src/Tab.css +560 -602
  323. package/dist/tabs/src/Tab.js +2 -2
  324. package/dist/tabs/src/TabList.css +44 -44
  325. package/dist/tabs/src/TabList.js +1 -1
  326. package/dist/tabs/src/TabPanel.css +41 -41
  327. package/dist/tabs/src/TabPanel.js +1 -1
  328. package/dist/tabs/src/index.css +567 -609
  329. package/dist/tabs/src/index.js +5 -5
  330. package/dist/tag/src/Tag.css +535 -577
  331. package/dist/tag/src/Tag.js +8 -8
  332. package/dist/tag/src/TagGroup.css +49 -49
  333. package/dist/tag/src/TagGroup.js +7 -7
  334. package/dist/tag/src/index.css +545 -587
  335. package/dist/tag/src/index.js +14 -14
  336. package/dist/tile/src/Tile.css +66 -66
  337. package/dist/tile/src/Tile.js +1 -1
  338. package/dist/tile/src/TileGroup.css +40 -40
  339. package/dist/tile/src/TileGroup.js +1 -1
  340. package/dist/tile/src/index.css +67 -67
  341. package/dist/tile/src/index.js +2 -2
  342. package/dist/toggle-arrow/src/ToggleArrow.css +41 -41
  343. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  344. package/dist/toggle-arrow/src/index.css +41 -41
  345. package/dist/toggle-arrow/src/index.js +1 -1
  346. package/dist/tooltip/src/Tooltip.css +49 -49
  347. package/dist/tooltip/src/Tooltip.js +3 -3
  348. package/dist/tooltip/src/TooltipTrigger.css +39 -39
  349. package/dist/tooltip/src/index.css +49 -49
  350. package/dist/tooltip/src/index.js +3 -3
  351. package/dist/typography/heading/src/Heading.css +39 -39
  352. package/dist/typography/heading/src/Heading.js +1 -1
  353. package/dist/typography/heading/src/index.css +39 -39
  354. package/dist/typography/heading/src/index.js +1 -1
  355. package/dist/typography/label/src/FieldLabel.css +39 -39
  356. package/dist/typography/label/src/FieldLabel.js +3 -3
  357. package/dist/typography/label/src/Label.css +39 -39
  358. package/dist/typography/label/src/Label.js +1 -1
  359. package/dist/typography/label/src/index.css +39 -39
  360. package/dist/typography/label/src/index.js +3 -3
  361. package/dist/typography/overline-text/src/OverlineText.css +39 -39
  362. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  363. package/dist/typography/overline-text/src/index.css +39 -39
  364. package/dist/typography/overline-text/src/index.js +1 -1
  365. package/dist/typography/paragraph/src/Paragraph.css +39 -39
  366. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  367. package/dist/typography/paragraph/src/index.css +39 -39
  368. package/dist/typography/paragraph/src/index.js +2 -2
  369. package/dist/typography/text/src/Text.css +39 -39
  370. package/dist/typography/text/src/Text.js +1 -1
  371. package/dist/typography/text/src/index.css +39 -39
  372. package/dist/typography/text/src/index.js +1 -1
  373. package/dist/utils/src/ClearSlots.css +39 -39
  374. package/dist/utils/src/EnsureTextWrapper.css +39 -39
  375. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  376. package/dist/utils/src/index.css +39 -39
  377. package/dist/utils/src/index.js +2 -2
  378. package/package.json +5 -5
@@ -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___gEUf2 {
2
+ .Heading-module__hop-Heading___rc2n8 {
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,53 +33,53 @@
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___gEUf2) {
36
+ :where(.Heading-module__hop-Heading___rc2n8) {
37
37
  margin: 0;
38
38
  color: var(--hop-neutral-text);
39
39
  }
40
- :where(.Heading-module__hop-Heading___gEUf2):not(.Heading-module__hop-Heading--unset___IwB8k) {
40
+ :where(.Heading-module__hop-Heading___rc2n8):not(.Heading-module__hop-Heading--unset___RUSWZ) {
41
41
  font-family: var(--font-family);
42
42
  font-size: var(--font-size);
43
43
  font-weight: var(--font-weight);
44
44
  line-height: var(--line-height);
45
45
  }
46
- :where(.Heading-module__hop-Heading--xs___OGWvZ) {
46
+ :where(.Heading-module__hop-Heading--xs___amk3W) {
47
47
  --font-size: var(--hop-Heading-xs-font-size);
48
48
  --font-family: var(--hop-Heading-xs-font-family);
49
49
  --font-weight: var(--hop-Heading-xs-font-weight);
50
50
  --line-height: var(--hop-Heading-xs-line-height);
51
51
  }
52
- :where(.Heading-module__hop-Heading--sm___-ovZV) {
52
+ :where(.Heading-module__hop-Heading--sm___ytcFP) {
53
53
  --font-size: var(--hop-Heading-sm-font-size);
54
54
  --font-family: var(--hop-Heading-sm-font-family);
55
55
  --font-weight: var(--hop-Heading-sm-font-weight);
56
56
  --line-height: var(--hop-Heading-sm-line-height);
57
57
  }
58
- :where(.Heading-module__hop-Heading--md___pPieF) {
58
+ :where(.Heading-module__hop-Heading--md___znPNJ) {
59
59
  --font-size: var(--hop-Heading-md-font-size);
60
60
  --font-family: var(--hop-Heading-md-font-family);
61
61
  --font-weight: var(--hop-Heading-md-font-weight);
62
62
  --line-height: var(--hop-Heading-md-line-height);
63
63
  }
64
- :where(.Heading-module__hop-Heading--lg___f6atC) {
64
+ :where(.Heading-module__hop-Heading--lg___4Z9V7) {
65
65
  --font-size: var(--hop-Heading-lg-font-size);
66
66
  --font-family: var(--hop-Heading-lg-font-family);
67
67
  --font-weight: var(--hop-Heading-lg-font-weight);
68
68
  --line-height: var(--hop-Heading-lg-line-height);
69
69
  }
70
- :where(.Heading-module__hop-Heading--xl___8D1Ev) {
70
+ :where(.Heading-module__hop-Heading--xl___azZOp) {
71
71
  --font-size: var(--hop-Heading-xl-font-size);
72
72
  --font-family: var(--hop-Heading-xl-font-family);
73
73
  --font-weight: var(--hop-Heading-xl-font-weight);
74
74
  --line-height: var(--hop-Heading-xl-line-height);
75
75
  }
76
- :where(.Heading-module__hop-Heading--2xl___qxsZq) {
76
+ :where(.Heading-module__hop-Heading--2xl___Bf135) {
77
77
  --font-size: var(--hop-Heading-2xl-font-size);
78
78
  --font-family: var(--hop-Heading-2xl-font-family);
79
79
  --font-weight: var(--hop-Heading-2xl-font-weight);
80
80
  --line-height: var(--hop-Heading-2xl-line-height);
81
81
  }
82
- :where(.Heading-module__hop-Heading--3xl___0oI3d) {
82
+ :where(.Heading-module__hop-Heading--3xl___417fb) {
83
83
  --font-size: var(--hop-Heading-3xl-font-size);
84
84
  --font-family: var(--hop-Heading-3xl-font-family);
85
85
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -87,21 +87,21 @@
87
87
  }
88
88
 
89
89
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
90
- .Form-module__hop-Form___4Km9P {
90
+ .Form-module__hop-Form___OIgeK {
91
91
  display: flex;
92
92
  flex-direction: column;
93
93
  gap: var(--hop-space-stack-lg);
94
94
  }
95
95
 
96
96
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
97
- .Label-module__hop-Label___I7QQy {
97
+ .Label-module__hop-Label___hvOhM {
98
98
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
99
99
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
100
100
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
101
101
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
102
102
  --hop-Label-color: var(--hop-neutral-text-weak);
103
103
  }
104
- :where(.Label-module__hop-Label___I7QQy) {
104
+ :where(.Label-module__hop-Label___hvOhM) {
105
105
  font-family: var(--hop-Label-font-family);
106
106
  font-size: var(--hop-Label-font-size);
107
107
  font-weight: var(--hop-Label-font-weight);
@@ -110,17 +110,17 @@
110
110
  }
111
111
 
112
112
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
113
- .FieldLabel-module__hop-FieldLabel__wrapper___dO-qG {
113
+ .FieldLabel-module__hop-FieldLabel__wrapper___tgN64 {
114
114
  display: flex;
115
115
  gap: var(--hop-space-inset-xs);
116
116
  align-items: center;
117
117
  }
118
- .FieldLabel-module__hop-FieldLabel__indicator___xRu3u {
118
+ .FieldLabel-module__hop-FieldLabel__indicator___ydAcf {
119
119
  padding-inline-start: var(--hop-space-20);
120
120
  }
121
121
 
122
122
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
123
- :where(.OverlineText-module__hop-OverlineText___lcU-F) {
123
+ :where(.OverlineText-module__hop-OverlineText___RpbzC) {
124
124
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
125
125
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
126
126
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -144,26 +144,26 @@
144
144
  text-transform: uppercase;
145
145
  letter-spacing: var(--letter-spacing);
146
146
  }
147
- .OverlineText-module__hop-OverlineText__text___J5LXh {
147
+ .OverlineText-module__hop-OverlineText__text___ZDooN {
148
148
  box-sizing: border-box;
149
149
  }
150
- .OverlineText-module__hop-OverlineText__text___J5LXh::before,
151
- .OverlineText-module__hop-OverlineText__text___J5LXh::after {
150
+ .OverlineText-module__hop-OverlineText__text___ZDooN::before,
151
+ .OverlineText-module__hop-OverlineText__text___ZDooN::after {
152
152
  content: "";
153
153
  display: block;
154
154
  box-sizing: border-box;
155
155
  inline-size: 0;
156
156
  block-size: 0;
157
157
  }
158
- .OverlineText-module__hop-OverlineText__text___J5LXh::before {
158
+ .OverlineText-module__hop-OverlineText__text___ZDooN::before {
159
159
  margin-block-end: var(--bottom-offset);
160
160
  }
161
- .OverlineText-module__hop-OverlineText__text___J5LXh::after {
161
+ .OverlineText-module__hop-OverlineText__text___ZDooN::after {
162
162
  margin-block-start: var(--top-offset);
163
163
  }
164
164
 
165
165
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
166
- .Text-module__hop-Text___BwsVt {
166
+ .Text-module__hop-Text___Li1l4 {
167
167
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
168
168
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
169
169
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -193,49 +193,49 @@
193
193
  --hop-Text-inherit-size-font-weight: inherit;
194
194
  --hop-Text-inherit-size-line-height: inherit;
195
195
  }
196
- :where(.Text-module__hop-Text___BwsVt) {
196
+ :where(.Text-module__hop-Text___Li1l4) {
197
197
  font-family: var(--font-family);
198
198
  font-size: var(--font-size);
199
199
  font-weight: var(--font-weight);
200
200
  line-height: var(--line-height);
201
201
  }
202
- :where(.Text-module__hop-Text--xs___ffqG0) {
202
+ :where(.Text-module__hop-Text--xs___CRxoB) {
203
203
  --font-size: var(--hop-Text-xs-font-size);
204
204
  --font-family: var(--hop-Text-xs-font-family);
205
205
  --font-weight: var(--hop-Text-xs-font-weight);
206
206
  --line-height: var(--hop-Text-xs-line-height);
207
207
  }
208
- :where(.Text-module__hop-Text--sm___puKFo) {
208
+ :where(.Text-module__hop-Text--sm___bo3Nl) {
209
209
  --font-size: var(--hop-Text-sm-font-size);
210
210
  --font-family: var(--hop-Text-sm-font-family);
211
211
  --font-weight: var(--hop-Text-sm-font-weight);
212
212
  --line-height: var(--hop-Text-sm-line-height);
213
213
  }
214
- :where(.Text-module__hop-Text--md___oymBJ) {
214
+ :where(.Text-module__hop-Text--md___emVw7) {
215
215
  --font-size: var(--hop-Text-md-font-size);
216
216
  --font-family: var(--hop-Text-md-font-family);
217
217
  --font-weight: var(--hop-Text-md-font-weight);
218
218
  --line-height: var(--hop-Text-md-line-height);
219
219
  }
220
- :where(.Text-module__hop-Text--lg___-i7uj) {
220
+ :where(.Text-module__hop-Text--lg___Ewefh) {
221
221
  --font-size: var(--hop-Text-lg-font-size);
222
222
  --font-family: var(--hop-Text-lg-font-family);
223
223
  --font-weight: var(--hop-Text-lg-font-weight);
224
224
  --line-height: var(--hop-Text-lg-line-height);
225
225
  }
226
- :where(.Text-module__hop-Text--xl___Ja5GV) {
226
+ :where(.Text-module__hop-Text--xl___Da5ON) {
227
227
  --font-size: var(--hop-Text-xl-font-size);
228
228
  --font-family: var(--hop-Text-xl-font-family);
229
229
  --font-weight: var(--hop-Text-xl-font-weight);
230
230
  --line-height: var(--hop-Text-xl-line-height);
231
231
  }
232
- :where(.Text-module__hop-Text--2xl___wHqwF) {
232
+ :where(.Text-module__hop-Text--2xl___mTeg-) {
233
233
  --font-size: var(--hop-Text-2xl-font-size);
234
234
  --font-family: var(--hop-Text-2xl-font-family);
235
235
  --font-weight: var(--hop-Text-2xl-font-weight);
236
236
  --line-height: var(--hop-Text-2xl-line-height);
237
237
  }
238
- :where(.Text-module__hop-Text--inherit___b7L-u) {
238
+ :where(.Text-module__hop-Text--inherit___buUK6) {
239
239
  --font-size: var(--hop-Text-inherit-size-font-size);
240
240
  --font-family: var(--hop-Text-inherit-size-font-family);
241
241
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -243,7 +243,7 @@
243
243
  }
244
244
 
245
245
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
246
- .Paragraph-module__hop-Paragraph___d6G9i {
246
+ .Paragraph-module__hop-Paragraph___rFu8f {
247
247
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
248
248
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
249
249
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -255,33 +255,33 @@
255
255
  margin-block-end: var(--margin-block-end);
256
256
  overflow-wrap: break-word;
257
257
  }
258
- .Paragraph-module__hop-Paragraph___d6G9i:last-child {
258
+ .Paragraph-module__hop-Paragraph___rFu8f:last-child {
259
259
  --margin-block-end: 0;
260
260
  }
261
- .Paragraph-module__hop-Paragraph--xs___-puvr {
261
+ .Paragraph-module__hop-Paragraph--xs___o4Y9W {
262
262
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
263
263
  }
264
- .Paragraph-module__hop-Paragraph--sm___XedQV {
264
+ .Paragraph-module__hop-Paragraph--sm___wIFdY {
265
265
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
266
266
  }
267
- .Paragraph-module__hop-Paragraph--md___L8RdC {
267
+ .Paragraph-module__hop-Paragraph--md___zxU-O {
268
268
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
269
269
  }
270
- .Paragraph-module__hop-Paragraph--lg___s3VPf {
270
+ .Paragraph-module__hop-Paragraph--lg___J8V30 {
271
271
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
272
272
  }
273
- .Paragraph-module__hop-Paragraph--xl___DNxOV {
273
+ .Paragraph-module__hop-Paragraph--xl___ePG4F {
274
274
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
275
275
  }
276
- .Paragraph-module__hop-Paragraph--2xl___6-JEH {
276
+ .Paragraph-module__hop-Paragraph--2xl___Fn5mY {
277
277
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
278
278
  }
279
- .Paragraph-module__hop-Paragraph--inherit___AAjfk {
279
+ .Paragraph-module__hop-Paragraph--inherit___WTvWn {
280
280
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
281
281
  }
282
282
 
283
283
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
284
- .IconList-module__hop-IconList___Kxt8R {
284
+ .IconList-module__hop-IconList___qInmj {
285
285
  --hop-IconList-gap: var(--hop-space-inline-xs);
286
286
  display: flex;
287
287
  flex-wrap: wrap;
@@ -290,7 +290,7 @@
290
290
  }
291
291
 
292
292
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
293
- @keyframes Spinner-module__spin___LZ-VG {
293
+ @keyframes Spinner-module__spin___sBnrY {
294
294
  0% {
295
295
  transform: rotate(0deg);
296
296
  }
@@ -298,7 +298,7 @@
298
298
  transform: rotate(360deg);
299
299
  }
300
300
  }
301
- .Spinner-module__hop-Spinner___DjK-x {
301
+ .Spinner-module__hop-Spinner___k1zsY {
302
302
  --hop-Spinner-border-radius: var(--hop-shape-circle);
303
303
  --hop-Spinner-sm-wheel-size: 1rem;
304
304
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -306,7 +306,7 @@
306
306
  --hop-Spinner-track-width: 0.125rem;
307
307
  --hop-Spinner-track-opacity: 0.2;
308
308
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
309
- --hop-Spinner-fill-animation: Spinner-module__spin___LZ-VG .8s infinite linear;
309
+ --hop-Spinner-fill-animation: Spinner-module__spin___sBnrY .8s infinite linear;
310
310
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
311
311
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
312
312
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -317,19 +317,19 @@
317
317
  align-items: center;
318
318
  box-sizing: border-box;
319
319
  }
320
- .Spinner-module__hop-Spinner--sm___jtqsB {
320
+ .Spinner-module__hop-Spinner--sm___xRNR- {
321
321
  --width: var(--hop-Spinner-sm-wheel-size);
322
322
  --height: var(--hop-Spinner-sm-wheel-size);
323
323
  }
324
- .Spinner-module__hop-Spinner--md___wefY5 {
324
+ .Spinner-module__hop-Spinner--md___VEFUo {
325
325
  --width: var(--hop-Spinner-md-wheel-size);
326
326
  --height: var(--hop-Spinner-md-wheel-size);
327
327
  }
328
- .Spinner-module__hop-Spinner--lg___B-CL9 {
328
+ .Spinner-module__hop-Spinner--lg___4FIDv {
329
329
  --width: var(--hop-Spinner-lg-wheel-size);
330
330
  --height: var(--hop-Spinner-lg-wheel-size);
331
331
  }
332
- .Spinner-module__hop-Spinner__track___HU193 {
332
+ .Spinner-module__hop-Spinner__track___oKiBM {
333
333
  grid-area: spinner;
334
334
  box-sizing: border-box;
335
335
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -338,7 +338,7 @@
338
338
  border: var(--hop-Spinner-track-border);
339
339
  border-radius: var(--hop-Spinner-border-radius);
340
340
  }
341
- .Spinner-module__hop-Spinner__fill___eopmf {
341
+ .Spinner-module__hop-Spinner__fill___8dk7t {
342
342
  grid-area: spinner;
343
343
  box-sizing: border-box;
344
344
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -349,24 +349,23 @@
349
349
  animation: var(--hop-Spinner-fill-animation);
350
350
  }
351
351
  @media (prefers-reduced-motion: reduce) {
352
- .Spinner-module__hop-Spinner__fill___eopmf {
352
+ .Spinner-module__hop-Spinner__fill___8dk7t {
353
353
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
354
354
  }
355
355
  }
356
- .Spinner-module__hop-Spinner__label___M-72S {
356
+ .Spinner-module__hop-Spinner__label___jy2im {
357
357
  grid-area: label;
358
358
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
359
359
  }
360
360
 
361
361
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
362
- .Button-module__hop-Button___iaXPj {
362
+ .Button-module__hop-Button___FZCPZ {
363
363
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
364
364
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
365
365
  --hop-Button-column-gap: var(--hop-space-inline-xs);
366
366
  --hop-Button-icon-only-column-gap: 0;
367
367
  --hop-Button-outline-size: var(--hop-space-20);
368
368
  --hop-Button-border-size: var(--hop-space-10);
369
- --hop-Button-text-underline-offset: var(--hop-space-20);
370
369
  --hop-Button-icon-only-padding: 0;
371
370
  --hop-Button-xs-height: 1.5rem;
372
371
  --hop-Button-sm-height: 2rem;
@@ -461,7 +460,6 @@
461
460
  --spinner: var(--hop-primary-icon-strong);
462
461
  --border: 0;
463
462
  --padding: var(--hop-Button-md-padding);
464
- --text-underline: none;
465
463
  cursor: pointer;
466
464
  position: relative;
467
465
  overflow: hidden;
@@ -486,240 +484,230 @@
486
484
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
487
485
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
488
486
  }
489
- .Button-module__hop-Button--fluid___nIjTW {
487
+ .Button-module__hop-Button--fluid___gqnf- {
490
488
  --inline-size: 100%;
491
489
  }
492
- .Button-module__hop-Button--xs___sfsfU {
490
+ .Button-module__hop-Button--xs___ayXEr {
493
491
  --block-size: var(--hop-Button-xs-height);
494
492
  --padding: var(--hop-Button-xs-padding);
495
493
  }
496
- .Button-module__hop-Button--xs___sfsfU[class*=--ghost] {
494
+ .Button-module__hop-Button--xs___ayXEr[class*=--ghost] {
497
495
  --padding: var(--hop-Button-ghost-xs-padding);
498
496
  }
499
- .Button-module__hop-Button--sm___yOOwj {
497
+ .Button-module__hop-Button--sm___4NAgC {
500
498
  --block-size: var(--hop-Button-sm-height);
501
499
  --padding: var(--hop-Button-sm-padding);
502
500
  }
503
- .Button-module__hop-Button--sm___yOOwj[class*=--ghost] {
501
+ .Button-module__hop-Button--sm___4NAgC[class*=--ghost] {
504
502
  --padding: var(--hop-Button-ghost-sm-padding);
505
503
  }
506
- .Button-module__hop-Button--md___BEZLp[class*=--ghost] {
504
+ .Button-module__hop-Button--md___VMTFO[class*=--ghost] {
507
505
  --padding: var(--hop-Button-ghost-md-padding);
508
506
  }
509
- .Button-module__hop-Button--icon-only___kvs9F {
507
+ .Button-module__hop-Button--icon-only___lDpKF {
510
508
  --column-gap: var(--hop-Button-icon-only-column-gap);
511
509
  --padding: var(--hop-Button-icon-only-padding);
512
510
  aspect-ratio: 1;
513
511
  }
514
- .Button-module__hop-Button--primary___qktr2 {
512
+ .Button-module__hop-Button--primary___ZPJLm {
515
513
  --background-color: var(--hop-Button-primary-background-color);
516
514
  --color: var(--hop-Button-primary-color);
517
515
  --border: var(--hop-Button-primary-border);
518
516
  --spinner-color: var(--hop-Button-primary-spinner-color);
519
517
  }
520
- .Button-module__hop-Button--primary___qktr2[data-hovered],
521
- .Button-module__hop-Button--primary___qktr2[data-focus-visible] {
518
+ .Button-module__hop-Button--primary___ZPJLm[data-hovered],
519
+ .Button-module__hop-Button--primary___ZPJLm[data-focus-visible] {
522
520
  --background-color: var(--hop-Button-primary-background-color-hover);
523
521
  --color: var(--hop-Button-primary-color-hover);
524
522
  --border: var(--hop-Button-primary-border-hover);
525
523
  }
526
- .Button-module__hop-Button--primary___qktr2[data-pressed] {
524
+ .Button-module__hop-Button--primary___ZPJLm[data-pressed] {
527
525
  --background-color: var(--hop-Button-primary-background-color-pressed);
528
526
  --color: var(--hop-Button-primary-color-pressed);
529
527
  --border: var(--hop-Button-primary-border-pressed);
530
528
  }
531
- .Button-module__hop-Button--secondary___Lrnvs {
529
+ .Button-module__hop-Button--secondary___IDg-f {
532
530
  --background-color: var(--hop-Button-secondary-background-color);
533
531
  --color: var(--hop-Button-secondary-color);
534
532
  --border: var(--hop-Button-secondary-border);
535
533
  --spinner-color: var(--hop-Button-secondary-spinner-color);
536
534
  }
537
- .Button-module__hop-Button--secondary___Lrnvs[data-hovered],
538
- .Button-module__hop-Button--secondary___Lrnvs[data-focus-visible] {
535
+ .Button-module__hop-Button--secondary___IDg-f[data-hovered],
536
+ .Button-module__hop-Button--secondary___IDg-f[data-focus-visible] {
539
537
  --background-color: var(--hop-Button-secondary-background-color-hover);
540
538
  --color: var(--hop-Button-secondary-color-hover);
541
539
  --border: var(--hop-Button-secondary-border-hover);
542
540
  }
543
- .Button-module__hop-Button--secondary___Lrnvs[data-pressed] {
541
+ .Button-module__hop-Button--secondary___IDg-f[data-pressed] {
544
542
  --background-color: var(--hop-Button-secondary-background-color-pressed);
545
543
  --color: var(--hop-Button-secondary-color-pressed);
546
544
  --border: var(--hop-Button-secondary-border-pressed);
547
545
  }
548
- .Button-module__hop-Button--upsell___4cQO9 {
546
+ .Button-module__hop-Button--upsell___Xzag4 {
549
547
  --background-color: var(--hop-Button-upsell-background-color);
550
548
  --color: var(--hop-Button-upsell-color);
551
549
  --border: var(--hop-Button-upsell-border);
552
550
  --spinner-color: var(--hop-Button-upsell-spinner-color);
553
551
  }
554
- .Button-module__hop-Button--upsell___4cQO9[data-hovered],
555
- .Button-module__hop-Button--upsell___4cQO9[data-focus-visible] {
552
+ .Button-module__hop-Button--upsell___Xzag4[data-hovered],
553
+ .Button-module__hop-Button--upsell___Xzag4[data-focus-visible] {
556
554
  --background-color: var(--hop-Button-upsell-background-color-hover);
557
555
  --color: var(--hop-Button-upsell-color-hover);
558
556
  --border: var(--hop-Button-upsell-border-hover);
559
557
  }
560
- .Button-module__hop-Button--upsell___4cQO9[data-pressed] {
558
+ .Button-module__hop-Button--upsell___Xzag4[data-pressed] {
561
559
  --background-color: var(--hop-Button-upsell-background-color-pressed);
562
560
  --color: var(--hop-Button-upsell-color-pressed);
563
561
  --border: var(--hop-Button-upsell-border-pressed);
564
562
  }
565
- .Button-module__hop-Button--danger___6nVZ2 {
563
+ .Button-module__hop-Button--danger___-HDBD {
566
564
  --background-color: var(--hop-Button-danger-background-color);
567
565
  --color: var(--hop-Button-danger-color);
568
566
  --border: var(--hop-Button-danger-border);
569
567
  --spinner-color: var(--hop-Button-danger-spinner-color);
570
568
  }
571
- .Button-module__hop-Button--danger___6nVZ2[data-hovered],
572
- .Button-module__hop-Button--danger___6nVZ2[data-focus-visible] {
569
+ .Button-module__hop-Button--danger___-HDBD[data-hovered],
570
+ .Button-module__hop-Button--danger___-HDBD[data-focus-visible] {
573
571
  --background-color: var(--hop-Button-danger-background-color-hover);
574
572
  --color: var(--hop-Button-danger-color-hover);
575
573
  --border: var(--hop-Button-danger-border-hover);
576
574
  }
577
- .Button-module__hop-Button--danger___6nVZ2[data-pressed] {
575
+ .Button-module__hop-Button--danger___-HDBD[data-pressed] {
578
576
  --background-color: var(--hop-Button-danger-background-color-pressed);
579
577
  --color: var(--hop-Button-danger-color-pressed);
580
578
  --border: var(--hop-Button-danger-border-pressed);
581
579
  }
582
- .Button-module__hop-Button--ghost-primary___w8BNx {
580
+ .Button-module__hop-Button--ghost-primary___UFhU3 {
583
581
  --background-color: var(--hop-Button-ghost-primary-background-color);
584
582
  --color: var(--hop-Button-ghost-primary-color);
585
583
  --border: var(--hop-Button-ghost-primary-border);
586
584
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
587
585
  }
588
- .Button-module__hop-Button--ghost-primary___w8BNx[data-hovered],
589
- .Button-module__hop-Button--ghost-primary___w8BNx[data-focus-visible] {
586
+ .Button-module__hop-Button--ghost-primary___UFhU3[data-hovered],
587
+ .Button-module__hop-Button--ghost-primary___UFhU3[data-focus-visible] {
590
588
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
591
589
  --color: var(--hop-Button-ghost-primary-color-hover);
592
590
  --border: var(--hop-Button-ghost-primary-border-hover);
593
- --text-underline: underline;
594
591
  }
595
- .Button-module__hop-Button--ghost-primary___w8BNx[data-pressed] {
592
+ .Button-module__hop-Button--ghost-primary___UFhU3[data-pressed] {
596
593
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
597
594
  --color: var(--hop-Button-ghost-primary-color-pressed);
598
595
  --border: var(--hop-Button-ghost-primary-border-pressed);
599
- --text-underline: underline;
600
596
  }
601
- .Button-module__hop-Button--ghost-secondary___gycxQ {
597
+ .Button-module__hop-Button--ghost-secondary___-X4Tl {
602
598
  --background-color: var(--hop-Button-ghost-secondary-background-color);
603
599
  --color: var(--hop-Button-ghost-secondary-color);
604
600
  --border: var(--hop-Button-ghost-secondary-border);
605
601
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
606
602
  }
607
- .Button-module__hop-Button--ghost-secondary___gycxQ[data-hovered],
608
- .Button-module__hop-Button--ghost-secondary___gycxQ[data-focus-visible] {
603
+ .Button-module__hop-Button--ghost-secondary___-X4Tl[data-hovered],
604
+ .Button-module__hop-Button--ghost-secondary___-X4Tl[data-focus-visible] {
609
605
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
610
606
  --color: var(--hop-Button-ghost-secondary-color-hover);
611
607
  --border: var(--hop-Button-ghost-secondary-border-hover);
612
- --text-underline: underline;
613
608
  }
614
- .Button-module__hop-Button--ghost-secondary___gycxQ[data-pressed] {
609
+ .Button-module__hop-Button--ghost-secondary___-X4Tl[data-pressed] {
615
610
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
616
611
  --color: var(--hop-Button-ghost-secondary-color-pressed);
617
612
  --border: var(--hop-Button-ghost-secondary-border-pressed);
618
- --text-underline: underline;
619
613
  }
620
- .Button-module__hop-Button--ghost-danger___dEkHZ {
614
+ .Button-module__hop-Button--ghost-danger___x1rXr {
621
615
  --background-color: var(--hop-Button-ghost-danger-background-color);
622
616
  --color: var(--hop-Button-ghost-danger-color);
623
617
  --border: var(--hop-Button-ghost-danger-border);
624
618
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
625
619
  }
626
- .Button-module__hop-Button--ghost-danger___dEkHZ[data-hovered],
627
- .Button-module__hop-Button--ghost-danger___dEkHZ[data-focus-visible] {
620
+ .Button-module__hop-Button--ghost-danger___x1rXr[data-hovered],
621
+ .Button-module__hop-Button--ghost-danger___x1rXr[data-focus-visible] {
628
622
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
629
623
  --color: var(--hop-Button-ghost-danger-color-hover);
630
624
  --border: var(--hop-Button-ghost-danger-border-hover);
631
- --text-underline: underline;
632
625
  }
633
- .Button-module__hop-Button--ghost-danger___dEkHZ[data-pressed] {
626
+ .Button-module__hop-Button--ghost-danger___x1rXr[data-pressed] {
634
627
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
635
628
  --color: var(--hop-Button-ghost-danger-color-pressed);
636
629
  --border: var(--hop-Button-ghost-danger-border-pressed);
637
- --text-underline: underline;
638
630
  }
639
- .Button-module__hop-Button___iaXPj[data-focus-visible] {
631
+ .Button-module__hop-Button___FZCPZ[data-focus-visible] {
640
632
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
641
633
  }
642
- .Button-module__hop-Button___iaXPj[data-disabled],
643
- .Button-module__hop-Button--loading___UagEe {
634
+ .Button-module__hop-Button___FZCPZ[data-disabled],
635
+ .Button-module__hop-Button--loading___7xqEd {
644
636
  cursor: not-allowed;
645
637
  }
646
- .Button-module__hop-Button___iaXPj[data-disabled] {
638
+ .Button-module__hop-Button___FZCPZ[data-disabled] {
647
639
  --background-color: var(--hop-Button-background-color-disabled);
648
640
  --color: var(--hop-Button-color-disabled);
649
641
  --border: var(--hop-Button-border-disabled);
650
642
  }
651
- .Button-module__hop-Button___iaXPj[class*=--ghost][data-disabled] {
643
+ .Button-module__hop-Button___FZCPZ[class*=--ghost][data-disabled] {
652
644
  --background-color: var(--hop-Button-ghost-background-color-disabled);
653
645
  --color: var(--hop-Button-ghost-color-disabled);
654
646
  --border: var(--hop-Button-ghost-border-disabled);
655
647
  }
656
- .Button-module__hop-Button--loading___UagEe.Button-module__hop-Button--primary___qktr2 {
648
+ .Button-module__hop-Button--loading___7xqEd.Button-module__hop-Button--primary___ZPJLm {
657
649
  --background-color: var(--hop-Button-primary-background-color);
658
650
  --color: var(--hop-Button-primary-color);
659
651
  --border: var(--hop-Button-primary-border);
660
652
  }
661
- .Button-module__hop-Button--loading___UagEe.Button-module__hop-Button--secondary___Lrnvs {
653
+ .Button-module__hop-Button--loading___7xqEd.Button-module__hop-Button--secondary___IDg-f {
662
654
  --background-color: var(--hop-Button-secondary-background-color);
663
655
  --color: var(--hop-Button-secondary-color);
664
656
  --border: var(--hop-Button-secondary-border);
665
657
  }
666
- .Button-module__hop-Button--loading___UagEe.Button-module__hop-Button--upsell___4cQO9 {
658
+ .Button-module__hop-Button--loading___7xqEd.Button-module__hop-Button--upsell___Xzag4 {
667
659
  --background-color: var(--hop-Button-upsell-background-color);
668
660
  --color: var(--hop-Button-upsell-color);
669
661
  --border: var(--hop-Button-upsell-border);
670
662
  }
671
- .Button-module__hop-Button--loading___UagEe.Button-module__hop-Button--danger___6nVZ2 {
663
+ .Button-module__hop-Button--loading___7xqEd.Button-module__hop-Button--danger___-HDBD {
672
664
  --background-color: var(--hop-Button-danger-background-color);
673
665
  --color: var(--hop-Button-danger-color);
674
666
  --border: var(--hop-Button-danger-border);
675
667
  }
676
- .Button-module__hop-Button--loading___UagEe.Button-module__hop-Button--ghost-primary___w8BNx {
668
+ .Button-module__hop-Button--loading___7xqEd.Button-module__hop-Button--ghost-primary___UFhU3 {
677
669
  --background-color: var(--hop-Button-ghost-primary-background-color);
678
670
  --color: var(--hop-Button-ghost-primary-color);
679
671
  --border: var(--hop-Button-ghost-primary-border);
680
- --text-underline: none;
681
672
  }
682
- .Button-module__hop-Button--loading___UagEe.Button-module__hop-Button--ghost-secondary___gycxQ {
673
+ .Button-module__hop-Button--loading___7xqEd.Button-module__hop-Button--ghost-secondary___-X4Tl {
683
674
  --background-color: var(--hop-Button-ghost-secondary-background-color);
684
675
  --color: var(--hop-Button-ghost-secondary-color);
685
676
  --border: var(--hop-Button-ghost-secondary-border);
686
- --text-underline: none;
687
677
  }
688
- .Button-module__hop-Button--loading___UagEe.Button-module__hop-Button--ghost-danger___dEkHZ {
678
+ .Button-module__hop-Button--loading___7xqEd.Button-module__hop-Button--ghost-danger___x1rXr {
689
679
  --background-color: var(--hop-Button-ghost-danger-background-color);
690
680
  --color: var(--hop-Button-ghost-danger-color);
691
681
  --border: var(--hop-Button-ghost-danger-border);
692
- --text-underline: none;
693
682
  }
694
- .Button-module__hop-Button__Spinner___EgllB {
683
+ .Button-module__hop-Button__Spinner___eL8Cc {
695
684
  position: absolute;
696
685
  color: var(--spinner-color);
697
686
  }
698
- .Button-module__hop-Button__icon___75--a,
699
- .Button-module__hop-Button__icon-list___m5YLG {
687
+ .Button-module__hop-Button__icon___uH1Nf,
688
+ .Button-module__hop-Button__icon-list___PL6xA {
700
689
  flex: 0 0 auto;
701
690
  justify-self: end;
702
691
  order: 1;
703
692
  }
704
- .Button-module__hop-Button__text___N97p- {
693
+ .Button-module__hop-Button__text___GpdIQ {
705
694
  user-select: none;
706
695
  overflow: visible;
707
696
  flex: 0 1 auto;
708
697
  order: 2;
709
698
  font-weight: var(--hop-font-weight-505);
710
- text-decoration: var(--text-underline);
711
- text-underline-offset: 0.125rem;
699
+ text-decoration: none;
712
700
  text-wrap: nowrap;
713
701
  }
714
- .Button-module__hop-Button__end-icon___L7Bra,
715
- .Button-module__hop-Button__end-icon-list___V6jCC {
702
+ .Button-module__hop-Button__end-icon___jV7L0,
703
+ .Button-module__hop-Button__end-icon-list___eEwpt {
716
704
  flex: 0 0 auto;
717
705
  order: 3;
718
706
  }
719
- .Button-module__hop-Button___iaXPj .Button-module__hop-Button__icon-list___m5YLG,
720
- .Button-module__hop-Button___iaXPj .Button-module__hop-Button__end-icon-list___V6jCC {
707
+ .Button-module__hop-Button___FZCPZ .Button-module__hop-Button__icon-list___PL6xA,
708
+ .Button-module__hop-Button___FZCPZ .Button-module__hop-Button__end-icon-list___eEwpt {
721
709
  flex-wrap: nowrap;
722
710
  }
723
- .Button-module__hop-Button--loading___UagEe.Button-module__hop-Button___iaXPj > *:not(.Button-module__hop-Button__Spinner___EgllB) {
711
+ .Button-module__hop-Button--loading___7xqEd.Button-module__hop-Button___FZCPZ > *:not(.Button-module__hop-Button__Spinner___eL8Cc) {
724
712
  opacity: 0;
725
713
  }