@hopper-ui/components 1.5.13 → 1.5.15

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 (336) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/accordion/src/Accordion.css +155 -117
  3. package/dist/accordion/src/Accordion.js +1 -1
  4. package/dist/accordion/src/index.css +155 -117
  5. package/dist/accordion/src/index.js +1 -1
  6. package/dist/alert/src/Alert.css +394 -344
  7. package/dist/alert/src/Alert.js +9 -9
  8. package/dist/alert/src/index.css +394 -344
  9. package/dist/alert/src/index.js +9 -9
  10. package/dist/avatar/src/AnonymousAvatar.css +125 -87
  11. package/dist/avatar/src/AnonymousAvatar.d.ts +1 -1
  12. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  13. package/dist/avatar/src/Avatar.css +143 -105
  14. package/dist/avatar/src/Avatar.d.ts +2 -2
  15. package/dist/avatar/src/Avatar.js +4 -4
  16. package/dist/avatar/src/AvatarContext.d.ts +1 -1
  17. package/dist/avatar/src/AvatarGroup.css +152 -104
  18. package/dist/avatar/src/AvatarGroup.d.ts +1 -1
  19. package/dist/avatar/src/AvatarGroup.js +4 -4
  20. package/dist/avatar/src/AvatarGroupContext.d.ts +1 -1
  21. package/dist/avatar/src/BrokenAvatar.css +125 -87
  22. package/dist/avatar/src/BrokenAvatar.d.ts +1 -1
  23. package/dist/avatar/src/BrokenAvatar.js +2 -2
  24. package/dist/avatar/src/DeletedAvatar.css +125 -87
  25. package/dist/avatar/src/DeletedAvatar.d.ts +1 -1
  26. package/dist/avatar/src/DeletedAvatar.js +2 -2
  27. package/dist/avatar/src/RichIconAvatarImage.css +125 -87
  28. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  29. package/dist/avatar/src/index.css +180 -132
  30. package/dist/avatar/src/index.d.ts +1 -1
  31. package/dist/avatar/src/index.js +9 -9
  32. package/dist/badge/src/Badge.css +130 -92
  33. package/dist/badge/src/Badge.js +2 -2
  34. package/dist/badge/src/FloatingBadge.css +125 -87
  35. package/dist/badge/src/FloatingBadge.js +1 -1
  36. package/dist/badge/src/index.css +140 -102
  37. package/dist/badge/src/index.js +3 -3
  38. package/dist/buttons/src/Button.css +176 -138
  39. package/dist/buttons/src/Button.js +5 -5
  40. package/dist/buttons/src/ButtonGroup.css +126 -88
  41. package/dist/buttons/src/ButtonGroup.js +1 -1
  42. package/dist/buttons/src/ClearButton.css +186 -148
  43. package/dist/buttons/src/ClearButton.js +2 -2
  44. package/dist/buttons/src/CloseButton.css +182 -144
  45. package/dist/buttons/src/CloseButton.js +6 -6
  46. package/dist/buttons/src/EmbeddedButton.css +186 -148
  47. package/dist/buttons/src/EmbeddedButton.js +1 -1
  48. package/dist/buttons/src/LinkButton.css +185 -147
  49. package/dist/buttons/src/LinkButton.js +4 -4
  50. package/dist/buttons/src/index.css +333 -295
  51. package/dist/buttons/src/index.js +10 -10
  52. package/dist/callout/src/Callout.css +345 -307
  53. package/dist/callout/src/Callout.js +7 -7
  54. package/dist/callout/src/CompactCallout.css +382 -344
  55. package/dist/callout/src/CompactCallout.js +7 -7
  56. package/dist/callout/src/index.css +394 -356
  57. package/dist/callout/src/index.js +8 -8
  58. package/dist/card/src/Card.css +118 -80
  59. package/dist/card/src/Card.js +1 -1
  60. package/dist/card/src/index.css +118 -80
  61. package/dist/card/src/index.js +1 -1
  62. package/dist/checkbox/src/Checkbox.css +129 -91
  63. package/dist/checkbox/src/Checkbox.js +4 -4
  64. package/dist/checkbox/src/CheckboxField.css +116 -78
  65. package/dist/checkbox/src/CheckboxField.js +3 -3
  66. package/dist/checkbox/src/CheckboxGroup.css +181 -143
  67. package/dist/checkbox/src/CheckboxGroup.js +6 -6
  68. package/dist/checkbox/src/DecorativeCheckbox.css +142 -104
  69. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  70. package/dist/checkbox/src/index.css +181 -143
  71. package/dist/checkbox/src/index.js +10 -10
  72. package/dist/{chunk-TZEU4NKY.js → chunk-242I76V4.js} +2 -2
  73. package/dist/{chunk-HANWII4T.js → chunk-2HSYA3UO.js} +2 -2
  74. package/dist/{chunk-Q7VZSQA4.js → chunk-2HYNJ4RG.js} +1 -1
  75. package/dist/{chunk-4LOEZQ6K.js → chunk-2SWBJ2RA.js} +2 -2
  76. package/dist/{chunk-CJ3TZIBR.js → chunk-2XIGNRNN.js} +1 -1
  77. package/dist/{chunk-GEZ2O7GH.js → chunk-2Z6HG7MH.js} +1 -1
  78. package/dist/{chunk-TNLYOFSX.js → chunk-345ZW6DW.js} +4 -4
  79. package/dist/{chunk-4JPU7V7P.js → chunk-3ITCXFNF.js} +1 -1
  80. package/dist/{chunk-OXQZEGVN.js → chunk-3NPO6GHQ.js} +1 -1
  81. package/dist/{chunk-6HPTG4I7.js → chunk-4GWBYMMR.js} +1 -1
  82. package/dist/{chunk-YYRU4JQR.js → chunk-4IBYIHH3.js} +3 -3
  83. package/dist/{chunk-3ZHH7T6Q.js → chunk-5BAVMEBR.js} +2 -2
  84. package/dist/{chunk-336PKPIF.js → chunk-5G7E5FCW.js} +1 -1
  85. package/dist/{chunk-H4FHS5GM.js → chunk-5QTTGCUO.js} +1 -1
  86. package/dist/{chunk-FIEPLQID.js → chunk-66AUOYN3.js} +1 -1
  87. package/dist/{chunk-DIYUJMQO.js → chunk-67UHV6JT.js} +2 -2
  88. package/dist/{chunk-SA322LHS.js → chunk-6REG5UM7.js} +2 -2
  89. package/dist/{chunk-YMTZYK3U.js → chunk-7TD2BOOW.js} +1 -1
  90. package/dist/{chunk-26SAFLH2.js → chunk-A2ATFLHB.js} +3 -3
  91. package/dist/{chunk-PJGCHONW.js → chunk-AM5OWO4O.js} +1 -1
  92. package/dist/{chunk-WUU53CNO.js → chunk-AZM46V7S.js} +8 -8
  93. package/dist/{chunk-BBFLIS2N.js → chunk-BBUO6JNY.js} +1 -1
  94. package/dist/{chunk-5UAXAY5Z.js → chunk-BEZV2TV5.js} +1 -1
  95. package/dist/{chunk-XDFCDNZP.js → chunk-BLZPFFRT.js} +1 -1
  96. package/dist/{chunk-QF25FXI5.js → chunk-BOVMXXMP.js} +2 -2
  97. package/dist/chunk-BVHIN4FH.js +38 -0
  98. package/dist/{chunk-DQT6VAIZ.js → chunk-C37ZYXWY.js} +2 -2
  99. package/dist/{chunk-TWKILUSS.js → chunk-CXAKQC6F.js} +2 -2
  100. package/dist/{chunk-MSIFNLMK.js → chunk-D2XT5TOS.js} +5 -5
  101. package/dist/{chunk-BAQO6H5D.js → chunk-DEKL4OBV.js} +11 -11
  102. package/dist/{chunk-3IAYQDEZ.js → chunk-DP2RSYCZ.js} +3 -3
  103. package/dist/{chunk-OKYRSI6N.js → chunk-DU73AY3A.js} +1 -1
  104. package/dist/{chunk-IJC3LMVD.js → chunk-EAB222LC.js} +1 -1
  105. package/dist/{chunk-SVY4NPVL.js → chunk-ECH7SUOC.js} +7 -7
  106. package/dist/{chunk-EGASA3QE.js → chunk-ECZI3JMD.js} +1 -1
  107. package/dist/{chunk-WBSUD7UN.js → chunk-EJAFDM3W.js} +10 -10
  108. package/dist/{chunk-ZXRWEYKU.js → chunk-EPPRW6WY.js} +8 -8
  109. package/dist/{chunk-FFSXWRQ4.js → chunk-EWAUG4KW.js} +3 -3
  110. package/dist/{chunk-27MSAOIK.js → chunk-FKKZBPRC.js} +2 -2
  111. package/dist/{chunk-YCKOALBB.js → chunk-FMBBP2JM.js} +1 -1
  112. package/dist/{chunk-CFXK2ZSA.js → chunk-GOTGYG72.js} +2 -2
  113. package/dist/{chunk-WPIH4OAE.js → chunk-IGIUSB45.js} +1 -1
  114. package/dist/{chunk-W5LSA7PK.js → chunk-IMLQDPAT.js} +5 -5
  115. package/dist/{chunk-DRIRW7MJ.js → chunk-IYNP25HA.js} +2 -2
  116. package/dist/{chunk-LOJ6Y766.js → chunk-JVJ7HW2B.js} +2 -2
  117. package/dist/{chunk-J7GMVQDE.js → chunk-JZ6NPRCQ.js} +1 -1
  118. package/dist/{chunk-AAMIUZW2.js → chunk-K7QK3SIY.js} +1 -1
  119. package/dist/{chunk-6KB3ZPEX.js → chunk-L4VDO4RJ.js} +3 -3
  120. package/dist/{chunk-H3CEJLCO.js → chunk-L7IPSOT5.js} +2 -2
  121. package/dist/{chunk-Q3CGFKER.js → chunk-LACODOC2.js} +7 -1
  122. package/dist/{chunk-OBWROGLB.js → chunk-LZOVDVUN.js} +8 -8
  123. package/dist/{chunk-PHYO5KW6.js → chunk-M2V7QIEJ.js} +1 -1
  124. package/dist/{chunk-ONWB6QY6.js → chunk-M45IYAP6.js} +3 -3
  125. package/dist/{chunk-DNWSS3V2.js → chunk-M4CEDZGQ.js} +2 -2
  126. package/dist/{chunk-SYFFZMMH.js → chunk-MJVZCFBR.js} +5 -5
  127. package/dist/{chunk-TFDJKYCC.js → chunk-MMYSMCOC.js} +2 -2
  128. package/dist/{chunk-V53G7BNL.js → chunk-MURITCIV.js} +1 -1
  129. package/dist/{chunk-QOA4KYYB.js → chunk-N7HVLMON.js} +2 -2
  130. package/dist/{chunk-H3THQ7OK.js → chunk-ODTKK5LR.js} +1 -1
  131. package/dist/{chunk-NT7BHGVD.js → chunk-OMJOBHXJ.js} +5 -5
  132. package/dist/{chunk-LKH3JL3P.js → chunk-PHIFUBIQ.js} +1 -1
  133. package/dist/{chunk-WCUPQIIB.js → chunk-PLUMP3FI.js} +2 -2
  134. package/dist/{chunk-FJYBZVXI.js → chunk-Q65D7GMU.js} +6 -6
  135. package/dist/{chunk-VJBJDRCA.js → chunk-R252LAT3.js} +5 -5
  136. package/dist/{chunk-W6VX3CL4.js → chunk-SYZBLISX.js} +12 -12
  137. package/dist/{chunk-2O2NCTBM.js → chunk-TWP4PKNE.js} +2 -2
  138. package/dist/{chunk-RPAKOGH6.js → chunk-UG5NRLHP.js} +2 -2
  139. package/dist/{chunk-QYMSYYF5.js → chunk-UTN67TJM.js} +1 -1
  140. package/dist/{chunk-BQQSNNMG.js → chunk-VZCB6LQU.js} +1 -1
  141. package/dist/{chunk-3M3OPDB5.js → chunk-WAHZ3SFK.js} +2 -2
  142. package/dist/{chunk-X7VALEJB.js → chunk-WXM5D73O.js} +1 -1
  143. package/dist/{chunk-TKMQCZDW.js → chunk-YAEJRROD.js} +1 -1
  144. package/dist/{chunk-AQ5PVP2O.js → chunk-YAU2APH4.js} +2 -2
  145. package/dist/{chunk-PB7U6BYO.js → chunk-YDSIFPYF.js} +3 -3
  146. package/dist/{chunk-YDPBF37I.js → chunk-YUKKPIQM.js} +2 -2
  147. package/dist/{chunk-2OHC57EK.js → chunk-Z4KKM2YZ.js} +1 -1
  148. package/dist/{chunk-CHA2MOQZ.js → chunk-ZDPSSA4N.js} +1 -1
  149. package/dist/{chunk-MYC273X2.js → chunk-ZF2VIHIL.js} +3 -3
  150. package/dist/{chunk-ND5XR6RA.js → chunk-ZTX23M7T.js} +2 -2
  151. package/dist/{chunk-C3X6NC6X.js → chunk-ZYWNDGPO.js} +2 -2
  152. package/dist/combobox/src/ComboBox.css +788 -720
  153. package/dist/combobox/src/ComboBox.js +17 -17
  154. package/dist/combobox/src/index.css +788 -720
  155. package/dist/combobox/src/index.js +17 -17
  156. package/dist/disclosure/src/Disclosure.css +125 -87
  157. package/dist/disclosure/src/Disclosure.js +1 -1
  158. package/dist/disclosure/src/DisclosureHeader.css +132 -94
  159. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  160. package/dist/disclosure/src/DisclosurePanel.css +120 -82
  161. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  162. package/dist/disclosure/src/index.css +150 -112
  163. package/dist/disclosure/src/index.js +7 -7
  164. package/dist/divider/src/Divider.css +117 -79
  165. package/dist/divider/src/Divider.js +1 -1
  166. package/dist/divider/src/index.css +117 -79
  167. package/dist/divider/src/index.js +1 -1
  168. package/dist/error-message/src/ErrorMessage.css +117 -79
  169. package/dist/error-message/src/ErrorMessage.js +2 -2
  170. package/dist/error-message/src/index.css +117 -79
  171. package/dist/error-message/src/index.js +2 -2
  172. package/dist/form/src/Form.css +110 -72
  173. package/dist/form/src/Form.js +1 -1
  174. package/dist/form/src/index.css +110 -72
  175. package/dist/form/src/index.js +1 -1
  176. package/dist/helper-message/src/HelperMessage.css +117 -79
  177. package/dist/helper-message/src/HelperMessage.js +2 -2
  178. package/dist/helper-message/src/index.css +117 -79
  179. package/dist/helper-message/src/index.js +2 -2
  180. package/dist/hopper-provider/src/HopperProvider.css +282 -0
  181. package/dist/hopper-provider/src/HopperProvider.d.ts +1 -0
  182. package/dist/hopper-provider/src/HopperProvider.js +2 -1
  183. package/dist/hopper-provider/src/index.css +282 -0
  184. package/dist/hopper-provider/src/index.js +2 -1
  185. package/dist/icon-list/src/IconList.css +116 -78
  186. package/dist/icon-list/src/IconList.js +1 -1
  187. package/dist/icon-list/src/index.css +116 -78
  188. package/dist/icon-list/src/index.js +1 -1
  189. package/dist/illustrated-message/src/IllustratedMessage.css +352 -314
  190. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  191. package/dist/illustrated-message/src/index.css +352 -314
  192. package/dist/illustrated-message/src/index.js +1 -1
  193. package/dist/image/src/Image.css +118 -80
  194. package/dist/image/src/Image.js +1 -1
  195. package/dist/image/src/SvgImage.css +116 -78
  196. package/dist/image/src/SvgImage.js +1 -1
  197. package/dist/image/src/index.css +119 -81
  198. package/dist/image/src/index.js +2 -2
  199. package/dist/index.css +1116 -1036
  200. package/dist/index.d.ts +5 -4
  201. package/dist/index.js +80 -79
  202. package/dist/inputs/src/Input.css +119 -81
  203. package/dist/inputs/src/Input.js +1 -1
  204. package/dist/inputs/src/InputGroup.css +121 -83
  205. package/dist/inputs/src/InputGroup.js +1 -1
  206. package/dist/inputs/src/NumberField.css +145 -107
  207. package/dist/inputs/src/NumberField.js +9 -9
  208. package/dist/inputs/src/PasswordField.css +353 -315
  209. package/dist/inputs/src/PasswordField.js +9 -9
  210. package/dist/inputs/src/RemainingCharacterCount.css +118 -80
  211. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  212. package/dist/inputs/src/SearchField.css +359 -321
  213. package/dist/inputs/src/SearchField.js +10 -10
  214. package/dist/inputs/src/TextArea.css +142 -104
  215. package/dist/inputs/src/TextArea.js +8 -8
  216. package/dist/inputs/src/TextField.css +357 -319
  217. package/dist/inputs/src/TextField.js +12 -12
  218. package/dist/inputs/src/index.css +410 -372
  219. package/dist/inputs/src/index.js +16 -16
  220. package/dist/link/src/Link.css +154 -116
  221. package/dist/link/src/Link.js +3 -3
  222. package/dist/link/src/index.css +154 -116
  223. package/dist/link/src/index.js +3 -3
  224. package/dist/list-box/src/ListBox.css +399 -351
  225. package/dist/list-box/src/ListBox.js +7 -7
  226. package/dist/list-box/src/ListBoxItem.css +387 -339
  227. package/dist/list-box/src/ListBoxItem.js +6 -6
  228. package/dist/list-box/src/ListBoxItemSkeleton.css +122 -84
  229. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  230. package/dist/list-box/src/index.css +399 -351
  231. package/dist/list-box/src/index.js +7 -7
  232. package/dist/modal/src/BaseModal.css +142 -92
  233. package/dist/modal/src/BaseModal.js +1 -1
  234. package/dist/modal/src/CustomModal.css +143 -93
  235. package/dist/modal/src/CustomModal.js +2 -2
  236. package/dist/modal/src/Modal.css +384 -334
  237. package/dist/modal/src/Modal.js +8 -8
  238. package/dist/modal/src/index.css +390 -340
  239. package/dist/modal/src/index.js +9 -9
  240. package/dist/overlays/popover/src/Popover.css +689 -631
  241. package/dist/overlays/popover/src/Popover.js +2 -2
  242. package/dist/overlays/popover/src/PopoverBase.css +129 -81
  243. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  244. package/dist/overlays/popover/src/index.css +703 -635
  245. package/dist/overlays/popover/src/index.js +3 -3
  246. package/dist/radio/src/DecorativeRadio.css +142 -104
  247. package/dist/radio/src/DecorativeRadio.js +3 -3
  248. package/dist/radio/src/Radio.css +134 -96
  249. package/dist/radio/src/Radio.js +3 -3
  250. package/dist/radio/src/RadioField.css +121 -83
  251. package/dist/radio/src/RadioField.js +2 -2
  252. package/dist/radio/src/RadioGroup.css +186 -148
  253. package/dist/radio/src/RadioGroup.js +6 -6
  254. package/dist/radio/src/index.css +186 -148
  255. package/dist/radio/src/index.js +10 -10
  256. package/dist/segmented-control/src/SegmentedControl.css +116 -78
  257. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  258. package/dist/segmented-control/src/SegmentedControlItem.css +130 -92
  259. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  260. package/dist/segmented-control/src/index.css +131 -93
  261. package/dist/segmented-control/src/index.js +3 -3
  262. package/dist/select/src/Select.css +732 -664
  263. package/dist/select/src/Select.js +16 -16
  264. package/dist/select/src/SelectValue.css +186 -138
  265. package/dist/select/src/SelectValue.js +2 -2
  266. package/dist/select/src/index.css +732 -664
  267. package/dist/select/src/index.js +16 -16
  268. package/dist/spinner/src/Spinner.css +125 -87
  269. package/dist/spinner/src/Spinner.js +2 -2
  270. package/dist/spinner/src/index.css +125 -87
  271. package/dist/spinner/src/index.js +2 -2
  272. package/dist/switch/src/Switch.css +131 -93
  273. package/dist/switch/src/Switch.js +3 -3
  274. package/dist/switch/src/SwitchField.css +121 -83
  275. package/dist/switch/src/SwitchField.js +2 -2
  276. package/dist/switch/src/index.css +137 -99
  277. package/dist/switch/src/index.js +4 -4
  278. package/dist/tabs/src/Tab.css +538 -490
  279. package/dist/tabs/src/Tab.js +2 -2
  280. package/dist/tabs/src/TabLine.css +117 -79
  281. package/dist/tabs/src/TabLine.js +1 -1
  282. package/dist/tabs/src/TabList.css +124 -86
  283. package/dist/tabs/src/TabList.js +2 -2
  284. package/dist/tabs/src/TabPanel.css +117 -79
  285. package/dist/tabs/src/TabPanel.js +1 -1
  286. package/dist/tabs/src/index.css +549 -501
  287. package/dist/tabs/src/index.js +5 -5
  288. package/dist/tag/src/Tag.css +516 -468
  289. package/dist/tag/src/Tag.js +7 -7
  290. package/dist/tag/src/TagGroup.css +125 -87
  291. package/dist/tag/src/TagGroup.js +6 -6
  292. package/dist/tag/src/index.css +526 -478
  293. package/dist/tag/src/index.js +11 -11
  294. package/dist/tile/src/Tile.css +124 -86
  295. package/dist/tile/src/Tile.js +2 -2
  296. package/dist/tile/src/TileGroup.css +116 -78
  297. package/dist/tile/src/TileGroup.js +1 -1
  298. package/dist/tile/src/index.css +125 -87
  299. package/dist/tile/src/index.js +3 -3
  300. package/dist/toggle-arrow/src/ToggleArrow.css +117 -79
  301. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  302. package/dist/toggle-arrow/src/index.css +117 -79
  303. package/dist/toggle-arrow/src/index.js +1 -1
  304. package/dist/tooltip/src/Tooltip.css +135 -87
  305. package/dist/tooltip/src/Tooltip.js +3 -3
  306. package/dist/tooltip/src/TooltipTrigger.css +115 -77
  307. package/dist/tooltip/src/index.css +135 -87
  308. package/dist/tooltip/src/index.js +3 -3
  309. package/dist/typography/heading/src/Heading.css +115 -77
  310. package/dist/typography/heading/src/Heading.js +1 -1
  311. package/dist/typography/heading/src/index.css +115 -77
  312. package/dist/typography/heading/src/index.js +1 -1
  313. package/dist/typography/label/src/Label.css +97 -59
  314. package/dist/typography/label/src/Label.js +2 -2
  315. package/dist/typography/label/src/index.css +97 -59
  316. package/dist/typography/label/src/index.js +2 -2
  317. package/dist/typography/overline-text/src/OverlineText.css +83 -45
  318. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  319. package/dist/typography/overline-text/src/index.css +83 -45
  320. package/dist/typography/overline-text/src/index.js +1 -1
  321. package/dist/typography/paragraph/src/Paragraph.css +272 -0
  322. package/dist/typography/paragraph/src/Paragraph.d.ts +16 -0
  323. package/dist/typography/paragraph/src/Paragraph.js +7 -0
  324. package/dist/typography/paragraph/src/index.css +272 -0
  325. package/dist/typography/paragraph/src/index.d.ts +5 -0
  326. package/dist/typography/paragraph/src/index.js +7 -0
  327. package/dist/typography/text/src/Text.css +83 -45
  328. package/dist/typography/text/src/Text.js +1 -1
  329. package/dist/typography/text/src/index.css +83 -45
  330. package/dist/typography/text/src/index.js +1 -1
  331. package/dist/utils/src/ClearSlots.css +115 -77
  332. package/dist/utils/src/EnsureTextWrapper.css +115 -77
  333. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  334. package/dist/utils/src/index.css +115 -77
  335. package/dist/utils/src/index.js +2 -2
  336. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___Ar-xg {
2
+ .Heading-module__hop-Heading___ymJPS {
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,7 +33,7 @@
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___Ar-xg) {
36
+ :where(.Heading-module__hop-Heading___ymJPS) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
@@ -41,51 +41,113 @@
41
41
  line-height: var(--line-height);
42
42
  color: var(--hop-neutral-text);
43
43
  }
44
- :where(.Heading-module__hop-Heading--xs___-I9vY) {
44
+ :where(.Heading-module__hop-Heading--xs___bHqez) {
45
45
  --font-size: var(--hop-Heading-xs-font-size);
46
46
  --font-family: var(--hop-Heading-xs-font-family);
47
47
  --font-weight: var(--hop-Heading-xs-font-weight);
48
48
  --line-height: var(--hop-Heading-xs-line-height);
49
49
  }
50
- :where(.Heading-module__hop-Heading--sm___3Uw0i) {
50
+ :where(.Heading-module__hop-Heading--sm___Mxwzr) {
51
51
  --font-size: var(--hop-Heading-sm-font-size);
52
52
  --font-family: var(--hop-Heading-sm-font-family);
53
53
  --font-weight: var(--hop-Heading-sm-font-weight);
54
54
  --line-height: var(--hop-Heading-sm-line-height);
55
55
  }
56
- :where(.Heading-module__hop-Heading--md___curln) {
56
+ :where(.Heading-module__hop-Heading--md___aCDuc) {
57
57
  --font-size: var(--hop-Heading-md-font-size);
58
58
  --font-family: var(--hop-Heading-md-font-family);
59
59
  --font-weight: var(--hop-Heading-md-font-weight);
60
60
  --line-height: var(--hop-Heading-md-line-height);
61
61
  }
62
- :where(.Heading-module__hop-Heading--lg___wTnwT) {
62
+ :where(.Heading-module__hop-Heading--lg___9qCBi) {
63
63
  --font-size: var(--hop-Heading-lg-font-size);
64
64
  --font-family: var(--hop-Heading-lg-font-family);
65
65
  --font-weight: var(--hop-Heading-lg-font-weight);
66
66
  --line-height: var(--hop-Heading-lg-line-height);
67
67
  }
68
- :where(.Heading-module__hop-Heading--xl___DNuF7) {
68
+ :where(.Heading-module__hop-Heading--xl___kA1HN) {
69
69
  --font-size: var(--hop-Heading-xl-font-size);
70
70
  --font-family: var(--hop-Heading-xl-font-family);
71
71
  --font-weight: var(--hop-Heading-xl-font-weight);
72
72
  --line-height: var(--hop-Heading-xl-line-height);
73
73
  }
74
- :where(.Heading-module__hop-Heading--2xl___cWmCg) {
74
+ :where(.Heading-module__hop-Heading--2xl___-CQ08) {
75
75
  --font-size: var(--hop-Heading-2xl-font-size);
76
76
  --font-family: var(--hop-Heading-2xl-font-family);
77
77
  --font-weight: var(--hop-Heading-2xl-font-weight);
78
78
  --line-height: var(--hop-Heading-2xl-line-height);
79
79
  }
80
- :where(.Heading-module__hop-Heading--3xl___-fSuo) {
80
+ :where(.Heading-module__hop-Heading--3xl___gFWn8) {
81
81
  --font-size: var(--hop-Heading-3xl-font-size);
82
82
  --font-family: var(--hop-Heading-3xl-font-family);
83
83
  --font-weight: var(--hop-Heading-3xl-font-weight);
84
84
  --line-height: var(--hop-Heading-3xl-line-height);
85
85
  }
86
86
 
87
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
88
+ .Label-module__hop-Label___vqWZR {
89
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
90
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
91
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
92
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
93
+ --hop-Label-color: var(--hop-neutral-text-weak);
94
+ }
95
+ :where(.Label-module__hop-Label___vqWZR) {
96
+ font-family: var(--hop-Label-font-family);
97
+ font-size: var(--hop-Label-font-size);
98
+ font-weight: var(--hop-Label-font-weight);
99
+ line-height: var(--hop-Label-line-height);
100
+ color: var(--hop-Label-color);
101
+ }
102
+ :where(.Label-module__hop-Label__indicator___7V-DK) {
103
+ padding-inline-start: var(--hop-space-20);
104
+ }
105
+
106
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
107
+ :where(.OverlineText-module__hop-OverlineText___cuiG5) {
108
+ --hop-OverlineText-font-family: var(--hop-overline-font-family);
109
+ --hop-OverlineText-font-size: var(--hop-overline-font-size);
110
+ --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
111
+ --hop-OverlineText-letter-spacing: 0.015rem;
112
+ --hop-OverlineText-line-height: var(--hop-overline-line-height);
113
+ --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
114
+ --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
115
+ --font-family: var(--hop-OverlineText-font-family);
116
+ --font-size: var(--hop-OverlineText-font-size);
117
+ --font-weight: var(--hop-OverlineText-font-weight);
118
+ --letter-spacing: var(--hop-OverlineText-letter-spacing);
119
+ --line-height: var(--hop-OverlineText-line-height);
120
+ --top-offset: var(--hop-OverlineText-top-offset);
121
+ --bottom-offset: var(--hop-OverlineText-bottom-offset);
122
+ box-sizing: border-box;
123
+ font-family: var(--font-family);
124
+ font-size: var(--font-size);
125
+ font-feature-settings: "case";
126
+ font-weight: var(--font-weight);
127
+ line-height: var(--line-height);
128
+ text-transform: uppercase;
129
+ letter-spacing: var(--letter-spacing);
130
+ }
131
+ .OverlineText-module__hop-OverlineText__text___oymrp {
132
+ box-sizing: border-box;
133
+ }
134
+ .OverlineText-module__hop-OverlineText__text___oymrp::before,
135
+ .OverlineText-module__hop-OverlineText__text___oymrp::after {
136
+ content: "";
137
+ display: block;
138
+ box-sizing: border-box;
139
+ inline-size: 0;
140
+ block-size: 0;
141
+ }
142
+ .OverlineText-module__hop-OverlineText__text___oymrp::before {
143
+ margin-block-end: var(--bottom-offset);
144
+ }
145
+ .OverlineText-module__hop-OverlineText__text___oymrp::after {
146
+ margin-block-start: var(--top-offset);
147
+ }
148
+
87
149
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
88
- .Text-module__hop-Text___uq-tR {
150
+ .Text-module__hop-Text___lZZnA {
89
151
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
90
152
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
91
153
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -115,126 +177,102 @@
115
177
  --hop-Text-inherit-size-font-weight: inherit;
116
178
  --hop-Text-inherit-size-line-height: inherit;
117
179
  }
118
- :where(.Text-module__hop-Text___uq-tR) {
180
+ :where(.Text-module__hop-Text___lZZnA) {
119
181
  font-family: var(--font-family);
120
182
  font-size: var(--font-size);
121
183
  font-weight: var(--font-weight);
122
184
  line-height: var(--line-height);
123
185
  }
124
- :where(.Text-module__hop-Text--xs___sJCR-) {
186
+ :where(.Text-module__hop-Text--xs___-Helr) {
125
187
  --font-size: var(--hop-Text-xs-font-size);
126
188
  --font-family: var(--hop-Text-xs-font-family);
127
189
  --font-weight: var(--hop-Text-xs-font-weight);
128
190
  --line-height: var(--hop-Text-xs-line-height);
129
191
  }
130
- :where(.Text-module__hop-Text--sm___rsSoz) {
192
+ :where(.Text-module__hop-Text--sm___n4DcX) {
131
193
  --font-size: var(--hop-Text-sm-font-size);
132
194
  --font-family: var(--hop-Text-sm-font-family);
133
195
  --font-weight: var(--hop-Text-sm-font-weight);
134
196
  --line-height: var(--hop-Text-sm-line-height);
135
197
  }
136
- :where(.Text-module__hop-Text--md___KWEnQ) {
198
+ :where(.Text-module__hop-Text--md___VdH5f) {
137
199
  --font-size: var(--hop-Text-md-font-size);
138
200
  --font-family: var(--hop-Text-md-font-family);
139
201
  --font-weight: var(--hop-Text-md-font-weight);
140
202
  --line-height: var(--hop-Text-md-line-height);
141
203
  }
142
- :where(.Text-module__hop-Text--lg___igwHs) {
204
+ :where(.Text-module__hop-Text--lg___oTyML) {
143
205
  --font-size: var(--hop-Text-lg-font-size);
144
206
  --font-family: var(--hop-Text-lg-font-family);
145
207
  --font-weight: var(--hop-Text-lg-font-weight);
146
208
  --line-height: var(--hop-Text-lg-line-height);
147
209
  }
148
- :where(.Text-module__hop-Text--xl___V7Phx) {
210
+ :where(.Text-module__hop-Text--xl___71mU0) {
149
211
  --font-size: var(--hop-Text-xl-font-size);
150
212
  --font-family: var(--hop-Text-xl-font-family);
151
213
  --font-weight: var(--hop-Text-xl-font-weight);
152
214
  --line-height: var(--hop-Text-xl-line-height);
153
215
  }
154
- :where(.Text-module__hop-Text--2xl___Yc-7P) {
216
+ :where(.Text-module__hop-Text--2xl___xt-EK) {
155
217
  --font-size: var(--hop-Text-2xl-font-size);
156
218
  --font-family: var(--hop-Text-2xl-font-family);
157
219
  --font-weight: var(--hop-Text-2xl-font-weight);
158
220
  --line-height: var(--hop-Text-2xl-line-height);
159
221
  }
160
- :where(.Text-module__hop-Text--inherit___8OzO8) {
222
+ :where(.Text-module__hop-Text--inherit___wMzVg) {
161
223
  --font-size: var(--hop-Text-inherit-size-font-size);
162
224
  --font-family: var(--hop-Text-inherit-size-font-family);
163
225
  --font-weight: var(--hop-Text-inherit-size-font-weight);
164
226
  --line-height: var(--hop-Text-inherit-size-line-height);
165
227
  }
166
228
 
167
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
168
- :where(.OverlineText-module__hop-OverlineText___wnMR6) {
169
- --hop-OverlineText-font-family: var(--hop-overline-font-family);
170
- --hop-OverlineText-font-size: var(--hop-overline-font-size);
171
- --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
172
- --hop-OverlineText-letter-spacing: 0.015rem;
173
- --hop-OverlineText-line-height: var(--hop-overline-line-height);
174
- --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
175
- --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
176
- --font-family: var(--hop-OverlineText-font-family);
177
- --font-size: var(--hop-OverlineText-font-size);
178
- --font-weight: var(--hop-OverlineText-font-weight);
179
- --letter-spacing: var(--hop-OverlineText-letter-spacing);
180
- --line-height: var(--hop-OverlineText-line-height);
181
- --top-offset: var(--hop-OverlineText-top-offset);
182
- --bottom-offset: var(--hop-OverlineText-bottom-offset);
183
- box-sizing: border-box;
184
- font-family: var(--font-family);
185
- font-size: var(--font-size);
186
- font-feature-settings: "case";
187
- font-weight: var(--font-weight);
188
- line-height: var(--line-height);
189
- text-transform: uppercase;
190
- letter-spacing: var(--letter-spacing);
229
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
230
+ .Paragraph-module__hop-Paragraph___5zmqY {
231
+ --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
232
+ --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
233
+ --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
234
+ --hop-Paragraph-lg-margin-bottom: calc(1rem * .75);
235
+ --hop-Paragraph-xl-margin-bottom: calc(1.125rem * .75);
236
+ --hop-Paragraph-2xl-margin-bottom: calc(1.375rem * .75);
237
+ --hop-Paragraph-inherit-margin-bottom: .75em;
238
+ margin: 0;
239
+ margin-block-end: var(--margin-block-end);
240
+ overflow-wrap: break-word;
191
241
  }
192
- .OverlineText-module__hop-OverlineText__text___fotp3 {
193
- box-sizing: border-box;
242
+ .Paragraph-module__hop-Paragraph___5zmqY:last-child {
243
+ --margin-block-end: 0;
194
244
  }
195
- .OverlineText-module__hop-OverlineText__text___fotp3::before,
196
- .OverlineText-module__hop-OverlineText__text___fotp3::after {
197
- content: "";
198
- display: block;
199
- box-sizing: border-box;
200
- inline-size: 0;
201
- block-size: 0;
245
+ .Paragraph-module__hop-Paragraph--xs___ZDU9Y {
246
+ --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
202
247
  }
203
- .OverlineText-module__hop-OverlineText__text___fotp3::before {
204
- margin-block-end: var(--bottom-offset);
248
+ .Paragraph-module__hop-Paragraph--sm___hsTk4 {
249
+ --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
205
250
  }
206
- .OverlineText-module__hop-OverlineText__text___fotp3::after {
207
- margin-block-start: var(--top-offset);
251
+ .Paragraph-module__hop-Paragraph--md___7LlNR {
252
+ --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
208
253
  }
209
-
210
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
211
- .Label-module__hop-Label___yQPNj {
212
- --hop-Label-font-size: var(--hop-heading-xs-font-size);
213
- --hop-Label-font-family: var(--hop-heading-xs-font-family);
214
- --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
215
- --hop-Label-line-height: var(--hop-heading-xs-line-height);
216
- --hop-Label-color: var(--hop-neutral-text-weak);
254
+ .Paragraph-module__hop-Paragraph--lg___MHwuY {
255
+ --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
217
256
  }
218
- :where(.Label-module__hop-Label___yQPNj) {
219
- font-family: var(--hop-Label-font-family);
220
- font-size: var(--hop-Label-font-size);
221
- font-weight: var(--hop-Label-font-weight);
222
- line-height: var(--hop-Label-line-height);
223
- color: var(--hop-Label-color);
257
+ .Paragraph-module__hop-Paragraph--xl___a6CHb {
258
+ --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
224
259
  }
225
- :where(.Label-module__hop-Label__indicator___pSeqL) {
226
- padding-inline-start: var(--hop-space-20);
260
+ .Paragraph-module__hop-Paragraph--2xl___N-pjK {
261
+ --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
262
+ }
263
+ .Paragraph-module__hop-Paragraph--inherit___7n8lu {
264
+ --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
227
265
  }
228
266
 
229
267
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
230
- .Form-module__hop-Form___1Lmw5 {
268
+ .Form-module__hop-Form___x-Zbq {
231
269
  display: flex;
232
270
  flex-direction: column;
233
271
  gap: var(--hop-space-stack-lg);
234
272
  }
235
273
 
236
274
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
237
- .IconList-module__hop-IconList___KtipB {
275
+ .IconList-module__hop-IconList___71qcc {
238
276
  --hop-IconList-gap: var(--hop-space-inline-xs);
239
277
  display: flex;
240
278
  flex-wrap: wrap;
@@ -243,7 +281,7 @@
243
281
  }
244
282
 
245
283
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
246
- .Checkbox-module__hop-Checkbox___DqcRn {
284
+ .Checkbox-module__hop-Checkbox___0wSEe {
247
285
  --hop-Checkbox-box-border-size: 0.0625rem;
248
286
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
249
287
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -318,60 +356,60 @@
318
356
  inline-size: max-content;
319
357
  max-inline-size: 100%;
320
358
  }
321
- .Checkbox-module__hop-Checkbox___DqcRn[data-focus-visible] {
359
+ .Checkbox-module__hop-Checkbox___0wSEe[data-focus-visible] {
322
360
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
323
361
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
324
362
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
325
363
  --text-color: var(--hop-Checkbox-text-color-focused);
326
364
  --icon-color: var(--hop-Checkbox-icon-color-focused);
327
365
  }
328
- .Checkbox-module__hop-Checkbox___DqcRn[data-hovered] {
366
+ .Checkbox-module__hop-Checkbox___0wSEe[data-hovered] {
329
367
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
330
368
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
331
369
  --text-color: var(--hop-Checkbox-text-color-hovered);
332
370
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
333
371
  }
334
- .Checkbox-module__hop-Checkbox___DqcRn[data-pressed] {
372
+ .Checkbox-module__hop-Checkbox___0wSEe[data-pressed] {
335
373
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
336
374
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
337
375
  --text-color: var(--hop-Checkbox-text-color-pressed);
338
376
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
339
377
  }
340
- .Checkbox-module__hop-Checkbox___DqcRn[data-selected] {
378
+ .Checkbox-module__hop-Checkbox___0wSEe[data-selected] {
341
379
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
342
380
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
343
381
  --check-display: var(--hop-Checkbox-check-display-selected);
344
382
  --text-color: var(--hop-Checkbox-text-color-selected);
345
383
  --icon-color: var(--hop-Checkbox-icon-color-selected);
346
384
  }
347
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid] {
385
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid] {
348
386
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
349
387
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
350
388
  --check-color: var(--hop-Checkbox-check-color-invalid);
351
389
  --text-color: var(--hop-Checkbox-text-color-invalid);
352
390
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
353
391
  }
354
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid]:where([data-focus-visible]) {
392
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid]:where([data-focus-visible]) {
355
393
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
356
394
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
357
395
  }
358
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid]:where([data-hovered]) {
396
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid]:where([data-hovered]) {
359
397
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
360
398
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
361
399
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
362
400
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
363
401
  }
364
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid]:where([data-pressed]) {
402
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid]:where([data-pressed]) {
365
403
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
366
404
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
367
405
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
368
406
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
369
407
  }
370
- .Checkbox-module__hop-Checkbox___DqcRn:where([data-invalid])[data-selected] {
408
+ .Checkbox-module__hop-Checkbox___0wSEe:where([data-invalid])[data-selected] {
371
409
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
372
410
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
373
411
  }
374
- .Checkbox-module__hop-Checkbox___DqcRn[data-disabled] {
412
+ .Checkbox-module__hop-Checkbox___0wSEe[data-disabled] {
375
413
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
376
414
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
377
415
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -379,25 +417,25 @@
379
417
  --text-color: var(--hop-Checkbox-text-color-disabled);
380
418
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
381
419
  }
382
- .Checkbox-module__hop-Checkbox--sm___mEoAk {
420
+ .Checkbox-module__hop-Checkbox--sm___OA6e7 {
383
421
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
384
422
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
385
423
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
386
424
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
387
425
  }
388
- .Checkbox-module__hop-Checkbox--md___GR7p3 {
426
+ .Checkbox-module__hop-Checkbox--md___jBKBr {
389
427
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
390
428
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
391
429
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
392
430
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
393
431
  }
394
- .Checkbox-module__hop-Checkbox__icon___gyRpI,
395
- .Checkbox-module__hop-Checkbox__icon-list___qkIpL {
432
+ .Checkbox-module__hop-Checkbox__icon___XE-0Z,
433
+ .Checkbox-module__hop-Checkbox__icon-list___-CPPG {
396
434
  flex: 0 0 auto;
397
435
  order: 3;
398
436
  color: var(--icon-color);
399
437
  }
400
- .Checkbox-module__hop-Checkbox__box___gE0ae {
438
+ .Checkbox-module__hop-Checkbox__box___t7CI5 {
401
439
  display: flex;
402
440
  flex: 0 0 auto;
403
441
  align-items: center;
@@ -413,11 +451,11 @@
413
451
  outline-offset: 0.125rem;
414
452
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
415
453
  }
416
- .Checkbox-module__hop-Checkbox__check___e1PuA {
454
+ .Checkbox-module__hop-Checkbox__check___yOrTm {
417
455
  display: var(--check-display);
418
456
  color: var(--check-color);
419
457
  }
420
- .Checkbox-module__hop-Checkbox__text___9O6m- {
458
+ .Checkbox-module__hop-Checkbox__text___5nmcZ {
421
459
  flex: 0 1 auto;
422
460
  order: 2;
423
461
  min-inline-size: 0;
@@ -427,7 +465,7 @@
427
465
  }
428
466
 
429
467
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
430
- .CheckboxField-module__hop-CheckboxField___--Jsq {
468
+ .CheckboxField-module__hop-CheckboxField___FgTrX {
431
469
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
432
470
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
433
471
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -446,28 +484,28 @@
446
484
  inline-size: max-content;
447
485
  max-inline-size: 100%;
448
486
  }
449
- .CheckboxField-module__hop-CheckboxField___--Jsq[data-disabled] {
487
+ .CheckboxField-module__hop-CheckboxField___FgTrX[data-disabled] {
450
488
  --description-color: var(--hop-CheckboxField-description-color-disabled);
451
489
  }
452
- .CheckboxField-module__hop-CheckboxField--sm___ytl1t {
490
+ .CheckboxField-module__hop-CheckboxField--sm___Adu-b {
453
491
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
454
492
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
455
493
  }
456
- .CheckboxField-module__hop-CheckboxField--md___S7RLP {
494
+ .CheckboxField-module__hop-CheckboxField--md___-2kKm {
457
495
  --row-gap: var(--hop-CheckboxField-md-row-gap);
458
496
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
459
497
  }
460
- .CheckboxField-module__hop-CheckboxField__description___UlM6N {
498
+ .CheckboxField-module__hop-CheckboxField__description___mN7Un {
461
499
  order: 2;
462
500
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
463
501
  color: var(--description-color);
464
502
  }
465
- .CheckboxField-module__hop-CheckboxField__checkbox___LXfgS {
503
+ .CheckboxField-module__hop-CheckboxField__checkbox___VuRry {
466
504
  order: 1;
467
505
  }
468
506
 
469
507
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
470
- .Checkbox-module__hop-Checkbox___DqcRn {
508
+ .Checkbox-module__hop-Checkbox___0wSEe {
471
509
  --hop-Checkbox-box-border-size: 0.0625rem;
472
510
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
473
511
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -542,60 +580,60 @@
542
580
  inline-size: max-content;
543
581
  max-inline-size: 100%;
544
582
  }
545
- .Checkbox-module__hop-Checkbox___DqcRn[data-focus-visible] {
583
+ .Checkbox-module__hop-Checkbox___0wSEe[data-focus-visible] {
546
584
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
547
585
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
548
586
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
549
587
  --text-color: var(--hop-Checkbox-text-color-focused);
550
588
  --icon-color: var(--hop-Checkbox-icon-color-focused);
551
589
  }
552
- .Checkbox-module__hop-Checkbox___DqcRn[data-hovered] {
590
+ .Checkbox-module__hop-Checkbox___0wSEe[data-hovered] {
553
591
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
554
592
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
555
593
  --text-color: var(--hop-Checkbox-text-color-hovered);
556
594
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
557
595
  }
558
- .Checkbox-module__hop-Checkbox___DqcRn[data-pressed] {
596
+ .Checkbox-module__hop-Checkbox___0wSEe[data-pressed] {
559
597
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
560
598
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
561
599
  --text-color: var(--hop-Checkbox-text-color-pressed);
562
600
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
563
601
  }
564
- .Checkbox-module__hop-Checkbox___DqcRn[data-selected] {
602
+ .Checkbox-module__hop-Checkbox___0wSEe[data-selected] {
565
603
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
566
604
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
567
605
  --check-display: var(--hop-Checkbox-check-display-selected);
568
606
  --text-color: var(--hop-Checkbox-text-color-selected);
569
607
  --icon-color: var(--hop-Checkbox-icon-color-selected);
570
608
  }
571
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid] {
609
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid] {
572
610
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
573
611
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
574
612
  --check-color: var(--hop-Checkbox-check-color-invalid);
575
613
  --text-color: var(--hop-Checkbox-text-color-invalid);
576
614
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
577
615
  }
578
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid]:where([data-focus-visible]) {
616
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid]:where([data-focus-visible]) {
579
617
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
580
618
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
581
619
  }
582
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid]:where([data-hovered]) {
620
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid]:where([data-hovered]) {
583
621
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
584
622
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
585
623
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
586
624
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
587
625
  }
588
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid]:where([data-pressed]) {
626
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid]:where([data-pressed]) {
589
627
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
590
628
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
591
629
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
592
630
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
593
631
  }
594
- .Checkbox-module__hop-Checkbox___DqcRn:where([data-invalid])[data-selected] {
632
+ .Checkbox-module__hop-Checkbox___0wSEe:where([data-invalid])[data-selected] {
595
633
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
596
634
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
597
635
  }
598
- .Checkbox-module__hop-Checkbox___DqcRn[data-disabled] {
636
+ .Checkbox-module__hop-Checkbox___0wSEe[data-disabled] {
599
637
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
600
638
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
601
639
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -603,25 +641,25 @@
603
641
  --text-color: var(--hop-Checkbox-text-color-disabled);
604
642
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
605
643
  }
606
- .Checkbox-module__hop-Checkbox--sm___mEoAk {
644
+ .Checkbox-module__hop-Checkbox--sm___OA6e7 {
607
645
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
608
646
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
609
647
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
610
648
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
611
649
  }
612
- .Checkbox-module__hop-Checkbox--md___GR7p3 {
650
+ .Checkbox-module__hop-Checkbox--md___jBKBr {
613
651
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
614
652
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
615
653
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
616
654
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
617
655
  }
618
- .Checkbox-module__hop-Checkbox__icon___gyRpI,
619
- .Checkbox-module__hop-Checkbox__icon-list___qkIpL {
656
+ .Checkbox-module__hop-Checkbox__icon___XE-0Z,
657
+ .Checkbox-module__hop-Checkbox__icon-list___-CPPG {
620
658
  flex: 0 0 auto;
621
659
  order: 3;
622
660
  color: var(--icon-color);
623
661
  }
624
- .Checkbox-module__hop-Checkbox__box___gE0ae {
662
+ .Checkbox-module__hop-Checkbox__box___t7CI5 {
625
663
  display: flex;
626
664
  flex: 0 0 auto;
627
665
  align-items: center;
@@ -637,11 +675,11 @@
637
675
  outline-offset: 0.125rem;
638
676
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
639
677
  }
640
- .Checkbox-module__hop-Checkbox__check___e1PuA {
678
+ .Checkbox-module__hop-Checkbox__check___yOrTm {
641
679
  display: var(--check-display);
642
680
  color: var(--check-color);
643
681
  }
644
- .Checkbox-module__hop-Checkbox__text___9O6m- {
682
+ .Checkbox-module__hop-Checkbox__text___5nmcZ {
645
683
  flex: 0 1 auto;
646
684
  order: 2;
647
685
  min-inline-size: 0;
@@ -649,24 +687,24 @@
649
687
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
650
688
  color: var(--text-color);
651
689
  }
652
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___p2bGT {
690
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___m95sc {
653
691
  }
654
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___ivNbI {
692
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___lNgTb {
655
693
  }
656
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___f8N1y {
694
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___rJdxM {
657
695
  }
658
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___Jr6i2,
659
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___2n-JR {
696
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___BStcp,
697
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___Fj6cV {
660
698
  }
661
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___mUX34 {
699
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___ljh0d {
662
700
  }
663
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___DoZ6K {
701
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___0fczh {
664
702
  }
665
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___-XfT7 {
703
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___-6Jnj {
666
704
  }
667
705
 
668
706
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
669
- .ErrorMessage-module__hop-ErrorMessage___HD-7d {
707
+ .ErrorMessage-module__hop-ErrorMessage___f00C9 {
670
708
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
671
709
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
672
710
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -683,13 +721,13 @@
683
721
  line-height: var(--hop-ErrorMessage-line-height);
684
722
  color: var(--hop-ErrorMessage-color);
685
723
  }
686
- .ErrorMessage-module__hop-ErrorMessage__icon___84NtQ {
724
+ .ErrorMessage-module__hop-ErrorMessage__icon___zy1fZ {
687
725
  flex: 0 0 auto;
688
726
  align-self: flex-start;
689
727
  }
690
728
 
691
729
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
692
- .HelperMessage-module__hop-HelperMessage___qbc2x {
730
+ .HelperMessage-module__hop-HelperMessage___fxbbH {
693
731
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
694
732
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
695
733
  display: flex;
@@ -698,13 +736,13 @@
698
736
  box-sizing: border-box;
699
737
  color: var(--hop-HelperMessage-color);
700
738
  }
701
- .HelperMessage-module__hop-HelperMessage__icon___07Gqs {
739
+ .HelperMessage-module__hop-HelperMessage__icon___S0ddr {
702
740
  flex: 0 0 auto;
703
741
  align-self: flex-start;
704
742
  }
705
743
 
706
744
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
707
- .CheckboxGroup-module__hop-CheckboxGroup___U0Dih {
745
+ .CheckboxGroup-module__hop-CheckboxGroup___w-gBQ {
708
746
  --hop-CheckboxGroup-align-items: flex-start;
709
747
  --hop-CheckboxGroup-justify-content: flex-start;
710
748
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -743,46 +781,46 @@
743
781
  inline-size: max-content;
744
782
  max-inline-size: 100%;
745
783
  }
746
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___I5euA {
784
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___fHVG7 {
747
785
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
748
786
  --list-border-radius: var(--hop-shape-rounded-md);
749
787
  }
750
- .CheckboxGroup-module__hop-CheckboxGroup--sm___1WAmu {
788
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___WeO-o {
751
789
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
752
790
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
753
791
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
754
792
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
755
793
  }
756
- .CheckboxGroup-module__hop-CheckboxGroup--md___dQiwz {
794
+ .CheckboxGroup-module__hop-CheckboxGroup--md___b0dSW {
757
795
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
758
796
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
759
797
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
760
798
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
761
799
  }
762
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___I5euA.CheckboxGroup-module__hop-CheckboxGroup--sm___1WAmu {
800
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___fHVG7.CheckboxGroup-module__hop-CheckboxGroup--sm___WeO-o {
763
801
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
764
802
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
765
803
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
766
804
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
767
805
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
768
806
  }
769
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___I5euA.CheckboxGroup-module__hop-CheckboxGroup--md___dQiwz {
807
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___fHVG7.CheckboxGroup-module__hop-CheckboxGroup--md___b0dSW {
770
808
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
771
809
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
772
810
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
773
811
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
774
812
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
775
813
  }
776
- .CheckboxGroup-module__hop-CheckboxGroup___U0Dih[data-orientation=horizontal] {
814
+ .CheckboxGroup-module__hop-CheckboxGroup___w-gBQ[data-orientation=horizontal] {
777
815
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
778
816
  }
779
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___I5euA[data-orientation=horizontal] {
817
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___fHVG7[data-orientation=horizontal] {
780
818
  --flex-wrap: nowrap;
781
819
  }
782
- .CheckboxGroup-module__hop-CheckboxGroup___U0Dih > .CheckboxGroup-module__hop-CheckboxGroup__label___nzi71 {
820
+ .CheckboxGroup-module__hop-CheckboxGroup___w-gBQ > .CheckboxGroup-module__hop-CheckboxGroup__label___rIJFf {
783
821
  order: 1;
784
822
  }
785
- .CheckboxGroup-module__hop-CheckboxGroup__list___JMEdx {
823
+ .CheckboxGroup-module__hop-CheckboxGroup__list___1nD-y {
786
824
  display: flex;
787
825
  flex-flow: var(--flex-direction) var(--flex-wrap);
788
826
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -793,7 +831,7 @@
793
831
  border: var(--list-border, none);
794
832
  border-radius: var(--list-border-radius, 0);
795
833
  }
796
- .CheckboxGroup-module__hop-CheckboxGroup__list___JMEdx > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wD209 {
834
+ .CheckboxGroup-module__hop-CheckboxGroup__list___1nD-y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wMVW- {
797
835
  position: relative;
798
836
  flex: 0 1 auto;
799
837
  align-content: start;
@@ -801,22 +839,22 @@
801
839
  min-inline-size: 0;
802
840
  padding: var(--checkbox-padding, 0);
803
841
  }
804
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___I5euA .CheckboxGroup-module__hop-CheckboxGroup__list___JMEdx > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wD209 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wD209::before {
842
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___fHVG7 .CheckboxGroup-module__hop-CheckboxGroup__list___1nD-y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wMVW- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wMVW-::before {
805
843
  content: "";
806
844
  position: absolute;
807
845
  display: block;
808
846
  }
809
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___I5euA[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___JMEdx > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wD209 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wD209::before {
847
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___fHVG7[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___1nD-y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wMVW- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wMVW-::before {
810
848
  inset-block-start: 0;
811
849
  inset-inline: 0;
812
850
  border-block-start: var(--list-border, none);
813
851
  }
814
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___I5euA[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___JMEdx > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wD209 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wD209::before {
852
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___fHVG7[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___1nD-y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wMVW- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wMVW-::before {
815
853
  inset-block: 0;
816
854
  inset-inline-start: 0;
817
855
  border-inline-start: var(--list-border, none);
818
856
  }
819
- .CheckboxGroup-module__hop-CheckboxGroup___U0Dih > .CheckboxGroup-module__hop-CheckboxGroup__error-message___eH7dQ,
820
- .CheckboxGroup-module__hop-CheckboxGroup___U0Dih > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___0aq82 {
857
+ .CheckboxGroup-module__hop-CheckboxGroup___w-gBQ > .CheckboxGroup-module__hop-CheckboxGroup__error-message___kLzMy,
858
+ .CheckboxGroup-module__hop-CheckboxGroup___w-gBQ > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___j1VzI {
821
859
  order: 3;
822
860
  }