@hopper-ui/components 1.4.3 → 1.4.5

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 (337) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/Accordion/src/Accordion.css +573 -0
  3. package/dist/Accordion/src/Accordion.d.ts +17 -0
  4. package/dist/Accordion/src/Accordion.js +9 -0
  5. package/dist/Accordion/src/AccordionContext.d.ts +9 -0
  6. package/dist/Accordion/src/AccordionContext.js +2 -0
  7. package/dist/Accordion/src/index.css +573 -0
  8. package/dist/Accordion/src/index.d.ts +6 -0
  9. package/dist/Accordion/src/index.js +9 -0
  10. package/dist/Avatar/src/AnonymousAvatar.css +38 -38
  11. package/dist/Avatar/src/AnonymousAvatar.d.ts +1 -1
  12. package/dist/Avatar/src/AnonymousAvatar.js +4 -4
  13. package/dist/Avatar/src/Avatar.css +56 -56
  14. package/dist/Avatar/src/Avatar.d.ts +1 -1
  15. package/dist/Avatar/src/Avatar.js +6 -6
  16. package/dist/Avatar/src/DeletedAvatar.css +38 -38
  17. package/dist/Avatar/src/DeletedAvatar.d.ts +1 -1
  18. package/dist/Avatar/src/DeletedAvatar.js +4 -4
  19. package/dist/Avatar/src/RichIconAvatarImage.css +38 -38
  20. package/dist/Avatar/src/RichIconAvatarImage.d.ts +1 -1
  21. package/dist/Avatar/src/RichIconAvatarImage.js +2 -2
  22. package/dist/Avatar/src/index.css +56 -56
  23. package/dist/Avatar/src/index.js +8 -8
  24. package/dist/Badge/src/Badge.css +43 -43
  25. package/dist/Badge/src/Badge.d.ts +1 -1
  26. package/dist/Badge/src/Badge.js +2 -2
  27. package/dist/Badge/src/FloatingBadge.css +38 -38
  28. package/dist/Badge/src/FloatingBadge.d.ts +1 -1
  29. package/dist/Badge/src/FloatingBadge.js +2 -2
  30. package/dist/Badge/src/index.css +53 -53
  31. package/dist/Badge/src/index.js +4 -4
  32. package/dist/Card/src/Card.css +31 -31
  33. package/dist/Card/src/Card.d.ts +1 -1
  34. package/dist/Card/src/Card.js +1 -1
  35. package/dist/Card/src/index.css +31 -31
  36. package/dist/Card/src/index.js +1 -1
  37. package/dist/{ClearButton-DTR1qTbm.d.ts → ClearButton-wcnm_ugx.d.ts} +1 -5
  38. package/dist/ComboBox/src/ComboBox.css +564 -564
  39. package/dist/ComboBox/src/ComboBox.d.ts +1 -1
  40. package/dist/ComboBox/src/ComboBox.js +22 -22
  41. package/dist/ComboBox/src/index.css +564 -564
  42. package/dist/ComboBox/src/index.js +22 -22
  43. package/dist/Disclosure/src/Disclosure.css +44 -46
  44. package/dist/Disclosure/src/Disclosure.d.ts +1 -1
  45. package/dist/Disclosure/src/Disclosure.js +4 -4
  46. package/dist/Disclosure/src/DisclosureHeader.css +52 -48
  47. package/dist/Disclosure/src/DisclosureHeader.d.ts +1 -1
  48. package/dist/Disclosure/src/DisclosureHeader.js +9 -9
  49. package/dist/Disclosure/src/DisclosurePanel.css +38 -38
  50. package/dist/Disclosure/src/DisclosurePanel.d.ts +1 -1
  51. package/dist/Disclosure/src/DisclosurePanel.js +9 -9
  52. package/dist/Disclosure/src/index.css +76 -74
  53. package/dist/Disclosure/src/index.js +13 -13
  54. package/dist/Divider/src/Divider.css +30 -30
  55. package/dist/Divider/src/Divider.d.ts +1 -1
  56. package/dist/Divider/src/Divider.js +1 -1
  57. package/dist/Divider/src/index.css +30 -30
  58. package/dist/Divider/src/index.js +1 -1
  59. package/dist/ErrorMessage/src/ErrorMessage.css +30 -30
  60. package/dist/ErrorMessage/src/ErrorMessage.d.ts +1 -1
  61. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  62. package/dist/ErrorMessage/src/index.css +30 -30
  63. package/dist/ErrorMessage/src/index.js +2 -2
  64. package/dist/Form/src/Form.css +28 -28
  65. package/dist/Form/src/Form.d.ts +1 -1
  66. package/dist/Form/src/Form.js +1 -1
  67. package/dist/Form/src/index.css +28 -28
  68. package/dist/Form/src/index.js +1 -1
  69. package/dist/Header/src/Header.d.ts +1 -1
  70. package/dist/HelperMessage/src/HelperMessage.css +30 -30
  71. package/dist/HelperMessage/src/HelperMessage.d.ts +1 -1
  72. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  73. package/dist/HelperMessage/src/index.css +30 -30
  74. package/dist/HelperMessage/src/index.js +2 -2
  75. package/dist/HopperProvider/src/HopperProvider.d.ts +1 -1
  76. package/dist/IconList/src/IconList.css +29 -29
  77. package/dist/IconList/src/IconList.d.ts +1 -1
  78. package/dist/IconList/src/IconList.js +1 -1
  79. package/dist/IconList/src/index.css +29 -29
  80. package/dist/IconList/src/index.js +1 -1
  81. package/dist/IllustratedMessage/src/IllustratedMessage.css +269 -269
  82. package/dist/IllustratedMessage/src/IllustratedMessage.d.ts +1 -1
  83. package/dist/IllustratedMessage/src/IllustratedMessage.js +1 -1
  84. package/dist/IllustratedMessage/src/index.css +269 -269
  85. package/dist/IllustratedMessage/src/index.js +1 -1
  86. package/dist/Image/src/Image.css +31 -31
  87. package/dist/Image/src/Image.d.ts +1 -1
  88. package/dist/Image/src/Image.js +1 -1
  89. package/dist/Image/src/SvgImage.css +29 -29
  90. package/dist/Image/src/SvgImage.d.ts +1 -1
  91. package/dist/Image/src/SvgImage.js +1 -1
  92. package/dist/Image/src/index.css +32 -32
  93. package/dist/Image/src/index.js +2 -2
  94. package/dist/Link/src/Link.css +50 -50
  95. package/dist/Link/src/Link.d.ts +1 -1
  96. package/dist/Link/src/Link.js +7 -7
  97. package/dist/Link/src/index.css +50 -50
  98. package/dist/Link/src/index.js +7 -7
  99. package/dist/ListBox/src/ListBox.css +277 -277
  100. package/dist/ListBox/src/ListBox.d.ts +1 -1
  101. package/dist/ListBox/src/ListBox.js +12 -12
  102. package/dist/ListBox/src/ListBoxItem.css +265 -265
  103. package/dist/ListBox/src/ListBoxItem.d.ts +1 -1
  104. package/dist/ListBox/src/ListBoxItem.js +11 -11
  105. package/dist/ListBox/src/ListBoxItemSkeleton.css +37 -37
  106. package/dist/ListBox/src/ListBoxItemSkeleton.d.ts +1 -1
  107. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  108. package/dist/ListBox/src/index.css +277 -277
  109. package/dist/ListBox/src/index.js +12 -12
  110. package/dist/ListBoxSection/src/ListBoxSection.d.ts +1 -1
  111. package/dist/SegmentedControl/src/SegmentedControl.css +251 -0
  112. package/dist/SegmentedControl/src/SegmentedControl.d.ts +43 -0
  113. package/dist/SegmentedControl/src/SegmentedControl.js +5 -0
  114. package/dist/SegmentedControl/src/SegmentedControlContext.d.ts +18 -0
  115. package/dist/SegmentedControl/src/SegmentedControlContext.js +2 -0
  116. package/dist/SegmentedControl/src/SegmentedControlItem.css +344 -0
  117. package/dist/SegmentedControl/src/SegmentedControlItem.d.ts +31 -0
  118. package/dist/SegmentedControl/src/SegmentedControlItem.js +19 -0
  119. package/dist/SegmentedControl/src/SegmentedControlItemContext.d.ts +12 -0
  120. package/dist/SegmentedControl/src/SegmentedControlItemContext.js +2 -0
  121. package/dist/SegmentedControl/src/index.css +362 -0
  122. package/dist/SegmentedControl/src/index.d.ts +7 -0
  123. package/dist/SegmentedControl/src/index.js +20 -0
  124. package/dist/Select/src/Select.css +568 -568
  125. package/dist/Select/src/Select.d.ts +1 -1
  126. package/dist/Select/src/Select.js +22 -22
  127. package/dist/Select/src/SelectValue.css +62 -62
  128. package/dist/Select/src/SelectValue.d.ts +1 -1
  129. package/dist/Select/src/SelectValue.js +7 -7
  130. package/dist/Select/src/index.css +568 -568
  131. package/dist/Select/src/index.js +22 -22
  132. package/dist/Spinner/src/Spinner.css +38 -38
  133. package/dist/Spinner/src/Spinner.d.ts +1 -1
  134. package/dist/Spinner/src/Spinner.js +2 -2
  135. package/dist/Spinner/src/index.css +38 -38
  136. package/dist/Spinner/src/index.js +2 -2
  137. package/dist/ToggleArrow/src/ToggleArrow.css +30 -30
  138. package/dist/ToggleArrow/src/ToggleArrow.d.ts +0 -2
  139. package/dist/ToggleArrow/src/ToggleArrow.js +1 -1
  140. package/dist/ToggleArrow/src/index.css +30 -30
  141. package/dist/ToggleArrow/src/index.js +1 -1
  142. package/dist/buttons/src/Button.css +94 -94
  143. package/dist/buttons/src/Button.d.ts +1 -1
  144. package/dist/buttons/src/Button.js +9 -9
  145. package/dist/buttons/src/ButtonGroup.css +39 -39
  146. package/dist/buttons/src/ButtonGroup.d.ts +1 -1
  147. package/dist/buttons/src/ButtonGroup.js +1 -1
  148. package/dist/buttons/src/ClearButton.css +99 -99
  149. package/dist/buttons/src/ClearButton.d.ts +1 -1
  150. package/dist/buttons/src/ClearButton.js +2 -2
  151. package/dist/buttons/src/ClearButtonContext.d.ts +1 -1
  152. package/dist/buttons/src/EmbeddedButton.css +99 -99
  153. package/dist/buttons/src/EmbeddedButton.d.ts +1 -1
  154. package/dist/buttons/src/EmbeddedButton.js +1 -1
  155. package/dist/buttons/src/EmbeddedButtonContext.d.ts +1 -1
  156. package/dist/buttons/src/LinkButton.css +103 -103
  157. package/dist/buttons/src/LinkButton.d.ts +2 -1
  158. package/dist/buttons/src/LinkButton.js +7 -7
  159. package/dist/buttons/src/index.css +250 -250
  160. package/dist/buttons/src/index.d.ts +1 -1
  161. package/dist/buttons/src/index.js +13 -13
  162. package/dist/checkbox/src/Checkbox.css +47 -47
  163. package/dist/checkbox/src/Checkbox.d.ts +1 -1
  164. package/dist/checkbox/src/Checkbox.js +7 -7
  165. package/dist/checkbox/src/CheckboxField.css +34 -34
  166. package/dist/checkbox/src/CheckboxField.d.ts +1 -1
  167. package/dist/checkbox/src/CheckboxField.js +3 -3
  168. package/dist/checkbox/src/CheckboxGroup.css +99 -99
  169. package/dist/checkbox/src/CheckboxGroup.d.ts +1 -1
  170. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  171. package/dist/checkbox/src/DecorativeCheckbox.css +55 -55
  172. package/dist/checkbox/src/DecorativeCheckbox.d.ts +0 -2
  173. package/dist/checkbox/src/DecorativeCheckbox.js +7 -7
  174. package/dist/checkbox/src/index.css +99 -99
  175. package/dist/checkbox/src/index.js +13 -13
  176. package/dist/{chunk-OFI3LBBH.js → chunk-2QQKKCA6.js} +1 -1
  177. package/dist/{chunk-RUXFD332.js → chunk-2W2TKWDW.js} +2 -2
  178. package/dist/{chunk-CLR67UTQ.js → chunk-5FCYITMW.js} +10 -10
  179. package/dist/{chunk-2RMHS4DV.js → chunk-64TQVQTQ.js} +3 -3
  180. package/dist/{chunk-OHACSOZZ.js → chunk-6OMB77M2.js} +7 -7
  181. package/dist/{chunk-QZIFWGGM.js → chunk-6SYXRO7O.js} +7 -7
  182. package/dist/chunk-6WA3AN6A.js +108 -0
  183. package/dist/{chunk-BJQGWQLI.js → chunk-766WLLQC.js} +1 -1
  184. package/dist/chunk-7IM3UQB4.js +7 -0
  185. package/dist/{chunk-QVXWBJAZ.js → chunk-A72NEHON.js} +1 -1
  186. package/dist/{chunk-N5Z4BTIW.js → chunk-B4BGTJ4J.js} +2 -2
  187. package/dist/{chunk-P74JVV2E.js → chunk-CCQ763SQ.js} +2 -2
  188. package/dist/{chunk-FAC66D35.js → chunk-CP5LVXCN.js} +7 -7
  189. package/dist/{chunk-WDKLYX27.js → chunk-CTY5LBJO.js} +2 -2
  190. package/dist/{chunk-RPHNZAFD.js → chunk-CVEBTQOB.js} +4 -4
  191. package/dist/{chunk-RK2Y6VIU.js → chunk-DL26PLJ5.js} +2 -2
  192. package/dist/{chunk-LN2F7IS3.js → chunk-DOUSEJVO.js} +6 -6
  193. package/dist/{chunk-ZEX4LJ4D.js → chunk-EET7QW7I.js} +1 -1
  194. package/dist/{chunk-CYD73F6N.js → chunk-EPS36KLB.js} +2 -2
  195. package/dist/{chunk-ZNZRG3MA.js → chunk-F3I7ZVUI.js} +2 -2
  196. package/dist/{chunk-7JWBRULR.js → chunk-FDCAYJ5A.js} +1 -1
  197. package/dist/{chunk-OZXAE722.js → chunk-FZSIUTUC.js} +4 -4
  198. package/dist/{chunk-4CMW6FL7.js → chunk-HAA6MG3M.js} +1 -1
  199. package/dist/{chunk-ODNRQDFF.js → chunk-HOCZEYM2.js} +2 -2
  200. package/dist/chunk-IH5J4BVC.js +89 -0
  201. package/dist/{chunk-S7OM5R4X.js → chunk-IIBGMFOV.js} +1 -1
  202. package/dist/{chunk-LY3PO4EZ.js → chunk-ILMELMNG.js} +3 -3
  203. package/dist/{chunk-LWOYB2BH.js → chunk-IRDC4A5V.js} +5 -5
  204. package/dist/{chunk-NRJ4NIRB.js → chunk-IUEZ452B.js} +2 -2
  205. package/dist/chunk-JHX5QEIH.js +8 -0
  206. package/dist/{chunk-F6JYIRDV.js → chunk-JPKQVKZQ.js} +1 -1
  207. package/dist/{chunk-ZEWMI5W6.js → chunk-L5FIZTGO.js} +1 -1
  208. package/dist/{chunk-WMXOFQB6.js → chunk-NBCVQB4U.js} +2 -2
  209. package/dist/{chunk-EWJDG7EF.js → chunk-NJVZCXT2.js} +3 -3
  210. package/dist/{chunk-DKHCH65G.js → chunk-OIPDQPIS.js} +1 -1
  211. package/dist/{chunk-B6KA3DJV.js → chunk-P7BDCUU6.js} +10 -10
  212. package/dist/{chunk-EOIARBSV.js → chunk-PBW55YB6.js} +2 -2
  213. package/dist/{chunk-O3YF6JLI.js → chunk-PE4RUTRT.js} +2 -2
  214. package/dist/{chunk-N5YLABIJ.js → chunk-PG3QT3L4.js} +1 -1
  215. package/dist/{chunk-L4AMK7LE.js → chunk-PHUI65VC.js} +3 -3
  216. package/dist/{chunk-HQPNYGB7.js → chunk-PIUO4NSJ.js} +10 -7
  217. package/dist/{chunk-RWTLMOQU.js → chunk-PNRCYEDV.js} +1 -1
  218. package/dist/{chunk-73CBMSHN.js → chunk-R3EA53KY.js} +7 -7
  219. package/dist/{chunk-IJRDG3TE.js → chunk-R3XRXUM2.js} +1 -1
  220. package/dist/{chunk-C6YSH23D.js → chunk-RBX5I4PK.js} +2 -2
  221. package/dist/{chunk-TGBZ3PQC.js → chunk-RELQCWQJ.js} +9 -9
  222. package/dist/{chunk-ANWJKO7G.js → chunk-RYVQOAWM.js} +1 -1
  223. package/dist/{chunk-CTSJOSAY.js → chunk-SNTJBZFO.js} +1 -1
  224. package/dist/chunk-TDKQPTN6.js +7 -0
  225. package/dist/{chunk-SBPPBKQY.js → chunk-U3OENUO3.js} +2 -2
  226. package/dist/{chunk-U2HXZVHZ.js → chunk-U4GZB4FZ.js} +5 -5
  227. package/dist/{chunk-4VBLOJ2E.js → chunk-UN4M3P2L.js} +1 -1
  228. package/dist/{chunk-QQV3DT6O.js → chunk-UNDDUZQL.js} +5 -5
  229. package/dist/{chunk-AC5DMOQY.js → chunk-UVOV47HY.js} +1 -1
  230. package/dist/{chunk-75S4IAP7.js → chunk-VEEIDUMU.js} +2 -2
  231. package/dist/{chunk-KP7CTK7L.js → chunk-VORDUOQQ.js} +7 -7
  232. package/dist/{chunk-J66EWPPW.js → chunk-WYBZUVI5.js} +3 -3
  233. package/dist/chunk-X5YVAVRA.js +76 -0
  234. package/dist/{chunk-KED6JNR3.js → chunk-XJOESRMM.js} +3 -3
  235. package/dist/{chunk-HBI7M252.js → chunk-XKSS3LMT.js} +2 -2
  236. package/dist/{chunk-KXDWYQGK.js → chunk-XNQQNB7H.js} +4 -4
  237. package/dist/{chunk-L7IZLLCO.js → chunk-XR6N6XOG.js} +5 -5
  238. package/dist/{chunk-KPE6Q72C.js → chunk-ZN7WZHZY.js} +2 -2
  239. package/dist/index.css +1673 -1497
  240. package/dist/index.d.ts +5 -1
  241. package/dist/index.js +75 -69
  242. package/dist/inputs/src/InputGroup.css +265 -265
  243. package/dist/inputs/src/InputGroup.d.ts +1 -1
  244. package/dist/inputs/src/InputGroup.js +1 -1
  245. package/dist/inputs/src/NumberField.css +287 -287
  246. package/dist/inputs/src/NumberField.d.ts +1 -1
  247. package/dist/inputs/src/NumberField.js +11 -11
  248. package/dist/inputs/src/PasswordField.css +275 -275
  249. package/dist/inputs/src/PasswordField.d.ts +2 -2
  250. package/dist/inputs/src/PasswordField.js +11 -11
  251. package/dist/inputs/src/PasswordFieldContext.d.ts +1 -1
  252. package/dist/inputs/src/RemainingCharacterCount.css +31 -31
  253. package/dist/inputs/src/RemainingCharacterCount.d.ts +0 -2
  254. package/dist/inputs/src/RemainingCharacterCount.js +6 -6
  255. package/dist/inputs/src/SearchField.css +281 -281
  256. package/dist/inputs/src/SearchField.d.ts +2 -2
  257. package/dist/inputs/src/SearchField.js +12 -12
  258. package/dist/inputs/src/SearchFieldContext.d.ts +1 -1
  259. package/dist/inputs/src/TextArea.css +282 -282
  260. package/dist/inputs/src/TextArea.d.ts +1 -1
  261. package/dist/inputs/src/TextArea.js +11 -11
  262. package/dist/inputs/src/TextField.css +279 -279
  263. package/dist/inputs/src/TextField.d.ts +1 -1
  264. package/dist/inputs/src/TextField.js +14 -14
  265. package/dist/inputs/src/index.css +325 -325
  266. package/dist/inputs/src/index.d.ts +1 -1
  267. package/dist/inputs/src/index.js +18 -18
  268. package/dist/layout/src/Content.d.ts +1 -1
  269. package/dist/layout/src/Flex.d.ts +1 -1
  270. package/dist/layout/src/Footer.d.ts +1 -1
  271. package/dist/layout/src/Grid.d.ts +1 -1
  272. package/dist/layout/src/Inline.d.ts +1 -1
  273. package/dist/layout/src/Stack.d.ts +1 -1
  274. package/dist/overlays/Popover/src/Popover.css +544 -544
  275. package/dist/overlays/Popover/src/Popover.d.ts +1 -1
  276. package/dist/overlays/Popover/src/Popover.js +8 -8
  277. package/dist/overlays/Popover/src/index.css +544 -544
  278. package/dist/overlays/Popover/src/index.js +8 -8
  279. package/dist/radio/src/DecorativeRadio.css +55 -55
  280. package/dist/radio/src/DecorativeRadio.d.ts +0 -2
  281. package/dist/radio/src/DecorativeRadio.js +7 -7
  282. package/dist/radio/src/Radio.css +47 -47
  283. package/dist/radio/src/Radio.d.ts +1 -1
  284. package/dist/radio/src/Radio.js +7 -7
  285. package/dist/radio/src/RadioField.css +34 -34
  286. package/dist/radio/src/RadioField.d.ts +1 -1
  287. package/dist/radio/src/RadioField.js +2 -2
  288. package/dist/radio/src/RadioGroup.css +99 -99
  289. package/dist/radio/src/RadioGroup.d.ts +1 -1
  290. package/dist/radio/src/RadioGroup.js +7 -7
  291. package/dist/radio/src/index.css +99 -99
  292. package/dist/radio/src/index.js +13 -13
  293. package/dist/switch/src/Switch.css +44 -44
  294. package/dist/switch/src/Switch.d.ts +1 -1
  295. package/dist/switch/src/Switch.js +7 -7
  296. package/dist/switch/src/SwitchField.css +34 -34
  297. package/dist/switch/src/SwitchField.d.ts +1 -1
  298. package/dist/switch/src/SwitchField.js +2 -2
  299. package/dist/switch/src/index.css +50 -50
  300. package/dist/switch/src/index.js +8 -8
  301. package/dist/tag/src/Tag.css +391 -391
  302. package/dist/tag/src/Tag.d.ts +1 -1
  303. package/dist/tag/src/Tag.js +11 -11
  304. package/dist/tag/src/TagContext.d.ts +1 -1
  305. package/dist/tag/src/TagGroup.css +38 -38
  306. package/dist/tag/src/TagGroup.d.ts +2 -2
  307. package/dist/tag/src/TagGroup.js +7 -7
  308. package/dist/tag/src/TagGroupContext.d.ts +1 -1
  309. package/dist/tag/src/index.css +401 -401
  310. package/dist/tag/src/index.d.ts +1 -1
  311. package/dist/tag/src/index.js +15 -15
  312. package/dist/typography/Heading/src/Heading.css +28 -28
  313. package/dist/typography/Heading/src/Heading.d.ts +13 -7
  314. package/dist/typography/Heading/src/Heading.js +1 -1
  315. package/dist/typography/Heading/src/index.css +28 -28
  316. package/dist/typography/Heading/src/index.js +1 -1
  317. package/dist/typography/Label/src/Label.css +28 -28
  318. package/dist/typography/Label/src/Label.d.ts +1 -1
  319. package/dist/typography/Label/src/Label.js +2 -2
  320. package/dist/typography/Label/src/index.css +28 -28
  321. package/dist/typography/Label/src/index.js +2 -2
  322. package/dist/typography/OverlineText/src/OverlineText.css +28 -28
  323. package/dist/typography/OverlineText/src/OverlineText.d.ts +1 -1
  324. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  325. package/dist/typography/OverlineText/src/index.css +28 -28
  326. package/dist/typography/OverlineText/src/index.js +1 -1
  327. package/dist/typography/Text/src/Text.css +28 -28
  328. package/dist/typography/Text/src/Text.d.ts +1 -1
  329. package/dist/typography/Text/src/Text.js +1 -1
  330. package/dist/typography/Text/src/index.css +28 -28
  331. package/dist/typography/Text/src/index.js +1 -1
  332. package/dist/utils/src/EnsureTextWrapper.css +28 -28
  333. package/dist/utils/src/EnsureTextWrapper.js +6 -6
  334. package/dist/utils/src/SlotProvider.d.ts +0 -2
  335. package/dist/utils/src/index.css +28 -28
  336. package/dist/utils/src/index.js +6 -6
  337. package/package.json +1 -1
@@ -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___dCY9U {
2
+ .Heading-module__hop-Heading___kIjJK {
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___dCY9U) {
36
+ :where(.Heading-module__hop-Heading___kIjJK) {
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___CNyZb) {
43
+ :where(.Heading-module__hop-Heading--xs___n7uR3) {
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___0L-NH) {
49
+ :where(.Heading-module__hop-Heading--sm___5UFh3) {
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___VKVD-) {
55
+ :where(.Heading-module__hop-Heading--md___mHsGk) {
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___Rho-r) {
61
+ :where(.Heading-module__hop-Heading--lg___Bwq0I) {
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___V-fBY) {
67
+ :where(.Heading-module__hop-Heading--xl___iz9mD) {
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___buwXT) {
73
+ :where(.Heading-module__hop-Heading--2xl___3Vykl) {
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___9-KXf) {
79
+ :where(.Heading-module__hop-Heading--3xl___K4kAz) {
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___m1Nn4 {
87
+ .Text-module__hop-Text___-EnWE {
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___m1Nn4) {
117
+ :where(.Text-module__hop-Text___-EnWE) {
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___GYWYN) {
123
+ :where(.Text-module__hop-Text--xs___vpyar) {
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___nckmD) {
129
+ :where(.Text-module__hop-Text--sm___tHl7L) {
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___a9ujG) {
135
+ :where(.Text-module__hop-Text--md___41oTK) {
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___vcYRI) {
141
+ :where(.Text-module__hop-Text--lg___RTw0Q) {
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___okEd-) {
147
+ :where(.Text-module__hop-Text--xl___6wxcw) {
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___a0ZNY) {
153
+ :where(.Text-module__hop-Text--2xl___er60W) {
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___Jg-xF) {
159
+ :where(.Text-module__hop-Text--inherit___g7rAM) {
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___ietsP) {
167
+ :where(.OverlineText-module__hop-OverlineText___ylqIL) {
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___M1cCG {
191
+ .OverlineText-module__hop-OverlineText__text___VXI1W {
192
192
  box-sizing: border-box;
193
193
  }
194
- .OverlineText-module__hop-OverlineText__text___M1cCG::before,
195
- .OverlineText-module__hop-OverlineText__text___M1cCG::after {
194
+ .OverlineText-module__hop-OverlineText__text___VXI1W::before,
195
+ .OverlineText-module__hop-OverlineText__text___VXI1W::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___M1cCG::before {
202
+ .OverlineText-module__hop-OverlineText__text___VXI1W::before {
203
203
  margin-block-end: var(--bottom-offset);
204
204
  }
205
- .OverlineText-module__hop-OverlineText__text___M1cCG::after {
205
+ .OverlineText-module__hop-OverlineText__text___VXI1W::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/typography/Label/src/Label.module.css/#css-module-data */
210
- .Label-module__hop-Label___IYhKA {
210
+ .Label-module__hop-Label___Yf2iw {
211
211
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
212
212
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
213
213
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
214
214
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
215
215
  --hop-Label-color: var(--hop-neutral-text-weak);
216
216
  }
217
- :where(.Label-module__hop-Label___IYhKA) {
217
+ :where(.Label-module__hop-Label___Yf2iw) {
218
218
  font-family: var(--hop-Label-font-family);
219
219
  font-size: var(--hop-Label-font-size);
220
220
  font-weight: var(--hop-Label-font-weight);
221
221
  line-height: var(--hop-Label-line-height);
222
222
  color: var(--hop-Label-color);
223
223
  }
224
- :where(.Label-module__hop-Label__indicator___Mp25l) {
224
+ :where(.Label-module__hop-Label__indicator___JRNRb) {
225
225
  padding-inline-start: var(--hop-space-20);
226
226
  }
227
227
 
228
228
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
229
- .Form-module__hop-Form___6XUMw {
229
+ .Form-module__hop-Form___CUW7s {
230
230
  display: flex;
231
231
  flex-direction: column;
232
232
  gap: var(--hop-space-stack-lg);
233
233
  }
234
234
 
235
235
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
236
- .IconList-module__hop-IconList___TAuJ0 {
236
+ .IconList-module__hop-IconList___-EHZR {
237
237
  --hop-IconList-gap: var(--hop-space-inline-xs);
238
238
  display: flex;
239
239
  flex-wrap: wrap;
@@ -242,7 +242,7 @@
242
242
  }
243
243
 
244
244
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
245
- .Checkbox-module__hop-Checkbox___zoiUO {
245
+ .Checkbox-module__hop-Checkbox___MvQ5G {
246
246
  --hop-Checkbox-box-border-size: 0.0625rem;
247
247
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
248
248
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -317,60 +317,60 @@
317
317
  inline-size: max-content;
318
318
  max-inline-size: 100%;
319
319
  }
320
- .Checkbox-module__hop-Checkbox___zoiUO[data-focus-visible] {
320
+ .Checkbox-module__hop-Checkbox___MvQ5G[data-focus-visible] {
321
321
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
322
322
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
323
323
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
324
324
  --text-color: var(--hop-Checkbox-text-color-focused);
325
325
  --icon-color: var(--hop-Checkbox-icon-color-focused);
326
326
  }
327
- .Checkbox-module__hop-Checkbox___zoiUO[data-hovered] {
327
+ .Checkbox-module__hop-Checkbox___MvQ5G[data-hovered] {
328
328
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
329
329
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
330
330
  --text-color: var(--hop-Checkbox-text-color-hovered);
331
331
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
332
332
  }
333
- .Checkbox-module__hop-Checkbox___zoiUO[data-pressed] {
333
+ .Checkbox-module__hop-Checkbox___MvQ5G[data-pressed] {
334
334
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
335
335
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
336
336
  --text-color: var(--hop-Checkbox-text-color-pressed);
337
337
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
338
338
  }
339
- .Checkbox-module__hop-Checkbox___zoiUO[data-selected] {
339
+ .Checkbox-module__hop-Checkbox___MvQ5G[data-selected] {
340
340
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
341
341
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
342
342
  --check-display: var(--hop-Checkbox-check-display-selected);
343
343
  --text-color: var(--hop-Checkbox-text-color-selected);
344
344
  --icon-color: var(--hop-Checkbox-icon-color-selected);
345
345
  }
346
- .Checkbox-module__hop-Checkbox___zoiUO[data-invalid] {
346
+ .Checkbox-module__hop-Checkbox___MvQ5G[data-invalid] {
347
347
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
348
348
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
349
349
  --check-color: var(--hop-Checkbox-check-color-invalid);
350
350
  --text-color: var(--hop-Checkbox-text-color-invalid);
351
351
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
352
352
  }
353
- .Checkbox-module__hop-Checkbox___zoiUO[data-invalid]:where([data-focus-visible]) {
353
+ .Checkbox-module__hop-Checkbox___MvQ5G[data-invalid]:where([data-focus-visible]) {
354
354
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
355
355
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
356
356
  }
357
- .Checkbox-module__hop-Checkbox___zoiUO[data-invalid]:where([data-hovered]) {
357
+ .Checkbox-module__hop-Checkbox___MvQ5G[data-invalid]:where([data-hovered]) {
358
358
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
359
359
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
360
360
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
361
361
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
362
362
  }
363
- .Checkbox-module__hop-Checkbox___zoiUO[data-invalid]:where([data-pressed]) {
363
+ .Checkbox-module__hop-Checkbox___MvQ5G[data-invalid]:where([data-pressed]) {
364
364
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
365
365
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
366
366
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
367
367
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
368
368
  }
369
- .Checkbox-module__hop-Checkbox___zoiUO:where([data-invalid])[data-selected] {
369
+ .Checkbox-module__hop-Checkbox___MvQ5G:where([data-invalid])[data-selected] {
370
370
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
371
371
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
372
372
  }
373
- .Checkbox-module__hop-Checkbox___zoiUO[data-disabled] {
373
+ .Checkbox-module__hop-Checkbox___MvQ5G[data-disabled] {
374
374
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
375
375
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
376
376
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -378,25 +378,25 @@
378
378
  --text-color: var(--hop-Checkbox-text-color-disabled);
379
379
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
380
380
  }
381
- .Checkbox-module__hop-Checkbox--sm___DhFP8 {
381
+ .Checkbox-module__hop-Checkbox--sm___NdZfw {
382
382
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
383
383
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
384
384
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
385
385
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
386
386
  }
387
- .Checkbox-module__hop-Checkbox--md___rAsp8 {
387
+ .Checkbox-module__hop-Checkbox--md___Ven1q {
388
388
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
389
389
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
390
390
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
391
391
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
392
392
  }
393
- .Checkbox-module__hop-Checkbox__icon___xkGi0,
394
- .Checkbox-module__hop-Checkbox__icon-list___GIRy3 {
393
+ .Checkbox-module__hop-Checkbox__icon___2P0Xg,
394
+ .Checkbox-module__hop-Checkbox__icon-list___XdzKJ {
395
395
  flex: 0 0 auto;
396
396
  order: 3;
397
397
  color: var(--icon-color);
398
398
  }
399
- .Checkbox-module__hop-Checkbox__box___KjAcT {
399
+ .Checkbox-module__hop-Checkbox__box___pnTHD {
400
400
  display: flex;
401
401
  flex: 0 0 auto;
402
402
  align-items: center;
@@ -412,11 +412,11 @@
412
412
  outline-offset: 0.125rem;
413
413
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
414
414
  }
415
- .Checkbox-module__hop-Checkbox__check___Cb8Ly {
415
+ .Checkbox-module__hop-Checkbox__check___L7mid {
416
416
  display: var(--check-display);
417
417
  color: var(--check-color);
418
418
  }
419
- .Checkbox-module__hop-Checkbox__text___WHB1X {
419
+ .Checkbox-module__hop-Checkbox__text___PUyfN {
420
420
  flex: 0 1 auto;
421
421
  order: 2;
422
422
  min-inline-size: 0;
@@ -426,7 +426,7 @@
426
426
  }
427
427
 
428
428
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
429
- .CheckboxField-module__hop-CheckboxField___Hs4CD {
429
+ .CheckboxField-module__hop-CheckboxField___23gwg {
430
430
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
431
431
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
432
432
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -445,28 +445,28 @@
445
445
  inline-size: max-content;
446
446
  max-inline-size: 100%;
447
447
  }
448
- .CheckboxField-module__hop-CheckboxField___Hs4CD[data-disabled] {
448
+ .CheckboxField-module__hop-CheckboxField___23gwg[data-disabled] {
449
449
  --description-color: var(--hop-CheckboxField-description-color-disabled);
450
450
  }
451
- .CheckboxField-module__hop-CheckboxField--sm___kDJp8 {
451
+ .CheckboxField-module__hop-CheckboxField--sm___QQ2IO {
452
452
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
453
453
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
454
454
  }
455
- .CheckboxField-module__hop-CheckboxField--md___Z3Ka0 {
455
+ .CheckboxField-module__hop-CheckboxField--md___EZK-q {
456
456
  --row-gap: var(--hop-CheckboxField-md-row-gap);
457
457
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
458
458
  }
459
- .CheckboxField-module__hop-CheckboxField__description___5CDHQ {
459
+ .CheckboxField-module__hop-CheckboxField__description___OWXRg {
460
460
  order: 2;
461
461
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
462
462
  color: var(--description-color);
463
463
  }
464
- .CheckboxField-module__hop-CheckboxField__checkbox___ZrHG8 {
464
+ .CheckboxField-module__hop-CheckboxField__checkbox___TkI47 {
465
465
  order: 1;
466
466
  }
467
467
 
468
468
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
469
- .Checkbox-module__hop-Checkbox___zoiUO {
469
+ .Checkbox-module__hop-Checkbox___MvQ5G {
470
470
  --hop-Checkbox-box-border-size: 0.0625rem;
471
471
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
472
472
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -541,60 +541,60 @@
541
541
  inline-size: max-content;
542
542
  max-inline-size: 100%;
543
543
  }
544
- .Checkbox-module__hop-Checkbox___zoiUO[data-focus-visible] {
544
+ .Checkbox-module__hop-Checkbox___MvQ5G[data-focus-visible] {
545
545
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
546
546
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
547
547
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
548
548
  --text-color: var(--hop-Checkbox-text-color-focused);
549
549
  --icon-color: var(--hop-Checkbox-icon-color-focused);
550
550
  }
551
- .Checkbox-module__hop-Checkbox___zoiUO[data-hovered] {
551
+ .Checkbox-module__hop-Checkbox___MvQ5G[data-hovered] {
552
552
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
553
553
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
554
554
  --text-color: var(--hop-Checkbox-text-color-hovered);
555
555
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
556
556
  }
557
- .Checkbox-module__hop-Checkbox___zoiUO[data-pressed] {
557
+ .Checkbox-module__hop-Checkbox___MvQ5G[data-pressed] {
558
558
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
559
559
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
560
560
  --text-color: var(--hop-Checkbox-text-color-pressed);
561
561
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
562
562
  }
563
- .Checkbox-module__hop-Checkbox___zoiUO[data-selected] {
563
+ .Checkbox-module__hop-Checkbox___MvQ5G[data-selected] {
564
564
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
565
565
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
566
566
  --check-display: var(--hop-Checkbox-check-display-selected);
567
567
  --text-color: var(--hop-Checkbox-text-color-selected);
568
568
  --icon-color: var(--hop-Checkbox-icon-color-selected);
569
569
  }
570
- .Checkbox-module__hop-Checkbox___zoiUO[data-invalid] {
570
+ .Checkbox-module__hop-Checkbox___MvQ5G[data-invalid] {
571
571
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
572
572
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
573
573
  --check-color: var(--hop-Checkbox-check-color-invalid);
574
574
  --text-color: var(--hop-Checkbox-text-color-invalid);
575
575
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
576
576
  }
577
- .Checkbox-module__hop-Checkbox___zoiUO[data-invalid]:where([data-focus-visible]) {
577
+ .Checkbox-module__hop-Checkbox___MvQ5G[data-invalid]:where([data-focus-visible]) {
578
578
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
579
579
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
580
580
  }
581
- .Checkbox-module__hop-Checkbox___zoiUO[data-invalid]:where([data-hovered]) {
581
+ .Checkbox-module__hop-Checkbox___MvQ5G[data-invalid]:where([data-hovered]) {
582
582
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
583
583
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
584
584
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
585
585
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
586
586
  }
587
- .Checkbox-module__hop-Checkbox___zoiUO[data-invalid]:where([data-pressed]) {
587
+ .Checkbox-module__hop-Checkbox___MvQ5G[data-invalid]:where([data-pressed]) {
588
588
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
589
589
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
590
590
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
591
591
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
592
592
  }
593
- .Checkbox-module__hop-Checkbox___zoiUO:where([data-invalid])[data-selected] {
593
+ .Checkbox-module__hop-Checkbox___MvQ5G:where([data-invalid])[data-selected] {
594
594
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
595
595
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
596
596
  }
597
- .Checkbox-module__hop-Checkbox___zoiUO[data-disabled] {
597
+ .Checkbox-module__hop-Checkbox___MvQ5G[data-disabled] {
598
598
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
599
599
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
600
600
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -602,25 +602,25 @@
602
602
  --text-color: var(--hop-Checkbox-text-color-disabled);
603
603
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
604
604
  }
605
- .Checkbox-module__hop-Checkbox--sm___DhFP8 {
605
+ .Checkbox-module__hop-Checkbox--sm___NdZfw {
606
606
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
607
607
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
608
608
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
609
609
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
610
610
  }
611
- .Checkbox-module__hop-Checkbox--md___rAsp8 {
611
+ .Checkbox-module__hop-Checkbox--md___Ven1q {
612
612
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
613
613
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
614
614
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
615
615
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
616
616
  }
617
- .Checkbox-module__hop-Checkbox__icon___xkGi0,
618
- .Checkbox-module__hop-Checkbox__icon-list___GIRy3 {
617
+ .Checkbox-module__hop-Checkbox__icon___2P0Xg,
618
+ .Checkbox-module__hop-Checkbox__icon-list___XdzKJ {
619
619
  flex: 0 0 auto;
620
620
  order: 3;
621
621
  color: var(--icon-color);
622
622
  }
623
- .Checkbox-module__hop-Checkbox__box___KjAcT {
623
+ .Checkbox-module__hop-Checkbox__box___pnTHD {
624
624
  display: flex;
625
625
  flex: 0 0 auto;
626
626
  align-items: center;
@@ -636,11 +636,11 @@
636
636
  outline-offset: 0.125rem;
637
637
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
638
638
  }
639
- .Checkbox-module__hop-Checkbox__check___Cb8Ly {
639
+ .Checkbox-module__hop-Checkbox__check___L7mid {
640
640
  display: var(--check-display);
641
641
  color: var(--check-color);
642
642
  }
643
- .Checkbox-module__hop-Checkbox__text___WHB1X {
643
+ .Checkbox-module__hop-Checkbox__text___PUyfN {
644
644
  flex: 0 1 auto;
645
645
  order: 2;
646
646
  min-inline-size: 0;
@@ -648,24 +648,24 @@
648
648
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
649
649
  color: var(--text-color);
650
650
  }
651
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___3kHeV {
651
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___H-C0F {
652
652
  }
653
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___lsFyH {
653
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___15NWL {
654
654
  }
655
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___tAR0m {
655
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___ETRsN {
656
656
  }
657
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___EEFhd,
658
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___iq1OD {
657
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___jL9Lr,
658
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___uh7ke {
659
659
  }
660
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___-qrmK {
660
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___q8Ry2 {
661
661
  }
662
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___lvOfc {
662
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___I15Ee {
663
663
  }
664
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___EKov3 {
664
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___W48IK {
665
665
  }
666
666
 
667
667
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
668
- .ErrorMessage-module__hop-ErrorMessage___r4V4k {
668
+ .ErrorMessage-module__hop-ErrorMessage___BRJVF {
669
669
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
670
670
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
671
671
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -682,13 +682,13 @@
682
682
  line-height: var(--hop-ErrorMessage-line-height);
683
683
  color: var(--hop-ErrorMessage-color);
684
684
  }
685
- .ErrorMessage-module__hop-ErrorMessage__icon___4bjKj {
685
+ .ErrorMessage-module__hop-ErrorMessage__icon___XopkX {
686
686
  flex: 0 0 auto;
687
687
  align-self: flex-start;
688
688
  }
689
689
 
690
690
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
691
- .HelperMessage-module__hop-HelperMessage___W8DHW {
691
+ .HelperMessage-module__hop-HelperMessage___EjWeM {
692
692
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
693
693
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
694
694
  display: flex;
@@ -697,13 +697,13 @@
697
697
  box-sizing: border-box;
698
698
  color: var(--hop-HelperMessage-color);
699
699
  }
700
- .HelperMessage-module__hop-HelperMessage__icon___7aSsi {
700
+ .HelperMessage-module__hop-HelperMessage__icon___Tdm8y {
701
701
  flex: 0 0 auto;
702
702
  align-self: flex-start;
703
703
  }
704
704
 
705
705
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
706
- .CheckboxGroup-module__hop-CheckboxGroup___PVHBD {
706
+ .CheckboxGroup-module__hop-CheckboxGroup___LA86B {
707
707
  --hop-CheckboxGroup-align-items: flex-start;
708
708
  --hop-CheckboxGroup-justify-content: flex-start;
709
709
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -742,46 +742,46 @@
742
742
  inline-size: max-content;
743
743
  max-inline-size: 100%;
744
744
  }
745
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___4SyID {
745
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___xDzsX {
746
746
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
747
747
  --list-border-radius: var(--hop-shape-rounded-md);
748
748
  }
749
- .CheckboxGroup-module__hop-CheckboxGroup--sm___Ojaln {
749
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___YdFjD {
750
750
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
751
751
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
752
752
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
753
753
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
754
754
  }
755
- .CheckboxGroup-module__hop-CheckboxGroup--md___BZnRL {
755
+ .CheckboxGroup-module__hop-CheckboxGroup--md___qFVhz {
756
756
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
757
757
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
758
758
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
759
759
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
760
760
  }
761
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___4SyID.CheckboxGroup-module__hop-CheckboxGroup--sm___Ojaln {
761
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___xDzsX.CheckboxGroup-module__hop-CheckboxGroup--sm___YdFjD {
762
762
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
763
763
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
764
764
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
765
765
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
766
766
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
767
767
  }
768
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___4SyID.CheckboxGroup-module__hop-CheckboxGroup--md___BZnRL {
768
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___xDzsX.CheckboxGroup-module__hop-CheckboxGroup--md___qFVhz {
769
769
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
770
770
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
771
771
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
772
772
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
773
773
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
774
774
  }
775
- .CheckboxGroup-module__hop-CheckboxGroup___PVHBD[data-orientation=horizontal] {
775
+ .CheckboxGroup-module__hop-CheckboxGroup___LA86B[data-orientation=horizontal] {
776
776
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
777
777
  }
778
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___4SyID[data-orientation=horizontal] {
778
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___xDzsX[data-orientation=horizontal] {
779
779
  --flex-wrap: nowrap;
780
780
  }
781
- .CheckboxGroup-module__hop-CheckboxGroup___PVHBD > .CheckboxGroup-module__hop-CheckboxGroup__label___eZFHy {
781
+ .CheckboxGroup-module__hop-CheckboxGroup___LA86B > .CheckboxGroup-module__hop-CheckboxGroup__label___Jv9ym {
782
782
  order: 1;
783
783
  }
784
- .CheckboxGroup-module__hop-CheckboxGroup__list___wZQrP {
784
+ .CheckboxGroup-module__hop-CheckboxGroup__list___4TkKj {
785
785
  display: flex;
786
786
  flex-flow: var(--flex-direction) var(--flex-wrap);
787
787
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -792,7 +792,7 @@
792
792
  border: var(--list-border, none);
793
793
  border-radius: var(--list-border-radius, 0);
794
794
  }
795
- .CheckboxGroup-module__hop-CheckboxGroup__list___wZQrP > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Md4HF {
795
+ .CheckboxGroup-module__hop-CheckboxGroup__list___4TkKj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___hPvG5 {
796
796
  position: relative;
797
797
  flex: 0 1 auto;
798
798
  align-content: start;
@@ -800,22 +800,22 @@
800
800
  min-inline-size: 0;
801
801
  padding: var(--checkbox-padding, 0);
802
802
  }
803
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___4SyID .CheckboxGroup-module__hop-CheckboxGroup__list___wZQrP > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Md4HF ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Md4HF::before {
803
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___xDzsX .CheckboxGroup-module__hop-CheckboxGroup__list___4TkKj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___hPvG5 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___hPvG5::before {
804
804
  content: "";
805
805
  position: absolute;
806
806
  display: block;
807
807
  }
808
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___4SyID[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___wZQrP > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Md4HF ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Md4HF::before {
808
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___xDzsX[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___4TkKj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___hPvG5 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___hPvG5::before {
809
809
  inset-block-start: 0;
810
810
  inset-inline: 0;
811
811
  border-block-start: var(--list-border, none);
812
812
  }
813
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___4SyID[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___wZQrP > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Md4HF ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Md4HF::before {
813
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___xDzsX[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___4TkKj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___hPvG5 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___hPvG5::before {
814
814
  inset-block: 0;
815
815
  inset-inline-start: 0;
816
816
  border-inline-start: var(--list-border, none);
817
817
  }
818
- .CheckboxGroup-module__hop-CheckboxGroup___PVHBD > .CheckboxGroup-module__hop-CheckboxGroup__error-message___MdudD,
819
- .CheckboxGroup-module__hop-CheckboxGroup___PVHBD > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___43uOM {
818
+ .CheckboxGroup-module__hop-CheckboxGroup___LA86B > .CheckboxGroup-module__hop-CheckboxGroup__error-message___6ux-r,
819
+ .CheckboxGroup-module__hop-CheckboxGroup___LA86B > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___z8wh9 {
820
820
  order: 3;
821
821
  }
@@ -26,7 +26,7 @@ interface CheckboxGroupProps extends StyledComponentProps<CheckboxGroupProps$1>,
26
26
  /**
27
27
  * The CheckboxGroup component is used to group multiple Checkbox or CheckboxField components together.
28
28
  *
29
- * [View Documentation](TODO)
29
+ * [View Documentation](https://hopper.workleap.design/components/CheckboxGroup)
30
30
  */
31
31
  declare const _CheckboxGroup: react.ForwardRefExoticComponent<CheckboxGroupProps & react.RefAttributes<HTMLDivElement>>;
32
32