@hopper-ui/components 1.5.6 → 1.5.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (303) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Accordion/src/Accordion.css +110 -72
  3. package/dist/Accordion/src/Accordion.js +2 -2
  4. package/dist/Accordion/src/index.css +110 -72
  5. package/dist/Accordion/src/index.js +2 -2
  6. package/dist/Avatar/src/AnonymousAvatar.css +80 -42
  7. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  8. package/dist/Avatar/src/Avatar.css +98 -60
  9. package/dist/Avatar/src/Avatar.js +4 -3
  10. package/dist/Avatar/src/BrokenAvatar.css +342 -0
  11. package/dist/Avatar/src/BrokenAvatar.d.ts +35 -0
  12. package/dist/Avatar/src/BrokenAvatar.js +9 -0
  13. package/dist/Avatar/src/DeletedAvatar.css +80 -42
  14. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  15. package/dist/Avatar/src/RichIconAvatarImage.css +80 -42
  16. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  17. package/dist/Avatar/src/index.css +169 -131
  18. package/dist/Avatar/src/index.d.ts +6 -5
  19. package/dist/Avatar/src/index.js +6 -5
  20. package/dist/Badge/src/Badge.css +85 -47
  21. package/dist/Badge/src/Badge.js +2 -2
  22. package/dist/Badge/src/FloatingBadge.css +80 -42
  23. package/dist/Badge/src/FloatingBadge.js +1 -1
  24. package/dist/Badge/src/index.css +95 -57
  25. package/dist/Badge/src/index.js +3 -3
  26. package/dist/Callout/src/Callout.css +306 -268
  27. package/dist/Callout/src/Callout.js +12 -12
  28. package/dist/Callout/src/CompactCallout.css +342 -304
  29. package/dist/Callout/src/CompactCallout.js +12 -12
  30. package/dist/Callout/src/index.css +355 -317
  31. package/dist/Callout/src/index.js +13 -13
  32. package/dist/Card/src/Card.css +73 -35
  33. package/dist/Card/src/Card.js +1 -1
  34. package/dist/Card/src/index.css +73 -35
  35. package/dist/Card/src/index.js +1 -1
  36. package/dist/ComboBox/src/ComboBox.css +687 -649
  37. package/dist/ComboBox/src/ComboBox.js +21 -21
  38. package/dist/ComboBox/src/index.css +687 -649
  39. package/dist/ComboBox/src/index.js +21 -21
  40. package/dist/Disclosure/src/Disclosure.css +80 -42
  41. package/dist/Disclosure/src/Disclosure.js +2 -2
  42. package/dist/Disclosure/src/DisclosureHeader.css +87 -49
  43. package/dist/Disclosure/src/DisclosureHeader.js +8 -8
  44. package/dist/Disclosure/src/DisclosurePanel.css +80 -42
  45. package/dist/Disclosure/src/DisclosurePanel.js +7 -7
  46. package/dist/Disclosure/src/index.css +105 -67
  47. package/dist/Disclosure/src/index.js +11 -11
  48. package/dist/Divider/src/Divider.css +72 -34
  49. package/dist/Divider/src/Divider.js +1 -1
  50. package/dist/Divider/src/index.css +72 -34
  51. package/dist/Divider/src/index.js +1 -1
  52. package/dist/ErrorMessage/src/ErrorMessage.css +72 -34
  53. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  54. package/dist/ErrorMessage/src/index.css +72 -34
  55. package/dist/ErrorMessage/src/index.js +2 -2
  56. package/dist/Form/src/Form.css +70 -32
  57. package/dist/Form/src/Form.js +1 -1
  58. package/dist/Form/src/index.css +70 -32
  59. package/dist/Form/src/index.js +1 -1
  60. package/dist/HelperMessage/src/HelperMessage.css +72 -34
  61. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  62. package/dist/HelperMessage/src/index.css +72 -34
  63. package/dist/HelperMessage/src/index.js +2 -2
  64. package/dist/IconList/src/IconList.css +71 -33
  65. package/dist/IconList/src/IconList.js +1 -1
  66. package/dist/IconList/src/index.css +71 -33
  67. package/dist/IconList/src/index.js +1 -1
  68. package/dist/IllustratedMessage/src/IllustratedMessage.css +313 -275
  69. package/dist/IllustratedMessage/src/IllustratedMessage.js +1 -1
  70. package/dist/IllustratedMessage/src/index.css +313 -275
  71. package/dist/IllustratedMessage/src/index.js +1 -1
  72. package/dist/Image/src/Image.css +73 -35
  73. package/dist/Image/src/Image.js +1 -1
  74. package/dist/Image/src/SvgImage.css +71 -33
  75. package/dist/Image/src/SvgImage.js +1 -1
  76. package/dist/Image/src/index.css +74 -36
  77. package/dist/Image/src/index.js +2 -2
  78. package/dist/Link/src/Link.css +109 -71
  79. package/dist/Link/src/Link.js +7 -7
  80. package/dist/Link/src/index.css +109 -71
  81. package/dist/Link/src/index.js +7 -7
  82. package/dist/ListBox/src/ListBox.css +317 -279
  83. package/dist/ListBox/src/ListBox.js +11 -11
  84. package/dist/ListBox/src/ListBoxItem.css +376 -338
  85. package/dist/ListBox/src/ListBoxItem.js +10 -10
  86. package/dist/ListBox/src/ListBoxItemSkeleton.css +77 -39
  87. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  88. package/dist/ListBox/src/index.css +317 -279
  89. package/dist/ListBox/src/index.js +11 -11
  90. package/dist/Modal/src/BaseModal.css +85 -47
  91. package/dist/Modal/src/BaseModal.js +1 -1
  92. package/dist/Modal/src/CustomModal.css +86 -48
  93. package/dist/Modal/src/CustomModal.js +3 -3
  94. package/dist/Modal/src/Modal.css +333 -295
  95. package/dist/Modal/src/Modal.js +13 -13
  96. package/dist/Modal/src/index.css +334 -296
  97. package/dist/Modal/src/index.js +15 -15
  98. package/dist/SegmentedControl/src/SegmentedControl.css +71 -33
  99. package/dist/SegmentedControl/src/SegmentedControl.js +2 -2
  100. package/dist/SegmentedControl/src/SegmentedControlItem.css +85 -47
  101. package/dist/SegmentedControl/src/SegmentedControlItem.js +7 -7
  102. package/dist/SegmentedControl/src/index.css +86 -48
  103. package/dist/SegmentedControl/src/index.js +8 -8
  104. package/dist/Select/src/Select.css +631 -593
  105. package/dist/Select/src/Select.js +20 -20
  106. package/dist/Select/src/SelectValue.css +175 -137
  107. package/dist/Select/src/SelectValue.js +6 -6
  108. package/dist/Select/src/index.css +631 -593
  109. package/dist/Select/src/index.js +20 -20
  110. package/dist/Spinner/src/Spinner.css +80 -42
  111. package/dist/Spinner/src/Spinner.js +2 -2
  112. package/dist/Spinner/src/index.css +80 -42
  113. package/dist/Spinner/src/index.js +2 -2
  114. package/dist/Tabs/src/Tab.css +456 -418
  115. package/dist/Tabs/src/Tab.js +2 -2
  116. package/dist/Tabs/src/TabLine.css +72 -34
  117. package/dist/Tabs/src/TabLine.js +1 -1
  118. package/dist/Tabs/src/TabList.css +79 -41
  119. package/dist/Tabs/src/TabList.js +2 -2
  120. package/dist/Tabs/src/TabPanel.css +72 -34
  121. package/dist/Tabs/src/TabPanel.js +1 -1
  122. package/dist/Tabs/src/index.css +467 -429
  123. package/dist/Tabs/src/index.js +5 -5
  124. package/dist/Tile/src/Tile.css +79 -41
  125. package/dist/Tile/src/Tile.js +6 -6
  126. package/dist/Tile/src/TileGroup.css +71 -33
  127. package/dist/Tile/src/TileGroup.js +2 -2
  128. package/dist/Tile/src/index.css +80 -42
  129. package/dist/Tile/src/index.js +8 -8
  130. package/dist/ToggleArrow/src/ToggleArrow.css +72 -34
  131. package/dist/ToggleArrow/src/ToggleArrow.js +1 -1
  132. package/dist/ToggleArrow/src/index.css +72 -34
  133. package/dist/ToggleArrow/src/index.js +1 -1
  134. package/dist/buttons/src/Button.css +136 -98
  135. package/dist/buttons/src/Button.js +9 -9
  136. package/dist/buttons/src/ButtonGroup.css +81 -43
  137. package/dist/buttons/src/ButtonGroup.js +1 -1
  138. package/dist/buttons/src/ClearButton.css +141 -103
  139. package/dist/buttons/src/ClearButton.js +3 -3
  140. package/dist/buttons/src/CloseButton.css +137 -99
  141. package/dist/buttons/src/CloseButton.js +11 -11
  142. package/dist/buttons/src/EmbeddedButton.css +141 -103
  143. package/dist/buttons/src/EmbeddedButton.js +1 -1
  144. package/dist/buttons/src/LinkButton.css +145 -107
  145. package/dist/buttons/src/LinkButton.js +7 -7
  146. package/dist/buttons/src/index.css +293 -255
  147. package/dist/buttons/src/index.js +16 -16
  148. package/dist/checkbox/src/Checkbox.css +89 -51
  149. package/dist/checkbox/src/Checkbox.js +7 -7
  150. package/dist/checkbox/src/CheckboxField.css +76 -38
  151. package/dist/checkbox/src/CheckboxField.js +3 -3
  152. package/dist/checkbox/src/CheckboxGroup.css +141 -103
  153. package/dist/checkbox/src/CheckboxGroup.js +6 -6
  154. package/dist/checkbox/src/DecorativeCheckbox.css +97 -59
  155. package/dist/checkbox/src/DecorativeCheckbox.js +7 -7
  156. package/dist/checkbox/src/index.css +141 -103
  157. package/dist/checkbox/src/index.js +12 -12
  158. package/dist/{chunk-IV5R2AW3.js → chunk-2F75EFZU.js} +2 -2
  159. package/dist/{chunk-EPGWHQNG.js → chunk-2MFQA2EU.js} +5 -5
  160. package/dist/{chunk-L3KNHPTN.js → chunk-3QAAVSD5.js} +2 -2
  161. package/dist/{chunk-BOZ2UL2O.js → chunk-3U5FI5A2.js} +5 -7
  162. package/dist/{chunk-STWEOGPD.js → chunk-3Y26KXNH.js} +2 -2
  163. package/dist/{chunk-WRSKAZVX.js → chunk-4C2RFTAH.js} +1 -1
  164. package/dist/{chunk-NZCSUA3Z.js → chunk-4IE24H7G.js} +7 -7
  165. package/dist/{chunk-TGU3F4ZO.js → chunk-4KOZSCEO.js} +2 -2
  166. package/dist/{chunk-FMO3CEFA.js → chunk-4NP4OAXQ.js} +1 -1
  167. package/dist/{chunk-EFSPCXOV.js → chunk-4VWK3B7S.js} +2 -2
  168. package/dist/{chunk-ZK46ZAPC.js → chunk-5MYBVZ7A.js} +2 -2
  169. package/dist/{chunk-XNPM7IJB.js → chunk-64CHPRZN.js} +2 -2
  170. package/dist/{chunk-JX3XUX5N.js → chunk-6IOXP65D.js} +2 -2
  171. package/dist/{chunk-TA3IZGU7.js → chunk-6OQETHFE.js} +2 -2
  172. package/dist/{chunk-OPJHWNPW.js → chunk-6VY7Q7UM.js} +1 -1
  173. package/dist/{chunk-C2VFOCA5.js → chunk-7G5PGVLI.js} +1 -1
  174. package/dist/{chunk-E52ZMU65.js → chunk-7XKQWNDW.js} +1 -1
  175. package/dist/{chunk-F3WXYGNF.js → chunk-AH7QHTSG.js} +5 -5
  176. package/dist/{chunk-GXOMQ374.js → chunk-AUDD3BII.js} +2 -2
  177. package/dist/{chunk-MBMRVS3J.js → chunk-B7CNUKHE.js} +6 -6
  178. package/dist/{chunk-3BIEAJRR.js → chunk-BKGXUZF6.js} +12 -12
  179. package/dist/{chunk-UTLBVL6Z.js → chunk-BOEKDGIG.js} +1 -1
  180. package/dist/chunk-CCC4PE3E.js +58 -0
  181. package/dist/{chunk-SNP5ALJL.js → chunk-CY3NQS5G.js} +1 -1
  182. package/dist/{chunk-LTVC7XES.js → chunk-DSHNTCCG.js} +1 -1
  183. package/dist/{chunk-COVRWTKG.js → chunk-E7543KMS.js} +1 -1
  184. package/dist/{chunk-CD2O5FGU.js → chunk-FCJBEUUD.js} +1 -1
  185. package/dist/{chunk-5IG6U77X.js → chunk-FMACFZVM.js} +2 -2
  186. package/dist/{chunk-G6ZDVB4T.js → chunk-G7FGAV44.js} +2 -2
  187. package/dist/{chunk-3YRPMXFC.js → chunk-GAYT3QXG.js} +3 -3
  188. package/dist/{chunk-P3O3SGB7.js → chunk-GHWTSUQQ.js} +3 -3
  189. package/dist/{chunk-YLNLBGNO.js → chunk-H33GYFXI.js} +4 -4
  190. package/dist/{chunk-L2IUFJ4G.js → chunk-HNUVBOSY.js} +1 -1
  191. package/dist/{chunk-PJAK3C2B.js → chunk-HXUYRHS5.js} +5 -5
  192. package/dist/{chunk-XF2XWEQJ.js → chunk-IIUGCQWW.js} +5 -5
  193. package/dist/{chunk-O5KTVVB7.js → chunk-IZK3WBT5.js} +2 -2
  194. package/dist/{chunk-2I6UMJYG.js → chunk-JZBFIZNX.js} +3 -3
  195. package/dist/{chunk-43TNRKBS.js → chunk-JZDIHG23.js} +8 -8
  196. package/dist/{chunk-6RGIGUM3.js → chunk-KJNEM3SA.js} +1 -1
  197. package/dist/{chunk-KD7V4SW5.js → chunk-MGSR6KG7.js} +1 -1
  198. package/dist/{chunk-JZSBVJLE.js → chunk-MWOYTG5R.js} +1 -1
  199. package/dist/{chunk-SIZ5R25W.js → chunk-N64QLW23.js} +2 -2
  200. package/dist/{chunk-UD2ZTEXX.js → chunk-NP2SOF4U.js} +1 -1
  201. package/dist/{chunk-FGVWUGM4.js → chunk-O5LHBC7Q.js} +8 -8
  202. package/dist/{chunk-4WB4O442.js → chunk-OAIQMHLG.js} +3 -3
  203. package/dist/{chunk-F65A7MQX.js → chunk-OLNYFKUC.js} +2 -2
  204. package/dist/{chunk-PUGP4GGH.js → chunk-OXX2Q4UK.js} +2 -2
  205. package/dist/{chunk-B7B6SJKK.js → chunk-PA5EHN7O.js} +1 -1
  206. package/dist/{chunk-AY3ATCBD.js → chunk-PETBANFF.js} +1 -1
  207. package/dist/{chunk-WWTPPWCZ.js → chunk-Q2EQP2RU.js} +2 -2
  208. package/dist/{chunk-MA3L3H6V.js → chunk-QDAESUMP.js} +1 -1
  209. package/dist/{chunk-SAMBVKTY.js → chunk-R545UYFM.js} +1 -1
  210. package/dist/{chunk-7BRUGPOE.js → chunk-RSNYZJBA.js} +2 -2
  211. package/dist/{chunk-5TSBUH3R.js → chunk-SLP3QVJN.js} +1 -1
  212. package/dist/{chunk-OYXCMCLJ.js → chunk-T3JQ5FGZ.js} +1 -1
  213. package/dist/{chunk-UUUFOLCQ.js → chunk-TPK6NH6T.js} +8 -8
  214. package/dist/{chunk-HMHH6XBK.js → chunk-TTL4G2TY.js} +2 -2
  215. package/dist/{chunk-6TNP7CIK.js → chunk-TXMTWWQS.js} +2 -2
  216. package/dist/{chunk-OEXGTBU2.js → chunk-UFEEPQPN.js} +5 -5
  217. package/dist/{chunk-TIYKXTQ6.js → chunk-UXXEQ6GN.js} +3 -3
  218. package/dist/{chunk-WQPE5BWO.js → chunk-V3GM5HJS.js} +1 -1
  219. package/dist/{chunk-YXEZVY26.js → chunk-VDXWDKOM.js} +1 -1
  220. package/dist/{chunk-KFEAIQBV.js → chunk-VGAKY5R3.js} +2 -2
  221. package/dist/{chunk-4ILGVQRZ.js → chunk-VHHOCRJ6.js} +10 -10
  222. package/dist/{chunk-VPLVBSSQ.js → chunk-VTPBW5IC.js} +2 -2
  223. package/dist/{chunk-QL2TEKGT.js → chunk-VUFCC6BQ.js} +1 -1
  224. package/dist/{chunk-SWYOEQBM.js → chunk-WD3ZL2OG.js} +2 -2
  225. package/dist/{chunk-NXMYJN3H.js → chunk-WQG7DMLR.js} +2 -2
  226. package/dist/{chunk-RDRTC4SR.js → chunk-X2SACCY2.js} +2 -2
  227. package/dist/{chunk-UZCTMGF2.js → chunk-XJDZUQRN.js} +1 -1
  228. package/dist/{chunk-NEOYOIBK.js → chunk-XTPBPGOE.js} +3 -3
  229. package/dist/{chunk-QENTYVQ4.js → chunk-YRPLWZ7P.js} +2 -2
  230. package/dist/{chunk-RTKBIBP2.js → chunk-YTLEDJYH.js} +2 -2
  231. package/dist/{chunk-FB4B3MDJ.js → chunk-YYBHF4YY.js} +1 -1
  232. package/dist/{chunk-WPYDNO44.js → chunk-ZF6AUUH2.js} +11 -11
  233. package/dist/index.css +987 -949
  234. package/dist/index.d.ts +3 -2
  235. package/dist/index.js +82 -81
  236. package/dist/inputs/src/Input.css +74 -36
  237. package/dist/inputs/src/Input.js +1 -1
  238. package/dist/inputs/src/InputGroup.css +76 -38
  239. package/dist/inputs/src/InputGroup.js +1 -1
  240. package/dist/inputs/src/NumberField.css +100 -62
  241. package/dist/inputs/src/NumberField.js +11 -11
  242. package/dist/inputs/src/PasswordField.css +313 -275
  243. package/dist/inputs/src/PasswordField.js +11 -11
  244. package/dist/inputs/src/RemainingCharacterCount.css +73 -35
  245. package/dist/inputs/src/RemainingCharacterCount.js +6 -6
  246. package/dist/inputs/src/SearchField.css +319 -281
  247. package/dist/inputs/src/SearchField.js +13 -13
  248. package/dist/inputs/src/TextArea.css +97 -59
  249. package/dist/inputs/src/TextArea.js +10 -10
  250. package/dist/inputs/src/TextField.css +317 -279
  251. package/dist/inputs/src/TextField.js +15 -15
  252. package/dist/inputs/src/index.css +365 -327
  253. package/dist/inputs/src/index.js +19 -19
  254. package/dist/overlays/Popover/src/Popover.css +603 -565
  255. package/dist/overlays/Popover/src/Popover.js +7 -7
  256. package/dist/overlays/Popover/src/PopoverBase.css +74 -36
  257. package/dist/overlays/Popover/src/PopoverBase.js +1 -1
  258. package/dist/overlays/Popover/src/index.css +607 -569
  259. package/dist/overlays/Popover/src/index.js +8 -8
  260. package/dist/radio/src/DecorativeRadio.css +97 -59
  261. package/dist/radio/src/DecorativeRadio.js +7 -7
  262. package/dist/radio/src/Radio.css +89 -51
  263. package/dist/radio/src/Radio.js +7 -7
  264. package/dist/radio/src/RadioField.css +76 -38
  265. package/dist/radio/src/RadioField.js +2 -2
  266. package/dist/radio/src/RadioGroup.css +141 -103
  267. package/dist/radio/src/RadioGroup.js +6 -6
  268. package/dist/radio/src/index.css +141 -103
  269. package/dist/radio/src/index.js +12 -12
  270. package/dist/switch/src/Switch.css +86 -48
  271. package/dist/switch/src/Switch.js +7 -7
  272. package/dist/switch/src/SwitchField.css +76 -38
  273. package/dist/switch/src/SwitchField.js +2 -2
  274. package/dist/switch/src/index.css +92 -54
  275. package/dist/switch/src/index.js +8 -8
  276. package/dist/tag/src/Tag.css +505 -467
  277. package/dist/tag/src/Tag.js +11 -11
  278. package/dist/tag/src/TagGroup.css +80 -42
  279. package/dist/tag/src/TagGroup.js +6 -6
  280. package/dist/tag/src/index.css +515 -477
  281. package/dist/tag/src/index.js +14 -14
  282. package/dist/typography/Heading/src/Heading.css +70 -32
  283. package/dist/typography/Heading/src/Heading.js +1 -1
  284. package/dist/typography/Heading/src/index.css +70 -32
  285. package/dist/typography/Heading/src/index.js +1 -1
  286. package/dist/typography/Label/src/Label.css +70 -32
  287. package/dist/typography/Label/src/Label.js +2 -2
  288. package/dist/typography/Label/src/index.css +70 -32
  289. package/dist/typography/Label/src/index.js +2 -2
  290. package/dist/typography/OverlineText/src/OverlineText.css +70 -32
  291. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  292. package/dist/typography/OverlineText/src/index.css +70 -32
  293. package/dist/typography/OverlineText/src/index.js +1 -1
  294. package/dist/typography/Text/src/Text.css +70 -32
  295. package/dist/typography/Text/src/Text.js +1 -1
  296. package/dist/typography/Text/src/index.css +70 -32
  297. package/dist/typography/Text/src/index.js +1 -1
  298. package/dist/utils/src/ClearSlots.css +70 -32
  299. package/dist/utils/src/EnsureTextWrapper.css +70 -32
  300. package/dist/utils/src/EnsureTextWrapper.js +6 -6
  301. package/dist/utils/src/index.css +70 -32
  302. package/dist/utils/src/index.js +6 -6
  303. package/package.json +1 -1
@@ -1,39 +1,129 @@
1
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
2
+ .Text-module__hop-Text___A6WPK {
3
+ --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
4
+ --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
5
+ --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
6
+ --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
7
+ --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
8
+ --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
9
+ --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
10
+ --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
11
+ --hop-Text-md-font-size: var(--hop-body-md-font-size);
12
+ --hop-Text-md-font-family: var(--hop-body-md-font-family);
13
+ --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
14
+ --hop-Text-md-line-height: var(--hop-body-md-line-height);
15
+ --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
16
+ --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
17
+ --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
18
+ --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
19
+ --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
20
+ --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
21
+ --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
22
+ --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
23
+ --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
24
+ --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
25
+ --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
26
+ --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
27
+ --hop-Text-inherit-size-font-size: inherit;
28
+ --hop-Text-inherit-size-font-family: inherit;
29
+ --hop-Text-inherit-size-font-weight: inherit;
30
+ --hop-Text-inherit-size-line-height: inherit;
31
+ }
32
+ :where(.Text-module__hop-Text___A6WPK) {
33
+ font-family: var(--font-family);
34
+ font-size: var(--font-size);
35
+ font-weight: var(--font-weight);
36
+ line-height: var(--line-height);
37
+ }
38
+ :where(.Text-module__hop-Text--xs___OT9i0) {
39
+ --font-size: var(--hop-Text-xs-font-size);
40
+ --font-family: var(--hop-Text-xs-font-family);
41
+ --font-weight: var(--hop-Text-xs-font-weight);
42
+ --line-height: var(--hop-Text-xs-line-height);
43
+ }
44
+ :where(.Text-module__hop-Text--sm___bKtyz) {
45
+ --font-size: var(--hop-Text-sm-font-size);
46
+ --font-family: var(--hop-Text-sm-font-family);
47
+ --font-weight: var(--hop-Text-sm-font-weight);
48
+ --line-height: var(--hop-Text-sm-line-height);
49
+ }
50
+ :where(.Text-module__hop-Text--md___EWK9I) {
51
+ --font-size: var(--hop-Text-md-font-size);
52
+ --font-family: var(--hop-Text-md-font-family);
53
+ --font-weight: var(--hop-Text-md-font-weight);
54
+ --line-height: var(--hop-Text-md-line-height);
55
+ }
56
+ :where(.Text-module__hop-Text--lg___xKf2K) {
57
+ --font-size: var(--hop-Text-lg-font-size);
58
+ --font-family: var(--hop-Text-lg-font-family);
59
+ --font-weight: var(--hop-Text-lg-font-weight);
60
+ --line-height: var(--hop-Text-lg-line-height);
61
+ }
62
+ :where(.Text-module__hop-Text--xl___X-I7p) {
63
+ --font-size: var(--hop-Text-xl-font-size);
64
+ --font-family: var(--hop-Text-xl-font-family);
65
+ --font-weight: var(--hop-Text-xl-font-weight);
66
+ --line-height: var(--hop-Text-xl-line-height);
67
+ }
68
+ :where(.Text-module__hop-Text--2xl___qBAxp) {
69
+ --font-size: var(--hop-Text-2xl-font-size);
70
+ --font-family: var(--hop-Text-2xl-font-family);
71
+ --font-weight: var(--hop-Text-2xl-font-weight);
72
+ --line-height: var(--hop-Text-2xl-line-height);
73
+ }
74
+ :where(.Text-module__hop-Text--inherit___aWINc) {
75
+ --font-size: var(--hop-Text-inherit-size-font-size);
76
+ --font-family: var(--hop-Text-inherit-size-font-family);
77
+ --font-weight: var(--hop-Text-inherit-size-font-weight);
78
+ --line-height: var(--hop-Text-inherit-size-line-height);
79
+ }
80
+
1
81
  /* 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___PbN4J {
82
+ .Heading-module__hop-Heading___qZGl6 {
3
83
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
84
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
85
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
6
86
  --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
87
+ --hop-Heading-xs-top-offset: var(--hop-heading-xs-top-offset);
88
+ --hop-Heading-xs-bottom-offset: var(--hop-heading-xs-bottom-offset);
7
89
  --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
8
90
  --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
9
91
  --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
10
92
  --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
93
+ --hop-Heading-sm-top-offset: var(--hop-heading-sm-top-offset);
94
+ --hop-Heading-sm-bottom-offset: var(--hop-heading-sm-bottom-offset);
11
95
  --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
12
96
  --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
13
97
  --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
14
98
  --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
99
+ --hop-Heading-md-top-offset: var(--hop-heading-md-top-offset);
100
+ --hop-Heading-md-bottom-offset: var(--hop-heading-md-bottom-offset);
15
101
  --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
16
102
  --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
17
103
  --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
18
104
  --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
105
+ --hop-Heading-lg-top-offset: var(--hop-heading-lg-top-offset);
106
+ --hop-Heading-lg-bottom-offset: var(--hop-heading-lg-bottom-offset);
19
107
  --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
20
108
  --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
21
109
  --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
22
110
  --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
111
+ --hop-Heading-xl-top-offset: var(--hop-heading-xl-top-offset);
112
+ --hop-Heading-xl-bottom-offset: var(--hop-heading-xl-bottom-offset);
23
113
  --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
24
114
  --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
25
115
  --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
26
116
  --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
117
+ --hop-Heading-2xl-top-offset: var(--hop-heading-2xl-top-offset);
118
+ --hop-Heading-2xl-bottom-offset: var(--hop-heading-2xl-bottom-offset);
27
119
  --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
28
120
  --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
29
121
  --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
30
122
  --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
31
- --hop-Heading-inherit-size-font-size: inherit;
32
- --hop-Heading-inherit-size-font-family: inherit;
33
- --hop-Heading-inherit-size-font-weight: inherit;
34
- --hop-Heading-inherit-size-line-height: inherit;
123
+ --hop-Heading-3xl-top-offset: var(--hop-heading-3xl-top-offset);
124
+ --hop-Heading-3xl-bottom-offset: var(--hop-heading-3xl-bottom-offset);
35
125
  }
36
- :where(.Heading-module__hop-Heading___PbN4J) {
126
+ :where(.Heading-module__hop-Heading___qZGl6) {
37
127
  margin: 0;
38
128
  font-family: var(--font-family);
39
129
  font-size: var(--font-size);
@@ -41,51 +131,79 @@
41
131
  line-height: var(--line-height);
42
132
  color: var(--hop-neutral-text);
43
133
  }
44
- :where(.Heading-module__hop-Heading--xs___sDSYO) {
134
+ :where(.Heading-module__hop-Heading___qZGl6)::before,
135
+ :where(.Heading-module__hop-Heading___qZGl6)::after {
136
+ content: "";
137
+ display: block;
138
+ box-sizing: border-box;
139
+ inline-size: 0;
140
+ block-size: 0;
141
+ }
142
+ :where(.Heading-module__hop-Heading___qZGl6)::before {
143
+ margin-block-end: var(--bottom-offset);
144
+ }
145
+ :where(.Heading-module__hop-Heading___qZGl6)::after {
146
+ margin-block-start: var(--top-offset);
147
+ }
148
+ :where(.Heading-module__hop-Heading--xs___9vIUc) {
45
149
  --font-size: var(--hop-Heading-xs-font-size);
46
150
  --font-family: var(--hop-Heading-xs-font-family);
47
151
  --font-weight: var(--hop-Heading-xs-font-weight);
48
152
  --line-height: var(--hop-Heading-xs-line-height);
153
+ --top-offset: var(--hop-Heading-xs-top-offset);
154
+ --bottom-offset: var(--hop-Heading-xs-bottom-offset);
49
155
  }
50
- :where(.Heading-module__hop-Heading--sm___o8p-S) {
156
+ :where(.Heading-module__hop-Heading--sm___2cnPF) {
51
157
  --font-size: var(--hop-Heading-sm-font-size);
52
158
  --font-family: var(--hop-Heading-sm-font-family);
53
159
  --font-weight: var(--hop-Heading-sm-font-weight);
54
160
  --line-height: var(--hop-Heading-sm-line-height);
161
+ --top-offset: var(--hop-Heading-sm-top-offset);
162
+ --bottom-offset: var(--hop-Heading-sm-bottom-offset);
55
163
  }
56
- :where(.Heading-module__hop-Heading--md___wxJYH) {
164
+ :where(.Heading-module__hop-Heading--md___COxEc) {
57
165
  --font-size: var(--hop-Heading-md-font-size);
58
166
  --font-family: var(--hop-Heading-md-font-family);
59
167
  --font-weight: var(--hop-Heading-md-font-weight);
60
168
  --line-height: var(--hop-Heading-md-line-height);
169
+ --top-offset: var(--hop-Heading-md-top-offset);
170
+ --bottom-offset: var(--hop-Heading-md-bottom-offset);
61
171
  }
62
- :where(.Heading-module__hop-Heading--lg___6syvG) {
172
+ :where(.Heading-module__hop-Heading--lg___uFN-j) {
63
173
  --font-size: var(--hop-Heading-lg-font-size);
64
174
  --font-family: var(--hop-Heading-lg-font-family);
65
175
  --font-weight: var(--hop-Heading-lg-font-weight);
66
176
  --line-height: var(--hop-Heading-lg-line-height);
177
+ --top-offset: var(--hop-Heading-lg-top-offset);
178
+ --bottom-offset: var(--hop-Heading-lg-bottom-offset);
67
179
  }
68
- :where(.Heading-module__hop-Heading--xl___gs6C0) {
180
+ :where(.Heading-module__hop-Heading--xl___TI2o5) {
69
181
  --font-size: var(--hop-Heading-xl-font-size);
70
182
  --font-family: var(--hop-Heading-xl-font-family);
71
183
  --font-weight: var(--hop-Heading-xl-font-weight);
72
184
  --line-height: var(--hop-Heading-xl-line-height);
185
+ --top-offset: var(--hop-Heading-xl-top-offset);
186
+ --bottom-offset: var(--hop-Heading-xl-bottom-offset);
73
187
  }
74
- :where(.Heading-module__hop-Heading--2xl___1OpKr) {
188
+ :where(.Heading-module__hop-Heading--2xl___tSVfV) {
75
189
  --font-size: var(--hop-Heading-2xl-font-size);
76
190
  --font-family: var(--hop-Heading-2xl-font-family);
77
191
  --font-weight: var(--hop-Heading-2xl-font-weight);
78
192
  --line-height: var(--hop-Heading-2xl-line-height);
193
+ --top-offset: var(--hop-Heading-2xl-top-offset);
194
+ --bottom-offset: var(--hop-Heading-2xl-bottom-offset);
79
195
  }
80
- :where(.Heading-module__hop-Heading--3xl___pzJV6) {
196
+ :where(.Heading-module__hop-Heading--3xl___yBW4k) {
81
197
  --font-size: var(--hop-Heading-3xl-font-size);
82
198
  --font-family: var(--hop-Heading-3xl-font-family);
83
199
  --font-weight: var(--hop-Heading-3xl-font-weight);
84
200
  --line-height: var(--hop-Heading-3xl-line-height);
201
+ --top-offset: var(--hop-Heading-3xl-top-offset);
202
+ --bottom-offset: var(--hop-Heading-3xl-bottom-offset);
85
203
  }
86
204
 
87
205
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
88
- :where(.OverlineText-module__hop-OverlineText___WcxIe) {
206
+ :where(.OverlineText-module__hop-OverlineText___l87dr) {
89
207
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
90
208
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
91
209
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -109,132 +227,52 @@
109
227
  text-transform: uppercase;
110
228
  letter-spacing: var(--letter-spacing);
111
229
  }
112
- .OverlineText-module__hop-OverlineText__text___Q2au7 {
230
+ .OverlineText-module__hop-OverlineText__text___dDkQB {
113
231
  box-sizing: border-box;
114
232
  }
115
- .OverlineText-module__hop-OverlineText__text___Q2au7::before,
116
- .OverlineText-module__hop-OverlineText__text___Q2au7::after {
233
+ .OverlineText-module__hop-OverlineText__text___dDkQB::before,
234
+ .OverlineText-module__hop-OverlineText__text___dDkQB::after {
117
235
  content: "";
118
236
  display: block;
119
237
  box-sizing: border-box;
120
238
  inline-size: 0;
121
239
  block-size: 0;
122
240
  }
123
- .OverlineText-module__hop-OverlineText__text___Q2au7::before {
241
+ .OverlineText-module__hop-OverlineText__text___dDkQB::before {
124
242
  margin-block-end: var(--bottom-offset);
125
243
  }
126
- .OverlineText-module__hop-OverlineText__text___Q2au7::after {
244
+ .OverlineText-module__hop-OverlineText__text___dDkQB::after {
127
245
  margin-block-start: var(--top-offset);
128
246
  }
129
247
 
130
248
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
131
- .Form-module__hop-Form___JGzU3 {
249
+ .Form-module__hop-Form___s5RQU {
132
250
  display: flex;
133
251
  flex-direction: column;
134
252
  gap: var(--hop-space-stack-lg);
135
253
  }
136
254
 
137
255
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
138
- .Label-module__hop-Label___JpqoQ {
256
+ .Label-module__hop-Label___TPaRo {
139
257
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
140
258
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
141
259
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
142
260
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
143
261
  --hop-Label-color: var(--hop-neutral-text-weak);
144
262
  }
145
- :where(.Label-module__hop-Label___JpqoQ) {
263
+ :where(.Label-module__hop-Label___TPaRo) {
146
264
  font-family: var(--hop-Label-font-family);
147
265
  font-size: var(--hop-Label-font-size);
148
266
  font-weight: var(--hop-Label-font-weight);
149
267
  line-height: var(--hop-Label-line-height);
150
268
  color: var(--hop-Label-color);
151
269
  }
152
- :where(.Label-module__hop-Label__indicator___CvWTu) {
270
+ :where(.Label-module__hop-Label__indicator___hKKpy) {
153
271
  padding-inline-start: var(--hop-space-20);
154
272
  }
155
273
 
156
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
157
- .Text-module__hop-Text___EG-9f {
158
- --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
159
- --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
160
- --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
161
- --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
162
- --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
163
- --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
164
- --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
165
- --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
166
- --hop-Text-md-font-size: var(--hop-body-md-font-size);
167
- --hop-Text-md-font-family: var(--hop-body-md-font-family);
168
- --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
169
- --hop-Text-md-line-height: var(--hop-body-md-line-height);
170
- --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
171
- --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
172
- --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
173
- --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
174
- --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
175
- --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
176
- --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
177
- --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
178
- --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
179
- --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
180
- --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
181
- --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
182
- --hop-Text-inherit-size-font-size: inherit;
183
- --hop-Text-inherit-size-font-family: inherit;
184
- --hop-Text-inherit-size-font-weight: inherit;
185
- --hop-Text-inherit-size-line-height: inherit;
186
- }
187
- :where(.Text-module__hop-Text___EG-9f) {
188
- font-family: var(--font-family);
189
- font-size: var(--font-size);
190
- font-weight: var(--font-weight);
191
- line-height: var(--line-height);
192
- }
193
- :where(.Text-module__hop-Text--xs___m5ae1) {
194
- --font-size: var(--hop-Text-xs-font-size);
195
- --font-family: var(--hop-Text-xs-font-family);
196
- --font-weight: var(--hop-Text-xs-font-weight);
197
- --line-height: var(--hop-Text-xs-line-height);
198
- }
199
- :where(.Text-module__hop-Text--sm___P9Te6) {
200
- --font-size: var(--hop-Text-sm-font-size);
201
- --font-family: var(--hop-Text-sm-font-family);
202
- --font-weight: var(--hop-Text-sm-font-weight);
203
- --line-height: var(--hop-Text-sm-line-height);
204
- }
205
- :where(.Text-module__hop-Text--md___CsvdW) {
206
- --font-size: var(--hop-Text-md-font-size);
207
- --font-family: var(--hop-Text-md-font-family);
208
- --font-weight: var(--hop-Text-md-font-weight);
209
- --line-height: var(--hop-Text-md-line-height);
210
- }
211
- :where(.Text-module__hop-Text--lg___djVDC) {
212
- --font-size: var(--hop-Text-lg-font-size);
213
- --font-family: var(--hop-Text-lg-font-family);
214
- --font-weight: var(--hop-Text-lg-font-weight);
215
- --line-height: var(--hop-Text-lg-line-height);
216
- }
217
- :where(.Text-module__hop-Text--xl___DXGRT) {
218
- --font-size: var(--hop-Text-xl-font-size);
219
- --font-family: var(--hop-Text-xl-font-family);
220
- --font-weight: var(--hop-Text-xl-font-weight);
221
- --line-height: var(--hop-Text-xl-line-height);
222
- }
223
- :where(.Text-module__hop-Text--2xl___a-mOu) {
224
- --font-size: var(--hop-Text-2xl-font-size);
225
- --font-family: var(--hop-Text-2xl-font-family);
226
- --font-weight: var(--hop-Text-2xl-font-weight);
227
- --line-height: var(--hop-Text-2xl-line-height);
228
- }
229
- :where(.Text-module__hop-Text--inherit___AiKC5) {
230
- --font-size: var(--hop-Text-inherit-size-font-size);
231
- --font-family: var(--hop-Text-inherit-size-font-family);
232
- --font-weight: var(--hop-Text-inherit-size-font-weight);
233
- --line-height: var(--hop-Text-inherit-size-line-height);
234
- }
235
-
236
274
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
237
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___PDZuc {
275
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___s6wGu {
238
276
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
239
277
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
240
278
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -265,46 +303,46 @@
265
303
  background-color: var(--background-color);
266
304
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
267
305
  }
268
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___WbCz1 {
306
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___f0IOM {
269
307
  --size: var(--hop-RichIconAvatarImage-xs-size);
270
308
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
271
309
  }
272
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___vRNIR {
310
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___QbpEG {
273
311
  --size: var(--hop-RichIconAvatarImage-sm-size);
274
312
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
275
313
  }
276
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___S0vLM {
314
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___SrP5- {
277
315
  --size: var(--hop-RichIconAvatarImage-md-size);
278
316
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
279
317
  }
280
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___JNj6j {
318
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___3S84T {
281
319
  --size: var(--hop-RichIconAvatarImage-lg-size);
282
320
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
283
321
  }
284
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___98psL {
322
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___FQu1Z {
285
323
  --size: var(--hop-RichIconAvatarImage-xl-size);
286
324
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
287
325
  }
288
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___SUCQ0 {
326
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___-471t {
289
327
  --size: var(--hop-RichIconAvatarImage-2xl-size);
290
328
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
291
329
  }
292
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___PDZuc[data-disabled] {
330
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___s6wGu[data-disabled] {
293
331
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
294
332
  }
295
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___YP-kJ {
333
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Wrxwb {
296
334
  position: relative;
297
335
  display: block;
298
336
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
299
337
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
300
338
  }
301
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___PDZuc[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___YP-kJ {
339
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___s6wGu[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Wrxwb {
302
340
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
303
341
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
304
342
  }
305
343
 
306
344
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
307
- .Avatar-module__hop-Avatar___5JAfz {
345
+ .Avatar-module__hop-Avatar___-Bhbj {
308
346
  --hop-Avatar-border-radius: var(--hop-shape-circle);
309
347
  --hop-Avatar-mix-blend-mode: normal;
310
348
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -349,67 +387,67 @@
349
387
  background-color: var(--background-color, transparent);
350
388
  border-radius: var(--hop-Avatar-border-radius);
351
389
  }
352
- .Avatar-module__hop-Avatar--xs___6FHdB {
390
+ .Avatar-module__hop-Avatar--xs___jDOu3 {
353
391
  --size: var(--hop-Avatar-xs-size);
354
392
  }
355
- .Avatar-module__hop-Avatar--sm___vo5u5 {
393
+ .Avatar-module__hop-Avatar--sm___HEnr1 {
356
394
  --size: var(--hop-Avatar-sm-size);
357
395
  }
358
- .Avatar-module__hop-Avatar--md___i5rkh {
396
+ .Avatar-module__hop-Avatar--md___7Xufs {
359
397
  --size: var(--hop-Avatar-md-size);
360
398
  }
361
- .Avatar-module__hop-Avatar--lg___p5Jm8 {
399
+ .Avatar-module__hop-Avatar--lg___2KaEi {
362
400
  --size: var(--hop-Avatar-lg-size);
363
401
  }
364
- .Avatar-module__hop-Avatar--xl___hEmVr {
402
+ .Avatar-module__hop-Avatar--xl___6A26Y {
365
403
  --size: var(--hop-Avatar-xl-size);
366
404
  }
367
- .Avatar-module__hop-Avatar--2xl___bxFjv {
405
+ .Avatar-module__hop-Avatar--2xl___-QT1Z {
368
406
  --size: var(--hop-Avatar-2xl-size);
369
407
  }
370
- .Avatar-module__hop-Avatar--decorative-option1___5XDFP {
408
+ .Avatar-module__hop-Avatar--decorative-option1___TrDnk {
371
409
  --background-color: var(--hop-Avatar-decorative-1-background-color);
372
410
  --text-color: var(--hop-Avatar-decorative-1-text-color);
373
411
  }
374
- .Avatar-module__hop-Avatar--decorative-option2___KiOPl {
412
+ .Avatar-module__hop-Avatar--decorative-option2___gPHy- {
375
413
  --background-color: var(--hop-Avatar-decorative-2-background-color);
376
414
  --text-color: var(--hop-Avatar-decorative-2-text-color);
377
415
  }
378
- .Avatar-module__hop-Avatar--decorative-option3___PGXHX {
416
+ .Avatar-module__hop-Avatar--decorative-option3___gOJzq {
379
417
  --background-color: var(--hop-Avatar-decorative-3-background-color);
380
418
  --text-color: var(--hop-Avatar-decorative-3-text-color);
381
419
  }
382
- .Avatar-module__hop-Avatar--decorative-option4___xZw5B {
420
+ .Avatar-module__hop-Avatar--decorative-option4___OY2zY {
383
421
  --background-color: var(--hop-Avatar-decorative-4-background-color);
384
422
  --text-color: var(--hop-Avatar-decorative-4-text-color);
385
423
  }
386
- .Avatar-module__hop-Avatar--decorative-option5___CQzm8 {
424
+ .Avatar-module__hop-Avatar--decorative-option5___-4Gru {
387
425
  --background-color: var(--hop-Avatar-decorative-5-background-color);
388
426
  --text-color: var(--hop-Avatar-decorative-5-text-color);
389
427
  }
390
- .Avatar-module__hop-Avatar--decorative-option6___cbZJi {
428
+ .Avatar-module__hop-Avatar--decorative-option6___g-UEO {
391
429
  --background-color: var(--hop-Avatar-decorative-6-background-color);
392
430
  --text-color: var(--hop-Avatar-decorative-6-text-color);
393
431
  }
394
- .Avatar-module__hop-Avatar--decorative-option7___tVC82 {
432
+ .Avatar-module__hop-Avatar--decorative-option7___sV0jt {
395
433
  --background-color: var(--hop-Avatar-decorative-7-background-color);
396
434
  --text-color: var(--hop-Avatar-decorative-7-text-color);
397
435
  }
398
- .Avatar-module__hop-Avatar--decorative-option8___rlt4j {
436
+ .Avatar-module__hop-Avatar--decorative-option8___RkkoP {
399
437
  --background-color: var(--hop-Avatar-decorative-8-background-color);
400
438
  --text-color: var(--hop-Avatar-decorative-8-text-color);
401
439
  }
402
- .Avatar-module__hop-Avatar--decorative-option9___w7ylr {
440
+ .Avatar-module__hop-Avatar--decorative-option9___qtPRx {
403
441
  --background-color: var(--hop-Avatar-decorative-9-background-color);
404
442
  --text-color: var(--hop-Avatar-decorative-9-text-color);
405
443
  }
406
- .Avatar-module__hop-Avatar___5JAfz[data-disabled] {
444
+ .Avatar-module__hop-Avatar___-Bhbj[data-disabled] {
407
445
  --background-color: var(--hop-Avatar-background-color-disabled);
408
446
  --text-color: var(--hop-Avatar-text-color-disabled);
409
447
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
410
448
  isolation: isolate;
411
449
  }
412
- .Avatar-module__hop-Avatar__image___HloD- {
450
+ .Avatar-module__hop-Avatar__image___ftVvm {
413
451
  position: relative;
414
452
  display: block;
415
453
  box-sizing: border-box;
@@ -420,7 +458,7 @@
420
458
  }
421
459
 
422
460
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
423
- .Badge-module__hop-Badge___9RQnl {
461
+ .Badge-module__hop-Badge___viaRy {
424
462
  --hop-Badge-height: 1.5rem;
425
463
  --hop-Badge-width: max-content;
426
464
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -470,67 +508,67 @@
470
508
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
471
509
  border-radius: var(--border-radius);
472
510
  }
473
- .Badge-module__hop-Badge--primary___Llr-j {
511
+ .Badge-module__hop-Badge--primary___QJU6L {
474
512
  --background-color: var(--hop-Badge-primary-background-color);
475
513
  --text-color: var(--hop-Badge-primary-text-color);
476
514
  }
477
- .Badge-module__hop-Badge--primary___Llr-j[data-hovered] {
515
+ .Badge-module__hop-Badge--primary___QJU6L[data-hovered] {
478
516
  --background-color: var(--hop-Badge-primary-background-color-hovered);
479
517
  --text-color: var(--hop-Badge-primary-text-color-hovered);
480
518
  }
481
- .Badge-module__hop-Badge--primary___Llr-j[data-pressed] {
519
+ .Badge-module__hop-Badge--primary___QJU6L[data-pressed] {
482
520
  --background-color: var(--hop-Badge-primary-background-color-pressed);
483
521
  --text-color: var(--hop-Badge-primary-text-color-pressed);
484
522
  }
485
- .Badge-module__hop-Badge--primary___Llr-j[data-selected] {
523
+ .Badge-module__hop-Badge--primary___QJU6L[data-selected] {
486
524
  --background-color: var(--hop-Badge-primary-background-color-selected);
487
525
  --text-color: var(--hop-Badge-primary-text-color-selected);
488
526
  }
489
- .Badge-module__hop-Badge--secondary___I0tws {
527
+ .Badge-module__hop-Badge--secondary___eoJFi {
490
528
  --background-color: var(--hop-Badge-secondary-background-color);
491
529
  --text-color: var(--hop-Badge-secondary-text-color);
492
530
  }
493
- .Badge-module__hop-Badge--secondary___I0tws[data-hovered] {
531
+ .Badge-module__hop-Badge--secondary___eoJFi[data-hovered] {
494
532
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
495
533
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
496
534
  }
497
- .Badge-module__hop-Badge--secondary___I0tws[data-pressed] {
535
+ .Badge-module__hop-Badge--secondary___eoJFi[data-pressed] {
498
536
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
499
537
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
500
538
  }
501
- .Badge-module__hop-Badge--secondary___I0tws[data-selected] {
539
+ .Badge-module__hop-Badge--secondary___eoJFi[data-selected] {
502
540
  --background-color: var(--hop-Badge-secondary-background-color-selected);
503
541
  --text-color: var(--hop-Badge-secondary-text-color-selected);
504
542
  }
505
- .Badge-module__hop-Badge--subdued___mWpxJ {
543
+ .Badge-module__hop-Badge--subdued___BYluq {
506
544
  --background-color: var(--hop-Badge-subdued-background-color);
507
545
  --text-color: var(--hop-Badge-subdued-text-color);
508
546
  }
509
- .Badge-module__hop-Badge--subdued___mWpxJ[data-hovered] {
547
+ .Badge-module__hop-Badge--subdued___BYluq[data-hovered] {
510
548
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
511
549
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
512
550
  }
513
- .Badge-module__hop-Badge--subdued___mWpxJ[data-pressed] {
551
+ .Badge-module__hop-Badge--subdued___BYluq[data-pressed] {
514
552
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
515
553
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
516
554
  }
517
- .Badge-module__hop-Badge--subdued___mWpxJ[data-selected] {
555
+ .Badge-module__hop-Badge--subdued___BYluq[data-selected] {
518
556
  --background-color: var(--hop-Badge-subdued-background-color-selected);
519
557
  --text-color: var(--hop-Badge-subdued-text-color-selected);
520
558
  }
521
- .Badge-module__hop-Badge___9RQnl[data-indeterminate] {
559
+ .Badge-module__hop-Badge___viaRy[data-indeterminate] {
522
560
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
523
561
  --height: var(--hop-Badge-indeterminate-height);
524
562
  --width: var(--hop-Badge-indeterminate-width);
525
563
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
526
564
  }
527
- .Badge-module__hop-Badge___9RQnl[data-disabled] {
565
+ .Badge-module__hop-Badge___viaRy[data-disabled] {
528
566
  --background-color: var(--hop-Badge-background-color-disabled);
529
567
  --text-color: var(--hop-Badge-text-color-disabled);
530
568
  }
531
569
 
532
570
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
533
- .FloatingBadge-module__hop-FloatingBadge___g0xbO {
571
+ .FloatingBadge-module__hop-FloatingBadge___aby19 {
534
572
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
535
573
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
536
574
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -571,7 +609,7 @@
571
609
  box-sizing: border-box;
572
610
  inline-size: max-content;
573
611
  }
574
- .FloatingBadge-module__hop-FloatingBadge___g0xbO[data-placement="top right"] {
612
+ .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="top right"] {
575
613
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
576
614
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
577
615
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -579,11 +617,11 @@
579
617
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
580
618
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
581
619
  }
582
- .FloatingBadge-module__hop-FloatingBadge___g0xbO[data-placement="top right"][data-overlap=circular] {
620
+ .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="top right"][data-overlap=circular] {
583
621
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
584
622
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
585
623
  }
586
- .FloatingBadge-module__hop-FloatingBadge___g0xbO[data-placement="top left"] {
624
+ .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="top left"] {
587
625
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
588
626
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
589
627
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -591,11 +629,11 @@
591
629
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
592
630
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
593
631
  }
594
- .FloatingBadge-module__hop-FloatingBadge___g0xbO[data-placement="top left"][data-overlap=circular] {
632
+ .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="top left"][data-overlap=circular] {
595
633
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
596
634
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
597
635
  }
598
- .FloatingBadge-module__hop-FloatingBadge___g0xbO[data-placement="bottom right"] {
636
+ .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="bottom right"] {
599
637
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
600
638
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
601
639
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -603,11 +641,11 @@
603
641
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
604
642
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
605
643
  }
606
- .FloatingBadge-module__hop-FloatingBadge___g0xbO[data-placement="bottom right"][data-overlap=circular] {
644
+ .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="bottom right"][data-overlap=circular] {
607
645
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
608
646
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
609
647
  }
610
- .FloatingBadge-module__hop-FloatingBadge___g0xbO[data-placement="bottom left"] {
648
+ .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="bottom left"] {
611
649
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
612
650
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
613
651
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -615,11 +653,11 @@
615
653
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
616
654
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
617
655
  }
618
- .FloatingBadge-module__hop-FloatingBadge___g0xbO[data-placement="bottom left"][data-overlap=circular] {
656
+ .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="bottom left"][data-overlap=circular] {
619
657
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
620
658
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
621
659
  }
622
- .FloatingBadge-module__hop-FloatingBadge__badge___nriJy {
660
+ .FloatingBadge-module__hop-FloatingBadge__badge___UWYX8 {
623
661
  position: absolute;
624
662
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
625
663
  transform-origin: var(--badge-transform-origin);
@@ -627,7 +665,7 @@
627
665
  }
628
666
 
629
667
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
630
- .IconList-module__hop-IconList___LMON6 {
668
+ .IconList-module__hop-IconList___LMul1 {
631
669
  --hop-IconList-gap: var(--hop-space-inline-xs);
632
670
  display: flex;
633
671
  flex-wrap: wrap;
@@ -636,7 +674,7 @@
636
674
  }
637
675
 
638
676
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
639
- .Checkbox-module__hop-Checkbox___kFjD4 {
677
+ .Checkbox-module__hop-Checkbox___8wG-E {
640
678
  --hop-Checkbox-box-border-size: 0.0625rem;
641
679
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
642
680
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -711,60 +749,60 @@
711
749
  inline-size: max-content;
712
750
  max-inline-size: 100%;
713
751
  }
714
- .Checkbox-module__hop-Checkbox___kFjD4[data-focus-visible] {
752
+ .Checkbox-module__hop-Checkbox___8wG-E[data-focus-visible] {
715
753
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
716
754
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
717
755
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
718
756
  --text-color: var(--hop-Checkbox-text-color-focused);
719
757
  --icon-color: var(--hop-Checkbox-icon-color-focused);
720
758
  }
721
- .Checkbox-module__hop-Checkbox___kFjD4[data-hovered] {
759
+ .Checkbox-module__hop-Checkbox___8wG-E[data-hovered] {
722
760
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
723
761
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
724
762
  --text-color: var(--hop-Checkbox-text-color-hovered);
725
763
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
726
764
  }
727
- .Checkbox-module__hop-Checkbox___kFjD4[data-pressed] {
765
+ .Checkbox-module__hop-Checkbox___8wG-E[data-pressed] {
728
766
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
729
767
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
730
768
  --text-color: var(--hop-Checkbox-text-color-pressed);
731
769
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
732
770
  }
733
- .Checkbox-module__hop-Checkbox___kFjD4[data-selected] {
771
+ .Checkbox-module__hop-Checkbox___8wG-E[data-selected] {
734
772
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
735
773
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
736
774
  --check-display: var(--hop-Checkbox-check-display-selected);
737
775
  --text-color: var(--hop-Checkbox-text-color-selected);
738
776
  --icon-color: var(--hop-Checkbox-icon-color-selected);
739
777
  }
740
- .Checkbox-module__hop-Checkbox___kFjD4[data-invalid] {
778
+ .Checkbox-module__hop-Checkbox___8wG-E[data-invalid] {
741
779
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
742
780
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
743
781
  --check-color: var(--hop-Checkbox-check-color-invalid);
744
782
  --text-color: var(--hop-Checkbox-text-color-invalid);
745
783
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
746
784
  }
747
- .Checkbox-module__hop-Checkbox___kFjD4[data-invalid]:where([data-focus-visible]) {
785
+ .Checkbox-module__hop-Checkbox___8wG-E[data-invalid]:where([data-focus-visible]) {
748
786
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
749
787
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
750
788
  }
751
- .Checkbox-module__hop-Checkbox___kFjD4[data-invalid]:where([data-hovered]) {
789
+ .Checkbox-module__hop-Checkbox___8wG-E[data-invalid]:where([data-hovered]) {
752
790
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
753
791
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
754
792
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
755
793
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
756
794
  }
757
- .Checkbox-module__hop-Checkbox___kFjD4[data-invalid]:where([data-pressed]) {
795
+ .Checkbox-module__hop-Checkbox___8wG-E[data-invalid]:where([data-pressed]) {
758
796
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
759
797
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
760
798
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
761
799
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
762
800
  }
763
- .Checkbox-module__hop-Checkbox___kFjD4:where([data-invalid])[data-selected] {
801
+ .Checkbox-module__hop-Checkbox___8wG-E:where([data-invalid])[data-selected] {
764
802
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
765
803
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
766
804
  }
767
- .Checkbox-module__hop-Checkbox___kFjD4[data-disabled] {
805
+ .Checkbox-module__hop-Checkbox___8wG-E[data-disabled] {
768
806
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
769
807
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
770
808
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -772,25 +810,25 @@
772
810
  --text-color: var(--hop-Checkbox-text-color-disabled);
773
811
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
774
812
  }
775
- .Checkbox-module__hop-Checkbox--sm___s3EZV {
813
+ .Checkbox-module__hop-Checkbox--sm___QhMhN {
776
814
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
777
815
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
778
816
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
779
817
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
780
818
  }
781
- .Checkbox-module__hop-Checkbox--md___CuEkU {
819
+ .Checkbox-module__hop-Checkbox--md___E33rq {
782
820
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
783
821
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
784
822
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
785
823
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
786
824
  }
787
- .Checkbox-module__hop-Checkbox__icon___-xC44,
788
- .Checkbox-module__hop-Checkbox__icon-list___HSl7r {
825
+ .Checkbox-module__hop-Checkbox__icon___MBgG2,
826
+ .Checkbox-module__hop-Checkbox__icon-list___YRIrT {
789
827
  flex: 0 0 auto;
790
828
  order: 3;
791
829
  color: var(--icon-color);
792
830
  }
793
- .Checkbox-module__hop-Checkbox__box___0OmWF {
831
+ .Checkbox-module__hop-Checkbox__box___Zqh7x {
794
832
  display: flex;
795
833
  flex: 0 0 auto;
796
834
  align-items: center;
@@ -806,11 +844,11 @@
806
844
  outline-offset: 0.125rem;
807
845
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
808
846
  }
809
- .Checkbox-module__hop-Checkbox__check___1s4Gm {
847
+ .Checkbox-module__hop-Checkbox__check___H5h-D {
810
848
  display: var(--check-display);
811
849
  color: var(--check-color);
812
850
  }
813
- .Checkbox-module__hop-Checkbox__text___vqVKG {
851
+ .Checkbox-module__hop-Checkbox__text___4FeSA {
814
852
  flex: 0 1 auto;
815
853
  order: 2;
816
854
  min-inline-size: 0;
@@ -820,7 +858,7 @@
820
858
  }
821
859
 
822
860
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
823
- .CheckboxField-module__hop-CheckboxField___IfeeI {
861
+ .CheckboxField-module__hop-CheckboxField___KOBzI {
824
862
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
825
863
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
826
864
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -839,28 +877,28 @@
839
877
  inline-size: max-content;
840
878
  max-inline-size: 100%;
841
879
  }
842
- .CheckboxField-module__hop-CheckboxField___IfeeI[data-disabled] {
880
+ .CheckboxField-module__hop-CheckboxField___KOBzI[data-disabled] {
843
881
  --description-color: var(--hop-CheckboxField-description-color-disabled);
844
882
  }
845
- .CheckboxField-module__hop-CheckboxField--sm___MEtob {
883
+ .CheckboxField-module__hop-CheckboxField--sm___IFefZ {
846
884
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
847
885
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
848
886
  }
849
- .CheckboxField-module__hop-CheckboxField--md___TjH8H {
887
+ .CheckboxField-module__hop-CheckboxField--md___ZmYIZ {
850
888
  --row-gap: var(--hop-CheckboxField-md-row-gap);
851
889
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
852
890
  }
853
- .CheckboxField-module__hop-CheckboxField__description___A0ELd {
891
+ .CheckboxField-module__hop-CheckboxField__description___khXZB {
854
892
  order: 2;
855
893
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
856
894
  color: var(--description-color);
857
895
  }
858
- .CheckboxField-module__hop-CheckboxField__checkbox___MiwlY {
896
+ .CheckboxField-module__hop-CheckboxField__checkbox___s-mgu {
859
897
  order: 1;
860
898
  }
861
899
 
862
900
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
863
- .ErrorMessage-module__hop-ErrorMessage___6hwp- {
901
+ .ErrorMessage-module__hop-ErrorMessage___pQwqn {
864
902
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
865
903
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
866
904
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -877,13 +915,13 @@
877
915
  line-height: var(--hop-ErrorMessage-line-height);
878
916
  color: var(--hop-ErrorMessage-color);
879
917
  }
880
- .ErrorMessage-module__hop-ErrorMessage__icon___bnP6K {
918
+ .ErrorMessage-module__hop-ErrorMessage__icon___HUvrj {
881
919
  flex: 0 0 auto;
882
920
  align-self: flex-start;
883
921
  }
884
922
 
885
923
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
886
- .HelperMessage-module__hop-HelperMessage___yXG0P {
924
+ .HelperMessage-module__hop-HelperMessage___FzdVT {
887
925
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
888
926
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
889
927
  display: flex;
@@ -892,13 +930,13 @@
892
930
  box-sizing: border-box;
893
931
  color: var(--hop-HelperMessage-color);
894
932
  }
895
- .HelperMessage-module__hop-HelperMessage__icon___93JOY {
933
+ .HelperMessage-module__hop-HelperMessage__icon___K8-P1 {
896
934
  flex: 0 0 auto;
897
935
  align-self: flex-start;
898
936
  }
899
937
 
900
938
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
901
- .CheckboxGroup-module__hop-CheckboxGroup___QZLQO {
939
+ .CheckboxGroup-module__hop-CheckboxGroup___vvz9U {
902
940
  --hop-CheckboxGroup-align-items: flex-start;
903
941
  --hop-CheckboxGroup-justify-content: flex-start;
904
942
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -937,46 +975,46 @@
937
975
  inline-size: max-content;
938
976
  max-inline-size: 100%;
939
977
  }
940
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___-KpP3 {
978
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h {
941
979
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
942
980
  --list-border-radius: var(--hop-shape-rounded-md);
943
981
  }
944
- .CheckboxGroup-module__hop-CheckboxGroup--sm___W-z3x {
982
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___rgFWt {
945
983
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
946
984
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
947
985
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
948
986
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
949
987
  }
950
- .CheckboxGroup-module__hop-CheckboxGroup--md___qcztg {
988
+ .CheckboxGroup-module__hop-CheckboxGroup--md___Ed8Q9 {
951
989
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
952
990
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
953
991
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
954
992
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
955
993
  }
956
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___-KpP3.CheckboxGroup-module__hop-CheckboxGroup--sm___W-z3x {
994
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h.CheckboxGroup-module__hop-CheckboxGroup--sm___rgFWt {
957
995
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
958
996
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
959
997
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
960
998
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
961
999
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
962
1000
  }
963
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___-KpP3.CheckboxGroup-module__hop-CheckboxGroup--md___qcztg {
1001
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h.CheckboxGroup-module__hop-CheckboxGroup--md___Ed8Q9 {
964
1002
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
965
1003
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
966
1004
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
967
1005
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
968
1006
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
969
1007
  }
970
- .CheckboxGroup-module__hop-CheckboxGroup___QZLQO[data-orientation=horizontal] {
1008
+ .CheckboxGroup-module__hop-CheckboxGroup___vvz9U[data-orientation=horizontal] {
971
1009
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
972
1010
  }
973
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___-KpP3[data-orientation=horizontal] {
1011
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h[data-orientation=horizontal] {
974
1012
  --flex-wrap: nowrap;
975
1013
  }
976
- .CheckboxGroup-module__hop-CheckboxGroup___QZLQO > .CheckboxGroup-module__hop-CheckboxGroup__label___5RV8N {
1014
+ .CheckboxGroup-module__hop-CheckboxGroup___vvz9U > .CheckboxGroup-module__hop-CheckboxGroup__label___U4zvy {
977
1015
  order: 1;
978
1016
  }
979
- .CheckboxGroup-module__hop-CheckboxGroup__list___ZydmX {
1017
+ .CheckboxGroup-module__hop-CheckboxGroup__list___tsxou {
980
1018
  display: flex;
981
1019
  flex-flow: var(--flex-direction) var(--flex-wrap);
982
1020
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -987,7 +1025,7 @@
987
1025
  border: var(--list-border, none);
988
1026
  border-radius: var(--list-border-radius, 0);
989
1027
  }
990
- .CheckboxGroup-module__hop-CheckboxGroup__list___ZydmX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___qlwqL {
1028
+ .CheckboxGroup-module__hop-CheckboxGroup__list___tsxou > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY {
991
1029
  position: relative;
992
1030
  flex: 0 1 auto;
993
1031
  align-content: start;
@@ -995,28 +1033,28 @@
995
1033
  min-inline-size: 0;
996
1034
  padding: var(--checkbox-padding, 0);
997
1035
  }
998
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___-KpP3 .CheckboxGroup-module__hop-CheckboxGroup__list___ZydmX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___qlwqL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___qlwqL::before {
1036
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h .CheckboxGroup-module__hop-CheckboxGroup__list___tsxou > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY::before {
999
1037
  content: "";
1000
1038
  position: absolute;
1001
1039
  display: block;
1002
1040
  }
1003
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___-KpP3[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___ZydmX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___qlwqL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___qlwqL::before {
1041
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___tsxou > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY::before {
1004
1042
  inset-block-start: 0;
1005
1043
  inset-inline: 0;
1006
1044
  border-block-start: var(--list-border, none);
1007
1045
  }
1008
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___-KpP3[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___ZydmX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___qlwqL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___qlwqL::before {
1046
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___tsxou > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY::before {
1009
1047
  inset-block: 0;
1010
1048
  inset-inline-start: 0;
1011
1049
  border-inline-start: var(--list-border, none);
1012
1050
  }
1013
- .CheckboxGroup-module__hop-CheckboxGroup___QZLQO > .CheckboxGroup-module__hop-CheckboxGroup__error-message___bv7IG,
1014
- .CheckboxGroup-module__hop-CheckboxGroup___QZLQO > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___DuJpv {
1051
+ .CheckboxGroup-module__hop-CheckboxGroup___vvz9U > .CheckboxGroup-module__hop-CheckboxGroup__error-message___40d7B,
1052
+ .CheckboxGroup-module__hop-CheckboxGroup___vvz9U > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___wK5w1 {
1015
1053
  order: 3;
1016
1054
  }
1017
1055
 
1018
1056
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1019
- .Checkbox-module__hop-Checkbox___kFjD4 {
1057
+ .Checkbox-module__hop-Checkbox___8wG-E {
1020
1058
  --hop-Checkbox-box-border-size: 0.0625rem;
1021
1059
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1022
1060
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1091,60 +1129,60 @@
1091
1129
  inline-size: max-content;
1092
1130
  max-inline-size: 100%;
1093
1131
  }
1094
- .Checkbox-module__hop-Checkbox___kFjD4[data-focus-visible] {
1132
+ .Checkbox-module__hop-Checkbox___8wG-E[data-focus-visible] {
1095
1133
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1096
1134
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1097
1135
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1098
1136
  --text-color: var(--hop-Checkbox-text-color-focused);
1099
1137
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1100
1138
  }
1101
- .Checkbox-module__hop-Checkbox___kFjD4[data-hovered] {
1139
+ .Checkbox-module__hop-Checkbox___8wG-E[data-hovered] {
1102
1140
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1103
1141
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1104
1142
  --text-color: var(--hop-Checkbox-text-color-hovered);
1105
1143
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1106
1144
  }
1107
- .Checkbox-module__hop-Checkbox___kFjD4[data-pressed] {
1145
+ .Checkbox-module__hop-Checkbox___8wG-E[data-pressed] {
1108
1146
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1109
1147
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1110
1148
  --text-color: var(--hop-Checkbox-text-color-pressed);
1111
1149
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1112
1150
  }
1113
- .Checkbox-module__hop-Checkbox___kFjD4[data-selected] {
1151
+ .Checkbox-module__hop-Checkbox___8wG-E[data-selected] {
1114
1152
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1115
1153
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1116
1154
  --check-display: var(--hop-Checkbox-check-display-selected);
1117
1155
  --text-color: var(--hop-Checkbox-text-color-selected);
1118
1156
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1119
1157
  }
1120
- .Checkbox-module__hop-Checkbox___kFjD4[data-invalid] {
1158
+ .Checkbox-module__hop-Checkbox___8wG-E[data-invalid] {
1121
1159
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1122
1160
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1123
1161
  --check-color: var(--hop-Checkbox-check-color-invalid);
1124
1162
  --text-color: var(--hop-Checkbox-text-color-invalid);
1125
1163
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1126
1164
  }
1127
- .Checkbox-module__hop-Checkbox___kFjD4[data-invalid]:where([data-focus-visible]) {
1165
+ .Checkbox-module__hop-Checkbox___8wG-E[data-invalid]:where([data-focus-visible]) {
1128
1166
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1129
1167
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1130
1168
  }
1131
- .Checkbox-module__hop-Checkbox___kFjD4[data-invalid]:where([data-hovered]) {
1169
+ .Checkbox-module__hop-Checkbox___8wG-E[data-invalid]:where([data-hovered]) {
1132
1170
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1133
1171
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1134
1172
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1135
1173
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1136
1174
  }
1137
- .Checkbox-module__hop-Checkbox___kFjD4[data-invalid]:where([data-pressed]) {
1175
+ .Checkbox-module__hop-Checkbox___8wG-E[data-invalid]:where([data-pressed]) {
1138
1176
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1139
1177
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1140
1178
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1141
1179
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1142
1180
  }
1143
- .Checkbox-module__hop-Checkbox___kFjD4:where([data-invalid])[data-selected] {
1181
+ .Checkbox-module__hop-Checkbox___8wG-E:where([data-invalid])[data-selected] {
1144
1182
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1145
1183
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1146
1184
  }
1147
- .Checkbox-module__hop-Checkbox___kFjD4[data-disabled] {
1185
+ .Checkbox-module__hop-Checkbox___8wG-E[data-disabled] {
1148
1186
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1149
1187
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1150
1188
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1152,25 +1190,25 @@
1152
1190
  --text-color: var(--hop-Checkbox-text-color-disabled);
1153
1191
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1154
1192
  }
1155
- .Checkbox-module__hop-Checkbox--sm___s3EZV {
1193
+ .Checkbox-module__hop-Checkbox--sm___QhMhN {
1156
1194
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1157
1195
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1158
1196
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1159
1197
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1160
1198
  }
1161
- .Checkbox-module__hop-Checkbox--md___CuEkU {
1199
+ .Checkbox-module__hop-Checkbox--md___E33rq {
1162
1200
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1163
1201
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1164
1202
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1165
1203
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1166
1204
  }
1167
- .Checkbox-module__hop-Checkbox__icon___-xC44,
1168
- .Checkbox-module__hop-Checkbox__icon-list___HSl7r {
1205
+ .Checkbox-module__hop-Checkbox__icon___MBgG2,
1206
+ .Checkbox-module__hop-Checkbox__icon-list___YRIrT {
1169
1207
  flex: 0 0 auto;
1170
1208
  order: 3;
1171
1209
  color: var(--icon-color);
1172
1210
  }
1173
- .Checkbox-module__hop-Checkbox__box___0OmWF {
1211
+ .Checkbox-module__hop-Checkbox__box___Zqh7x {
1174
1212
  display: flex;
1175
1213
  flex: 0 0 auto;
1176
1214
  align-items: center;
@@ -1186,11 +1224,11 @@
1186
1224
  outline-offset: 0.125rem;
1187
1225
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1188
1226
  }
1189
- .Checkbox-module__hop-Checkbox__check___1s4Gm {
1227
+ .Checkbox-module__hop-Checkbox__check___H5h-D {
1190
1228
  display: var(--check-display);
1191
1229
  color: var(--check-color);
1192
1230
  }
1193
- .Checkbox-module__hop-Checkbox__text___vqVKG {
1231
+ .Checkbox-module__hop-Checkbox__text___4FeSA {
1194
1232
  flex: 0 1 auto;
1195
1233
  order: 2;
1196
1234
  min-inline-size: 0;
@@ -1198,24 +1236,24 @@
1198
1236
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1199
1237
  color: var(--text-color);
1200
1238
  }
1201
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___wp5-P {
1239
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___YLOZ5 {
1202
1240
  }
1203
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___zz-x1 {
1241
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___QVQMu {
1204
1242
  }
1205
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___q9LjR {
1243
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___rsPQ8 {
1206
1244
  }
1207
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___3VGX5,
1208
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___G12mn {
1245
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___u8--4,
1246
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___VnIAN {
1209
1247
  }
1210
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___ZlqkH {
1248
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___-xKgq {
1211
1249
  }
1212
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___dOZDa {
1250
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___YGK6g {
1213
1251
  }
1214
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___s7-LL {
1252
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___NL4sB {
1215
1253
  }
1216
1254
 
1217
1255
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1218
- .Radio-module__hop-Radio___A004I {
1256
+ .Radio-module__hop-Radio___25U00 {
1219
1257
  --hop-Radio-box-border-size: 0.0625rem;
1220
1258
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1221
1259
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1289,60 +1327,60 @@
1289
1327
  inline-size: max-content;
1290
1328
  max-inline-size: 100%;
1291
1329
  }
1292
- .Radio-module__hop-Radio___A004I[data-focus-visible] {
1330
+ .Radio-module__hop-Radio___25U00[data-focus-visible] {
1293
1331
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1294
1332
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1295
1333
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1296
1334
  --text-color: var(--hop-Radio-text-color-focused);
1297
1335
  --icon-color: var(--hop-Radio-icon-color-focused);
1298
1336
  }
1299
- .Radio-module__hop-Radio___A004I[data-hovered] {
1337
+ .Radio-module__hop-Radio___25U00[data-hovered] {
1300
1338
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1301
1339
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1302
1340
  --text-color: var(--hop-Radio-text-color-hovered);
1303
1341
  --icon-color: var(--hop-Radio-icon-color-hovered);
1304
1342
  }
1305
- .Radio-module__hop-Radio___A004I[data-pressed] {
1343
+ .Radio-module__hop-Radio___25U00[data-pressed] {
1306
1344
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1307
1345
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1308
1346
  --text-color: var(--hop-Radio-text-color-pressed);
1309
1347
  --icon-color: var(--hop-Radio-icon-color-pressed);
1310
1348
  }
1311
- .Radio-module__hop-Radio___A004I[data-selected] {
1349
+ .Radio-module__hop-Radio___25U00[data-selected] {
1312
1350
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1313
1351
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1314
1352
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1315
1353
  --text-color: var(--hop-Radio-text-color-selected);
1316
1354
  --icon-color: var(--hop-Radio-icon-color-selected);
1317
1355
  }
1318
- .Radio-module__hop-Radio___A004I[data-invalid] {
1356
+ .Radio-module__hop-Radio___25U00[data-invalid] {
1319
1357
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1320
1358
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1321
1359
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1322
1360
  --text-color: var(--hop-Radio-text-color-invalid);
1323
1361
  --icon-color: var(--hop-Radio-icon-color-invalid);
1324
1362
  }
1325
- .Radio-module__hop-Radio___A004I:where([data-invalid])[data-focus-visible] {
1363
+ .Radio-module__hop-Radio___25U00:where([data-invalid])[data-focus-visible] {
1326
1364
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1327
1365
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1328
1366
  }
1329
- .Radio-module__hop-Radio___A004I:where([data-invalid])[data-hovered] {
1367
+ .Radio-module__hop-Radio___25U00:where([data-invalid])[data-hovered] {
1330
1368
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1331
1369
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1332
1370
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1333
1371
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1334
1372
  }
1335
- .Radio-module__hop-Radio___A004I:where([data-invalid])[data-pressed] {
1373
+ .Radio-module__hop-Radio___25U00:where([data-invalid])[data-pressed] {
1336
1374
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1337
1375
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1338
1376
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1339
1377
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1340
1378
  }
1341
- .Radio-module__hop-Radio___A004I:where([data-invalid])[data-selected] {
1379
+ .Radio-module__hop-Radio___25U00:where([data-invalid])[data-selected] {
1342
1380
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1343
1381
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1344
1382
  }
1345
- .Radio-module__hop-Radio___A004I[data-disabled] {
1383
+ .Radio-module__hop-Radio___25U00[data-disabled] {
1346
1384
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1347
1385
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1348
1386
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1350,25 +1388,25 @@
1350
1388
  --text-color: var(--hop-Radio-text-color-disabled);
1351
1389
  --icon-color: var(--hop-Radio-icon-color-disabled);
1352
1390
  }
1353
- .Radio-module__hop-Radio--sm___JpfAf {
1391
+ .Radio-module__hop-Radio--sm___joGSt {
1354
1392
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1355
1393
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1356
1394
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1357
1395
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1358
1396
  }
1359
- .Radio-module__hop-Radio--md___Xc0y- {
1397
+ .Radio-module__hop-Radio--md___sxQ-f {
1360
1398
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1361
1399
  --box-block-size: var(--hop-Radio-box-md-block-size);
1362
1400
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1363
1401
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1364
1402
  }
1365
- .Radio-module__hop-Radio__icon___UGrQo,
1366
- .Radio-module__hop-Radio__icon-list___Adpp0 {
1403
+ .Radio-module__hop-Radio__icon___-oCWI,
1404
+ .Radio-module__hop-Radio__icon-list___TmZ9d {
1367
1405
  flex: 0 0 auto;
1368
1406
  order: 3;
1369
1407
  color: var(--icon-color);
1370
1408
  }
1371
- .Radio-module__hop-Radio__box___NcMdH {
1409
+ .Radio-module__hop-Radio__box___EPE9W {
1372
1410
  display: flex;
1373
1411
  flex: 0 0 auto;
1374
1412
  align-items: center;
@@ -1384,11 +1422,11 @@
1384
1422
  outline-offset: 0.125rem;
1385
1423
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1386
1424
  }
1387
- .Radio-module__hop-Radio__bullet___HdvYG {
1425
+ .Radio-module__hop-Radio__bullet___IQyNF {
1388
1426
  display: var(--bullet-display);
1389
1427
  color: var(--bullet-color);
1390
1428
  }
1391
- .Radio-module__hop-Radio__text___lH3BC {
1429
+ .Radio-module__hop-Radio__text___T8kmr {
1392
1430
  flex: 0 1 auto;
1393
1431
  order: 2;
1394
1432
  min-inline-size: 0;
@@ -1396,24 +1434,24 @@
1396
1434
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1397
1435
  color: var(--text-color);
1398
1436
  }
1399
- .DecorativeRadio-module__hop-DecorativeRadio___N8gqb {
1437
+ .DecorativeRadio-module__hop-DecorativeRadio___lCIFJ {
1400
1438
  }
1401
- .DecorativeRadio-module__hop-DecorativeRadio--sm___VnHG6 {
1439
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___dZ-ls {
1402
1440
  }
1403
- .DecorativeRadio-module__hop-DecorativeRadio--md___id-Ks {
1441
+ .DecorativeRadio-module__hop-DecorativeRadio--md___pt2As {
1404
1442
  }
1405
- .DecorativeRadio-module__hop-DecorativeRadio__icon___zbjGL,
1406
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___pQ7NU {
1443
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___2iq8P,
1444
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___mBdmW {
1407
1445
  }
1408
- .DecorativeRadio-module__hop-DecorativeRadio__box___XQynF {
1446
+ .DecorativeRadio-module__hop-DecorativeRadio__box___AqixD {
1409
1447
  }
1410
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___zNWYL {
1448
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___Gxz0O {
1411
1449
  }
1412
- .DecorativeRadio-module__hop-DecorativeRadio__text___FniVT {
1450
+ .DecorativeRadio-module__hop-DecorativeRadio__text___W67iB {
1413
1451
  }
1414
1452
 
1415
1453
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1416
- .Radio-module__hop-Radio___A004I {
1454
+ .Radio-module__hop-Radio___25U00 {
1417
1455
  --hop-Radio-box-border-size: 0.0625rem;
1418
1456
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1419
1457
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1487,60 +1525,60 @@
1487
1525
  inline-size: max-content;
1488
1526
  max-inline-size: 100%;
1489
1527
  }
1490
- .Radio-module__hop-Radio___A004I[data-focus-visible] {
1528
+ .Radio-module__hop-Radio___25U00[data-focus-visible] {
1491
1529
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1492
1530
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1493
1531
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1494
1532
  --text-color: var(--hop-Radio-text-color-focused);
1495
1533
  --icon-color: var(--hop-Radio-icon-color-focused);
1496
1534
  }
1497
- .Radio-module__hop-Radio___A004I[data-hovered] {
1535
+ .Radio-module__hop-Radio___25U00[data-hovered] {
1498
1536
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1499
1537
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1500
1538
  --text-color: var(--hop-Radio-text-color-hovered);
1501
1539
  --icon-color: var(--hop-Radio-icon-color-hovered);
1502
1540
  }
1503
- .Radio-module__hop-Radio___A004I[data-pressed] {
1541
+ .Radio-module__hop-Radio___25U00[data-pressed] {
1504
1542
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1505
1543
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1506
1544
  --text-color: var(--hop-Radio-text-color-pressed);
1507
1545
  --icon-color: var(--hop-Radio-icon-color-pressed);
1508
1546
  }
1509
- .Radio-module__hop-Radio___A004I[data-selected] {
1547
+ .Radio-module__hop-Radio___25U00[data-selected] {
1510
1548
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1511
1549
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1512
1550
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1513
1551
  --text-color: var(--hop-Radio-text-color-selected);
1514
1552
  --icon-color: var(--hop-Radio-icon-color-selected);
1515
1553
  }
1516
- .Radio-module__hop-Radio___A004I[data-invalid] {
1554
+ .Radio-module__hop-Radio___25U00[data-invalid] {
1517
1555
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1518
1556
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1519
1557
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1520
1558
  --text-color: var(--hop-Radio-text-color-invalid);
1521
1559
  --icon-color: var(--hop-Radio-icon-color-invalid);
1522
1560
  }
1523
- .Radio-module__hop-Radio___A004I:where([data-invalid])[data-focus-visible] {
1561
+ .Radio-module__hop-Radio___25U00:where([data-invalid])[data-focus-visible] {
1524
1562
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1525
1563
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1526
1564
  }
1527
- .Radio-module__hop-Radio___A004I:where([data-invalid])[data-hovered] {
1565
+ .Radio-module__hop-Radio___25U00:where([data-invalid])[data-hovered] {
1528
1566
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1529
1567
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1530
1568
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1531
1569
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1532
1570
  }
1533
- .Radio-module__hop-Radio___A004I:where([data-invalid])[data-pressed] {
1571
+ .Radio-module__hop-Radio___25U00:where([data-invalid])[data-pressed] {
1534
1572
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1535
1573
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1536
1574
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1537
1575
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1538
1576
  }
1539
- .Radio-module__hop-Radio___A004I:where([data-invalid])[data-selected] {
1577
+ .Radio-module__hop-Radio___25U00:where([data-invalid])[data-selected] {
1540
1578
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1541
1579
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1542
1580
  }
1543
- .Radio-module__hop-Radio___A004I[data-disabled] {
1581
+ .Radio-module__hop-Radio___25U00[data-disabled] {
1544
1582
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1545
1583
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1546
1584
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1548,25 +1586,25 @@
1548
1586
  --text-color: var(--hop-Radio-text-color-disabled);
1549
1587
  --icon-color: var(--hop-Radio-icon-color-disabled);
1550
1588
  }
1551
- .Radio-module__hop-Radio--sm___JpfAf {
1589
+ .Radio-module__hop-Radio--sm___joGSt {
1552
1590
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1553
1591
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1554
1592
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1555
1593
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1556
1594
  }
1557
- .Radio-module__hop-Radio--md___Xc0y- {
1595
+ .Radio-module__hop-Radio--md___sxQ-f {
1558
1596
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1559
1597
  --box-block-size: var(--hop-Radio-box-md-block-size);
1560
1598
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1561
1599
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1562
1600
  }
1563
- .Radio-module__hop-Radio__icon___UGrQo,
1564
- .Radio-module__hop-Radio__icon-list___Adpp0 {
1601
+ .Radio-module__hop-Radio__icon___-oCWI,
1602
+ .Radio-module__hop-Radio__icon-list___TmZ9d {
1565
1603
  flex: 0 0 auto;
1566
1604
  order: 3;
1567
1605
  color: var(--icon-color);
1568
1606
  }
1569
- .Radio-module__hop-Radio__box___NcMdH {
1607
+ .Radio-module__hop-Radio__box___EPE9W {
1570
1608
  display: flex;
1571
1609
  flex: 0 0 auto;
1572
1610
  align-items: center;
@@ -1582,11 +1620,11 @@
1582
1620
  outline-offset: 0.125rem;
1583
1621
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1584
1622
  }
1585
- .Radio-module__hop-Radio__bullet___HdvYG {
1623
+ .Radio-module__hop-Radio__bullet___IQyNF {
1586
1624
  display: var(--bullet-display);
1587
1625
  color: var(--bullet-color);
1588
1626
  }
1589
- .Radio-module__hop-Radio__text___lH3BC {
1627
+ .Radio-module__hop-Radio__text___T8kmr {
1590
1628
  flex: 0 1 auto;
1591
1629
  order: 2;
1592
1630
  min-inline-size: 0;
@@ -1596,7 +1634,7 @@
1596
1634
  }
1597
1635
 
1598
1636
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1599
- .RadioField-module__hop-RadioField___Hyp4a {
1637
+ .RadioField-module__hop-RadioField___i4ueJ {
1600
1638
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1601
1639
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1602
1640
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1615,28 +1653,28 @@
1615
1653
  inline-size: max-content;
1616
1654
  max-inline-size: 100%;
1617
1655
  }
1618
- .RadioField-module__hop-RadioField___Hyp4a[data-disabled] {
1656
+ .RadioField-module__hop-RadioField___i4ueJ[data-disabled] {
1619
1657
  --description-color: var(--hop-RadioField-description-color-disabled);
1620
1658
  }
1621
- .RadioField-module__hop-RadioField--sm___fgMeg {
1659
+ .RadioField-module__hop-RadioField--sm___FSvix {
1622
1660
  --row-gap: var(--hop-RadioField-sm-row-gap);
1623
1661
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1624
1662
  }
1625
- .RadioField-module__hop-RadioField--md___BKfae {
1663
+ .RadioField-module__hop-RadioField--md___0qg3f {
1626
1664
  --row-gap: var(--hop-RadioField-md-row-gap);
1627
1665
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1628
1666
  }
1629
- .RadioField-module__hop-RadioField__description___8xrw4 {
1667
+ .RadioField-module__hop-RadioField__description___iMey4 {
1630
1668
  order: 2;
1631
1669
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1632
1670
  color: var(--description-color);
1633
1671
  }
1634
- .RadioField-module__hop-RadioField__radio___bqwCs {
1672
+ .RadioField-module__hop-RadioField__radio___dNzXm {
1635
1673
  order: 1;
1636
1674
  }
1637
1675
 
1638
1676
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1639
- .RadioGroup-module__hop-RadioGroup___hh3q2 {
1677
+ .RadioGroup-module__hop-RadioGroup___GMq7R {
1640
1678
  --hop-RadioGroup-align-items: flex-start;
1641
1679
  --hop-RadioGroup-justify-content: flex-start;
1642
1680
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1676,46 +1714,46 @@
1676
1714
  inline-size: var(--inline-size);
1677
1715
  max-inline-size: 100%;
1678
1716
  }
1679
- .RadioGroup-module__hop-RadioGroup--bordered___jW58y {
1717
+ .RadioGroup-module__hop-RadioGroup--bordered___pqpdw {
1680
1718
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1681
1719
  --list-border-radius: var(--hop-shape-rounded-md);
1682
1720
  }
1683
- .RadioGroup-module__hop-RadioGroup--sm___UYOn- {
1721
+ .RadioGroup-module__hop-RadioGroup--sm___CNf-I {
1684
1722
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1685
1723
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1686
1724
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1687
1725
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1688
1726
  }
1689
- .RadioGroup-module__hop-RadioGroup--md___6TvDp {
1727
+ .RadioGroup-module__hop-RadioGroup--md___msKVd {
1690
1728
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1691
1729
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1692
1730
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1693
1731
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1694
1732
  }
1695
- .RadioGroup-module__hop-RadioGroup--bordered___jW58y.RadioGroup-module__hop-RadioGroup--sm___UYOn- {
1733
+ .RadioGroup-module__hop-RadioGroup--bordered___pqpdw.RadioGroup-module__hop-RadioGroup--sm___CNf-I {
1696
1734
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1697
1735
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1698
1736
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1699
1737
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1700
1738
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1701
1739
  }
1702
- .RadioGroup-module__hop-RadioGroup--bordered___jW58y.RadioGroup-module__hop-RadioGroup--md___6TvDp {
1740
+ .RadioGroup-module__hop-RadioGroup--bordered___pqpdw.RadioGroup-module__hop-RadioGroup--md___msKVd {
1703
1741
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1704
1742
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1705
1743
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1706
1744
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1707
1745
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1708
1746
  }
1709
- .RadioGroup-module__hop-RadioGroup___hh3q2[data-orientation=horizontal] {
1747
+ .RadioGroup-module__hop-RadioGroup___GMq7R[data-orientation=horizontal] {
1710
1748
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1711
1749
  }
1712
- .RadioGroup-module__hop-RadioGroup--bordered___jW58y[data-orientation=horizontal] {
1750
+ .RadioGroup-module__hop-RadioGroup--bordered___pqpdw[data-orientation=horizontal] {
1713
1751
  --flex-wrap: nowrap;
1714
1752
  }
1715
- .RadioGroup-module__hop-RadioGroup___hh3q2 > .RadioGroup-module__hop-RadioGroup__label___WbHnA {
1753
+ .RadioGroup-module__hop-RadioGroup___GMq7R > .RadioGroup-module__hop-RadioGroup__label___j8yV9 {
1716
1754
  order: 1;
1717
1755
  }
1718
- .RadioGroup-module__hop-RadioGroup__list___fIk1- {
1756
+ .RadioGroup-module__hop-RadioGroup__list___XTuiK {
1719
1757
  display: flex;
1720
1758
  flex-flow: var(--flex-direction) var(--flex-wrap);
1721
1759
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1726,7 +1764,7 @@
1726
1764
  border: var(--list-border, none);
1727
1765
  border-radius: var(--list-border-radius, 0);
1728
1766
  }
1729
- .RadioGroup-module__hop-RadioGroup__list___fIk1- > .RadioGroup-module__hop-RadioGroup__radio___8VO6n {
1767
+ .RadioGroup-module__hop-RadioGroup__list___XTuiK > .RadioGroup-module__hop-RadioGroup__radio___tFeUx {
1730
1768
  position: relative;
1731
1769
  flex: 0 1 auto;
1732
1770
  align-content: start;
@@ -1734,28 +1772,28 @@
1734
1772
  min-inline-size: 0;
1735
1773
  padding: var(--radio-padding, 0);
1736
1774
  }
1737
- .RadioGroup-module__hop-RadioGroup--bordered___jW58y .RadioGroup-module__hop-RadioGroup__list___fIk1- > .RadioGroup-module__hop-RadioGroup__radio___8VO6n ~ .RadioGroup-module__hop-RadioGroup__radio___8VO6n::before {
1775
+ .RadioGroup-module__hop-RadioGroup--bordered___pqpdw .RadioGroup-module__hop-RadioGroup__list___XTuiK > .RadioGroup-module__hop-RadioGroup__radio___tFeUx ~ .RadioGroup-module__hop-RadioGroup__radio___tFeUx::before {
1738
1776
  content: "";
1739
1777
  position: absolute;
1740
1778
  display: block;
1741
1779
  }
1742
- .RadioGroup-module__hop-RadioGroup--bordered___jW58y[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___fIk1- > .RadioGroup-module__hop-RadioGroup__radio___8VO6n ~ .RadioGroup-module__hop-RadioGroup__radio___8VO6n::before {
1780
+ .RadioGroup-module__hop-RadioGroup--bordered___pqpdw[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___XTuiK > .RadioGroup-module__hop-RadioGroup__radio___tFeUx ~ .RadioGroup-module__hop-RadioGroup__radio___tFeUx::before {
1743
1781
  inset-block-start: 0;
1744
1782
  inset-inline: 0;
1745
1783
  border-block-start: var(--list-border, none);
1746
1784
  }
1747
- .RadioGroup-module__hop-RadioGroup--bordered___jW58y[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___fIk1- > .RadioGroup-module__hop-RadioGroup__radio___8VO6n ~ .RadioGroup-module__hop-RadioGroup__radio___8VO6n::before {
1785
+ .RadioGroup-module__hop-RadioGroup--bordered___pqpdw[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___XTuiK > .RadioGroup-module__hop-RadioGroup__radio___tFeUx ~ .RadioGroup-module__hop-RadioGroup__radio___tFeUx::before {
1748
1786
  inset-block: 0;
1749
1787
  inset-inline-start: 0;
1750
1788
  border-inline-start: var(--list-border, none);
1751
1789
  }
1752
- .RadioGroup-module__hop-RadioGroup___hh3q2 > .RadioGroup-module__hop-RadioGroup__error-message___wTslA,
1753
- .RadioGroup-module__hop-RadioGroup___hh3q2 > .RadioGroup-module__hop-RadioGroup__helper-message___nr57X {
1790
+ .RadioGroup-module__hop-RadioGroup___GMq7R > .RadioGroup-module__hop-RadioGroup__error-message___DRfAq,
1791
+ .RadioGroup-module__hop-RadioGroup___GMq7R > .RadioGroup-module__hop-RadioGroup__helper-message___8grp6 {
1754
1792
  order: 3;
1755
1793
  }
1756
1794
 
1757
1795
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1758
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___Jb8-Z {
1796
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___DXN8w {
1759
1797
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
1760
1798
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
1761
1799
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1781,7 +1819,7 @@
1781
1819
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1782
1820
  background-size: 400% 100%;
1783
1821
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1784
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___xAwNA;
1822
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___JWQ4O;
1785
1823
  animation-duration: var(--animation-duration);
1786
1824
  animation-timing-function: ease-in-out;
1787
1825
  animation-fill-mode: forwards;
@@ -1790,19 +1828,19 @@
1790
1828
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1791
1829
  }
1792
1830
  }
1793
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___EsC7G {
1831
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___TXhPk {
1794
1832
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1795
1833
  }
1796
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___sINvf {
1834
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___gO3ir {
1797
1835
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1798
1836
  }
1799
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___EuQdO {
1837
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___l8LoZ {
1800
1838
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1801
1839
  }
1802
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___-z6rV {
1840
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___Md68K {
1803
1841
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1804
1842
  }
1805
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___xAwNA {
1843
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___JWQ4O {
1806
1844
  0% {
1807
1845
  background-position: 125% 50%;
1808
1846
  }
@@ -1812,7 +1850,7 @@
1812
1850
  }
1813
1851
 
1814
1852
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1815
- .ListBoxItem-module__hop-ListBoxItem___EMJXc {
1853
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC {
1816
1854
  --hop-ListBoxItem-background-color: transparent;
1817
1855
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1818
1856
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1909,129 +1947,129 @@
1909
1947
  outline: var(--outline);
1910
1948
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1911
1949
  }
1912
- .ListBoxItem-module__hop-ListBoxItem--xs___R6AFW {
1950
+ .ListBoxItem-module__hop-ListBoxItem--xs___fBMJq {
1913
1951
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1914
1952
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1915
1953
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1916
1954
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1917
1955
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1918
1956
  }
1919
- .ListBoxItem-module__hop-ListBoxItem--sm___J57SY {
1957
+ .ListBoxItem-module__hop-ListBoxItem--sm___NvhU9 {
1920
1958
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1921
1959
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1922
1960
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1923
1961
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1924
1962
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1925
1963
  }
1926
- .ListBoxItem-module__hop-ListBoxItem--md___014LM {
1964
+ .ListBoxItem-module__hop-ListBoxItem--md___wMnoS {
1927
1965
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1928
1966
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1929
1967
  --min-height: var(--hop-ListBoxItem-md-min-height);
1930
1968
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1931
1969
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1932
1970
  }
1933
- .ListBoxItem-module__hop-ListBoxItem--lg___cvBm3 {
1971
+ .ListBoxItem-module__hop-ListBoxItem--lg___qr83q {
1934
1972
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1935
1973
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1936
1974
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1937
1975
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1938
1976
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1939
1977
  }
1940
- .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-selection-mode] {
1978
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-selection-mode] {
1941
1979
  --cursor: pointer;
1942
1980
  }
1943
- .ListBoxItem-module__hop-ListBoxItem___EMJXc:not([data-selection-mode]) {
1981
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC:not([data-selection-mode]) {
1944
1982
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1945
1983
  }
1946
- .ListBoxItem-module__hop-ListBoxItem__inner___YhbBi:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___f7e7M) {
1984
+ .ListBoxItem-module__hop-ListBoxItem__inner___eV3Tg:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___X0SZU) {
1947
1985
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1948
1986
  }
1949
- .ListBoxItem-module__hop-ListBoxItem__inner___YhbBi[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___f7e7M) {
1987
+ .ListBoxItem-module__hop-ListBoxItem__inner___eV3Tg[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___X0SZU) {
1950
1988
  --checkmark-transition: none;
1951
1989
  }
1952
- .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-selected] {
1990
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-selected] {
1953
1991
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1954
1992
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1955
1993
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1956
1994
  --checkmark-opacity: 1;
1957
1995
  }
1958
- .ListBoxItem-module__hop-ListBoxItem--xs___R6AFW[data-selected] {
1996
+ .ListBoxItem-module__hop-ListBoxItem--xs___fBMJq[data-selected] {
1959
1997
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1960
1998
  }
1961
- .ListBoxItem-module__hop-ListBoxItem--sm___J57SY[data-selected] {
1999
+ .ListBoxItem-module__hop-ListBoxItem--sm___NvhU9[data-selected] {
1962
2000
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1963
2001
  }
1964
- .ListBoxItem-module__hop-ListBoxItem--md___014LM[data-selected] {
2002
+ .ListBoxItem-module__hop-ListBoxItem--md___wMnoS[data-selected] {
1965
2003
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1966
2004
  }
1967
- .ListBoxItem-module__hop-ListBoxItem--lg___cvBm3[data-selected] {
2005
+ .ListBoxItem-module__hop-ListBoxItem--lg___qr83q[data-selected] {
1968
2006
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1969
2007
  }
1970
- .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-focus-visible] {
2008
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-focus-visible] {
1971
2009
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1972
2010
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1973
2011
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1974
2012
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1975
2013
  }
1976
- .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-hovered] {
2014
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-hovered] {
1977
2015
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1978
2016
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1979
2017
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1980
2018
  }
1981
- .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-pressed] {
2019
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-pressed] {
1982
2020
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1983
2021
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1984
2022
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1985
2023
  }
1986
- .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-disabled] {
2024
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-disabled] {
1987
2025
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1988
2026
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1989
2027
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1990
2028
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1991
2029
  --cursor: not-allowed;
1992
2030
  }
1993
- .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-invalid] {
2031
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-invalid] {
1994
2032
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1995
2033
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1996
2034
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1997
2035
  }
1998
- .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-invalid][data-selected] {
2036
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-invalid][data-selected] {
1999
2037
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2000
2038
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2001
2039
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2002
2040
  }
2003
- .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-invalid][data-focus-visible] {
2041
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-invalid][data-focus-visible] {
2004
2042
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2005
2043
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2006
2044
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2007
2045
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2008
2046
  }
2009
- .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-invalid][data-hovered] {
2047
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-invalid][data-hovered] {
2010
2048
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2011
2049
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2012
2050
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2013
2051
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2014
2052
  }
2015
- .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-invalid][data-pressed] {
2053
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-invalid][data-pressed] {
2016
2054
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2017
2055
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2018
2056
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2019
2057
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2020
2058
  }
2021
- .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-invalid][data-disabled] {
2059
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-invalid][data-disabled] {
2022
2060
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2023
2061
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2024
2062
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2025
2063
  }
2026
- .ListBoxItem-module__hop-ListBoxItem___EMJXc:has(.ListBoxItem-module__hop-ListBoxItem__description___LDAFl) {
2064
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC:has(.ListBoxItem-module__hop-ListBoxItem__description___7AUv6) {
2027
2065
  --row-gap: var(--hop-ListBoxItem-row-gap);
2028
2066
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2029
2067
  }
2030
- .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-loading] {
2068
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-loading] {
2031
2069
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2032
2070
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2033
2071
  }
2034
- .ListBoxItem-module__hop-ListBoxItem__inner___YhbBi {
2072
+ .ListBoxItem-module__hop-ListBoxItem__inner___eV3Tg {
2035
2073
  display: grid;
2036
2074
  grid-template-areas: var(--grid-template-areas);
2037
2075
  grid-template-columns: var(--grid-template-columns);
@@ -2043,33 +2081,33 @@
2043
2081
  padding-inline: var(--padding-inline);
2044
2082
  transition: grid-template-columns .3s ease-in-out;
2045
2083
  }
2046
- .ListBoxItem-module__hop-ListBoxItem__checkmark___f7e7M {
2084
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___X0SZU {
2047
2085
  grid-area: indicator;
2048
2086
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2049
2087
  color: var(--icon-color);
2050
2088
  opacity: var(--checkmark-opacity);
2051
2089
  transition: var(--checkmark-transition);
2052
2090
  }
2053
- .ListBoxItem-module__hop-ListBoxItem__radio___Ltgdj,
2054
- .ListBoxItem-module__hop-ListBoxItem__checkbox___CY-wL {
2091
+ .ListBoxItem-module__hop-ListBoxItem__radio___fVANx,
2092
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___fNjY2 {
2055
2093
  pointer-events: none;
2056
2094
  user-select: none;
2057
2095
  grid-area: indicator;
2058
2096
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2059
2097
  }
2060
- .ListBoxItem-module__hop-ListBoxItem__avatar___ohe-Z {
2098
+ .ListBoxItem-module__hop-ListBoxItem__avatar___XWKgm {
2061
2099
  grid-area: avatar;
2062
2100
  margin-block: var(--avatar-margin-block, 0);
2063
2101
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2064
2102
  }
2065
- .ListBoxItem-module__hop-ListBoxItem__icon-list___9yHtf,
2066
- .ListBoxItem-module__hop-ListBoxItem__icon___amDEr {
2103
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___jC-Iz,
2104
+ .ListBoxItem-module__hop-ListBoxItem__icon___yn4ol {
2067
2105
  grid-area: icon;
2068
2106
  flex: 0 0 auto;
2069
2107
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2070
2108
  color: var(--icon-color);
2071
2109
  }
2072
- .ListBoxItem-module__hop-ListBoxItem__label___bhJ2Z {
2110
+ .ListBoxItem-module__hop-ListBoxItem__label___MkIzc {
2073
2111
  overflow: hidden;
2074
2112
  grid-area: label;
2075
2113
  min-inline-size: 0;
@@ -2077,18 +2115,18 @@
2077
2115
  text-overflow: ellipsis;
2078
2116
  white-space: nowrap;
2079
2117
  }
2080
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___hHbQJ,
2081
- .ListBoxItem-module__hop-ListBoxItem__end-icon___PBrn7 {
2118
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___7TEGQ,
2119
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___2-Mx3 {
2082
2120
  grid-area: end-icon;
2083
2121
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2084
2122
  color: var(--icon-color);
2085
2123
  }
2086
- .ListBoxItem-module__hop-ListBoxItem__badge___ttzR- {
2124
+ .ListBoxItem-module__hop-ListBoxItem__badge___i6GzD {
2087
2125
  grid-area: badge;
2088
2126
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2089
2127
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2090
2128
  }
2091
- .ListBoxItem-module__hop-ListBoxItem__description___LDAFl {
2129
+ .ListBoxItem-module__hop-ListBoxItem__description___7AUv6 {
2092
2130
  overflow: hidden;
2093
2131
  display: -webkit-box;
2094
2132
  grid-area: description;