@hopper-ui/components 1.5.12 → 1.5.13

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 (963) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/README.md +0 -3
  3. package/dist/accordion/src/Accordion.css +574 -0
  4. package/dist/accordion/src/Accordion.js +9 -0
  5. package/dist/accordion/src/AccordionContext.js +2 -0
  6. package/dist/accordion/src/index.css +574 -0
  7. package/dist/accordion/src/index.js +9 -0
  8. package/dist/alert/src/Alert.css +1892 -0
  9. package/dist/alert/src/Alert.d.ts +75 -0
  10. package/dist/alert/src/Alert.js +29 -0
  11. package/dist/alert/src/AlertContext.d.ts +9 -0
  12. package/dist/alert/src/AlertContext.js +2 -0
  13. package/dist/alert/src/AlertTrigger.js +2 -0
  14. package/dist/alert/src/index.css +1892 -0
  15. package/dist/alert/src/index.d.ts +7 -0
  16. package/dist/alert/src/index.js +30 -0
  17. package/dist/avatar/src/AnonymousAvatar.css +304 -0
  18. package/dist/avatar/src/AnonymousAvatar.d.ts +35 -0
  19. package/dist/avatar/src/AnonymousAvatar.js +9 -0
  20. package/dist/avatar/src/Avatar.css +420 -0
  21. package/dist/avatar/src/Avatar.d.ts +66 -0
  22. package/dist/avatar/src/Avatar.js +14 -0
  23. package/dist/avatar/src/AvatarContext.d.ts +12 -0
  24. package/dist/avatar/src/AvatarContext.js +2 -0
  25. package/dist/avatar/src/AvatarGroup.css +366 -0
  26. package/dist/avatar/src/AvatarGroup.d.ts +53 -0
  27. package/dist/avatar/src/AvatarGroup.js +18 -0
  28. package/dist/avatar/src/AvatarGroupContext.d.ts +16 -0
  29. package/dist/avatar/src/AvatarGroupContext.js +2 -0
  30. package/dist/avatar/src/BrokenAvatar.css +304 -0
  31. package/dist/avatar/src/BrokenAvatar.d.ts +35 -0
  32. package/dist/avatar/src/BrokenAvatar.js +9 -0
  33. package/dist/avatar/src/DeletedAvatar.css +304 -0
  34. package/dist/avatar/src/DeletedAvatar.d.ts +35 -0
  35. package/dist/avatar/src/DeletedAvatar.js +9 -0
  36. package/dist/avatar/src/RichIconAvatarImage.css +304 -0
  37. package/dist/avatar/src/RichIconAvatarImage.d.ts +39 -0
  38. package/dist/avatar/src/RichIconAvatarImage.js +7 -0
  39. package/dist/avatar/src/RichIconAvatarImageContext.d.ts +14 -0
  40. package/dist/avatar/src/RichIconAvatarImageContext.js +2 -0
  41. package/dist/avatar/src/index.css +552 -0
  42. package/dist/avatar/src/index.d.ts +17 -0
  43. package/dist/avatar/src/index.js +27 -0
  44. package/dist/avatar/src/useImageFallback.js +2 -0
  45. package/dist/badge/src/Badge.css +344 -0
  46. package/dist/badge/src/Badge.js +10 -0
  47. package/dist/badge/src/BadgeContext.js +2 -0
  48. package/dist/badge/src/FloatingBadge.css +331 -0
  49. package/dist/badge/src/FloatingBadge.js +8 -0
  50. package/dist/badge/src/FloatingBadgeContext.js +2 -0
  51. package/dist/badge/src/index.css +441 -0
  52. package/dist/badge/src/index.js +13 -0
  53. package/dist/buttons/src/Button.css +171 -171
  54. package/dist/buttons/src/Button.d.ts +1 -1
  55. package/dist/buttons/src/Button.js +12 -19
  56. package/dist/buttons/src/ButtonContext.d.ts +1 -1
  57. package/dist/buttons/src/ButtonGroup.css +114 -114
  58. package/dist/buttons/src/ButtonGroup.js +2 -2
  59. package/dist/buttons/src/ClearButton.css +174 -174
  60. package/dist/buttons/src/ClearButton.js +2 -2
  61. package/dist/buttons/src/CloseButton.css +172 -172
  62. package/dist/buttons/src/CloseButton.d.ts +1 -1
  63. package/dist/buttons/src/CloseButton.js +13 -20
  64. package/dist/buttons/src/CloseButtonContext.d.ts +1 -1
  65. package/dist/buttons/src/EmbeddedButton.css +174 -174
  66. package/dist/buttons/src/EmbeddedButton.js +1 -1
  67. package/dist/buttons/src/LinkButton.css +179 -179
  68. package/dist/buttons/src/LinkButton.js +9 -17
  69. package/dist/buttons/src/index.css +328 -328
  70. package/dist/buttons/src/index.d.ts +1 -1
  71. package/dist/buttons/src/index.js +18 -25
  72. package/dist/callout/src/Callout.css +1662 -0
  73. package/dist/callout/src/Callout.js +25 -0
  74. package/dist/callout/src/CalloutContext.js +2 -0
  75. package/dist/callout/src/CompactCallout.css +1834 -0
  76. package/dist/callout/src/CompactCallout.js +25 -0
  77. package/dist/callout/src/CompactCalloutContext.js +2 -0
  78. package/dist/callout/src/index.css +1931 -0
  79. package/dist/callout/src/index.js +28 -0
  80. package/dist/card/src/Card.css +265 -0
  81. package/dist/card/src/Card.js +4 -0
  82. package/dist/card/src/CardContext.js +2 -0
  83. package/dist/card/src/index.css +265 -0
  84. package/dist/card/src/index.js +4 -0
  85. package/dist/checkbox/src/Checkbox.css +123 -123
  86. package/dist/checkbox/src/Checkbox.js +8 -16
  87. package/dist/checkbox/src/CheckboxField.css +109 -109
  88. package/dist/checkbox/src/CheckboxField.js +6 -6
  89. package/dist/checkbox/src/CheckboxGroup.css +177 -177
  90. package/dist/checkbox/src/CheckboxGroup.js +13 -13
  91. package/dist/checkbox/src/DecorativeCheckbox.css +131 -131
  92. package/dist/checkbox/src/DecorativeCheckbox.js +6 -16
  93. package/dist/checkbox/src/index.css +177 -177
  94. package/dist/checkbox/src/index.js +19 -24
  95. package/dist/chunk-26SAFLH2.js +103 -0
  96. package/dist/chunk-27MSAOIK.js +115 -0
  97. package/dist/chunk-2O2NCTBM.js +126 -0
  98. package/dist/chunk-2OHC57EK.js +49 -0
  99. package/dist/chunk-336PKPIF.js +82 -0
  100. package/dist/chunk-3B2PUC6W.js +7 -0
  101. package/dist/chunk-3IAYQDEZ.js +167 -0
  102. package/dist/chunk-3M3OPDB5.js +70 -0
  103. package/dist/chunk-3ZHH7T6Q.js +88 -0
  104. package/dist/chunk-4HEOTMP7.js +7 -0
  105. package/dist/chunk-4JPU7V7P.js +60 -0
  106. package/dist/chunk-4LOEZQ6K.js +108 -0
  107. package/dist/chunk-5CURYPE7.js +7 -0
  108. package/dist/chunk-5DT3S5YY.js +7 -0
  109. package/dist/chunk-5K3V5PGZ.js +7 -0
  110. package/dist/chunk-5UAXAY5Z.js +50 -0
  111. package/dist/chunk-5XY5L6ZN.js +7 -0
  112. package/dist/chunk-6BJLSAMM.js +8 -0
  113. package/dist/chunk-6HPTG4I7.js +89 -0
  114. package/dist/chunk-6KB3ZPEX.js +112 -0
  115. package/dist/chunk-77PD5K3M.js +7 -0
  116. package/dist/chunk-AAMIUZW2.js +41 -0
  117. package/dist/chunk-AB4BRU6Z.js +7 -0
  118. package/dist/chunk-AJKN2ALX.js +7 -0
  119. package/dist/chunk-AQ5PVP2O.js +77 -0
  120. package/dist/chunk-BAQO6H5D.js +217 -0
  121. package/dist/chunk-BBFLIS2N.js +76 -0
  122. package/dist/chunk-BDNN5DKK.js +7 -0
  123. package/dist/chunk-BQQSNNMG.js +44 -0
  124. package/dist/chunk-C3X6NC6X.js +122 -0
  125. package/dist/chunk-CFXK2ZSA.js +85 -0
  126. package/dist/chunk-CHA2MOQZ.js +32 -0
  127. package/dist/chunk-CJ3TZIBR.js +87 -0
  128. package/dist/chunk-CPAFY34U.js +7 -0
  129. package/dist/chunk-D4HRZVZO.js +7 -0
  130. package/dist/chunk-DCO4XGBI.js +131 -0
  131. package/dist/chunk-DIYUJMQO.js +91 -0
  132. package/dist/chunk-DNWSS3V2.js +123 -0
  133. package/dist/chunk-DQT6VAIZ.js +94 -0
  134. package/dist/chunk-DRIRW7MJ.js +77 -0
  135. package/dist/chunk-E42M72WS.js +74 -0
  136. package/dist/chunk-EGASA3QE.js +52 -0
  137. package/dist/chunk-FA26RZSE.js +7 -0
  138. package/dist/chunk-FDJDFE4U.js +7 -0
  139. package/dist/chunk-FFSXWRQ4.js +91 -0
  140. package/dist/chunk-FIEPLQID.js +58 -0
  141. package/dist/chunk-FJYBZVXI.js +219 -0
  142. package/dist/chunk-FOQ7KN4V.js +7 -0
  143. package/dist/chunk-FV74YT2D.js +7 -0
  144. package/dist/chunk-G7F2YUBR.js +7 -0
  145. package/dist/chunk-GBWXEK6N.js +7 -0
  146. package/dist/chunk-GEZ2O7GH.js +85 -0
  147. package/dist/chunk-H3CEJLCO.js +58 -0
  148. package/dist/chunk-H3THQ7OK.js +57 -0
  149. package/dist/chunk-H4FHS5GM.js +66 -0
  150. package/dist/chunk-HANWII4T.js +57 -0
  151. package/dist/chunk-IJC3LMVD.js +72 -0
  152. package/dist/chunk-J7GMVQDE.js +53 -0
  153. package/dist/chunk-JAR7CXVS.js +7 -0
  154. package/dist/chunk-JBPNJWC7.js +7 -0
  155. package/dist/chunk-JOCKBZYP.js +43 -0
  156. package/dist/chunk-KHDRGFVV.js +7 -0
  157. package/dist/chunk-KZSTJ3QZ.js +7 -0
  158. package/dist/chunk-LKH3JL3P.js +58 -0
  159. package/dist/chunk-LOJ6Y766.js +87 -0
  160. package/dist/chunk-LWPDIKEX.js +7 -0
  161. package/dist/chunk-M4CKZFAM.js +7 -0
  162. package/dist/chunk-MOZ6M5ZZ.js +7 -0
  163. package/dist/chunk-MSIFNLMK.js +246 -0
  164. package/dist/chunk-MTULE7GI.js +7 -0
  165. package/dist/chunk-MYC273X2.js +121 -0
  166. package/dist/chunk-ND5XR6RA.js +56 -0
  167. package/dist/chunk-NF64YIEZ.js +7 -0
  168. package/dist/chunk-NT7BHGVD.js +135 -0
  169. package/dist/chunk-NX7YNFUX.js +7 -0
  170. package/dist/chunk-OBWROGLB.js +157 -0
  171. package/dist/chunk-OKYRSI6N.js +52 -0
  172. package/dist/chunk-OLY4PH6S.js +7 -0
  173. package/dist/chunk-ONWB6QY6.js +153 -0
  174. package/dist/chunk-OXQZEGVN.js +46 -0
  175. package/dist/chunk-PA5BIB6Z.js +6 -0
  176. package/dist/chunk-PB7U6BYO.js +116 -0
  177. package/dist/chunk-PHYO5KW6.js +84 -0
  178. package/dist/chunk-PJGCHONW.js +58 -0
  179. package/dist/chunk-PN5BRTOO.js +41 -0
  180. package/dist/chunk-PNEJ6JDM.js +7 -0
  181. package/dist/chunk-Q3CGFKER.js +64 -0
  182. package/dist/chunk-Q7VZSQA4.js +52 -0
  183. package/dist/chunk-QF25FXI5.js +101 -0
  184. package/dist/chunk-QJ5FQN3N.js +56 -0
  185. package/dist/chunk-QOA4KYYB.js +98 -0
  186. package/dist/chunk-QYMSYYF5.js +56 -0
  187. package/dist/chunk-RFZC5CHX.js +7 -0
  188. package/dist/chunk-RNGNPV6Q.js +7 -0
  189. package/dist/chunk-RPAKOGH6.js +80 -0
  190. package/dist/chunk-RZFNJMEH.js +7 -0
  191. package/dist/chunk-S7KMOXY2.js +8 -0
  192. package/dist/chunk-SA322LHS.js +76 -0
  193. package/dist/chunk-SVY4NPVL.js +288 -0
  194. package/dist/chunk-SYFFZMMH.js +144 -0
  195. package/dist/chunk-TFDJKYCC.js +62 -0
  196. package/dist/chunk-TKMQCZDW.js +75 -0
  197. package/dist/chunk-TNLYOFSX.js +146 -0
  198. package/dist/chunk-TWKILUSS.js +100 -0
  199. package/dist/chunk-TZEU4NKY.js +124 -0
  200. package/dist/chunk-U4HRZ6DN.js +7 -0
  201. package/dist/chunk-UYYHPXUH.js +7 -0
  202. package/dist/chunk-V53G7BNL.js +74 -0
  203. package/dist/chunk-VJBJDRCA.js +131 -0
  204. package/dist/chunk-VS3PE4S6.js +7 -0
  205. package/dist/chunk-W4TCUPPA.js +7 -0
  206. package/dist/chunk-W5LSA7PK.js +135 -0
  207. package/dist/chunk-W6VX3CL4.js +261 -0
  208. package/dist/chunk-WBSUD7UN.js +174 -0
  209. package/dist/chunk-WCUPQIIB.js +160 -0
  210. package/dist/chunk-WJ55ZV54.js +27 -0
  211. package/dist/chunk-WJRMD4JP.js +7 -0
  212. package/dist/chunk-WPIH4OAE.js +12 -0
  213. package/dist/chunk-WUU53CNO.js +124 -0
  214. package/dist/chunk-X7VALEJB.js +73 -0
  215. package/dist/chunk-XDFCDNZP.js +90 -0
  216. package/dist/chunk-XFG3CXMD.js +6 -0
  217. package/dist/chunk-XXEXHHC6.js +7 -0
  218. package/dist/chunk-YCKOALBB.js +57 -0
  219. package/dist/chunk-YDPBF37I.js +67 -0
  220. package/dist/chunk-YKZRBQ6B.js +7 -0
  221. package/dist/chunk-YMTZYK3U.js +68 -0
  222. package/dist/chunk-YVCZUIU3.js +7 -0
  223. package/dist/chunk-YYRU4JQR.js +114 -0
  224. package/dist/chunk-ZNOU2CGM.js +7 -0
  225. package/dist/chunk-ZOTXNUAV.js +7 -0
  226. package/dist/chunk-ZRDKRE3E.js +7 -0
  227. package/dist/chunk-ZSFJVMJN.js +7 -0
  228. package/dist/chunk-ZXON3BAA.js +14 -0
  229. package/dist/chunk-ZXRWEYKU.js +125 -0
  230. package/dist/combobox/src/ComboBox.css +4542 -0
  231. package/dist/combobox/src/ComboBox.d.ts +107 -0
  232. package/dist/combobox/src/ComboBox.js +54 -0
  233. package/dist/combobox/src/ComboBoxContext.d.ts +22 -0
  234. package/dist/combobox/src/ComboBoxContext.js +2 -0
  235. package/dist/combobox/src/index.css +4542 -0
  236. package/dist/combobox/src/index.d.ts +18 -0
  237. package/dist/combobox/src/index.js +54 -0
  238. package/dist/disclosure/src/Disclosure.css +304 -0
  239. package/dist/disclosure/src/Disclosure.js +9 -0
  240. package/dist/disclosure/src/DisclosureContext.js +2 -0
  241. package/dist/disclosure/src/DisclosureHeader.css +410 -0
  242. package/dist/disclosure/src/DisclosureHeader.d.ts +21 -0
  243. package/dist/disclosure/src/DisclosureHeader.js +12 -0
  244. package/dist/disclosure/src/DisclosureHeaderContext.d.ts +9 -0
  245. package/dist/disclosure/src/DisclosureHeaderContext.js +2 -0
  246. package/dist/disclosure/src/DisclosurePanel.css +293 -0
  247. package/dist/disclosure/src/DisclosurePanel.js +13 -0
  248. package/dist/disclosure/src/DisclosurePanelContext.js +2 -0
  249. package/dist/disclosure/src/index.css +529 -0
  250. package/dist/disclosure/src/index.d.ts +10 -0
  251. package/dist/disclosure/src/index.js +20 -0
  252. package/dist/divider/src/Divider.css +268 -0
  253. package/dist/divider/src/Divider.js +4 -0
  254. package/dist/divider/src/DividerContext.js +2 -0
  255. package/dist/divider/src/index.css +268 -0
  256. package/dist/divider/src/index.js +4 -0
  257. package/dist/error-message/src/ErrorMessage.css +257 -0
  258. package/dist/error-message/src/ErrorMessage.d.ts +20 -0
  259. package/dist/error-message/src/ErrorMessage.js +10 -0
  260. package/dist/error-message/src/ErrorMessageContext.d.ts +9 -0
  261. package/dist/error-message/src/ErrorMessageContext.js +2 -0
  262. package/dist/error-message/src/index.css +257 -0
  263. package/dist/error-message/src/index.d.ts +6 -0
  264. package/dist/error-message/src/index.js +10 -0
  265. package/dist/form/src/Form.css +234 -0
  266. package/dist/form/src/Form.js +4 -0
  267. package/dist/form/src/FormContext.js +2 -0
  268. package/dist/form/src/index.css +234 -0
  269. package/dist/form/src/index.js +4 -0
  270. package/dist/header/src/Header.js +3 -0
  271. package/dist/header/src/HeaderContext.js +2 -0
  272. package/dist/header/src/index.js +3 -0
  273. package/dist/helper-message/src/HelperMessage.css +249 -0
  274. package/dist/helper-message/src/HelperMessage.d.ts +20 -0
  275. package/dist/helper-message/src/HelperMessage.js +8 -0
  276. package/dist/helper-message/src/HelperMessageContext.d.ts +9 -0
  277. package/dist/helper-message/src/HelperMessageContext.js +2 -0
  278. package/dist/helper-message/src/index.css +249 -0
  279. package/dist/helper-message/src/index.d.ts +6 -0
  280. package/dist/helper-message/src/index.js +8 -0
  281. package/dist/hopper-provider/src/HopperProvider.js +2 -0
  282. package/dist/hopper-provider/src/index.js +2 -0
  283. package/dist/icon-list/src/IconList.css +243 -0
  284. package/dist/icon-list/src/IconList.js +4 -0
  285. package/dist/icon-list/src/IconListContext.js +2 -0
  286. package/dist/icon-list/src/index.css +243 -0
  287. package/dist/icon-list/src/index.js +4 -0
  288. package/dist/illustrated-message/src/IllustratedMessage.css +1671 -0
  289. package/dist/illustrated-message/src/IllustratedMessage.js +11 -0
  290. package/dist/illustrated-message/src/IllustratedMessageContext.js +2 -0
  291. package/dist/illustrated-message/src/index.css +1671 -0
  292. package/dist/illustrated-message/src/index.js +11 -0
  293. package/dist/image/src/Image.css +248 -0
  294. package/dist/image/src/Image.js +4 -0
  295. package/dist/image/src/ImageContext.js +2 -0
  296. package/dist/image/src/SvgImage.css +242 -0
  297. package/dist/image/src/SvgImage.js +4 -0
  298. package/dist/image/src/SvgImageContext.js +2 -0
  299. package/dist/image/src/index.css +256 -0
  300. package/dist/image/src/index.js +6 -0
  301. package/dist/index.css +1294 -1112
  302. package/dist/index.d.ts +101 -95
  303. package/dist/index.js +156 -151
  304. package/dist/inputs/src/Input.css +107 -107
  305. package/dist/inputs/src/Input.js +1 -1
  306. package/dist/inputs/src/InputGroup.css +109 -109
  307. package/dist/inputs/src/InputGroup.js +1 -1
  308. package/dist/inputs/src/NumberField.css +121 -121
  309. package/dist/inputs/src/NumberField.js +16 -21
  310. package/dist/inputs/src/PasswordField.css +350 -350
  311. package/dist/inputs/src/PasswordField.js +16 -21
  312. package/dist/inputs/src/RemainingCharacterCount.css +106 -106
  313. package/dist/inputs/src/RemainingCharacterCount.js +4 -13
  314. package/dist/inputs/src/SearchField.css +356 -356
  315. package/dist/inputs/src/SearchField.js +17 -22
  316. package/dist/inputs/src/TextArea.css +118 -118
  317. package/dist/inputs/src/TextArea.js +14 -19
  318. package/dist/inputs/src/TextField.css +354 -354
  319. package/dist/inputs/src/TextField.js +21 -26
  320. package/dist/inputs/src/index.css +402 -402
  321. package/dist/inputs/src/index.js +27 -32
  322. package/dist/link/src/Link.css +426 -0
  323. package/dist/link/src/Link.js +12 -0
  324. package/dist/link/src/LinkContext.js +2 -0
  325. package/dist/link/src/index.css +426 -0
  326. package/dist/link/src/index.js +12 -0
  327. package/dist/list-box/src/ListBox.css +2331 -0
  328. package/dist/list-box/src/ListBox.js +27 -0
  329. package/dist/list-box/src/ListBoxContext.js +2 -0
  330. package/dist/list-box/src/ListBoxItem.css +2231 -0
  331. package/dist/list-box/src/ListBoxItem.js +21 -0
  332. package/dist/list-box/src/ListBoxItemContext.js +2 -0
  333. package/dist/list-box/src/ListBoxItemSkeleton.css +291 -0
  334. package/dist/list-box/src/ListBoxItemSkeleton.js +4 -0
  335. package/dist/list-box/src/ListBoxItemSkeletonContext.js +2 -0
  336. package/dist/list-box/src/ListBoxSection.js +3 -0
  337. package/dist/list-box/src/ListBoxSectionContext.d.ts +9 -0
  338. package/dist/list-box/src/ListBoxSectionContext.js +2 -0
  339. package/dist/list-box/src/index.css +2331 -0
  340. package/dist/list-box/src/index.d.ts +16 -0
  341. package/dist/list-box/src/index.js +28 -0
  342. package/dist/modal/src/BaseModal.css +348 -0
  343. package/dist/modal/src/BaseModal.js +4 -0
  344. package/dist/modal/src/BaseModalContext.js +2 -0
  345. package/dist/modal/src/CustomModal.css +362 -0
  346. package/dist/modal/src/CustomModal.js +6 -0
  347. package/dist/modal/src/CustomModalContext.js +2 -0
  348. package/dist/modal/src/Modal.css +1815 -0
  349. package/dist/modal/src/Modal.js +30 -0
  350. package/dist/modal/src/ModalContext.js +2 -0
  351. package/dist/modal/src/ModalTrigger.js +2 -0
  352. package/dist/modal/src/index.css +1829 -0
  353. package/dist/modal/src/index.js +33 -0
  354. package/dist/overlays/popover/src/Popover.css +3995 -0
  355. package/dist/overlays/popover/src/Popover.js +16 -0
  356. package/dist/overlays/popover/src/PopoverBase.css +268 -0
  357. package/dist/overlays/popover/src/PopoverBase.js +5 -0
  358. package/dist/overlays/popover/src/PopoverBaseContext.js +2 -0
  359. package/dist/overlays/popover/src/PopoverContext.js +2 -0
  360. package/dist/overlays/popover/src/PopoverTrigger.js +2 -0
  361. package/dist/overlays/popover/src/index.css +4029 -0
  362. package/dist/overlays/popover/src/index.js +19 -0
  363. package/dist/radio/src/DecorativeRadio.css +131 -131
  364. package/dist/radio/src/DecorativeRadio.js +6 -16
  365. package/dist/radio/src/Radio.css +123 -123
  366. package/dist/radio/src/Radio.js +6 -16
  367. package/dist/radio/src/RadioField.css +95 -95
  368. package/dist/radio/src/RadioField.js +4 -4
  369. package/dist/radio/src/RadioGroup.css +163 -163
  370. package/dist/radio/src/RadioGroup.js +12 -12
  371. package/dist/radio/src/index.css +177 -177
  372. package/dist/radio/src/index.js +18 -23
  373. package/dist/segmented-control/src/SegmentedControl.css +252 -0
  374. package/dist/segmented-control/src/SegmentedControl.js +5 -0
  375. package/dist/segmented-control/src/SegmentedControlContext.js +2 -0
  376. package/dist/segmented-control/src/SegmentedControlItem.css +345 -0
  377. package/dist/segmented-control/src/SegmentedControlItem.js +9 -0
  378. package/dist/segmented-control/src/SegmentedControlItemContext.js +2 -0
  379. package/dist/segmented-control/src/index.css +363 -0
  380. package/dist/segmented-control/src/index.js +10 -0
  381. package/dist/select/src/Select.css +4203 -0
  382. package/dist/select/src/Select.d.ts +114 -0
  383. package/dist/select/src/Select.js +53 -0
  384. package/dist/select/src/SelectContext.d.ts +21 -0
  385. package/dist/select/src/SelectContext.js +2 -0
  386. package/dist/select/src/SelectValue.css +589 -0
  387. package/dist/select/src/SelectValue.js +12 -0
  388. package/dist/select/src/index.css +4203 -0
  389. package/dist/select/src/index.d.ts +18 -0
  390. package/dist/select/src/index.js +53 -0
  391. package/dist/spinner/src/Spinner.css +303 -0
  392. package/dist/spinner/src/Spinner.js +9 -0
  393. package/dist/spinner/src/SpinnerContext.js +2 -0
  394. package/dist/spinner/src/index.css +303 -0
  395. package/dist/spinner/src/index.js +9 -0
  396. package/dist/switch/src/Switch.css +120 -120
  397. package/dist/switch/src/Switch.js +6 -16
  398. package/dist/switch/src/SwitchField.css +95 -95
  399. package/dist/switch/src/SwitchField.js +5 -5
  400. package/dist/switch/src/index.css +126 -126
  401. package/dist/switch/src/index.js +8 -18
  402. package/dist/tabs/src/Tab.css +2888 -0
  403. package/dist/tabs/src/Tab.js +10 -0
  404. package/dist/tabs/src/TabLine.css +253 -0
  405. package/dist/tabs/src/TabLine.js +3 -0
  406. package/dist/tabs/src/TabList.css +308 -0
  407. package/dist/tabs/src/TabList.js +5 -0
  408. package/dist/tabs/src/TabPanel.css +246 -0
  409. package/dist/tabs/src/TabPanel.js +4 -0
  410. package/dist/tabs/src/Tabs.js +3 -0
  411. package/dist/tabs/src/TabsContext.js +2 -0
  412. package/dist/tabs/src/index.css +2974 -0
  413. package/dist/tabs/src/index.js +14 -0
  414. package/dist/tag/src/Tag.css +605 -473
  415. package/dist/tag/src/Tag.d.ts +1 -1
  416. package/dist/tag/src/Tag.js +16 -23
  417. package/dist/tag/src/TagContext.d.ts +1 -1
  418. package/dist/tag/src/TagGroup.css +101 -101
  419. package/dist/tag/src/TagGroup.d.ts +1 -1
  420. package/dist/tag/src/TagGroup.js +12 -12
  421. package/dist/tag/src/TagGroupContext.d.ts +1 -1
  422. package/dist/tag/src/index.css +617 -485
  423. package/dist/tag/src/index.d.ts +1 -1
  424. package/dist/tag/src/index.js +23 -28
  425. package/dist/tile/src/Tile.css +327 -0
  426. package/dist/tile/src/Tile.js +9 -0
  427. package/dist/tile/src/TileContext.js +2 -0
  428. package/dist/tile/src/TileGroup.css +242 -0
  429. package/dist/tile/src/TileGroup.js +6 -0
  430. package/dist/tile/src/TileGroupContext.js +2 -0
  431. package/dist/tile/src/index.css +335 -0
  432. package/dist/tile/src/index.js +11 -0
  433. package/dist/toggle-arrow/src/ToggleArrow.css +244 -0
  434. package/dist/toggle-arrow/src/ToggleArrow.js +4 -0
  435. package/dist/toggle-arrow/src/ToggleArrowContext.js +2 -0
  436. package/dist/toggle-arrow/src/index.css +244 -0
  437. package/dist/toggle-arrow/src/index.js +4 -0
  438. package/dist/tooltip/src/Tooltip.css +285 -0
  439. package/dist/tooltip/src/Tooltip.js +11 -0
  440. package/dist/tooltip/src/TooltipContext.js +2 -0
  441. package/dist/tooltip/src/TooltipTrigger.css +234 -0
  442. package/dist/tooltip/src/TooltipTrigger.js +6 -0
  443. package/dist/tooltip/src/TooltipTriggerContext.js +2 -0
  444. package/dist/tooltip/src/index.css +285 -0
  445. package/dist/tooltip/src/index.js +15 -0
  446. package/dist/typography/heading/src/Heading.css +234 -0
  447. package/dist/typography/heading/src/Heading.js +4 -0
  448. package/dist/typography/heading/src/HeadingContext.js +2 -0
  449. package/dist/typography/heading/src/index.css +234 -0
  450. package/dist/typography/heading/src/index.js +4 -0
  451. package/dist/typography/label/src/Label.css +234 -0
  452. package/dist/typography/label/src/Label.js +7 -0
  453. package/dist/typography/label/src/LabelContext.js +2 -0
  454. package/dist/typography/label/src/index.css +234 -0
  455. package/dist/typography/label/src/index.js +7 -0
  456. package/dist/typography/overline-text/src/OverlineText.css +234 -0
  457. package/dist/typography/overline-text/src/OverlineText.js +4 -0
  458. package/dist/typography/overline-text/src/OverlineTextContext.js +2 -0
  459. package/dist/typography/overline-text/src/index.css +234 -0
  460. package/dist/typography/overline-text/src/index.js +4 -0
  461. package/dist/typography/text/src/Text.css +234 -0
  462. package/dist/typography/text/src/Text.js +6 -0
  463. package/dist/typography/text/src/TextContext.js +2 -0
  464. package/dist/typography/text/src/index.css +234 -0
  465. package/dist/typography/text/src/index.js +6 -0
  466. package/dist/utils/src/ClearSlots.css +89 -89
  467. package/dist/utils/src/ClearSlots.js +2 -2
  468. package/dist/utils/src/EnsureTextWrapper.css +103 -103
  469. package/dist/utils/src/EnsureTextWrapper.js +4 -14
  470. package/dist/utils/src/index.css +103 -103
  471. package/dist/utils/src/index.js +7 -17
  472. package/package.json +1 -1
  473. package/dist/Accordion/src/Accordion.css +0 -574
  474. package/dist/Accordion/src/Accordion.js +0 -9
  475. package/dist/Accordion/src/AccordionContext.js +0 -2
  476. package/dist/Accordion/src/index.css +0 -574
  477. package/dist/Accordion/src/index.js +0 -9
  478. package/dist/Alert/src/Alert.css +0 -1892
  479. package/dist/Alert/src/Alert.d.ts +0 -75
  480. package/dist/Alert/src/Alert.js +0 -35
  481. package/dist/Alert/src/AlertContext.d.ts +0 -9
  482. package/dist/Alert/src/AlertContext.js +0 -2
  483. package/dist/Alert/src/AlertTrigger.js +0 -2
  484. package/dist/Alert/src/index.css +0 -1892
  485. package/dist/Alert/src/index.d.ts +0 -7
  486. package/dist/Alert/src/index.js +0 -36
  487. package/dist/Avatar/src/AnonymousAvatar.css +0 -304
  488. package/dist/Avatar/src/AnonymousAvatar.d.ts +0 -35
  489. package/dist/Avatar/src/AnonymousAvatar.js +0 -9
  490. package/dist/Avatar/src/Avatar.css +0 -420
  491. package/dist/Avatar/src/Avatar.d.ts +0 -66
  492. package/dist/Avatar/src/Avatar.js +0 -14
  493. package/dist/Avatar/src/AvatarContext.d.ts +0 -12
  494. package/dist/Avatar/src/AvatarContext.js +0 -2
  495. package/dist/Avatar/src/BrokenAvatar.css +0 -304
  496. package/dist/Avatar/src/BrokenAvatar.d.ts +0 -35
  497. package/dist/Avatar/src/BrokenAvatar.js +0 -9
  498. package/dist/Avatar/src/DeletedAvatar.css +0 -304
  499. package/dist/Avatar/src/DeletedAvatar.d.ts +0 -35
  500. package/dist/Avatar/src/DeletedAvatar.js +0 -9
  501. package/dist/Avatar/src/RichIconAvatarImage.css +0 -304
  502. package/dist/Avatar/src/RichIconAvatarImage.d.ts +0 -39
  503. package/dist/Avatar/src/RichIconAvatarImage.js +0 -7
  504. package/dist/Avatar/src/RichIconAvatarImageContext.d.ts +0 -14
  505. package/dist/Avatar/src/RichIconAvatarImageContext.js +0 -2
  506. package/dist/Avatar/src/index.css +0 -420
  507. package/dist/Avatar/src/index.d.ts +0 -15
  508. package/dist/Avatar/src/index.js +0 -16
  509. package/dist/Avatar/src/useImageFallback.js +0 -2
  510. package/dist/Badge/src/Badge.css +0 -344
  511. package/dist/Badge/src/Badge.js +0 -10
  512. package/dist/Badge/src/BadgeContext.js +0 -2
  513. package/dist/Badge/src/FloatingBadge.css +0 -331
  514. package/dist/Badge/src/FloatingBadge.js +0 -8
  515. package/dist/Badge/src/FloatingBadgeContext.js +0 -2
  516. package/dist/Badge/src/index.css +0 -441
  517. package/dist/Badge/src/index.js +0 -13
  518. package/dist/Callout/src/Callout.css +0 -1662
  519. package/dist/Callout/src/Callout.js +0 -31
  520. package/dist/Callout/src/CalloutContext.js +0 -2
  521. package/dist/Callout/src/CompactCallout.css +0 -1834
  522. package/dist/Callout/src/CompactCallout.js +0 -32
  523. package/dist/Callout/src/CompactCalloutContext.js +0 -2
  524. package/dist/Callout/src/index.css +0 -1931
  525. package/dist/Callout/src/index.js +0 -34
  526. package/dist/Card/src/Card.css +0 -265
  527. package/dist/Card/src/Card.js +0 -4
  528. package/dist/Card/src/CardContext.js +0 -2
  529. package/dist/Card/src/index.css +0 -265
  530. package/dist/Card/src/index.js +0 -4
  531. package/dist/ComboBox/src/ComboBox.css +0 -4410
  532. package/dist/ComboBox/src/ComboBox.d.ts +0 -107
  533. package/dist/ComboBox/src/ComboBox.js +0 -58
  534. package/dist/ComboBox/src/ComboBoxContext.d.ts +0 -22
  535. package/dist/ComboBox/src/ComboBoxContext.js +0 -2
  536. package/dist/ComboBox/src/index.css +0 -4410
  537. package/dist/ComboBox/src/index.d.ts +0 -18
  538. package/dist/ComboBox/src/index.js +0 -58
  539. package/dist/Disclosure/src/Disclosure.css +0 -304
  540. package/dist/Disclosure/src/Disclosure.js +0 -9
  541. package/dist/Disclosure/src/DisclosureContext.js +0 -2
  542. package/dist/Disclosure/src/DisclosureHeader.css +0 -410
  543. package/dist/Disclosure/src/DisclosureHeader.d.ts +0 -21
  544. package/dist/Disclosure/src/DisclosureHeader.js +0 -22
  545. package/dist/Disclosure/src/DisclosureHeaderContext.d.ts +0 -9
  546. package/dist/Disclosure/src/DisclosureHeaderContext.js +0 -2
  547. package/dist/Disclosure/src/DisclosurePanel.css +0 -293
  548. package/dist/Disclosure/src/DisclosurePanel.js +0 -22
  549. package/dist/Disclosure/src/DisclosurePanelContext.js +0 -2
  550. package/dist/Disclosure/src/index.css +0 -529
  551. package/dist/Disclosure/src/index.d.ts +0 -10
  552. package/dist/Disclosure/src/index.js +0 -27
  553. package/dist/Divider/src/Divider.css +0 -268
  554. package/dist/Divider/src/Divider.js +0 -4
  555. package/dist/Divider/src/DividerContext.js +0 -2
  556. package/dist/Divider/src/index.css +0 -268
  557. package/dist/Divider/src/index.js +0 -4
  558. package/dist/ErrorMessage/src/ErrorMessage.css +0 -257
  559. package/dist/ErrorMessage/src/ErrorMessage.d.ts +0 -20
  560. package/dist/ErrorMessage/src/ErrorMessage.js +0 -10
  561. package/dist/ErrorMessage/src/ErrorMessageContext.d.ts +0 -9
  562. package/dist/ErrorMessage/src/ErrorMessageContext.js +0 -2
  563. package/dist/ErrorMessage/src/index.css +0 -257
  564. package/dist/ErrorMessage/src/index.d.ts +0 -6
  565. package/dist/ErrorMessage/src/index.js +0 -10
  566. package/dist/Form/src/Form.css +0 -234
  567. package/dist/Form/src/Form.js +0 -4
  568. package/dist/Form/src/FormContext.js +0 -2
  569. package/dist/Form/src/index.css +0 -234
  570. package/dist/Form/src/index.js +0 -4
  571. package/dist/Header/src/Header.js +0 -3
  572. package/dist/Header/src/HeaderContext.js +0 -2
  573. package/dist/Header/src/index.js +0 -3
  574. package/dist/HelperMessage/src/HelperMessage.css +0 -249
  575. package/dist/HelperMessage/src/HelperMessage.d.ts +0 -20
  576. package/dist/HelperMessage/src/HelperMessage.js +0 -8
  577. package/dist/HelperMessage/src/HelperMessageContext.d.ts +0 -9
  578. package/dist/HelperMessage/src/HelperMessageContext.js +0 -2
  579. package/dist/HelperMessage/src/index.css +0 -249
  580. package/dist/HelperMessage/src/index.d.ts +0 -6
  581. package/dist/HelperMessage/src/index.js +0 -8
  582. package/dist/HopperProvider/src/HopperProvider.js +0 -2
  583. package/dist/HopperProvider/src/index.js +0 -2
  584. package/dist/IconList/src/IconList.css +0 -243
  585. package/dist/IconList/src/IconList.js +0 -4
  586. package/dist/IconList/src/IconListContext.js +0 -2
  587. package/dist/IconList/src/index.css +0 -243
  588. package/dist/IconList/src/index.js +0 -4
  589. package/dist/IllustratedMessage/src/IllustratedMessage.css +0 -1671
  590. package/dist/IllustratedMessage/src/IllustratedMessage.js +0 -11
  591. package/dist/IllustratedMessage/src/IllustratedMessageContext.js +0 -2
  592. package/dist/IllustratedMessage/src/index.css +0 -1671
  593. package/dist/IllustratedMessage/src/index.js +0 -11
  594. package/dist/Image/src/Image.css +0 -248
  595. package/dist/Image/src/Image.js +0 -4
  596. package/dist/Image/src/ImageContext.js +0 -2
  597. package/dist/Image/src/SvgImage.css +0 -242
  598. package/dist/Image/src/SvgImage.js +0 -4
  599. package/dist/Image/src/SvgImageContext.js +0 -2
  600. package/dist/Image/src/index.css +0 -256
  601. package/dist/Image/src/index.js +0 -6
  602. package/dist/Link/src/Link.css +0 -426
  603. package/dist/Link/src/Link.js +0 -22
  604. package/dist/Link/src/LinkContext.js +0 -2
  605. package/dist/Link/src/index.css +0 -426
  606. package/dist/Link/src/index.js +0 -22
  607. package/dist/ListBox/src/ListBox.css +0 -2199
  608. package/dist/ListBox/src/ListBox.js +0 -36
  609. package/dist/ListBox/src/ListBoxContext.js +0 -2
  610. package/dist/ListBox/src/ListBoxItem.css +0 -2099
  611. package/dist/ListBox/src/ListBoxItem.js +0 -31
  612. package/dist/ListBox/src/ListBoxItemContext.js +0 -2
  613. package/dist/ListBox/src/ListBoxItemSkeleton.css +0 -291
  614. package/dist/ListBox/src/ListBoxItemSkeleton.js +0 -4
  615. package/dist/ListBox/src/ListBoxItemSkeletonContext.js +0 -2
  616. package/dist/ListBox/src/index.css +0 -2199
  617. package/dist/ListBox/src/index.d.ts +0 -14
  618. package/dist/ListBox/src/index.js +0 -36
  619. package/dist/ListBoxSection/src/ListBoxSection.js +0 -3
  620. package/dist/ListBoxSection/src/ListBoxSectionContext.d.ts +0 -9
  621. package/dist/ListBoxSection/src/ListBoxSectionContext.js +0 -2
  622. package/dist/ListBoxSection/src/index.d.ts +0 -6
  623. package/dist/ListBoxSection/src/index.js +0 -3
  624. package/dist/Modal/src/BaseModal.css +0 -348
  625. package/dist/Modal/src/BaseModal.js +0 -4
  626. package/dist/Modal/src/BaseModalContext.js +0 -2
  627. package/dist/Modal/src/CustomModal.css +0 -362
  628. package/dist/Modal/src/CustomModal.js +0 -6
  629. package/dist/Modal/src/CustomModalContext.js +0 -2
  630. package/dist/Modal/src/Modal.css +0 -1815
  631. package/dist/Modal/src/Modal.js +0 -36
  632. package/dist/Modal/src/ModalContext.js +0 -2
  633. package/dist/Modal/src/ModalTrigger.js +0 -2
  634. package/dist/Modal/src/index.css +0 -1829
  635. package/dist/Modal/src/index.js +0 -39
  636. package/dist/SegmentedControl/src/SegmentedControl.css +0 -252
  637. package/dist/SegmentedControl/src/SegmentedControl.js +0 -5
  638. package/dist/SegmentedControl/src/SegmentedControlContext.js +0 -2
  639. package/dist/SegmentedControl/src/SegmentedControlItem.css +0 -345
  640. package/dist/SegmentedControl/src/SegmentedControlItem.js +0 -19
  641. package/dist/SegmentedControl/src/SegmentedControlItemContext.js +0 -2
  642. package/dist/SegmentedControl/src/index.css +0 -363
  643. package/dist/SegmentedControl/src/index.js +0 -20
  644. package/dist/Select/src/Select.css +0 -4071
  645. package/dist/Select/src/Select.d.ts +0 -114
  646. package/dist/Select/src/Select.js +0 -57
  647. package/dist/Select/src/SelectContext.d.ts +0 -21
  648. package/dist/Select/src/SelectContext.js +0 -2
  649. package/dist/Select/src/SelectValue.css +0 -457
  650. package/dist/Select/src/SelectValue.js +0 -21
  651. package/dist/Select/src/index.css +0 -4071
  652. package/dist/Select/src/index.d.ts +0 -18
  653. package/dist/Select/src/index.js +0 -57
  654. package/dist/Spinner/src/Spinner.css +0 -303
  655. package/dist/Spinner/src/Spinner.js +0 -9
  656. package/dist/Spinner/src/SpinnerContext.js +0 -2
  657. package/dist/Spinner/src/index.css +0 -303
  658. package/dist/Spinner/src/index.js +0 -9
  659. package/dist/Tabs/src/Tab.css +0 -2756
  660. package/dist/Tabs/src/Tab.js +0 -10
  661. package/dist/Tabs/src/TabLine.css +0 -253
  662. package/dist/Tabs/src/TabLine.js +0 -3
  663. package/dist/Tabs/src/TabList.css +0 -308
  664. package/dist/Tabs/src/TabList.js +0 -5
  665. package/dist/Tabs/src/TabPanel.css +0 -246
  666. package/dist/Tabs/src/TabPanel.js +0 -4
  667. package/dist/Tabs/src/Tabs.js +0 -3
  668. package/dist/Tabs/src/TabsContext.js +0 -2
  669. package/dist/Tabs/src/index.css +0 -2842
  670. package/dist/Tabs/src/index.js +0 -14
  671. package/dist/Tile/src/Tile.css +0 -327
  672. package/dist/Tile/src/Tile.js +0 -19
  673. package/dist/Tile/src/TileContext.js +0 -2
  674. package/dist/Tile/src/TileGroup.css +0 -242
  675. package/dist/Tile/src/TileGroup.js +0 -6
  676. package/dist/Tile/src/TileGroupContext.js +0 -2
  677. package/dist/Tile/src/index.css +0 -335
  678. package/dist/Tile/src/index.js +0 -21
  679. package/dist/ToggleArrow/src/ToggleArrow.css +0 -244
  680. package/dist/ToggleArrow/src/ToggleArrow.js +0 -4
  681. package/dist/ToggleArrow/src/ToggleArrowContext.js +0 -2
  682. package/dist/ToggleArrow/src/index.css +0 -244
  683. package/dist/ToggleArrow/src/index.js +0 -4
  684. package/dist/Tooltip/src/Tooltip.css +0 -285
  685. package/dist/Tooltip/src/Tooltip.js +0 -21
  686. package/dist/Tooltip/src/TooltipContext.js +0 -2
  687. package/dist/Tooltip/src/TooltipTrigger.css +0 -234
  688. package/dist/Tooltip/src/TooltipTrigger.js +0 -6
  689. package/dist/Tooltip/src/TooltipTriggerContext.js +0 -2
  690. package/dist/Tooltip/src/index.css +0 -285
  691. package/dist/Tooltip/src/index.js +0 -25
  692. package/dist/chunk-2275KHRM.js +0 -85
  693. package/dist/chunk-24A5HTNX.js +0 -76
  694. package/dist/chunk-2CH4NRJK.js +0 -74
  695. package/dist/chunk-2DJOSCOS.js +0 -261
  696. package/dist/chunk-34C3NQQ7.js +0 -57
  697. package/dist/chunk-3GDBPRCQ.js +0 -44
  698. package/dist/chunk-3MTGAZ77.js +0 -7
  699. package/dist/chunk-3ZCLNFNH.js +0 -56
  700. package/dist/chunk-3ZFWPRCT.js +0 -101
  701. package/dist/chunk-4GLP7EEA.js +0 -131
  702. package/dist/chunk-4VVNSXIB.js +0 -7
  703. package/dist/chunk-4XHTP4GX.js +0 -7
  704. package/dist/chunk-4ZYV2XLW.js +0 -7
  705. package/dist/chunk-54LJAB7Z.js +0 -77
  706. package/dist/chunk-5GJBTYRR.js +0 -75
  707. package/dist/chunk-5GXZIX65.js +0 -68
  708. package/dist/chunk-5ZUPQ3QC.js +0 -116
  709. package/dist/chunk-6IH5OUNU.js +0 -41
  710. package/dist/chunk-6SWDOG5U.js +0 -219
  711. package/dist/chunk-6V3S5OPQ.js +0 -91
  712. package/dist/chunk-7BXDKWKO.js +0 -56
  713. package/dist/chunk-7CJXILRD.js +0 -7
  714. package/dist/chunk-7GQLLEUS.js +0 -58
  715. package/dist/chunk-7IM3UQB4.js +0 -7
  716. package/dist/chunk-7JOGKC3W.js +0 -7
  717. package/dist/chunk-7QO2PGJT.js +0 -6
  718. package/dist/chunk-7TR6VC7R.js +0 -144
  719. package/dist/chunk-AES7QBQE.js +0 -7
  720. package/dist/chunk-AOYH6YRJ.js +0 -62
  721. package/dist/chunk-BAIN4DDL.js +0 -85
  722. package/dist/chunk-BBIW2KBW.js +0 -167
  723. package/dist/chunk-BCUPLQ4B.js +0 -7
  724. package/dist/chunk-BZGCNB2Q.js +0 -73
  725. package/dist/chunk-CIGS4QGT.js +0 -7
  726. package/dist/chunk-CQDLZ42T.js +0 -7
  727. package/dist/chunk-CQIEYCDR.js +0 -246
  728. package/dist/chunk-D5BPOB2U.js +0 -146
  729. package/dist/chunk-DAPJWTDY.js +0 -52
  730. package/dist/chunk-DBIN32YS.js +0 -1
  731. package/dist/chunk-DFLH2TRR.js +0 -76
  732. package/dist/chunk-DHVVYSLB.js +0 -7
  733. package/dist/chunk-DPJMFJEG.js +0 -84
  734. package/dist/chunk-DRFFM5PG.js +0 -6
  735. package/dist/chunk-DVVK2IWW.js +0 -64
  736. package/dist/chunk-DZJSSJVJ.js +0 -41
  737. package/dist/chunk-E273RKXA.js +0 -70
  738. package/dist/chunk-E4LQY732.js +0 -80
  739. package/dist/chunk-E6ZFQPRY.js +0 -288
  740. package/dist/chunk-ETEKSNHP.js +0 -122
  741. package/dist/chunk-EZADKOST.js +0 -67
  742. package/dist/chunk-F4RAZBGB.js +0 -89
  743. package/dist/chunk-FAE27DLF.js +0 -7
  744. package/dist/chunk-FAJP57AU.js +0 -52
  745. package/dist/chunk-FLU4UPP6.js +0 -7
  746. package/dist/chunk-FUPP4KDU.js +0 -153
  747. package/dist/chunk-FYIHMKHI.js +0 -7
  748. package/dist/chunk-FZK3TKHG.js +0 -7
  749. package/dist/chunk-G3VDMQ5I.js +0 -56
  750. package/dist/chunk-G55ZK3TC.js +0 -114
  751. package/dist/chunk-GFRTCF4B.js +0 -7
  752. package/dist/chunk-GHYAFDMB.js +0 -7
  753. package/dist/chunk-GRCAVJC6.js +0 -7
  754. package/dist/chunk-HZKFQ33E.js +0 -7
  755. package/dist/chunk-I4VPBQI7.js +0 -7
  756. package/dist/chunk-I6EAOTCD.js +0 -135
  757. package/dist/chunk-IFSZVCXH.js +0 -74
  758. package/dist/chunk-IO4H6ABI.js +0 -124
  759. package/dist/chunk-IUBPSWJV.js +0 -58
  760. package/dist/chunk-IYQDX37T.js +0 -49
  761. package/dist/chunk-J6WBI2I2.js +0 -7
  762. package/dist/chunk-JHX5QEIH.js +0 -8
  763. package/dist/chunk-JNC77FI2.js +0 -60
  764. package/dist/chunk-JTNKUYE5.js +0 -8
  765. package/dist/chunk-JWW56J7M.js +0 -7
  766. package/dist/chunk-KEDDVTHL.js +0 -32
  767. package/dist/chunk-KL2A2QFJ.js +0 -53
  768. package/dist/chunk-LBQWBVCJ.js +0 -124
  769. package/dist/chunk-LNNTDKK3.js +0 -123
  770. package/dist/chunk-LUO2HNXA.js +0 -7
  771. package/dist/chunk-LVSPT6MM.js +0 -98
  772. package/dist/chunk-M2XJDWZ7.js +0 -7
  773. package/dist/chunk-MRNKKBQY.js +0 -108
  774. package/dist/chunk-MUAXK42C.js +0 -7
  775. package/dist/chunk-MVQISVDN.js +0 -7
  776. package/dist/chunk-NEDQLIJJ.js +0 -125
  777. package/dist/chunk-NSWO6KOB.js +0 -160
  778. package/dist/chunk-NZ4VFVXA.js +0 -7
  779. package/dist/chunk-OKZYR4RF.js +0 -7
  780. package/dist/chunk-OQ65XPCF.js +0 -157
  781. package/dist/chunk-ORQ4RJXE.js +0 -46
  782. package/dist/chunk-PH5BSJDK.js +0 -7
  783. package/dist/chunk-PPEXQFD7.js +0 -77
  784. package/dist/chunk-PVTWTQPF.js +0 -135
  785. package/dist/chunk-Q7NXUUB3.js +0 -7
  786. package/dist/chunk-QBRIIOYC.js +0 -87
  787. package/dist/chunk-QCA3ZR56.js +0 -7
  788. package/dist/chunk-QEUVT6WW.js +0 -91
  789. package/dist/chunk-QFKBNLTS.js +0 -100
  790. package/dist/chunk-QITF3KZ6.js +0 -50
  791. package/dist/chunk-QLBR32KW.js +0 -121
  792. package/dist/chunk-RLDIAT4F.js +0 -7
  793. package/dist/chunk-RWXYJW3R.js +0 -52
  794. package/dist/chunk-SC6ZK5ON.js +0 -7
  795. package/dist/chunk-T24MBA34.js +0 -7
  796. package/dist/chunk-TDKQPTN6.js +0 -7
  797. package/dist/chunk-TXZ6BMFR.js +0 -7
  798. package/dist/chunk-U2XK4LGL.js +0 -57
  799. package/dist/chunk-UHJKIOGM.js +0 -88
  800. package/dist/chunk-UIEP5BA5.js +0 -7
  801. package/dist/chunk-URGEWIYL.js +0 -131
  802. package/dist/chunk-UXVER6A6.js +0 -94
  803. package/dist/chunk-V2EQFVTJ.js +0 -7
  804. package/dist/chunk-V4PG262Z.js +0 -58
  805. package/dist/chunk-VUR7ZP2L.js +0 -115
  806. package/dist/chunk-W6K7P5BX.js +0 -87
  807. package/dist/chunk-WPJCS7L2.js +0 -43
  808. package/dist/chunk-WPNVVGFW.js +0 -7
  809. package/dist/chunk-WUDGWFTV.js +0 -174
  810. package/dist/chunk-WWKN7BDU.js +0 -217
  811. package/dist/chunk-X6SER3TZ.js +0 -7
  812. package/dist/chunk-XIRBRHNM.js +0 -126
  813. package/dist/chunk-XL7LO6IZ.js +0 -7
  814. package/dist/chunk-XNHE2OVW.js +0 -7
  815. package/dist/chunk-Y2POLIXK.js +0 -7
  816. package/dist/chunk-Y67OCNQ4.js +0 -72
  817. package/dist/chunk-Y7TOOHUJ.js +0 -90
  818. package/dist/chunk-YJANLD7B.js +0 -57
  819. package/dist/chunk-YOMX6DZZ.js +0 -14
  820. package/dist/chunk-YPFNLIK3.js +0 -66
  821. package/dist/chunk-YQKPVF5F.js +0 -58
  822. package/dist/chunk-Z2BW6FYZ.js +0 -82
  823. package/dist/chunk-ZJUDBIS4.js +0 -12
  824. package/dist/chunk-ZMIX3DJQ.js +0 -27
  825. package/dist/chunk-ZZ3HDXLO.js +0 -103
  826. package/dist/overlays/Popover/src/Popover.css +0 -3863
  827. package/dist/overlays/Popover/src/Popover.js +0 -28
  828. package/dist/overlays/Popover/src/PopoverBase.css +0 -268
  829. package/dist/overlays/Popover/src/PopoverBase.js +0 -5
  830. package/dist/overlays/Popover/src/PopoverBaseContext.js +0 -2
  831. package/dist/overlays/Popover/src/PopoverContext.js +0 -2
  832. package/dist/overlays/Popover/src/PopoverTrigger.js +0 -2
  833. package/dist/overlays/Popover/src/index.css +0 -3897
  834. package/dist/overlays/Popover/src/index.js +0 -31
  835. package/dist/typography/Heading/src/Heading.css +0 -234
  836. package/dist/typography/Heading/src/Heading.js +0 -4
  837. package/dist/typography/Heading/src/HeadingContext.js +0 -2
  838. package/dist/typography/Heading/src/index.css +0 -234
  839. package/dist/typography/Heading/src/index.js +0 -4
  840. package/dist/typography/Label/src/Label.css +0 -234
  841. package/dist/typography/Label/src/Label.js +0 -7
  842. package/dist/typography/Label/src/LabelContext.js +0 -2
  843. package/dist/typography/Label/src/index.css +0 -234
  844. package/dist/typography/Label/src/index.js +0 -7
  845. package/dist/typography/OverlineText/src/OverlineText.css +0 -234
  846. package/dist/typography/OverlineText/src/OverlineText.js +0 -4
  847. package/dist/typography/OverlineText/src/OverlineTextContext.js +0 -2
  848. package/dist/typography/OverlineText/src/index.css +0 -234
  849. package/dist/typography/OverlineText/src/index.js +0 -4
  850. package/dist/typography/Text/src/Text.css +0 -234
  851. package/dist/typography/Text/src/Text.js +0 -6
  852. package/dist/typography/Text/src/TextContext.js +0 -2
  853. package/dist/typography/Text/src/index.css +0 -234
  854. package/dist/typography/Text/src/index.js +0 -6
  855. /package/dist/{Accordion → accordion}/src/Accordion.d.ts +0 -0
  856. /package/dist/{Accordion → accordion}/src/AccordionContext.d.ts +0 -0
  857. /package/dist/{Accordion → accordion}/src/index.d.ts +0 -0
  858. /package/dist/{Alert → alert}/src/AlertTrigger.d.ts +0 -0
  859. /package/dist/{Avatar → avatar}/src/useImageFallback.d.ts +0 -0
  860. /package/dist/{Badge → badge}/src/Badge.d.ts +0 -0
  861. /package/dist/{Badge → badge}/src/BadgeContext.d.ts +0 -0
  862. /package/dist/{Badge → badge}/src/FloatingBadge.d.ts +0 -0
  863. /package/dist/{Badge → badge}/src/FloatingBadgeContext.d.ts +0 -0
  864. /package/dist/{Badge → badge}/src/index.d.ts +0 -0
  865. /package/dist/{Callout → callout}/src/Callout.d.ts +0 -0
  866. /package/dist/{Callout → callout}/src/CalloutContext.d.ts +0 -0
  867. /package/dist/{Callout → callout}/src/CompactCallout.d.ts +0 -0
  868. /package/dist/{Callout → callout}/src/CompactCalloutContext.d.ts +0 -0
  869. /package/dist/{Callout → callout}/src/index.d.ts +0 -0
  870. /package/dist/{Card → card}/src/Card.d.ts +0 -0
  871. /package/dist/{Card → card}/src/CardContext.d.ts +0 -0
  872. /package/dist/{Card → card}/src/index.d.ts +0 -0
  873. /package/dist/{Disclosure → disclosure}/src/Disclosure.d.ts +0 -0
  874. /package/dist/{Disclosure → disclosure}/src/DisclosureContext.d.ts +0 -0
  875. /package/dist/{Disclosure → disclosure}/src/DisclosurePanel.d.ts +0 -0
  876. /package/dist/{Disclosure → disclosure}/src/DisclosurePanelContext.d.ts +0 -0
  877. /package/dist/{Divider → divider}/src/Divider.d.ts +0 -0
  878. /package/dist/{Divider → divider}/src/DividerContext.d.ts +0 -0
  879. /package/dist/{Divider → divider}/src/index.d.ts +0 -0
  880. /package/dist/{Form → form}/src/Form.d.ts +0 -0
  881. /package/dist/{Form → form}/src/FormContext.d.ts +0 -0
  882. /package/dist/{Form → form}/src/index.d.ts +0 -0
  883. /package/dist/{Header → header}/src/Header.d.ts +0 -0
  884. /package/dist/{Header → header}/src/HeaderContext.d.ts +0 -0
  885. /package/dist/{Header → header}/src/index.d.ts +0 -0
  886. /package/dist/{HopperProvider → hopper-provider}/src/HopperProvider.d.ts +0 -0
  887. /package/dist/{HopperProvider → hopper-provider}/src/index.d.ts +0 -0
  888. /package/dist/{IconList → icon-list}/src/IconList.d.ts +0 -0
  889. /package/dist/{IconList → icon-list}/src/IconListContext.d.ts +0 -0
  890. /package/dist/{IconList → icon-list}/src/index.d.ts +0 -0
  891. /package/dist/{IllustratedMessage → illustrated-message}/src/IllustratedMessage.d.ts +0 -0
  892. /package/dist/{IllustratedMessage → illustrated-message}/src/IllustratedMessageContext.d.ts +0 -0
  893. /package/dist/{IllustratedMessage → illustrated-message}/src/index.d.ts +0 -0
  894. /package/dist/{Image → image}/src/Image.d.ts +0 -0
  895. /package/dist/{Image → image}/src/ImageContext.d.ts +0 -0
  896. /package/dist/{Image → image}/src/SvgImage.d.ts +0 -0
  897. /package/dist/{Image → image}/src/SvgImageContext.d.ts +0 -0
  898. /package/dist/{Image → image}/src/index.d.ts +0 -0
  899. /package/dist/{Link → link}/src/Link.d.ts +0 -0
  900. /package/dist/{Link → link}/src/LinkContext.d.ts +0 -0
  901. /package/dist/{Link → link}/src/index.d.ts +0 -0
  902. /package/dist/{ListBox → list-box}/src/ListBox.d.ts +0 -0
  903. /package/dist/{ListBox → list-box}/src/ListBoxContext.d.ts +0 -0
  904. /package/dist/{ListBox → list-box}/src/ListBoxItem.d.ts +0 -0
  905. /package/dist/{ListBox → list-box}/src/ListBoxItemContext.d.ts +0 -0
  906. /package/dist/{ListBox → list-box}/src/ListBoxItemSkeleton.d.ts +0 -0
  907. /package/dist/{ListBox → list-box}/src/ListBoxItemSkeletonContext.d.ts +0 -0
  908. /package/dist/{ListBoxSection → list-box}/src/ListBoxSection.d.ts +0 -0
  909. /package/dist/{Modal → modal}/src/BaseModal.d.ts +0 -0
  910. /package/dist/{Modal → modal}/src/BaseModalContext.d.ts +0 -0
  911. /package/dist/{Modal → modal}/src/CustomModal.d.ts +0 -0
  912. /package/dist/{Modal → modal}/src/CustomModalContext.d.ts +0 -0
  913. /package/dist/{Modal → modal}/src/Modal.d.ts +0 -0
  914. /package/dist/{Modal → modal}/src/ModalContext.d.ts +0 -0
  915. /package/dist/{Modal → modal}/src/ModalTrigger.d.ts +0 -0
  916. /package/dist/{Modal → modal}/src/index.d.ts +0 -0
  917. /package/dist/overlays/{Popover → popover}/src/Popover.d.ts +0 -0
  918. /package/dist/overlays/{Popover → popover}/src/PopoverBase.d.ts +0 -0
  919. /package/dist/overlays/{Popover → popover}/src/PopoverBaseContext.d.ts +0 -0
  920. /package/dist/overlays/{Popover → popover}/src/PopoverContext.d.ts +0 -0
  921. /package/dist/overlays/{Popover → popover}/src/PopoverTrigger.d.ts +0 -0
  922. /package/dist/overlays/{Popover → popover}/src/index.d.ts +0 -0
  923. /package/dist/{SegmentedControl → segmented-control}/src/SegmentedControl.d.ts +0 -0
  924. /package/dist/{SegmentedControl → segmented-control}/src/SegmentedControlContext.d.ts +0 -0
  925. /package/dist/{SegmentedControl → segmented-control}/src/SegmentedControlItem.d.ts +0 -0
  926. /package/dist/{SegmentedControl → segmented-control}/src/SegmentedControlItemContext.d.ts +0 -0
  927. /package/dist/{SegmentedControl → segmented-control}/src/index.d.ts +0 -0
  928. /package/dist/{Select → select}/src/SelectValue.d.ts +0 -0
  929. /package/dist/{Spinner → spinner}/src/Spinner.d.ts +0 -0
  930. /package/dist/{Spinner → spinner}/src/SpinnerContext.d.ts +0 -0
  931. /package/dist/{Spinner → spinner}/src/index.d.ts +0 -0
  932. /package/dist/{Tabs → tabs}/src/Tab.d.ts +0 -0
  933. /package/dist/{Tabs → tabs}/src/TabLine.d.ts +0 -0
  934. /package/dist/{Tabs → tabs}/src/TabList.d.ts +0 -0
  935. /package/dist/{Tabs → tabs}/src/TabPanel.d.ts +0 -0
  936. /package/dist/{Tabs → tabs}/src/Tabs.d.ts +0 -0
  937. /package/dist/{Tabs → tabs}/src/TabsContext.d.ts +0 -0
  938. /package/dist/{Tabs → tabs}/src/index.d.ts +0 -0
  939. /package/dist/{Tile → tile}/src/Tile.d.ts +0 -0
  940. /package/dist/{Tile → tile}/src/TileContext.d.ts +0 -0
  941. /package/dist/{Tile → tile}/src/TileGroup.d.ts +0 -0
  942. /package/dist/{Tile → tile}/src/TileGroupContext.d.ts +0 -0
  943. /package/dist/{Tile → tile}/src/index.d.ts +0 -0
  944. /package/dist/{ToggleArrow → toggle-arrow}/src/ToggleArrow.d.ts +0 -0
  945. /package/dist/{ToggleArrow → toggle-arrow}/src/ToggleArrowContext.d.ts +0 -0
  946. /package/dist/{ToggleArrow → toggle-arrow}/src/index.d.ts +0 -0
  947. /package/dist/{Tooltip → tooltip}/src/Tooltip.d.ts +0 -0
  948. /package/dist/{Tooltip → tooltip}/src/TooltipContext.d.ts +0 -0
  949. /package/dist/{Tooltip → tooltip}/src/TooltipTrigger.d.ts +0 -0
  950. /package/dist/{Tooltip → tooltip}/src/TooltipTriggerContext.d.ts +0 -0
  951. /package/dist/{Tooltip → tooltip}/src/index.d.ts +0 -0
  952. /package/dist/typography/{Heading → heading}/src/Heading.d.ts +0 -0
  953. /package/dist/typography/{Heading → heading}/src/HeadingContext.d.ts +0 -0
  954. /package/dist/typography/{Heading → heading}/src/index.d.ts +0 -0
  955. /package/dist/typography/{Label → label}/src/Label.d.ts +0 -0
  956. /package/dist/typography/{Label → label}/src/LabelContext.d.ts +0 -0
  957. /package/dist/typography/{Label → label}/src/index.d.ts +0 -0
  958. /package/dist/typography/{OverlineText → overline-text}/src/OverlineText.d.ts +0 -0
  959. /package/dist/typography/{OverlineText → overline-text}/src/OverlineTextContext.d.ts +0 -0
  960. /package/dist/typography/{OverlineText → overline-text}/src/index.d.ts +0 -0
  961. /package/dist/typography/{Text → text}/src/Text.d.ts +0 -0
  962. /package/dist/typography/{Text → text}/src/TextContext.d.ts +0 -0
  963. /package/dist/typography/{Text → text}/src/index.d.ts +0 -0
@@ -1,4410 +0,0 @@
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___kVqAq {
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___kVqAq) {
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___lrVIR) {
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___7LLHw) {
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___Jem1L) {
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___j1muL) {
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___P1Dy3) {
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___j04kQ) {
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___NL1bf) {
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
-
81
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
82
- .Heading-module__hop-Heading___sRoDm {
83
- --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
84
- --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
85
- --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
86
- --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
87
- --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
88
- --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
89
- --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
90
- --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
91
- --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
92
- --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
93
- --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
94
- --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
95
- --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
96
- --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
97
- --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
98
- --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
99
- --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
100
- --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
101
- --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
102
- --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
103
- --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
104
- --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
105
- --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
106
- --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
107
- --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
108
- --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
109
- --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
110
- --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
111
- --hop-Heading-inherit-size-font-size: inherit;
112
- --hop-Heading-inherit-size-font-family: inherit;
113
- --hop-Heading-inherit-size-font-weight: inherit;
114
- --hop-Heading-inherit-size-line-height: inherit;
115
- }
116
- :where(.Heading-module__hop-Heading___sRoDm) {
117
- margin: 0;
118
- font-family: var(--font-family);
119
- font-size: var(--font-size);
120
- font-weight: var(--font-weight);
121
- line-height: var(--line-height);
122
- color: var(--hop-neutral-text);
123
- }
124
- :where(.Heading-module__hop-Heading--xs___lnER0) {
125
- --font-size: var(--hop-Heading-xs-font-size);
126
- --font-family: var(--hop-Heading-xs-font-family);
127
- --font-weight: var(--hop-Heading-xs-font-weight);
128
- --line-height: var(--hop-Heading-xs-line-height);
129
- }
130
- :where(.Heading-module__hop-Heading--sm___oVJ9P) {
131
- --font-size: var(--hop-Heading-sm-font-size);
132
- --font-family: var(--hop-Heading-sm-font-family);
133
- --font-weight: var(--hop-Heading-sm-font-weight);
134
- --line-height: var(--hop-Heading-sm-line-height);
135
- }
136
- :where(.Heading-module__hop-Heading--md___7MvJW) {
137
- --font-size: var(--hop-Heading-md-font-size);
138
- --font-family: var(--hop-Heading-md-font-family);
139
- --font-weight: var(--hop-Heading-md-font-weight);
140
- --line-height: var(--hop-Heading-md-line-height);
141
- }
142
- :where(.Heading-module__hop-Heading--lg___pPPX9) {
143
- --font-size: var(--hop-Heading-lg-font-size);
144
- --font-family: var(--hop-Heading-lg-font-family);
145
- --font-weight: var(--hop-Heading-lg-font-weight);
146
- --line-height: var(--hop-Heading-lg-line-height);
147
- }
148
- :where(.Heading-module__hop-Heading--xl___KUhTQ) {
149
- --font-size: var(--hop-Heading-xl-font-size);
150
- --font-family: var(--hop-Heading-xl-font-family);
151
- --font-weight: var(--hop-Heading-xl-font-weight);
152
- --line-height: var(--hop-Heading-xl-line-height);
153
- }
154
- :where(.Heading-module__hop-Heading--2xl___821WG) {
155
- --font-size: var(--hop-Heading-2xl-font-size);
156
- --font-family: var(--hop-Heading-2xl-font-family);
157
- --font-weight: var(--hop-Heading-2xl-font-weight);
158
- --line-height: var(--hop-Heading-2xl-line-height);
159
- }
160
- :where(.Heading-module__hop-Heading--3xl___jT1tO) {
161
- --font-size: var(--hop-Heading-3xl-font-size);
162
- --font-family: var(--hop-Heading-3xl-font-family);
163
- --font-weight: var(--hop-Heading-3xl-font-weight);
164
- --line-height: var(--hop-Heading-3xl-line-height);
165
- }
166
-
167
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
168
- .Form-module__hop-Form___qiaMz {
169
- display: flex;
170
- flex-direction: column;
171
- gap: var(--hop-space-stack-lg);
172
- }
173
-
174
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
175
- .Label-module__hop-Label___sCvnv {
176
- --hop-Label-font-size: var(--hop-heading-xs-font-size);
177
- --hop-Label-font-family: var(--hop-heading-xs-font-family);
178
- --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
179
- --hop-Label-line-height: var(--hop-heading-xs-line-height);
180
- --hop-Label-color: var(--hop-neutral-text-weak);
181
- }
182
- :where(.Label-module__hop-Label___sCvnv) {
183
- font-family: var(--hop-Label-font-family);
184
- font-size: var(--hop-Label-font-size);
185
- font-weight: var(--hop-Label-font-weight);
186
- line-height: var(--hop-Label-line-height);
187
- color: var(--hop-Label-color);
188
- }
189
- :where(.Label-module__hop-Label__indicator___eU4BN) {
190
- padding-inline-start: var(--hop-space-20);
191
- }
192
-
193
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
194
- :where(.OverlineText-module__hop-OverlineText___SapTb) {
195
- --hop-OverlineText-font-family: var(--hop-overline-font-family);
196
- --hop-OverlineText-font-size: var(--hop-overline-font-size);
197
- --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
198
- --hop-OverlineText-letter-spacing: 0.015rem;
199
- --hop-OverlineText-line-height: var(--hop-overline-line-height);
200
- --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
201
- --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
202
- --font-family: var(--hop-OverlineText-font-family);
203
- --font-size: var(--hop-OverlineText-font-size);
204
- --font-weight: var(--hop-OverlineText-font-weight);
205
- --letter-spacing: var(--hop-OverlineText-letter-spacing);
206
- --line-height: var(--hop-OverlineText-line-height);
207
- --top-offset: var(--hop-OverlineText-top-offset);
208
- --bottom-offset: var(--hop-OverlineText-bottom-offset);
209
- box-sizing: border-box;
210
- font-family: var(--font-family);
211
- font-size: var(--font-size);
212
- font-feature-settings: "case";
213
- font-weight: var(--font-weight);
214
- line-height: var(--line-height);
215
- text-transform: uppercase;
216
- letter-spacing: var(--letter-spacing);
217
- }
218
- .OverlineText-module__hop-OverlineText__text___wYArw {
219
- box-sizing: border-box;
220
- }
221
- .OverlineText-module__hop-OverlineText__text___wYArw::before,
222
- .OverlineText-module__hop-OverlineText__text___wYArw::after {
223
- content: "";
224
- display: block;
225
- box-sizing: border-box;
226
- inline-size: 0;
227
- block-size: 0;
228
- }
229
- .OverlineText-module__hop-OverlineText__text___wYArw::before {
230
- margin-block-end: var(--bottom-offset);
231
- }
232
- .OverlineText-module__hop-OverlineText__text___wYArw::after {
233
- margin-block-start: var(--top-offset);
234
- }
235
-
236
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
237
- .Badge-module__hop-Badge___kKv1v {
238
- --hop-Badge-height: 1.5rem;
239
- --hop-Badge-width: max-content;
240
- --hop-Badge-padding-inline: var(--hop-space-inset-sm);
241
- --hop-Badge-border-radius: var(--hop-shape-pill);
242
- --hop-Badge-indeterminate-border-radius: var(--hop-shape-circle);
243
- --hop-Badge-indeterminate-height: 1rem;
244
- --hop-Badge-indeterminate-width: 1rem;
245
- --hop-Badge-indeterminate-padding-inline: 0;
246
- --hop-Badge-primary-text-color: var(--hop-primary-text-strong);
247
- --hop-Badge-primary-background-color: var(--hop-primary-surface-strong);
248
- --hop-Badge-primary-text-color-hovered: var(--hop-primary-text-strong-hover);
249
- --hop-Badge-primary-background-color-hovered: var(--hop-primary-surface-strong-hover);
250
- --hop-Badge-primary-text-color-pressed: var(--hop-primary-text-strong);
251
- --hop-Badge-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
252
- --hop-Badge-primary-text-color-selected: var(--hop-neutral-text-selected);
253
- --hop-Badge-primary-background-color-selected: var(--hop-neutral-surface-selected);
254
- --hop-Badge-secondary-text-color: var(--hop-neutral-text-strong);
255
- --hop-Badge-secondary-background-color: var(--hop-neutral-surface-strong);
256
- --hop-Badge-secondary-text-color-hovered: var(--hop-neutral-text-strong);
257
- --hop-Badge-secondary-background-color-hovered: var(--hop-neutral-surface-strong);
258
- --hop-Badge-secondary-text-color-pressed: var(--hop-neutral-text-strong);
259
- --hop-Badge-secondary-background-color-pressed: var(--hop-neutral-surface-strong);
260
- --hop-Badge-secondary-text-color-selected: var(--hop-neutral-text-selected);
261
- --hop-Badge-secondary-background-color-selected: var(--hop-neutral-surface-selected);
262
- --hop-Badge-subdued-text-color: var(--hop-neutral-text);
263
- --hop-Badge-subdued-background-color: var(--hop-neutral-surface-weak);
264
- --hop-Badge-subdued-text-color-hovered: var(--hop-neutral-text-weak-hover);
265
- --hop-Badge-subdued-background-color-hovered: var(--hop-neutral-surface-weak-hover);
266
- --hop-Badge-subdued-text-color-pressed: var(--hop-neutral-text-weak-press);
267
- --hop-Badge-subdued-background-color-pressed: var(--hop-neutral-surface-weak-press);
268
- --hop-Badge-subdued-text-color-selected: var(--hop-neutral-text-weak-selected);
269
- --hop-Badge-subdued-background-color-selected: var(--hop-neutral-surface-weak-selected);
270
- --hop-Badge-text-color-disabled: var(--hop-neutral-text-disabled);
271
- --hop-Badge-background-color-disabled: var(--hop-neutral-surface-disabled);
272
- --height: var(--hop-Badge-height);
273
- --width: var(--hop-Badge-width);
274
- --padding-inline: var(--hop-Badge-padding-inline);
275
- --border-radius: var(--hop-Badge-border-radius);
276
- display: inline-flex;
277
- align-items: center;
278
- justify-content: center;
279
- box-sizing: border-box;
280
- inline-size: var(--width);
281
- block-size: var(--height);
282
- padding-inline: var(--padding-inline);
283
- color: var(--text-color, var(--hop-Badge-primary-text-color));
284
- background-color: var(--background-color, var(--hop-Badge-primary-background-color));
285
- border-radius: var(--border-radius);
286
- }
287
- .Badge-module__hop-Badge--primary___-MIal {
288
- --background-color: var(--hop-Badge-primary-background-color);
289
- --text-color: var(--hop-Badge-primary-text-color);
290
- }
291
- .Badge-module__hop-Badge--primary___-MIal[data-hovered] {
292
- --background-color: var(--hop-Badge-primary-background-color-hovered);
293
- --text-color: var(--hop-Badge-primary-text-color-hovered);
294
- }
295
- .Badge-module__hop-Badge--primary___-MIal[data-pressed] {
296
- --background-color: var(--hop-Badge-primary-background-color-pressed);
297
- --text-color: var(--hop-Badge-primary-text-color-pressed);
298
- }
299
- .Badge-module__hop-Badge--primary___-MIal[data-selected] {
300
- --background-color: var(--hop-Badge-primary-background-color-selected);
301
- --text-color: var(--hop-Badge-primary-text-color-selected);
302
- }
303
- .Badge-module__hop-Badge--secondary___pMHqT {
304
- --background-color: var(--hop-Badge-secondary-background-color);
305
- --text-color: var(--hop-Badge-secondary-text-color);
306
- }
307
- .Badge-module__hop-Badge--secondary___pMHqT[data-hovered] {
308
- --background-color: var(--hop-Badge-secondary-background-color-hovered);
309
- --text-color: var(--hop-Badge-secondary-text-color-hovered);
310
- }
311
- .Badge-module__hop-Badge--secondary___pMHqT[data-pressed] {
312
- --background-color: var(--hop-Badge-secondary-background-color-pressed);
313
- --text-color: var(--hop-Badge-secondary-text-color-pressed);
314
- }
315
- .Badge-module__hop-Badge--secondary___pMHqT[data-selected] {
316
- --background-color: var(--hop-Badge-secondary-background-color-selected);
317
- --text-color: var(--hop-Badge-secondary-text-color-selected);
318
- }
319
- .Badge-module__hop-Badge--subdued___wd4xj {
320
- --background-color: var(--hop-Badge-subdued-background-color);
321
- --text-color: var(--hop-Badge-subdued-text-color);
322
- }
323
- .Badge-module__hop-Badge--subdued___wd4xj[data-hovered] {
324
- --background-color: var(--hop-Badge-subdued-background-color-hovered);
325
- --text-color: var(--hop-Badge-subdued-text-color-hovered);
326
- }
327
- .Badge-module__hop-Badge--subdued___wd4xj[data-pressed] {
328
- --background-color: var(--hop-Badge-subdued-background-color-pressed);
329
- --text-color: var(--hop-Badge-subdued-text-color-pressed);
330
- }
331
- .Badge-module__hop-Badge--subdued___wd4xj[data-selected] {
332
- --background-color: var(--hop-Badge-subdued-background-color-selected);
333
- --text-color: var(--hop-Badge-subdued-text-color-selected);
334
- }
335
- .Badge-module__hop-Badge___kKv1v[data-indeterminate] {
336
- --border-radius: var(--hop-Badge-indeterminate-border-radius);
337
- --height: var(--hop-Badge-indeterminate-height);
338
- --width: var(--hop-Badge-indeterminate-width);
339
- --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
340
- }
341
- .Badge-module__hop-Badge___kKv1v[data-disabled] {
342
- --background-color: var(--hop-Badge-background-color-disabled);
343
- --text-color: var(--hop-Badge-text-color-disabled);
344
- }
345
-
346
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
347
- .FloatingBadge-module__hop-FloatingBadge___bBlSg {
348
- --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
349
- --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
350
- --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
351
- --hop-FloatingBadge-badge-circular-y: calc(10% + var(--hop-FloatingBadge-offset-y));
352
- --hop-FloatingBadge-badge-topright-top: var(--hop-FloatingBadge-badge-y);
353
- --hop-FloatingBadge-badge-topright-right: var(--hop-FloatingBadge-badge-x);
354
- --hop-FloatingBadge-badge-topright-circular-top: var(--hop-FloatingBadge-badge-circular-y);
355
- --hop-FloatingBadge-badge-topright-circular-right: var(--hop-FloatingBadge-badge-circular-x);
356
- --hop-FloatingBadge-badge-topright-bottom: auto;
357
- --hop-FloatingBadge-badge-topright-left: auto;
358
- --hop-FloatingBadge-badge-topright-transform: translate(50%, -50%);
359
- --hop-FloatingBadge-badge-topright-transform-origin: 100% 0;
360
- --hop-FloatingBadge-badge-topleft-top: var(--hop-FloatingBadge-badge-y);
361
- --hop-FloatingBadge-badge-topleft-circular-top: var(--hop-FloatingBadge-badge-circular-y);
362
- --hop-FloatingBadge-badge-topleft-right: auto;
363
- --hop-FloatingBadge-badge-topleft-bottom: auto;
364
- --hop-FloatingBadge-badge-topleft-left: var(--hop-FloatingBadge-badge-x);
365
- --hop-FloatingBadge-badge-topleft-circular-left: var(--hop-FloatingBadge-badge-circular-x);
366
- --hop-FloatingBadge-badge-topleft-transform: translate(-50%, -50%);
367
- --hop-FloatingBadge-badge-topleft-transform-origin: 0 0;
368
- --hop-FloatingBadge-badge-bottomright-top: auto;
369
- --hop-FloatingBadge-badge-bottomright-right: var(--hop-FloatingBadge-badge-x);
370
- --hop-FloatingBadge-badge-bottomright-circular-right: var(--hop-FloatingBadge-badge-circular-x);
371
- --hop-FloatingBadge-badge-bottomright-bottom: var(--hop-FloatingBadge-badge-y);
372
- --hop-FloatingBadge-badge-bottomright-circular-bottom: var(--hop-FloatingBadge-badge-circular-y);
373
- --hop-FloatingBadge-badge-bottomright-left: auto;
374
- --hop-FloatingBadge-badge-bottomright-transform: translate(50%, 50%);
375
- --hop-FloatingBadge-badge-bottomright-transform-origin: 100% 100%;
376
- --hop-FloatingBadge-badge-bottomleft-top: auto;
377
- --hop-FloatingBadge-badge-bottomleft-right: auto;
378
- --hop-FloatingBadge-badge-bottomleft-bottom: var(--hop-FloatingBadge-badge-y);
379
- --hop-FloatingBadge-badge-bottomleft-circular-bottom: var(--hop-FloatingBadge-badge-circular-y);
380
- --hop-FloatingBadge-badge-bottomleft-left: var(--hop-FloatingBadge-badge-x);
381
- --hop-FloatingBadge-badge-bottomleft-circular-left: var(--hop-FloatingBadge-badge-circular-x);
382
- --hop-FloatingBadge-badge-bottomleft-transform: translate(-50%, 50%);
383
- --hop-FloatingBadge-badge-bottomleft-transform-origin: 0 100%;
384
- position: relative;
385
- box-sizing: border-box;
386
- inline-size: max-content;
387
- }
388
- .FloatingBadge-module__hop-FloatingBadge___bBlSg[data-placement="top right"] {
389
- --badge-top: var(--hop-FloatingBadge-badge-topright-top);
390
- --badge-right: var(--hop-FloatingBadge-badge-topright-right);
391
- --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
392
- --badge-left: var(--hop-FloatingBadge-badge-topright-left);
393
- --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
394
- --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
395
- }
396
- .FloatingBadge-module__hop-FloatingBadge___bBlSg[data-placement="top right"][data-overlap=circular] {
397
- --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
398
- --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
399
- }
400
- .FloatingBadge-module__hop-FloatingBadge___bBlSg[data-placement="top left"] {
401
- --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
402
- --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
403
- --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
404
- --badge-left: var(--hop-FloatingBadge-badge-topleft-left);
405
- --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
406
- --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
407
- }
408
- .FloatingBadge-module__hop-FloatingBadge___bBlSg[data-placement="top left"][data-overlap=circular] {
409
- --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
410
- --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
411
- }
412
- .FloatingBadge-module__hop-FloatingBadge___bBlSg[data-placement="bottom right"] {
413
- --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
414
- --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
415
- --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
416
- --badge-left: var(--hop-FloatingBadge-badge-bottomright-left);
417
- --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
418
- --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
419
- }
420
- .FloatingBadge-module__hop-FloatingBadge___bBlSg[data-placement="bottom right"][data-overlap=circular] {
421
- --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
422
- --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
423
- }
424
- .FloatingBadge-module__hop-FloatingBadge___bBlSg[data-placement="bottom left"] {
425
- --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
426
- --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
427
- --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
428
- --badge-left: var(--hop-FloatingBadge-badge-bottomleft-left);
429
- --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
430
- --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
431
- }
432
- .FloatingBadge-module__hop-FloatingBadge___bBlSg[data-placement="bottom left"][data-overlap=circular] {
433
- --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
434
- --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
435
- }
436
- .FloatingBadge-module__hop-FloatingBadge__badge___XvrlR {
437
- position: absolute;
438
- inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
439
- transform-origin: var(--badge-transform-origin);
440
- transform: var(--badge-transform);
441
- }
442
-
443
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
444
- .ErrorMessage-module__hop-ErrorMessage___SCwYZ {
445
- --hop-ErrorMessage-color: var(--hop-danger-text-weak);
446
- --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
447
- --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
448
- --hop-ErrorMessage-font-weight: var(--hop-body-xs-font-weight);
449
- --hop-ErrorMessage-line-height: var(--hop-body-xs-line-height);
450
- --hop-ErrorMessage-column-gap: var(--hop-space-inline-xs);
451
- display: flex;
452
- column-gap: var(--hop-ErrorMessage-column-gap);
453
- align-items: center;
454
- box-sizing: border-box;
455
- font-family: var(--hop-ErrorMessage-font-family);
456
- font-size: var(--hop-ErrorMessage-font-size);
457
- font-weight: var(--hop-ErrorMessage-font-weight);
458
- line-height: var(--hop-ErrorMessage-line-height);
459
- color: var(--hop-ErrorMessage-color);
460
- }
461
- .ErrorMessage-module__hop-ErrorMessage__icon___Yb--g {
462
- flex: 0 0 auto;
463
- align-self: flex-start;
464
- }
465
-
466
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
467
- .HelperMessage-module__hop-HelperMessage___iCR9L {
468
- --hop-HelperMessage-color: var(--hop-neutral-text-weak);
469
- --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
470
- display: flex;
471
- column-gap: var(--hop-HelperMessage-column-gap);
472
- align-items: center;
473
- box-sizing: border-box;
474
- color: var(--hop-HelperMessage-color);
475
- }
476
- .HelperMessage-module__hop-HelperMessage__icon___0m5Ul {
477
- flex: 0 0 auto;
478
- align-self: flex-start;
479
- }
480
-
481
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/Input.module.css/#css-module-data */
482
- .Input-module__hop-Input___OOMrV {
483
- --hop-Input-placeholder-font-family: inherit;
484
- --hop-Input-placeholder-font-size: inherit;
485
- --hop-Input-placeholder-font-weight: inherit;
486
- --hop-Input-placeholder-line-height: inherit;
487
- --hop-Input-placeholder-color: var(--hop-neutral-text-weakest);
488
- --hop-Input-placeholder-color-disabled: var(--hop-neutral-text-disabled);
489
- --hop-Input-sm-block-size: 1.875rem;
490
- --hop-Input-md-block-size: 2.375rem;
491
- --hop-Input-color: inherit;
492
- --hop-Input-color-disabled: var(--hop-neutral-text-disabled);
493
- --hop-Input-background: transparent;
494
- --hop-Input-background-disabled: var(--hop-neutral-surface-disabled);
495
- --hop-Input-sm-font-family: var(--hop-body-sm-font-family);
496
- --hop-Input-sm-font-size: var(--hop-body-sm-font-size);
497
- --hop-Input-sm-font-weight: var(--hop-body-sm-font-weight);
498
- --hop-Input-sm-line-height: var(--hop-body-sm-line-height);
499
- --hop-Input-md-font-family: var(--hop-body-md-font-family);
500
- --hop-Input-md-font-size: var(--hop-body-md-font-size);
501
- --hop-Input-md-font-weight: var(--hop-body-md-font-weight);
502
- --hop-Input-md-line-height: var(--hop-body-md-line-height);
503
- --hop-Input-inline-size: 100%;
504
- --hop-Input-min-inline-size: 0;
505
- --input-placeholder-color: var(--hop-Input-placeholder-color);
506
- --font-family: var(--hop-Input-md-font-family);
507
- --font-size: var(--hop-Input-md-font-size);
508
- --font-weight: var(--hop-Input-md-font-weight);
509
- --line-height: var(--hop-Input-md-line-height);
510
- --block-size: var(--hop-Input-md-block-size);
511
- --color: var(--hop-Input-color);
512
- --background-color: var(--hop-Input-background);
513
- overflow: hidden;
514
- flex-grow: 1;
515
- flex-shrink: 1;
516
- box-sizing: border-box;
517
- inline-size: var(--hop-Input-inline-size);
518
- min-inline-size: var(--hop-Input-min-inline-size);
519
- block-size: var(--block-size);
520
- padding: 0;
521
- font-family: var(--font-family);
522
- font-size: var(--font-size);
523
- font-weight: var(--font-weight);
524
- line-height: var(--line-height);
525
- color: var(--color);
526
- background-color: var(--background-color);
527
- border: 0;
528
- outline-style: none;
529
- }
530
- .Input-module__hop-Input--sm___fbxGB {
531
- --font-family: var(--hop-Input-sm-font-family);
532
- --font-size: var(--hop-Input-sm-font-size);
533
- --font-weight: var(--hop-Input-sm-font-weight);
534
- --line-height: var(--hop-Input-sm-line-height);
535
- --block-size: var(--hop-Input-sm-block-size);
536
- }
537
- .Input-module__hop-Input___OOMrV::placeholder {
538
- font-family: var(--hop-Input-placeholder-font-family);
539
- font-size: var(--hop-Input-placeholder-font-size);
540
- font-weight: var(--hop-Input-placeholder-font-weight);
541
- line-height: var(--hop-Input-placeholder-line-height);
542
- color: var(--input-placeholder-color);
543
- }
544
- .Input-module__hop-Input___OOMrV[data-disabled] {
545
- --input-placeholder-color: var(--hop-Input-placeholder-color-disabled);
546
- --color: var(--hop-Input-color-disabled);
547
- --background-color: var(--hop-Input-background-disabled);
548
- }
549
-
550
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
551
- .InputGroup-module__hop-InputGroup___xX2QY {
552
- --hop-InputGroup-background: var(--hop-neutral-surface);
553
- --hop-InputGroup-border-color: var(--hop-neutral-border);
554
- --hop-InputGroup-border-width: 0.0625rem;
555
- --hop-InputGroup-gap: var(--hop-space-inline-sm);
556
- --hop-InputGroup-inline-size: fit-content;
557
- --hop-InputGroup-border-radius: var(--hop-shape-rounded-md);
558
- --hop-InputGroup-padding-inline: var(--hop-space-inset-md);
559
- --hop-InputGroup-padding-block: 0;
560
- --hop-InputGroup-border-color-hover: var(--hop-neutral-border-hover);
561
- --hop-InputGroup-border-color-focus: var(--hop-primary-border-focus);
562
- --hop-InputGroup-background-hover: var(--hop-neutral-surface-hover);
563
- --hop-InputGroup-border-color-invalid: var(--hop-danger-border-strong);
564
- --hop-InputGroup-background-disabled: var(--hop-neutral-surface-disabled);
565
- --hop-InputGroup-border-color-disabled: var(--hop-neutral-border-disabled);
566
- --inline-size: var(--hop-InputGroup-inline-size);
567
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color);
568
- --background: var(--hop-InputGroup-background);
569
- position: relative;
570
- display: inline-flex;
571
- flex-direction: row;
572
- gap: var(--hop-InputGroup-gap);
573
- align-items: center;
574
- box-sizing: border-box;
575
- inline-size: var(--inline-size);
576
- padding-block: var(--hop-InputGroup-padding-block);
577
- padding-inline: var(--hop-InputGroup-padding-inline);
578
- background: var(--background);
579
- border: var(--border);
580
- border-radius: var(--hop-InputGroup-border-radius);
581
- }
582
- .InputGroup-module__hop-InputGroup--fluid___7cr0T {
583
- --inline-size: 100%;
584
- }
585
- .InputGroup-module__hop-InputGroup___xX2QY[data-hovered] {
586
- --background: var(--hop-InputGroup-background-hover);
587
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
588
- }
589
- .InputGroup-module__hop-InputGroup___xX2QY[data-focus-within] {
590
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
591
- }
592
- .InputGroup-module__hop-InputGroup___xX2QY[data-invalid] {
593
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
594
- }
595
- .InputGroup-module__hop-InputGroup___xX2QY[data-disabled] {
596
- --background: var(--hop-InputGroup-background-disabled);
597
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-disabled);
598
- }
599
-
600
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
601
- .NumberField-module__hop-NumberField___irf-r {
602
- --hop-NumberField-gap: var(--hop-space-stack-xs);
603
- --hop-NumberField-inline-size: 20rem;
604
- --hop-NumberField-inline-size-fluid: 100%;
605
- --hop-NumberField-prefix-color: var(--hop-neutral-text-weak);
606
- --hop-NumberField-stepper-color: var(--hop-neutral-icon);
607
- --hop-NumberField-stepper-color-hovered: var(--hop-neutral-icon-hover);
608
- --hop-NumberField-stepper-color-pressed: var(--hop-neutral-icon-press);
609
- --hop-NumberField-stepper-color-disabled: var(--hop-neutral-icon-disabled);
610
- --hop-NumberField-stepper-background-color: var(--hop-neutral-surface);
611
- --hop-NumberField-stepper-background-color-hovered: var(--hop-neutral-surface-hover);
612
- --hop-NumberField-stepper-background-color-pressed: var(--hop-neutral-surface-press);
613
- --hop-NumberField-stepper-background-color-disabled: transparent;
614
- --hop-NumberField-stepper-border-radius: calc(var(--hop-shape-rounded-sm));
615
- --hop-NumberField-stepper-border-radius-increment: var(--hop-NumberField-stepper-border-radius) var(--hop-NumberField-stepper-border-radius) 0 0;
616
- --hop-NumberField-stepper-border-radius-decrement: 0 0 var(--hop-NumberField-stepper-border-radius) var(--hop-NumberField-stepper-border-radius);
617
- --hop-NumberField-stepper-height: 0.86rem;
618
- --hop-NumberField-stepper-width: 1.5rem;
619
- --hop-NumberField-stepper-border-color: var(--hop-neutral-border);
620
- --hop-NumberField-stepper-border-width: 0.0625rem;
621
- --hop-NumberField-stepper-align-self-increment: end;
622
- --hop-NumberField-stepper-align-self-decrement: start;
623
- --hop-NumberField-stepper-margin-inline-increment: var(--hop-space-inline-sm) calc(-1 * var(--hop-space-inline-sm));
624
- --hop-NumberField-stepper-margin-inline-decrement: var(--hop-space-inline-sm) calc(-1 * var(--hop-space-inline-sm));
625
- --hop-NumberField-input-group-padding-inline-end: 0.5rem;
626
- --inline-size: var(--hop-NumberField-inline-size);
627
- --stepper-color: var(--hop-NumberField-stepper-color);
628
- --stepper-background-color: var(--hop-NumberField-stepper-background-color);
629
- --stepper-border: var(--hop-NumberField-stepper-border-width) solid var(--hop-NumberField-stepper-border-color);
630
- --stepper-height: var(--hop-NumberField-stepper-height);
631
- overflow: hidden;
632
- display: flex;
633
- flex-direction: column;
634
- gap: var(--hop-NumberField-gap);
635
- inline-size: var(--inline-size);
636
- }
637
- .NumberField-module__hop-NumberField--fluid___OuIbh {
638
- --inline-size: var(--hop-NumberField-inline-size-fluid);
639
- }
640
- .NumberField-module__hop-NumberField__Label___yeOeG {
641
- order: 0;
642
- }
643
- .NumberField-module__hop-NumberField__prefix___lqTMs {
644
- order: 1;
645
- margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
646
- color: var(--hop-NumberField-prefix-color);
647
- }
648
- .NumberField-module__hop-NumberField__InputGroup___lydBF {
649
- grid-template: var(--hop-NumberField-input-group-template);
650
- order: 1;
651
- padding-inline-end: var(--hop-NumberField-input-group-padding-inline-end);
652
- }
653
- .NumberField-module__hop-NumberField__ErrorMessage___5hV3p,
654
- .NumberField-module__hop-NumberField__HelperMessage___VW4b5 {
655
- order: 3;
656
- }
657
- .NumberField-module__hop-NumberField__steppers___opMjk {
658
- order: 3;
659
- }
660
- .NumberField-module__hop-NumberField__stepper-button___i7eFO {
661
- cursor: pointer;
662
- display: flex;
663
- grid-area: var(--grid-area, unset);
664
- align-items: center;
665
- align-self: var(--stepper-align-self);
666
- justify-content: center;
667
- box-sizing: border-box;
668
- inline-size: var(--hop-NumberField-stepper-width);
669
- max-inline-size: 100%;
670
- block-size: var(--stepper-height);
671
- padding: 0;
672
- color: var(--stepper-color);
673
- background-color: var(--stepper-background-color);
674
- border-color: var(--hop-NumberField-stepper-border-color);
675
- border-style: solid;
676
- border-width: var(--stepper-border-width);
677
- border-radius: var(--stepper-border-radius, 0);
678
- outline: none;
679
- }
680
- .NumberField-module__hop-NumberField__stepper-button--increment___tZmaV {
681
- --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
682
- --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
683
- --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
684
- }
685
- .NumberField-module__hop-NumberField__stepper-button--decrement___RGJQy {
686
- --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
687
- --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
688
- --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
689
- }
690
- .NumberField-module__hop-NumberField__stepper-button___i7eFO[data-hovered] {
691
- color: var(--hop-NumberField-stepper-color-hovered);
692
- background-color: var(--hop-NumberField-stepper-background-color-hovered);
693
- }
694
- .NumberField-module__hop-NumberField__stepper-button___i7eFO[data-pressed] {
695
- color: var(--hop-NumberField-stepper-color-pressed);
696
- background-color: var(--hop-NumberField-stepper-background-color-pressed);
697
- }
698
- .NumberField-module__hop-NumberField__stepper-button___i7eFO[data-disabled] {
699
- cursor: default;
700
- color: var(--hop-NumberField-stepper-color-disabled);
701
- background-color: var(--hop-NumberField-stepper-background-color-disabled);
702
- }
703
- .NumberField-module__hop-NumberField__stepper-button__icon___G8buU {
704
- display: block;
705
- max-block-size: 100%;
706
- }
707
- .NumberField-module__hop-NumberField__input___z9eeT {
708
- order: 2;
709
- }
710
-
711
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
712
- .IconList-module__hop-IconList___qHS2x {
713
- --hop-IconList-gap: var(--hop-space-inline-xs);
714
- display: flex;
715
- flex-wrap: wrap;
716
- gap: var(--hop-IconList-gap);
717
- box-sizing: border-box;
718
- }
719
-
720
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
721
- @keyframes Spinner-module__spin___u2b0H {
722
- 0% {
723
- transform: rotate(0deg);
724
- }
725
- 100% {
726
- transform: rotate(360deg);
727
- }
728
- }
729
- .Spinner-module__hop-Spinner___GB3yK {
730
- --hop-Spinner-border-radius: var(--hop-shape-circle);
731
- --hop-Spinner-sm-wheel-size: 1rem;
732
- --hop-Spinner-md-wheel-size: 1.25rem;
733
- --hop-Spinner-lg-wheel-size: 1.5rem;
734
- --hop-Spinner-track-width: 0.125rem;
735
- --hop-Spinner-track-opacity: 0.2;
736
- --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
737
- --hop-Spinner-fill-animation: Spinner-module__spin___u2b0H .8s infinite linear;
738
- --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
739
- --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
740
- --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
741
- --hop-Spinner-label-margin-inline-start: var(--hop-space-inline-sm);
742
- display: grid;
743
- grid-template-areas: "spinner label";
744
- grid-template-columns: min-content auto;
745
- align-items: center;
746
- box-sizing: border-box;
747
- }
748
- .Spinner-module__hop-Spinner--sm___K2ulo {
749
- --width: var(--hop-Spinner-sm-wheel-size);
750
- --height: var(--hop-Spinner-sm-wheel-size);
751
- }
752
- .Spinner-module__hop-Spinner--md___SSS0L {
753
- --width: var(--hop-Spinner-md-wheel-size);
754
- --height: var(--hop-Spinner-md-wheel-size);
755
- }
756
- .Spinner-module__hop-Spinner--lg___hV-9G {
757
- --width: var(--hop-Spinner-lg-wheel-size);
758
- --height: var(--hop-Spinner-lg-wheel-size);
759
- }
760
- .Spinner-module__hop-Spinner__track___aIiYx {
761
- grid-area: spinner;
762
- box-sizing: border-box;
763
- inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
764
- block-size: var(--height, var(--hop-Spinner-md-wheel-size));
765
- opacity: var(--hop-Spinner-track-opacity);
766
- border: var(--hop-Spinner-track-border);
767
- border-radius: var(--hop-Spinner-border-radius);
768
- }
769
- .Spinner-module__hop-Spinner__fill___r5v20 {
770
- grid-area: spinner;
771
- box-sizing: border-box;
772
- inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
773
- block-size: var(--height, var(--hop-Spinner-md-wheel-size));
774
- border: var(--hop-Spinner-fill-border);
775
- border-inline-start: var(--hop-Spinner-fill-border-inline-start);
776
- border-radius: var(--hop-Spinner-border-radius);
777
- animation: var(--hop-Spinner-fill-animation);
778
- }
779
- @media (prefers-reduced-motion: reduce) {
780
- .Spinner-module__hop-Spinner__fill___r5v20 {
781
- animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
782
- }
783
- }
784
- .Spinner-module__hop-Spinner__label___SVXSz {
785
- grid-area: label;
786
- margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
787
- }
788
-
789
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
790
- .Button-module__hop-Button___sYLWn {
791
- --hop-Button-border-radius: var(--hop-shape-rounded-md);
792
- --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
793
- --hop-Button-column-gap: var(--hop-space-inline-xs);
794
- --hop-Button-icon-only-column-gap: 0;
795
- --hop-Button-outline-size: var(--hop-space-20);
796
- --hop-Button-border-size: var(--hop-space-10);
797
- --hop-Button-text-underline-offset: var(--hop-space-20);
798
- --hop-Button-icon-only-padding: 0;
799
- --hop-Button-sm-height: 2rem;
800
- --hop-Button-md-height: 2.5rem;
801
- --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
802
- --hop-Button-md-padding: 0 var(--hop-space-inset-md);
803
- --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
804
- --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
805
- --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
806
- --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
807
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
808
- --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
809
- --hop-Button-ghost-background-color-disabled: transparent;
810
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
811
- --hop-Button-primary-color: var(--hop-primary-text-strong);
812
- --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
813
- --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
814
- --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
815
- --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
816
- --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
817
- --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
818
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
819
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
820
- --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
821
- --hop-Button-secondary-color: var(--hop-neutral-text);
822
- --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
823
- --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
824
- --hop-Button-secondary-background-color: var(--hop-neutral-surface);
825
- --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
826
- --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
827
- --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
828
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
829
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
830
- --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
831
- --hop-Button-upsell-color: var(--hop-upsell-text);
832
- --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
833
- --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
834
- --hop-Button-upsell-background-color: var(--hop-upsell-surface);
835
- --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
836
- --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
837
- --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
838
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
839
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
840
- --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
841
- --hop-Button-danger-color: var(--hop-danger-text-strong);
842
- --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
843
- --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
844
- --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
845
- --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
846
- --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
847
- --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
848
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
849
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
850
- --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
851
- --hop-Button-ghost-primary-color: var(--hop-primary-text);
852
- --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
853
- --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
854
- --hop-Button-ghost-primary-background-color: transparent;
855
- --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
856
- --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
857
- --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
858
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
859
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
860
- --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
861
- --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
862
- --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
863
- --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
864
- --hop-Button-ghost-secondary-background-color: transparent;
865
- --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
866
- --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
867
- --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
868
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
869
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
870
- --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
871
- --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
872
- --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
873
- --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
874
- --hop-Button-ghost-danger-background-color: transparent;
875
- --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
876
- --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
877
- --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
878
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
879
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
880
- --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
881
- --inline-size: max-content;
882
- --block-size: var(--hop-Button-md-height);
883
- --background-color: var(--hop-primary-surface-strong);
884
- --color: var(--hop-primary-text-strong);
885
- --column-gap: var(--hop-Button-column-gap);
886
- --spinner: var(--hop-primary-icon-strong);
887
- --border: 0;
888
- --padding: var(--hop-Button-md-padding);
889
- --text-underline: none;
890
- cursor: pointer;
891
- position: relative;
892
- overflow: hidden;
893
- display: flex;
894
- column-gap: var(--column-gap);
895
- align-items: center;
896
- justify-content: center;
897
- box-sizing: border-box;
898
- inline-size: var(--inline-size);
899
- block-size: var(--block-size);
900
- padding: var(--padding);
901
- color: var(--color);
902
- text-decoration: none;
903
- white-space: nowrap;
904
- background-color: var(--background-color);
905
- border: var(--border);
906
- border-radius: var(--hop-Button-border-radius);
907
- outline: none;
908
- outline-offset: var(--hop-Button-outline-size);
909
- transition:
910
- color var(--hop-easing-duration-2) var(--hop-easing-productive),
911
- background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
912
- border var(--hop-easing-duration-2) var(--hop-easing-productive);
913
- }
914
- .Button-module__hop-Button--fluid___le0PW {
915
- --inline-size: 100%;
916
- }
917
- .Button-module__hop-Button--sm___8595A {
918
- --block-size: var(--hop-Button-sm-height);
919
- --padding: var(--hop-Button-sm-padding);
920
- }
921
- .Button-module__hop-Button--sm___8595A[class*=--ghost] {
922
- --padding: var(--hop-Button-ghost-sm-padding);
923
- }
924
- .Button-module__hop-Button--md___NsbEQ[class*=--ghost] {
925
- --padding: var(--hop-Button-ghost-md-padding);
926
- }
927
- .Button-module__hop-Button--icon-only___2f-Pe {
928
- --column-gap: var(--hop-Button-icon-only-column-gap);
929
- --padding: var(--hop-Button-icon-only-padding);
930
- aspect-ratio: 1;
931
- }
932
- .Button-module__hop-Button--primary___Qo6ZF {
933
- --background-color: var(--hop-Button-primary-background-color);
934
- --color: var(--hop-Button-primary-color);
935
- --border: var(--hop-Button-primary-border);
936
- --spinner-color: var(--hop-Button-primary-spinner-color);
937
- }
938
- .Button-module__hop-Button--primary___Qo6ZF[data-hovered],
939
- .Button-module__hop-Button--primary___Qo6ZF[data-focus-visible] {
940
- --background-color: var(--hop-Button-primary-background-color-hover);
941
- --color: var(--hop-Button-primary-color-hover);
942
- --border: var(--hop-Button-primary-border-hover);
943
- }
944
- .Button-module__hop-Button--primary___Qo6ZF[data-pressed] {
945
- --background-color: var(--hop-Button-primary-background-color-pressed);
946
- --color: var(--hop-Button-primary-color-pressed);
947
- --border: var(--hop-Button-primary-border-pressed);
948
- }
949
- .Button-module__hop-Button--secondary___TRVhJ {
950
- --background-color: var(--hop-Button-secondary-background-color);
951
- --color: var(--hop-Button-secondary-color);
952
- --border: var(--hop-Button-secondary-border);
953
- --spinner-color: var(--hop-Button-secondary-spinner-color);
954
- }
955
- .Button-module__hop-Button--secondary___TRVhJ[data-hovered],
956
- .Button-module__hop-Button--secondary___TRVhJ[data-focus-visible] {
957
- --background-color: var(--hop-Button-secondary-background-color-hover);
958
- --color: var(--hop-Button-secondary-color-hover);
959
- --border: var(--hop-Button-secondary-border-hover);
960
- }
961
- .Button-module__hop-Button--secondary___TRVhJ[data-pressed] {
962
- --background-color: var(--hop-Button-secondary-background-color-pressed);
963
- --color: var(--hop-Button-secondary-color-pressed);
964
- --border: var(--hop-Button-secondary-border-pressed);
965
- }
966
- .Button-module__hop-Button--upsell___A9KCV {
967
- --background-color: var(--hop-Button-upsell-background-color);
968
- --color: var(--hop-Button-upsell-color);
969
- --border: var(--hop-Button-upsell-border);
970
- --spinner-color: var(--hop-Button-upsell-spinner-color);
971
- }
972
- .Button-module__hop-Button--upsell___A9KCV[data-hovered],
973
- .Button-module__hop-Button--upsell___A9KCV[data-focus-visible] {
974
- --background-color: var(--hop-Button-upsell-background-color-hover);
975
- --color: var(--hop-Button-upsell-color-hover);
976
- --border: var(--hop-Button-upsell-border-hover);
977
- }
978
- .Button-module__hop-Button--upsell___A9KCV[data-pressed] {
979
- --background-color: var(--hop-Button-upsell-background-color-pressed);
980
- --color: var(--hop-Button-upsell-color-pressed);
981
- --border: var(--hop-Button-upsell-border-pressed);
982
- }
983
- .Button-module__hop-Button--danger___MmFni {
984
- --background-color: var(--hop-Button-danger-background-color);
985
- --color: var(--hop-Button-danger-color);
986
- --border: var(--hop-Button-danger-border);
987
- --spinner-color: var(--hop-Button-danger-spinner-color);
988
- }
989
- .Button-module__hop-Button--danger___MmFni[data-hovered],
990
- .Button-module__hop-Button--danger___MmFni[data-focus-visible] {
991
- --background-color: var(--hop-Button-danger-background-color-hover);
992
- --color: var(--hop-Button-danger-color-hover);
993
- --border: var(--hop-Button-danger-border-hover);
994
- }
995
- .Button-module__hop-Button--danger___MmFni[data-pressed] {
996
- --background-color: var(--hop-Button-danger-background-color-pressed);
997
- --color: var(--hop-Button-danger-color-pressed);
998
- --border: var(--hop-Button-danger-border-pressed);
999
- }
1000
- .Button-module__hop-Button--ghost-primary___NPZcY {
1001
- --background-color: var(--hop-Button-ghost-primary-background-color);
1002
- --color: var(--hop-Button-ghost-primary-color);
1003
- --border: var(--hop-Button-ghost-primary-border);
1004
- --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1005
- }
1006
- .Button-module__hop-Button--ghost-primary___NPZcY[data-hovered],
1007
- .Button-module__hop-Button--ghost-primary___NPZcY[data-focus-visible] {
1008
- --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1009
- --color: var(--hop-Button-ghost-primary-color-hover);
1010
- --border: var(--hop-Button-ghost-primary-border-hover);
1011
- --text-underline: underline;
1012
- }
1013
- .Button-module__hop-Button--ghost-primary___NPZcY[data-pressed] {
1014
- --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1015
- --color: var(--hop-Button-ghost-primary-color-pressed);
1016
- --border: var(--hop-Button-ghost-primary-border-pressed);
1017
- --text-underline: underline;
1018
- }
1019
- .Button-module__hop-Button--ghost-secondary___AUKTq {
1020
- --background-color: var(--hop-Button-ghost-secondary-background-color);
1021
- --color: var(--hop-Button-ghost-secondary-color);
1022
- --border: var(--hop-Button-ghost-secondary-border);
1023
- --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1024
- }
1025
- .Button-module__hop-Button--ghost-secondary___AUKTq[data-hovered],
1026
- .Button-module__hop-Button--ghost-secondary___AUKTq[data-focus-visible] {
1027
- --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1028
- --color: var(--hop-Button-ghost-secondary-color-hover);
1029
- --border: var(--hop-Button-ghost-secondary-border-hover);
1030
- --text-underline: underline;
1031
- }
1032
- .Button-module__hop-Button--ghost-secondary___AUKTq[data-pressed] {
1033
- --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1034
- --color: var(--hop-Button-ghost-secondary-color-pressed);
1035
- --border: var(--hop-Button-ghost-secondary-border-pressed);
1036
- --text-underline: underline;
1037
- }
1038
- .Button-module__hop-Button--ghost-danger___MUIjw {
1039
- --background-color: var(--hop-Button-ghost-danger-background-color);
1040
- --color: var(--hop-Button-ghost-danger-color);
1041
- --border: var(--hop-Button-ghost-danger-border);
1042
- --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1043
- }
1044
- .Button-module__hop-Button--ghost-danger___MUIjw[data-hovered],
1045
- .Button-module__hop-Button--ghost-danger___MUIjw[data-focus-visible] {
1046
- --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1047
- --color: var(--hop-Button-ghost-danger-color-hover);
1048
- --border: var(--hop-Button-ghost-danger-border-hover);
1049
- --text-underline: underline;
1050
- }
1051
- .Button-module__hop-Button--ghost-danger___MUIjw[data-pressed] {
1052
- --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1053
- --color: var(--hop-Button-ghost-danger-color-pressed);
1054
- --border: var(--hop-Button-ghost-danger-border-pressed);
1055
- --text-underline: underline;
1056
- }
1057
- .Button-module__hop-Button___sYLWn[data-focus-visible] {
1058
- outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1059
- }
1060
- .Button-module__hop-Button___sYLWn[data-disabled],
1061
- .Button-module__hop-Button--loading___kTzFh {
1062
- cursor: not-allowed;
1063
- }
1064
- .Button-module__hop-Button___sYLWn[data-disabled] {
1065
- --background-color: var(--hop-Button-background-color-disabled);
1066
- --color: var(--hop-Button-color-disabled);
1067
- --border: var(--hop-Button-border-disabled);
1068
- }
1069
- .Button-module__hop-Button___sYLWn[class*=--ghost][data-disabled] {
1070
- --background-color: var(--hop-Button-ghost-background-color-disabled);
1071
- --color: var(--hop-Button-ghost-color-disabled);
1072
- --border: var(--hop-Button-ghost-border-disabled);
1073
- }
1074
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--primary___Qo6ZF {
1075
- --background-color: var(--hop-Button-primary-background-color);
1076
- --color: var(--hop-Button-primary-color);
1077
- --border: var(--hop-Button-primary-border);
1078
- }
1079
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--secondary___TRVhJ {
1080
- --background-color: var(--hop-Button-secondary-background-color);
1081
- --color: var(--hop-Button-secondary-color);
1082
- --border: var(--hop-Button-secondary-border);
1083
- }
1084
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--upsell___A9KCV {
1085
- --background-color: var(--hop-Button-upsell-background-color);
1086
- --color: var(--hop-Button-upsell-color);
1087
- --border: var(--hop-Button-upsell-border);
1088
- }
1089
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--danger___MmFni {
1090
- --background-color: var(--hop-Button-danger-background-color);
1091
- --color: var(--hop-Button-danger-color);
1092
- --border: var(--hop-Button-danger-border);
1093
- }
1094
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--ghost-primary___NPZcY {
1095
- --background-color: var(--hop-Button-ghost-primary-background-color);
1096
- --color: var(--hop-Button-ghost-primary-color);
1097
- --border: var(--hop-Button-ghost-primary-border);
1098
- --text-underline: none;
1099
- }
1100
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--ghost-secondary___AUKTq {
1101
- --background-color: var(--hop-Button-ghost-secondary-background-color);
1102
- --color: var(--hop-Button-ghost-secondary-color);
1103
- --border: var(--hop-Button-ghost-secondary-border);
1104
- --text-underline: none;
1105
- }
1106
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--ghost-danger___MUIjw {
1107
- --background-color: var(--hop-Button-ghost-danger-background-color);
1108
- --color: var(--hop-Button-ghost-danger-color);
1109
- --border: var(--hop-Button-ghost-danger-border);
1110
- --text-underline: none;
1111
- }
1112
- .Button-module__hop-Button__Spinner___iTYDZ {
1113
- position: absolute;
1114
- color: var(--spinner-color);
1115
- }
1116
- .Button-module__hop-Button__icon___SSkg4,
1117
- .Button-module__hop-Button__icon-list___HST1q {
1118
- flex: 0 0 auto;
1119
- justify-self: end;
1120
- order: 1;
1121
- }
1122
- .Button-module__hop-Button__text___3imcm {
1123
- user-select: none;
1124
- overflow: visible;
1125
- flex: 0 1 auto;
1126
- order: 2;
1127
- font-weight: var(--hop-font-weight-505);
1128
- text-decoration: var(--text-underline);
1129
- text-underline-offset: 0.125rem;
1130
- text-wrap: nowrap;
1131
- }
1132
- .Button-module__hop-Button__end-icon___wS0XC,
1133
- .Button-module__hop-Button__end-icon-list___-tH4t {
1134
- flex: 0 0 auto;
1135
- order: 3;
1136
- }
1137
- .Button-module__hop-Button___sYLWn .Button-module__hop-Button__icon-list___HST1q,
1138
- .Button-module__hop-Button___sYLWn .Button-module__hop-Button__end-icon-list___-tH4t {
1139
- flex-wrap: nowrap;
1140
- }
1141
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button___sYLWn > *:not(.Button-module__hop-Button__Spinner___iTYDZ) {
1142
- opacity: 0;
1143
- }
1144
-
1145
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1146
- .ButtonGroup-module__hop-ButtonGroup___nPM2M {
1147
- display: inline-flex;
1148
- flex-wrap: nowrap;
1149
- gap: var(--hop-space-inline-md);
1150
- }
1151
- .ButtonGroup-module__hop-ButtonGroup--horizontal___5yP8p {
1152
- align-items: center;
1153
- }
1154
- .ButtonGroup-module__hop-ButtonGroup--vertical___NZjZW {
1155
- flex-direction: column;
1156
- gap: var(--hop-space-stack-md);
1157
- justify-content: center;
1158
- }
1159
- .ButtonGroup-module__hop-ButtonGroup--start___nenaM.ButtonGroup-module__hop-ButtonGroup--vertical___NZjZW {
1160
- align-items: flex-start;
1161
- }
1162
- .ButtonGroup-module__hop-ButtonGroup--center___kE20A.ButtonGroup-module__hop-ButtonGroup--vertical___NZjZW {
1163
- align-items: center;
1164
- }
1165
- .ButtonGroup-module__hop-ButtonGroup--end___wnXOI.ButtonGroup-module__hop-ButtonGroup--vertical___NZjZW {
1166
- align-items: flex-end;
1167
- }
1168
- .ButtonGroup-module__hop-ButtonGroup--start___nenaM.ButtonGroup-module__hop-ButtonGroup--horizontal___5yP8p {
1169
- justify-content: flex-start;
1170
- }
1171
- .ButtonGroup-module__hop-ButtonGroup--center___kE20A.ButtonGroup-module__hop-ButtonGroup--horizontal___5yP8p {
1172
- justify-content: center;
1173
- }
1174
- .ButtonGroup-module__hop-ButtonGroup--end___wnXOI.ButtonGroup-module__hop-ButtonGroup--horizontal___5yP8p {
1175
- justify-content: flex-end;
1176
- }
1177
- .ButtonGroup-module__hop-ButtonGroup--wrap___LimEX {
1178
- flex-wrap: wrap;
1179
- }
1180
- .ButtonGroup-module__hop-ButtonGroup--fluid___z4-h9 {
1181
- inline-size: 100%;
1182
- }
1183
-
1184
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1185
- .EmbeddedButton-module__hop-EmbeddedButton___OyflJ {
1186
- --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1187
- --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1188
- --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
1189
- --hop-EmbeddedButton-effect-square-border-radius: var(--hop-shape-rounded-sm);
1190
- --hop-EmbeddedButton-md-height: 1.5rem;
1191
- --hop-EmbeddedButton-md-width: 1.5rem;
1192
- --hop-EmbeddedButton-md-effect-height: 1rem;
1193
- --hop-EmbeddedButton-md-effect-width: 1rem;
1194
- --hop-EmbeddedButton-lg-height: 1.5rem;
1195
- --hop-EmbeddedButton-lg-width: 1.5rem;
1196
- --hop-EmbeddedButton-lg-effect-height: 1.5rem;
1197
- --hop-EmbeddedButton-lg-effect-width: 1.5rem;
1198
- --hop-EmbeddedButton-neutral-color: var(--hop-neutral-icon-weak);
1199
- --hop-EmbeddedButton-neutral-color-hovered: var(--hop-neutral-icon-weak-hover);
1200
- --hop-EmbeddedButton-neutral-color-focused: var(--hop-neutral-icon-weak-hover);
1201
- --hop-EmbeddedButton-neutral-color-pressed: var(--hop-neutral-icon-weak-press);
1202
- --hop-EmbeddedButton-neutral-color-disabled: var(--hop-neutral-icon-disabled);
1203
- --hop-EmbeddedButton-neutral-effect-background-color: transparent;
1204
- --hop-EmbeddedButton-neutral-effect-background-color-hovered: var(--hop-neutral-surface-weak-hover);
1205
- --hop-EmbeddedButton-neutral-effect-background-color-focused: var(--hop-neutral-surface-weak-hover);
1206
- --hop-EmbeddedButton-neutral-effect-background-color-pressed: var(--hop-neutral-surface-weak-press);
1207
- --hop-EmbeddedButton-neutral-effect-background-color-disabled: transparent;
1208
- --hop-EmbeddedButton-subdued-color: var(--hop-neutral-icon-weak);
1209
- --hop-EmbeddedButton-subdued-color-hovered: var(--hop-neutral-icon-weak-hover);
1210
- --hop-EmbeddedButton-subdued-color-focused: var(--hop-neutral-icon-weak-hover);
1211
- --hop-EmbeddedButton-subdued-color-pressed: var(--hop-neutral-icon-weak-press);
1212
- --hop-EmbeddedButton-subdued-color-disabled: var(--hop-neutral-icon-disabled);
1213
- --hop-EmbeddedButton-subdued-effect-background-color: transparent;
1214
- --hop-EmbeddedButton-subdued-effect-background-color-hovered: var(--hop-neutral-surface-weak-hover);
1215
- --hop-EmbeddedButton-subdued-effect-background-color-focused: var(--hop-neutral-surface-weak-hover);
1216
- --hop-EmbeddedButton-subdued-effect-background-color-pressed: var(--hop-neutral-surface-weak-press);
1217
- --hop-EmbeddedButton-subdued-effect-background-color-disabled: transparent;
1218
- --hop-EmbeddedButton-progress-color: var(--hop-status-progress-icon);
1219
- --hop-EmbeddedButton-progress-color-hovered: var(--hop-status-progress-icon-hover);
1220
- --hop-EmbeddedButton-progress-color-focused: var(--hop-status-progress-icon-hover);
1221
- --hop-EmbeddedButton-progress-color-pressed: var(--hop-status-progress-icon-press);
1222
- --hop-EmbeddedButton-progress-color-disabled: var(--hop-status-progress-icon-disabled);
1223
- --hop-EmbeddedButton-progress-effect-background-color: transparent;
1224
- --hop-EmbeddedButton-progress-effect-background-color-hovered: var(--hop-status-progress-surface-hover);
1225
- --hop-EmbeddedButton-progress-effect-background-color-focused: var(--hop-status-progress-surface-hover);
1226
- --hop-EmbeddedButton-progress-effect-background-color-pressed: var(--hop-status-progress-surface-press);
1227
- --hop-EmbeddedButton-progress-effect-background-color-disabled: transparent;
1228
- --hop-EmbeddedButton-positive-color: var(--hop-status-positive-icon);
1229
- --hop-EmbeddedButton-positive-color-hovered: var(--hop-status-positive-icon-hover);
1230
- --hop-EmbeddedButton-positive-color-focused: var(--hop-status-positive-icon-hover);
1231
- --hop-EmbeddedButton-positive-color-pressed: var(--hop-status-positive-icon-press);
1232
- --hop-EmbeddedButton-positive-color-disabled: var(--hop-status-positive-icon-disabled);
1233
- --hop-EmbeddedButton-positive-effect-background-color: transparent;
1234
- --hop-EmbeddedButton-positive-effect-background-color-hovered: var(--hop-status-positive-surface-hover);
1235
- --hop-EmbeddedButton-positive-effect-background-color-focused: var(--hop-status-positive-surface-hover);
1236
- --hop-EmbeddedButton-positive-effect-background-color-pressed: var(--hop-status-positive-surface-press);
1237
- --hop-EmbeddedButton-positive-effect-background-color-disabled: transparent;
1238
- --hop-EmbeddedButton-caution-color: var(--hop-status-caution-icon);
1239
- --hop-EmbeddedButton-caution-color-hovered: var(--hop-status-caution-icon-hover);
1240
- --hop-EmbeddedButton-caution-color-focused: var(--hop-status-caution-icon-hover);
1241
- --hop-EmbeddedButton-caution-color-pressed: var(--hop-status-caution-icon-press);
1242
- --hop-EmbeddedButton-caution-color-disabled: var(--hop-status-caution-icon-disabled);
1243
- --hop-EmbeddedButton-caution-effect-background-color: transparent;
1244
- --hop-EmbeddedButton-caution-effect-background-color-hovered: var(--hop-status-caution-surface-hover);
1245
- --hop-EmbeddedButton-caution-effect-background-color-focused: var(--hop-status-caution-surface-hover);
1246
- --hop-EmbeddedButton-caution-effect-background-color-pressed: var(--hop-status-caution-surface-press);
1247
- --hop-EmbeddedButton-caution-effect-background-color-disabled: transparent;
1248
- --hop-EmbeddedButton-negative-color: var(--hop-status-negative-icon);
1249
- --hop-EmbeddedButton-negative-color-hovered: var(--hop-status-negative-icon-hover);
1250
- --hop-EmbeddedButton-negative-color-focused: var(--hop-status-negative-icon-hover);
1251
- --hop-EmbeddedButton-negative-color-pressed: var(--hop-status-negative-icon-press);
1252
- --hop-EmbeddedButton-negative-color-disabled: var(--hop-status-negative-icon-disabled);
1253
- --hop-EmbeddedButton-negative-effect-background-color: transparent;
1254
- --hop-EmbeddedButton-negative-effect-background-color-hovered: var(--hop-status-negative-surface-hover);
1255
- --hop-EmbeddedButton-negative-effect-background-color-focused: var(--hop-status-negative-surface-hover);
1256
- --hop-EmbeddedButton-negative-effect-background-color-pressed: var(--hop-status-negative-surface-press);
1257
- --hop-EmbeddedButton-negative-effect-background-color-disabled: transparent;
1258
- --hop-EmbeddedButton-option1-color: var(--hop-status-option1-icon);
1259
- --hop-EmbeddedButton-option1-color-hovered: var(--hop-status-option1-icon-hover);
1260
- --hop-EmbeddedButton-option1-color-focused: var(--hop-status-option1-icon-hover);
1261
- --hop-EmbeddedButton-option1-color-pressed: var(--hop-status-option1-icon-press);
1262
- --hop-EmbeddedButton-option1-color-disabled: var(--hop-status-option1-icon-disabled);
1263
- --hop-EmbeddedButton-option1-effect-background-color: transparent;
1264
- --hop-EmbeddedButton-option1-effect-background-color-hovered: var(--hop-status-option1-surface-hover);
1265
- --hop-EmbeddedButton-option1-effect-background-color-focused: var(--hop-status-option1-surface-hover);
1266
- --hop-EmbeddedButton-option1-effect-background-color-pressed: var(--hop-status-option1-surface-press);
1267
- --hop-EmbeddedButton-option1-effect-background-color-disabled: transparent;
1268
- --hop-EmbeddedButton-option2-color: var(--hop-status-option2-icon);
1269
- --hop-EmbeddedButton-option2-color-hovered: var(--hop-status-option2-icon-hover);
1270
- --hop-EmbeddedButton-option2-color-focused: var(--hop-status-option2-icon-hover);
1271
- --hop-EmbeddedButton-option2-color-pressed: var(--hop-status-option2-icon-press);
1272
- --hop-EmbeddedButton-option2-color-disabled: var(--hop-status-option2-icon-disabled);
1273
- --hop-EmbeddedButton-option2-effect-background-color: transparent;
1274
- --hop-EmbeddedButton-option2-effect-background-color-hovered: var(--hop-status-option2-surface-hover);
1275
- --hop-EmbeddedButton-option2-effect-background-color-focused: var(--hop-status-option2-surface-hover);
1276
- --hop-EmbeddedButton-option2-effect-background-color-pressed: var(--hop-status-option2-surface-press);
1277
- --hop-EmbeddedButton-option2-effect-background-color-disabled: transparent;
1278
- --hop-EmbeddedButton-option3-color: var(--hop-status-option3-icon);
1279
- --hop-EmbeddedButton-option3-color-hovered: var(--hop-status-option3-icon-hover);
1280
- --hop-EmbeddedButton-option3-color-focused: var(--hop-status-option3-icon-hover);
1281
- --hop-EmbeddedButton-option3-color-pressed: var(--hop-status-option3-icon-press);
1282
- --hop-EmbeddedButton-option3-color-disabled: var(--hop-status-option3-icon-disabled);
1283
- --hop-EmbeddedButton-option3-effect-background-color: transparent;
1284
- --hop-EmbeddedButton-option3-effect-background-color-hovered: var(--hop-status-option3-surface-hover);
1285
- --hop-EmbeddedButton-option3-effect-background-color-focused: var(--hop-status-option3-surface-hover);
1286
- --hop-EmbeddedButton-option3-effect-background-color-pressed: var(--hop-status-option3-surface-press);
1287
- --hop-EmbeddedButton-option3-effect-background-color-disabled: transparent;
1288
- --hop-EmbeddedButton-option4-color: var(--hop-status-option4-icon);
1289
- --hop-EmbeddedButton-option4-color-hovered: var(--hop-status-option4-icon-hover);
1290
- --hop-EmbeddedButton-option4-color-focused: var(--hop-status-option4-icon-hover);
1291
- --hop-EmbeddedButton-option4-color-pressed: var(--hop-status-option4-icon-press);
1292
- --hop-EmbeddedButton-option4-color-disabled: var(--hop-status-option4-icon-disabled);
1293
- --hop-EmbeddedButton-option4-effect-background-color: transparent;
1294
- --hop-EmbeddedButton-option4-effect-background-color-hovered: var(--hop-status-option4-surface-hover);
1295
- --hop-EmbeddedButton-option4-effect-background-color-focused: var(--hop-status-option4-surface-hover);
1296
- --hop-EmbeddedButton-option4-effect-background-color-pressed: var(--hop-status-option4-surface-press);
1297
- --hop-EmbeddedButton-option4-effect-background-color-disabled: transparent;
1298
- --hop-EmbeddedButton-option5-color: var(--hop-status-option5-icon);
1299
- --hop-EmbeddedButton-option5-color-hovered: var(--hop-status-option5-icon-hover);
1300
- --hop-EmbeddedButton-option5-color-focused: var(--hop-status-option5-icon-hover);
1301
- --hop-EmbeddedButton-option5-color-pressed: var(--hop-status-option5-icon-press);
1302
- --hop-EmbeddedButton-option5-color-disabled: var(--hop-status-option5-icon-disabled);
1303
- --hop-EmbeddedButton-option5-effect-background-color: transparent;
1304
- --hop-EmbeddedButton-option5-effect-background-color-hovered: var(--hop-status-option5-surface-hover);
1305
- --hop-EmbeddedButton-option5-effect-background-color-focused: var(--hop-status-option5-surface-hover);
1306
- --hop-EmbeddedButton-option5-effect-background-color-pressed: var(--hop-status-option5-surface-press);
1307
- --hop-EmbeddedButton-option5-effect-background-color-disabled: transparent;
1308
- --hop-EmbeddedButton-option6-color: var(--hop-status-option6-icon);
1309
- --hop-EmbeddedButton-option6-color-hovered: var(--hop-status-option6-icon-hover);
1310
- --hop-EmbeddedButton-option6-color-focused: var(--hop-status-option6-icon-hover);
1311
- --hop-EmbeddedButton-option6-color-pressed: var(--hop-status-option6-icon-press);
1312
- --hop-EmbeddedButton-option6-color-disabled: var(--hop-status-option6-icon-disabled);
1313
- --hop-EmbeddedButton-option6-effect-background-color: transparent;
1314
- --hop-EmbeddedButton-option6-effect-background-color-hovered: var(--hop-status-option6-surface-hover);
1315
- --hop-EmbeddedButton-option6-effect-background-color-focused: var(--hop-status-option6-surface-hover);
1316
- --hop-EmbeddedButton-option6-effect-background-color-pressed: var(--hop-status-option6-surface-press);
1317
- --hop-EmbeddedButton-option6-effect-background-color-disabled: transparent;
1318
- --hop-EmbeddedButton-selected-color: var(--hop-neutral-icon-weak-selected);
1319
- --hop-EmbeddedButton-selected-effect-background-color: var(--hop-neutral-surface-weak-selected);
1320
- --spinner: var(--hop-primary-icon-strong);
1321
- --padding-inline: 0;
1322
- --padding-block: 0;
1323
- --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1324
- --color: var(--hop-EmbeddedButton-neutral-color);
1325
- --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
1326
- --effect-border-radius: var(--hop-EmbeddedButton-effect-border-radius);
1327
- --focus-ring-size: 0.125rem;
1328
- cursor: pointer;
1329
- position: relative;
1330
- overflow: hidden;
1331
- display: flex;
1332
- flex-shrink: 0;
1333
- align-items: center;
1334
- justify-content: center;
1335
- box-sizing: border-box;
1336
- inline-size: var(--inline-size);
1337
- block-size: var(--block-size);
1338
- padding-block: var(--padding-block);
1339
- padding-inline: var(--padding-inline);
1340
- color: var(--color);
1341
- text-decoration: none;
1342
- white-space: nowrap;
1343
- background: none;
1344
- border: none;
1345
- border-radius: var(--hop-EmbeddedButton-border-radius);
1346
- outline: none;
1347
- transition: color var(--transition);
1348
- }
1349
- .EmbeddedButton-module__hop-EmbeddedButton___OyflJ::before {
1350
- content: "";
1351
- position: absolute;
1352
- inset-block-start: 50%;
1353
- inset-inline-start: 50%;
1354
- transform: translate(-50%, -50%);
1355
- display: block;
1356
- inline-size: var(--effect-inline-size);
1357
- block-size: var(--effect-block-size);
1358
- background-color: var(--effect-background-color);
1359
- border-radius: var(--effect-border-radius);
1360
- transition: background-color var(--transition);
1361
- }
1362
- .EmbeddedButton-module__hop-EmbeddedButton___OyflJ[data-square] {
1363
- --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1364
- }
1365
- .EmbeddedButton-module__hop-EmbeddedButton--md___7cQ-z {
1366
- --inline-size: var(--hop-EmbeddedButton-md-width);
1367
- --block-size: var(--hop-EmbeddedButton-md-height);
1368
- --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1369
- }
1370
- .EmbeddedButton-module__hop-EmbeddedButton--lg___pY8FD {
1371
- --inline-size: var(--hop-EmbeddedButton-lg-width);
1372
- --block-size: var(--hop-EmbeddedButton-lg-height);
1373
- --focus-ring-offset: 0;
1374
- }
1375
- .EmbeddedButton-module__hop-EmbeddedButton--md___7cQ-z::before {
1376
- --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1377
- --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1378
- }
1379
- .EmbeddedButton-module__hop-EmbeddedButton--lg___pY8FD::before {
1380
- --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1381
- --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1382
- }
1383
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-qPK3 {
1384
- --color: var(--hop-EmbeddedButton-neutral-color);
1385
- --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1386
- }
1387
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ecR-y {
1388
- --color: var(--hop-EmbeddedButton-subdued-color);
1389
- --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1390
- }
1391
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-pbCV {
1392
- --color: var(--hop-EmbeddedButton-progress-color);
1393
- --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1394
- }
1395
- .EmbeddedButton-module__hop-EmbeddedButton--positive___gdNhk {
1396
- --color: var(--hop-EmbeddedButton-positive-color);
1397
- --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1398
- }
1399
- .EmbeddedButton-module__hop-EmbeddedButton--caution___ZCpNF {
1400
- --color: var(--hop-EmbeddedButton-caution-color);
1401
- --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1402
- }
1403
- .EmbeddedButton-module__hop-EmbeddedButton--negative___GVTMz {
1404
- --color: var(--hop-EmbeddedButton-negative-color);
1405
- --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1406
- }
1407
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zFrop {
1408
- --color: var(--hop-EmbeddedButton-option1-color);
1409
- --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1410
- }
1411
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-80xY {
1412
- --color: var(--hop-EmbeddedButton-option2-color);
1413
- --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1414
- }
1415
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sLCcf {
1416
- --color: var(--hop-EmbeddedButton-option3-color);
1417
- --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1418
- }
1419
- .EmbeddedButton-module__hop-EmbeddedButton--option4___BHgJ2 {
1420
- --color: var(--hop-EmbeddedButton-option4-color);
1421
- --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1422
- }
1423
- .EmbeddedButton-module__hop-EmbeddedButton--option5___TnMgt {
1424
- --color: var(--hop-EmbeddedButton-option5-color);
1425
- --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1426
- }
1427
- .EmbeddedButton-module__hop-EmbeddedButton--option6___G5qjM {
1428
- --color: var(--hop-EmbeddedButton-option6-color);
1429
- --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1430
- }
1431
- .EmbeddedButton-module__hop-EmbeddedButton___OyflJ[data-selected] {
1432
- --color: var(--hop-EmbeddedButton-selected-color);
1433
- --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1434
- }
1435
- .EmbeddedButton-module__hop-EmbeddedButton___OyflJ[data-focus-visible] {
1436
- outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1437
- outline-offset: var(--focus-ring-offset);
1438
- }
1439
- .EmbeddedButton-module__hop-EmbeddedButton___OyflJ[data-disabled] {
1440
- cursor: not-allowed;
1441
- }
1442
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-qPK3[data-hovered] {
1443
- --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1444
- --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1445
- }
1446
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-qPK3[data-focus-visible] {
1447
- --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1448
- --color: var(--hop-EmbeddedButton-neutral-color-focused);
1449
- }
1450
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-qPK3[data-pressed] {
1451
- --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1452
- --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1453
- }
1454
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-qPK3[data-disabled] {
1455
- --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1456
- --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1457
- }
1458
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ecR-y[data-hovered] {
1459
- --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1460
- --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1461
- }
1462
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ecR-y[data-focus-visible] {
1463
- --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1464
- --color: var(--hop-EmbeddedButton-subdued-color-focused);
1465
- }
1466
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ecR-y[data-pressed] {
1467
- --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1468
- --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1469
- }
1470
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ecR-y[data-disabled] {
1471
- --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1472
- --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1473
- }
1474
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-pbCV[data-hovered] {
1475
- --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1476
- --color: var(--hop-EmbeddedButton-progress-color-hovered);
1477
- }
1478
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-pbCV[data-focus-visible] {
1479
- --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1480
- --color: var(--hop-EmbeddedButton-progress-color-focused);
1481
- }
1482
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-pbCV[data-pressed] {
1483
- --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1484
- --color: var(--hop-EmbeddedButton-progress-color-pressed);
1485
- }
1486
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-pbCV[data-disabled] {
1487
- --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1488
- --color: var(--hop-EmbeddedButton-progress-color-disabled);
1489
- }
1490
- .EmbeddedButton-module__hop-EmbeddedButton--positive___gdNhk[data-hovered] {
1491
- --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1492
- --color: var(--hop-EmbeddedButton-positive-color-hovered);
1493
- }
1494
- .EmbeddedButton-module__hop-EmbeddedButton--positive___gdNhk[data-focus-visible] {
1495
- --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1496
- --color: var(--hop-EmbeddedButton-positive-color-focused);
1497
- }
1498
- .EmbeddedButton-module__hop-EmbeddedButton--positive___gdNhk[data-pressed] {
1499
- --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1500
- --color: var(--hop-EmbeddedButton-positive-color-pressed);
1501
- }
1502
- .EmbeddedButton-module__hop-EmbeddedButton--positive___gdNhk[data-disabled] {
1503
- --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1504
- --color: var(--hop-EmbeddedButton-positive-color-disabled);
1505
- }
1506
- .EmbeddedButton-module__hop-EmbeddedButton--caution___ZCpNF[data-hovered] {
1507
- --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1508
- --color: var(--hop-EmbeddedButton-caution-color-hovered);
1509
- }
1510
- .EmbeddedButton-module__hop-EmbeddedButton--caution___ZCpNF[data-focus-visible] {
1511
- --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1512
- --color: var(--hop-EmbeddedButton-caution-color-focused);
1513
- }
1514
- .EmbeddedButton-module__hop-EmbeddedButton--caution___ZCpNF[data-pressed] {
1515
- --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1516
- --color: var(--hop-EmbeddedButton-caution-color-pressed);
1517
- }
1518
- .EmbeddedButton-module__hop-EmbeddedButton--caution___ZCpNF[data-disabled] {
1519
- --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1520
- --color: var(--hop-EmbeddedButton-caution-color-disabled);
1521
- }
1522
- .EmbeddedButton-module__hop-EmbeddedButton--negative___GVTMz[data-hovered] {
1523
- --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1524
- --color: var(--hop-EmbeddedButton-negative-color-hovered);
1525
- }
1526
- .EmbeddedButton-module__hop-EmbeddedButton--negative___GVTMz[data-focus-visible] {
1527
- --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1528
- --color: var(--hop-EmbeddedButton-negative-color-focused);
1529
- }
1530
- .EmbeddedButton-module__hop-EmbeddedButton--negative___GVTMz[data-pressed] {
1531
- --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1532
- --color: var(--hop-EmbeddedButton-negative-color-pressed);
1533
- }
1534
- .EmbeddedButton-module__hop-EmbeddedButton--negative___GVTMz[data-disabled] {
1535
- --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1536
- --color: var(--hop-EmbeddedButton-negative-color-disabled);
1537
- }
1538
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zFrop[data-hovered] {
1539
- --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1540
- --color: var(--hop-EmbeddedButton-option1-color-hovered);
1541
- }
1542
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zFrop[data-focus-visible] {
1543
- --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1544
- --color: var(--hop-EmbeddedButton-option1-color-focused);
1545
- }
1546
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zFrop[data-pressed] {
1547
- --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1548
- --color: var(--hop-EmbeddedButton-option1-color-pressed);
1549
- }
1550
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zFrop[data-disabled] {
1551
- --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1552
- --color: var(--hop-EmbeddedButton-option1-color-disabled);
1553
- }
1554
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-80xY[data-hovered] {
1555
- --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1556
- --color: var(--hop-EmbeddedButton-option2-color-hovered);
1557
- }
1558
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-80xY[data-focus-visible] {
1559
- --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1560
- --color: var(--hop-EmbeddedButton-option2-color-focused);
1561
- }
1562
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-80xY[data-pressed] {
1563
- --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1564
- --color: var(--hop-EmbeddedButton-option2-color-pressed);
1565
- }
1566
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-80xY[data-disabled] {
1567
- --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1568
- --color: var(--hop-EmbeddedButton-option2-color-disabled);
1569
- }
1570
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sLCcf[data-hovered] {
1571
- --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1572
- --color: var(--hop-EmbeddedButton-option3-color-hovered);
1573
- }
1574
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sLCcf[data-focus-visible] {
1575
- --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1576
- --color: var(--hop-EmbeddedButton-option3-color-focused);
1577
- }
1578
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sLCcf[data-pressed] {
1579
- --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1580
- --color: var(--hop-EmbeddedButton-option3-color-pressed);
1581
- }
1582
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sLCcf[data-disabled] {
1583
- --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1584
- --color: var(--hop-EmbeddedButton-option3-color-disabled);
1585
- }
1586
- .EmbeddedButton-module__hop-EmbeddedButton--option4___BHgJ2[data-hovered] {
1587
- --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1588
- --color: var(--hop-EmbeddedButton-option4-color-hovered);
1589
- }
1590
- .EmbeddedButton-module__hop-EmbeddedButton--option4___BHgJ2[data-focus-visible] {
1591
- --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1592
- --color: var(--hop-EmbeddedButton-option4-color-focused);
1593
- }
1594
- .EmbeddedButton-module__hop-EmbeddedButton--option4___BHgJ2[data-pressed] {
1595
- --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1596
- --color: var(--hop-EmbeddedButton-option4-color-pressed);
1597
- }
1598
- .EmbeddedButton-module__hop-EmbeddedButton--option4___BHgJ2[data-disabled] {
1599
- --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1600
- --color: var(--hop-EmbeddedButton-option4-color-disabled);
1601
- }
1602
- .EmbeddedButton-module__hop-EmbeddedButton--option5___TnMgt[data-hovered] {
1603
- --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1604
- --color: var(--hop-EmbeddedButton-option5-color-hovered);
1605
- }
1606
- .EmbeddedButton-module__hop-EmbeddedButton--option5___TnMgt[data-focus-visible] {
1607
- --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1608
- --color: var(--hop-EmbeddedButton-option5-color-focused);
1609
- }
1610
- .EmbeddedButton-module__hop-EmbeddedButton--option5___TnMgt[data-pressed] {
1611
- --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1612
- --color: var(--hop-EmbeddedButton-option5-color-pressed);
1613
- }
1614
- .EmbeddedButton-module__hop-EmbeddedButton--option5___TnMgt[data-disabled] {
1615
- --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1616
- --color: var(--hop-EmbeddedButton-option5-color-disabled);
1617
- }
1618
- .EmbeddedButton-module__hop-EmbeddedButton--option6___G5qjM[data-hovered] {
1619
- --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1620
- --color: var(--hop-EmbeddedButton-option6-color-hovered);
1621
- }
1622
- .EmbeddedButton-module__hop-EmbeddedButton--option6___G5qjM[data-focus-visible] {
1623
- --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1624
- --color: var(--hop-EmbeddedButton-option6-color-focused);
1625
- }
1626
- .EmbeddedButton-module__hop-EmbeddedButton--option6___G5qjM[data-pressed] {
1627
- --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1628
- --color: var(--hop-EmbeddedButton-option6-color-pressed);
1629
- }
1630
- .EmbeddedButton-module__hop-EmbeddedButton--option6___G5qjM[data-disabled] {
1631
- --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1632
- --color: var(--hop-EmbeddedButton-option6-color-disabled);
1633
- }
1634
- .EmbeddedButton-module__hop-EmbeddedButton__icon___ti04X {
1635
- position: relative;
1636
- }
1637
-
1638
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1639
- button.CloseButton-module__hop-CloseButton___ovYQF {
1640
- --hop-CloseButton-margin-top: 0rem;
1641
- --hop-CloseButton-padding: 0rem;
1642
- --hop-CloseButton-width: fit-content;
1643
- --hop-CloseButton-height: fit-content;
1644
- inline-size: var(--hop-CloseButton-width);
1645
- block-size: var(--hop-CloseButton-height);
1646
- margin-block-start: var(--hop-CloseButton-margin-top);
1647
- padding: var(--hop-CloseButton-padding);
1648
- }
1649
-
1650
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1651
- .Button-module__hop-Button___sYLWn {
1652
- --hop-Button-border-radius: var(--hop-shape-rounded-md);
1653
- --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1654
- --hop-Button-column-gap: var(--hop-space-inline-xs);
1655
- --hop-Button-icon-only-column-gap: 0;
1656
- --hop-Button-outline-size: var(--hop-space-20);
1657
- --hop-Button-border-size: var(--hop-space-10);
1658
- --hop-Button-text-underline-offset: var(--hop-space-20);
1659
- --hop-Button-icon-only-padding: 0;
1660
- --hop-Button-sm-height: 2rem;
1661
- --hop-Button-md-height: 2.5rem;
1662
- --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
1663
- --hop-Button-md-padding: 0 var(--hop-space-inset-md);
1664
- --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1665
- --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1666
- --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
1667
- --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
1668
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
1669
- --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
1670
- --hop-Button-ghost-background-color-disabled: transparent;
1671
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
1672
- --hop-Button-primary-color: var(--hop-primary-text-strong);
1673
- --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
1674
- --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
1675
- --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
1676
- --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1677
- --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1678
- --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
1679
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
1680
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
1681
- --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1682
- --hop-Button-secondary-color: var(--hop-neutral-text);
1683
- --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
1684
- --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
1685
- --hop-Button-secondary-background-color: var(--hop-neutral-surface);
1686
- --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1687
- --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1688
- --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1689
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
1690
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1691
- --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1692
- --hop-Button-upsell-color: var(--hop-upsell-text);
1693
- --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
1694
- --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
1695
- --hop-Button-upsell-background-color: var(--hop-upsell-surface);
1696
- --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
1697
- --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
1698
- --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
1699
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
1700
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
1701
- --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1702
- --hop-Button-danger-color: var(--hop-danger-text-strong);
1703
- --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
1704
- --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
1705
- --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
1706
- --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1707
- --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
1708
- --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
1709
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
1710
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
1711
- --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1712
- --hop-Button-ghost-primary-color: var(--hop-primary-text);
1713
- --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
1714
- --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
1715
- --hop-Button-ghost-primary-background-color: transparent;
1716
- --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1717
- --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1718
- --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
1719
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
1720
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
1721
- --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1722
- --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
1723
- --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1724
- --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1725
- --hop-Button-ghost-secondary-background-color: transparent;
1726
- --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1727
- --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1728
- --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
1729
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
1730
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
1731
- --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1732
- --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
1733
- --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
1734
- --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
1735
- --hop-Button-ghost-danger-background-color: transparent;
1736
- --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1737
- --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1738
- --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
1739
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
1740
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
1741
- --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1742
- --inline-size: max-content;
1743
- --block-size: var(--hop-Button-md-height);
1744
- --background-color: var(--hop-primary-surface-strong);
1745
- --color: var(--hop-primary-text-strong);
1746
- --column-gap: var(--hop-Button-column-gap);
1747
- --spinner: var(--hop-primary-icon-strong);
1748
- --border: 0;
1749
- --padding: var(--hop-Button-md-padding);
1750
- --text-underline: none;
1751
- cursor: pointer;
1752
- position: relative;
1753
- overflow: hidden;
1754
- display: flex;
1755
- column-gap: var(--column-gap);
1756
- align-items: center;
1757
- justify-content: center;
1758
- box-sizing: border-box;
1759
- inline-size: var(--inline-size);
1760
- block-size: var(--block-size);
1761
- padding: var(--padding);
1762
- color: var(--color);
1763
- text-decoration: none;
1764
- white-space: nowrap;
1765
- background-color: var(--background-color);
1766
- border: var(--border);
1767
- border-radius: var(--hop-Button-border-radius);
1768
- outline: none;
1769
- outline-offset: var(--hop-Button-outline-size);
1770
- transition:
1771
- color var(--hop-easing-duration-2) var(--hop-easing-productive),
1772
- background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1773
- border var(--hop-easing-duration-2) var(--hop-easing-productive);
1774
- }
1775
- .Button-module__hop-Button--fluid___le0PW {
1776
- --inline-size: 100%;
1777
- }
1778
- .Button-module__hop-Button--sm___8595A {
1779
- --block-size: var(--hop-Button-sm-height);
1780
- --padding: var(--hop-Button-sm-padding);
1781
- }
1782
- .Button-module__hop-Button--sm___8595A[class*=--ghost] {
1783
- --padding: var(--hop-Button-ghost-sm-padding);
1784
- }
1785
- .Button-module__hop-Button--md___NsbEQ[class*=--ghost] {
1786
- --padding: var(--hop-Button-ghost-md-padding);
1787
- }
1788
- .Button-module__hop-Button--icon-only___2f-Pe {
1789
- --column-gap: var(--hop-Button-icon-only-column-gap);
1790
- --padding: var(--hop-Button-icon-only-padding);
1791
- aspect-ratio: 1;
1792
- }
1793
- .Button-module__hop-Button--primary___Qo6ZF {
1794
- --background-color: var(--hop-Button-primary-background-color);
1795
- --color: var(--hop-Button-primary-color);
1796
- --border: var(--hop-Button-primary-border);
1797
- --spinner-color: var(--hop-Button-primary-spinner-color);
1798
- }
1799
- .Button-module__hop-Button--primary___Qo6ZF[data-hovered],
1800
- .Button-module__hop-Button--primary___Qo6ZF[data-focus-visible] {
1801
- --background-color: var(--hop-Button-primary-background-color-hover);
1802
- --color: var(--hop-Button-primary-color-hover);
1803
- --border: var(--hop-Button-primary-border-hover);
1804
- }
1805
- .Button-module__hop-Button--primary___Qo6ZF[data-pressed] {
1806
- --background-color: var(--hop-Button-primary-background-color-pressed);
1807
- --color: var(--hop-Button-primary-color-pressed);
1808
- --border: var(--hop-Button-primary-border-pressed);
1809
- }
1810
- .Button-module__hop-Button--secondary___TRVhJ {
1811
- --background-color: var(--hop-Button-secondary-background-color);
1812
- --color: var(--hop-Button-secondary-color);
1813
- --border: var(--hop-Button-secondary-border);
1814
- --spinner-color: var(--hop-Button-secondary-spinner-color);
1815
- }
1816
- .Button-module__hop-Button--secondary___TRVhJ[data-hovered],
1817
- .Button-module__hop-Button--secondary___TRVhJ[data-focus-visible] {
1818
- --background-color: var(--hop-Button-secondary-background-color-hover);
1819
- --color: var(--hop-Button-secondary-color-hover);
1820
- --border: var(--hop-Button-secondary-border-hover);
1821
- }
1822
- .Button-module__hop-Button--secondary___TRVhJ[data-pressed] {
1823
- --background-color: var(--hop-Button-secondary-background-color-pressed);
1824
- --color: var(--hop-Button-secondary-color-pressed);
1825
- --border: var(--hop-Button-secondary-border-pressed);
1826
- }
1827
- .Button-module__hop-Button--upsell___A9KCV {
1828
- --background-color: var(--hop-Button-upsell-background-color);
1829
- --color: var(--hop-Button-upsell-color);
1830
- --border: var(--hop-Button-upsell-border);
1831
- --spinner-color: var(--hop-Button-upsell-spinner-color);
1832
- }
1833
- .Button-module__hop-Button--upsell___A9KCV[data-hovered],
1834
- .Button-module__hop-Button--upsell___A9KCV[data-focus-visible] {
1835
- --background-color: var(--hop-Button-upsell-background-color-hover);
1836
- --color: var(--hop-Button-upsell-color-hover);
1837
- --border: var(--hop-Button-upsell-border-hover);
1838
- }
1839
- .Button-module__hop-Button--upsell___A9KCV[data-pressed] {
1840
- --background-color: var(--hop-Button-upsell-background-color-pressed);
1841
- --color: var(--hop-Button-upsell-color-pressed);
1842
- --border: var(--hop-Button-upsell-border-pressed);
1843
- }
1844
- .Button-module__hop-Button--danger___MmFni {
1845
- --background-color: var(--hop-Button-danger-background-color);
1846
- --color: var(--hop-Button-danger-color);
1847
- --border: var(--hop-Button-danger-border);
1848
- --spinner-color: var(--hop-Button-danger-spinner-color);
1849
- }
1850
- .Button-module__hop-Button--danger___MmFni[data-hovered],
1851
- .Button-module__hop-Button--danger___MmFni[data-focus-visible] {
1852
- --background-color: var(--hop-Button-danger-background-color-hover);
1853
- --color: var(--hop-Button-danger-color-hover);
1854
- --border: var(--hop-Button-danger-border-hover);
1855
- }
1856
- .Button-module__hop-Button--danger___MmFni[data-pressed] {
1857
- --background-color: var(--hop-Button-danger-background-color-pressed);
1858
- --color: var(--hop-Button-danger-color-pressed);
1859
- --border: var(--hop-Button-danger-border-pressed);
1860
- }
1861
- .Button-module__hop-Button--ghost-primary___NPZcY {
1862
- --background-color: var(--hop-Button-ghost-primary-background-color);
1863
- --color: var(--hop-Button-ghost-primary-color);
1864
- --border: var(--hop-Button-ghost-primary-border);
1865
- --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1866
- }
1867
- .Button-module__hop-Button--ghost-primary___NPZcY[data-hovered],
1868
- .Button-module__hop-Button--ghost-primary___NPZcY[data-focus-visible] {
1869
- --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1870
- --color: var(--hop-Button-ghost-primary-color-hover);
1871
- --border: var(--hop-Button-ghost-primary-border-hover);
1872
- --text-underline: underline;
1873
- }
1874
- .Button-module__hop-Button--ghost-primary___NPZcY[data-pressed] {
1875
- --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1876
- --color: var(--hop-Button-ghost-primary-color-pressed);
1877
- --border: var(--hop-Button-ghost-primary-border-pressed);
1878
- --text-underline: underline;
1879
- }
1880
- .Button-module__hop-Button--ghost-secondary___AUKTq {
1881
- --background-color: var(--hop-Button-ghost-secondary-background-color);
1882
- --color: var(--hop-Button-ghost-secondary-color);
1883
- --border: var(--hop-Button-ghost-secondary-border);
1884
- --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1885
- }
1886
- .Button-module__hop-Button--ghost-secondary___AUKTq[data-hovered],
1887
- .Button-module__hop-Button--ghost-secondary___AUKTq[data-focus-visible] {
1888
- --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1889
- --color: var(--hop-Button-ghost-secondary-color-hover);
1890
- --border: var(--hop-Button-ghost-secondary-border-hover);
1891
- --text-underline: underline;
1892
- }
1893
- .Button-module__hop-Button--ghost-secondary___AUKTq[data-pressed] {
1894
- --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1895
- --color: var(--hop-Button-ghost-secondary-color-pressed);
1896
- --border: var(--hop-Button-ghost-secondary-border-pressed);
1897
- --text-underline: underline;
1898
- }
1899
- .Button-module__hop-Button--ghost-danger___MUIjw {
1900
- --background-color: var(--hop-Button-ghost-danger-background-color);
1901
- --color: var(--hop-Button-ghost-danger-color);
1902
- --border: var(--hop-Button-ghost-danger-border);
1903
- --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1904
- }
1905
- .Button-module__hop-Button--ghost-danger___MUIjw[data-hovered],
1906
- .Button-module__hop-Button--ghost-danger___MUIjw[data-focus-visible] {
1907
- --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1908
- --color: var(--hop-Button-ghost-danger-color-hover);
1909
- --border: var(--hop-Button-ghost-danger-border-hover);
1910
- --text-underline: underline;
1911
- }
1912
- .Button-module__hop-Button--ghost-danger___MUIjw[data-pressed] {
1913
- --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1914
- --color: var(--hop-Button-ghost-danger-color-pressed);
1915
- --border: var(--hop-Button-ghost-danger-border-pressed);
1916
- --text-underline: underline;
1917
- }
1918
- .Button-module__hop-Button___sYLWn[data-focus-visible] {
1919
- outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1920
- }
1921
- .Button-module__hop-Button___sYLWn[data-disabled],
1922
- .Button-module__hop-Button--loading___kTzFh {
1923
- cursor: not-allowed;
1924
- }
1925
- .Button-module__hop-Button___sYLWn[data-disabled] {
1926
- --background-color: var(--hop-Button-background-color-disabled);
1927
- --color: var(--hop-Button-color-disabled);
1928
- --border: var(--hop-Button-border-disabled);
1929
- }
1930
- .Button-module__hop-Button___sYLWn[class*=--ghost][data-disabled] {
1931
- --background-color: var(--hop-Button-ghost-background-color-disabled);
1932
- --color: var(--hop-Button-ghost-color-disabled);
1933
- --border: var(--hop-Button-ghost-border-disabled);
1934
- }
1935
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--primary___Qo6ZF {
1936
- --background-color: var(--hop-Button-primary-background-color);
1937
- --color: var(--hop-Button-primary-color);
1938
- --border: var(--hop-Button-primary-border);
1939
- }
1940
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--secondary___TRVhJ {
1941
- --background-color: var(--hop-Button-secondary-background-color);
1942
- --color: var(--hop-Button-secondary-color);
1943
- --border: var(--hop-Button-secondary-border);
1944
- }
1945
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--upsell___A9KCV {
1946
- --background-color: var(--hop-Button-upsell-background-color);
1947
- --color: var(--hop-Button-upsell-color);
1948
- --border: var(--hop-Button-upsell-border);
1949
- }
1950
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--danger___MmFni {
1951
- --background-color: var(--hop-Button-danger-background-color);
1952
- --color: var(--hop-Button-danger-color);
1953
- --border: var(--hop-Button-danger-border);
1954
- }
1955
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--ghost-primary___NPZcY {
1956
- --background-color: var(--hop-Button-ghost-primary-background-color);
1957
- --color: var(--hop-Button-ghost-primary-color);
1958
- --border: var(--hop-Button-ghost-primary-border);
1959
- --text-underline: none;
1960
- }
1961
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--ghost-secondary___AUKTq {
1962
- --background-color: var(--hop-Button-ghost-secondary-background-color);
1963
- --color: var(--hop-Button-ghost-secondary-color);
1964
- --border: var(--hop-Button-ghost-secondary-border);
1965
- --text-underline: none;
1966
- }
1967
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--ghost-danger___MUIjw {
1968
- --background-color: var(--hop-Button-ghost-danger-background-color);
1969
- --color: var(--hop-Button-ghost-danger-color);
1970
- --border: var(--hop-Button-ghost-danger-border);
1971
- --text-underline: none;
1972
- }
1973
- .Button-module__hop-Button__Spinner___iTYDZ {
1974
- position: absolute;
1975
- color: var(--spinner-color);
1976
- }
1977
- .Button-module__hop-Button__icon___SSkg4,
1978
- .Button-module__hop-Button__icon-list___HST1q {
1979
- flex: 0 0 auto;
1980
- justify-self: end;
1981
- order: 1;
1982
- }
1983
- .Button-module__hop-Button__text___3imcm {
1984
- user-select: none;
1985
- overflow: visible;
1986
- flex: 0 1 auto;
1987
- order: 2;
1988
- font-weight: var(--hop-font-weight-505);
1989
- text-decoration: var(--text-underline);
1990
- text-underline-offset: 0.125rem;
1991
- text-wrap: nowrap;
1992
- }
1993
- .Button-module__hop-Button__end-icon___wS0XC,
1994
- .Button-module__hop-Button__end-icon-list___-tH4t {
1995
- flex: 0 0 auto;
1996
- order: 3;
1997
- }
1998
- .Button-module__hop-Button___sYLWn .Button-module__hop-Button__icon-list___HST1q,
1999
- .Button-module__hop-Button___sYLWn .Button-module__hop-Button__end-icon-list___-tH4t {
2000
- flex-wrap: nowrap;
2001
- }
2002
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button___sYLWn > *:not(.Button-module__hop-Button__Spinner___iTYDZ) {
2003
- opacity: 0;
2004
- }
2005
- .LinkButton-module__hop-LinkButton___Rh0za {
2006
- }
2007
- .LinkButton-module__hop-LinkButton--fluid___rXThG {
2008
- }
2009
- .LinkButton-module__hop-LinkButton--sm___oJnnt {
2010
- }
2011
- .LinkButton-module__hop-LinkButton--icon-only___a0No3 {
2012
- }
2013
- .LinkButton-module__hop-LinkButton--primary___LtQba {
2014
- }
2015
- .LinkButton-module__hop-LinkButton--secondary___IPCoY {
2016
- }
2017
- .LinkButton-module__hop-LinkButton--upsell___yDeHo {
2018
- }
2019
- .LinkButton-module__hop-LinkButton--danger___l05MF {
2020
- }
2021
- .LinkButton-module__hop-LinkButton--ghost-primary___cwUVt {
2022
- }
2023
- .LinkButton-module__hop-LinkButton--ghost-secondary___AyvCr {
2024
- }
2025
- .LinkButton-module__hop-LinkButton--ghost-danger___Hv5-C {
2026
- }
2027
- .LinkButton-module__hop-LinkButton__Spinner___ioE74 {
2028
- }
2029
- .LinkButton-module__hop-LinkButton__icon___diVGG,
2030
- .LinkButton-module__hop-LinkButton__icon-list___lIVLO {
2031
- }
2032
- .LinkButton-module__hop-LinkButton__text___Ec61H {
2033
- }
2034
- .LinkButton-module__hop-LinkButton__end-icon___l5DMY,
2035
- .LinkButton-module__hop-LinkButton__end-icon-list___zzVJ- {
2036
- }
2037
- .LinkButton-module__hop-LinkButton___Rh0za .LinkButton-module__hop-LinkButton__icon-list___lIVLO,
2038
- .LinkButton-module__hop-LinkButton___Rh0za .LinkButton-module__hop-LinkButton__end-icon-list___zzVJ- {
2039
- flex-wrap: nowrap;
2040
- }
2041
-
2042
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2043
- .PasswordField-module__hop-PasswordField___meZvX {
2044
- --hop-PasswordField-gap: var(--hop-space-stack-xs);
2045
- --hop-PasswordField-inline-size: 20rem;
2046
- --hop-PasswordField-input-group-padding-inline-end: 0.5rem;
2047
- --inline-size: var(--hop-PasswordField-inline-size);
2048
- display: flex;
2049
- flex-direction: column;
2050
- gap: var(--hop-PasswordField-gap);
2051
- inline-size: var(--inline-size);
2052
- max-inline-size: 100%;
2053
- }
2054
- .PasswordField-module__hop-PasswordField--fluid___M-lbS {
2055
- --inline-size: 100%;
2056
- }
2057
- .PasswordField-module__hop-PasswordField__Label___3SyU- {
2058
- order: 0;
2059
- }
2060
- .PasswordField-module__hop-PasswordField__InputGroup___R3wx7 {
2061
- order: 1;
2062
- padding-inline-end: var(--hop-PasswordField-input-group-padding-inline-end);
2063
- }
2064
- .PasswordField-module__hop-PasswordField__ErrorMessage___8cwBz,
2065
- .PasswordField-module__hop-PasswordField__HelperMessage___DFyBz {
2066
- order: 3;
2067
- }
2068
-
2069
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
2070
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___eIza7 {
2071
- --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
2072
- --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
2073
- --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
2074
- --char-count-color: var(--hop-RemainingCharacterCount-color);
2075
- color: var(--char-count-color);
2076
- }
2077
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___eIza7[data-invalid] {
2078
- --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
2079
- }
2080
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___eIza7[data-disabled] {
2081
- --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
2082
- }
2083
-
2084
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2085
- .SearchField-module__hop-SearchField___OEB7W {
2086
- --hop-SearchField-gap: var(--hop-space-stack-xs);
2087
- --hop-SearchField-inline-size: 20rem;
2088
- --hop-SearchField-color: var(--hop-neutral-text-weak);
2089
- --hop-SearchField-padding: var(--hop-space-inset-md);
2090
- --inline-size: var(--hop-SearchField-inline-size);
2091
- --input-group-padding-inline-end: var(--hop-SearchField-padding);
2092
- --input-group-padding-inline-start: var(--hop-SearchField-padding);
2093
- --clear-button-display: flex;
2094
- display: flex;
2095
- flex-direction: column;
2096
- gap: var(--hop-SearchField-gap);
2097
- inline-size: var(--inline-size);
2098
- max-inline-size: 100%;
2099
- }
2100
- .SearchField-module__hop-SearchField--fluid___mk2K6 {
2101
- --inline-size: 100%;
2102
- }
2103
- .SearchField-module__hop-SearchField__Label___5kPsH {
2104
- order: 0;
2105
- }
2106
- .SearchField-module__hop-SearchField__prefix___y4C8w {
2107
- color: var(--hop-SearchField-color);
2108
- }
2109
- .SearchField-module__hop-SearchField__InputGroup___XO0iU {
2110
- order: 1;
2111
- padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2112
- }
2113
- .SearchField-module__hop-SearchField--clearable___6Zp2E {
2114
- --input-group-padding-inline-end: 0;
2115
- }
2116
- .SearchField-module__hop-SearchField__ErrorMessage___iTpOj,
2117
- .SearchField-module__hop-SearchField__HelperMessage___jeq86 {
2118
- order: 3;
2119
- }
2120
- .SearchField-module__hop-SearchField___OEB7W input::-webkit-search-cancel-button,
2121
- .SearchField-module__hop-SearchField___OEB7W input::-webkit-search-decoration {
2122
- appearance: none;
2123
- }
2124
- .SearchField-module__hop-SearchField___OEB7W[data-empty] {
2125
- --clear-button-display: none;
2126
- }
2127
- .SearchField-module__hop-SearchField__ClearButton___RSWY3 {
2128
- display: var(--clear-button-display);
2129
- }
2130
-
2131
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2132
- .TextArea-module__hop-TextArea___Qsh71 {
2133
- --hop-TextArea-gap: var(--hop-space-stack-xs);
2134
- --hop-TextArea-inline-size: 20rem;
2135
- --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
2136
- --hop-TextArea-input-min-height: 2rem;
2137
- --hop-TextArea-sm-font-family: var(--hop-body-sm-font-family);
2138
- --hop-TextArea-sm-font-size: var(--hop-body-sm-font-size);
2139
- --hop-TextArea-sm-font-weight: var(--hop-body-sm-font-weight);
2140
- --hop-TextArea-sm-line-height: var(--hop-body-sm-line-height);
2141
- --hop-TextArea-md-font-family: var(--hop-body-md-font-family);
2142
- --hop-TextArea-md-font-size: var(--hop-body-md-font-size);
2143
- --hop-TextArea-md-font-weight: var(--hop-body-md-font-weight);
2144
- --hop-TextArea-md-line-height: var(--hop-body-md-line-height);
2145
- --hop-TextArea-color-disabled: var(--hop-neutral-text-disabled);
2146
- --hop-TextArea-placeholder-color: var(--hop-neutral-text-weakest);
2147
- --hop-TextArea-placeholder-color-disabled: var(--hop-neutral-text-disabled);
2148
- --inline-size: var(--hop-TextArea-inline-size);
2149
- --resize: none;
2150
- --input-placeholder-color: var(--hop-TextArea-placeholder-color);
2151
- --font-family: var(--hop-TextArea-md-font-family);
2152
- --font-size: var(--hop-TextArea-md-font-size);
2153
- --font-weight: var(--hop-TextArea-md-font-weight);
2154
- --line-height: var(--hop-TextArea-md-line-height);
2155
- --block-size: var(--hop-TextArea-md-block-size);
2156
- display: flex;
2157
- flex-direction: column;
2158
- gap: var(--hop-TextArea-gap);
2159
- inline-size: var(--inline-size);
2160
- max-inline-size: 100%;
2161
- }
2162
- .TextArea-module__hop-TextArea--fluid___7SWqE {
2163
- --inline-size: 100%;
2164
- }
2165
- .TextArea-module__hop-TextArea___Qsh71[data-resize-mode=vertical] {
2166
- --resize: vertical;
2167
- }
2168
- .TextArea-module__hop-TextArea__Label___Kuzq6 {
2169
- order: 0;
2170
- }
2171
- .TextArea-module__hop-TextArea__prefix___5REz9 {
2172
- color: var(--hop-TextArea-prefix-color);
2173
- }
2174
- .TextArea-module__hop-TextArea__RemainingCharacterCount___4GEjF {
2175
- padding-block-end: var(--hop-space-inset-sm);
2176
- padding-inline: var(--hop-space-inset-md);
2177
- }
2178
- .TextArea-module__hop-TextArea__InputGroup___TqTwm {
2179
- flex-direction: column;
2180
- gap: 0;
2181
- align-items: flex-end;
2182
- order: 1;
2183
- padding: 0;
2184
- }
2185
- .TextArea-module__hop-TextArea__ErrorMessage___lFNa7,
2186
- .TextArea-module__hop-TextArea__HelperMessage___bWUTs {
2187
- order: 3;
2188
- }
2189
- .TextArea-module__hop-TextArea__textarea___Bv5-p {
2190
- resize: var(--resize);
2191
- overflow: hidden;
2192
- flex-direction: column;
2193
- flex-grow: 1;
2194
- flex-shrink: 1;
2195
- gap: 0;
2196
- align-items: flex-end;
2197
- box-sizing: border-box;
2198
- inline-size: 100%;
2199
- min-inline-size: 0;
2200
- block-size: auto;
2201
- min-block-size: 0;
2202
- padding: var(--hop-space-inset-sm) var(--hop-space-inset-md);
2203
- font-family: var(--font-family);
2204
- font-size: var(--font-size);
2205
- font-weight: var(--font-weight);
2206
- line-height: var(--line-height);
2207
- color: inherit;
2208
- background-color: transparent;
2209
- border: 0;
2210
- outline-style: none;
2211
- }
2212
- .TextArea-module__hop-TextArea__textarea--with-character-count___5Rwxa {
2213
- padding-block-end: 0;
2214
- }
2215
- .TextArea-module__hop-TextArea__textarea--sm___IK8K9 {
2216
- --font-family: var(--hop-TextArea-sm-font-family);
2217
- --font-size: var(--hop-TextArea-sm-font-size);
2218
- --font-weight: var(--hop-TextArea-sm-font-weight);
2219
- --line-height: var(--hop-TextArea-sm-line-height);
2220
- }
2221
- .TextArea-module__hop-TextArea__textarea___Bv5-p::placeholder {
2222
- font-family: var(--hop-TextArea-placeholder-font-family);
2223
- font-size: var(--hop-TextArea-placeholder-font-size);
2224
- font-weight: var(--hop-TextArea-placeholder-font-weight);
2225
- line-height: var(--hop-TextArea-placeholder-line-height);
2226
- color: var(--input-placeholder-color);
2227
- }
2228
- .TextArea-module__hop-TextArea__textarea___Bv5-p[data-disabled] {
2229
- --input-placeholder-color: var(--hop-TextArea-placeholder-color-disabled);
2230
- color: var(--hop-TextArea-color-disabled);
2231
- }
2232
-
2233
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2234
- .TextField-module__hop-TextField___YdMT4 {
2235
- --hop-TextField-gap: var(--hop-space-stack-xs);
2236
- --hop-TextField-inline-size: 20rem;
2237
- --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
2238
- --inline-size: var(--hop-TextField-inline-size);
2239
- display: flex;
2240
- flex-direction: column;
2241
- gap: var(--hop-TextField-gap);
2242
- inline-size: var(--inline-size);
2243
- max-inline-size: 100%;
2244
- }
2245
- .TextField-module__hop-TextField--fluid___tn7CH {
2246
- --inline-size: 100%;
2247
- }
2248
- .TextField-module__hop-TextField__Label___jjN4A {
2249
- order: 0;
2250
- }
2251
- .TextField-module__hop-TextField__prefix___QDu2v {
2252
- color: var(--hop-TextField-prefix-color);
2253
- }
2254
- .TextField-module__hop-TextField__InputGroup___LohNQ {
2255
- order: 1;
2256
- }
2257
- .TextField-module__hop-TextField__ErrorMessage___MYYEQ,
2258
- .TextField-module__hop-TextField__HelperMessage___4Dnq6 {
2259
- order: 3;
2260
- }
2261
-
2262
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
2263
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___w-4cv {
2264
- --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
2265
- --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
2266
- --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
2267
- --hop-RichIconAvatarImage-xs-size: 1rem;
2268
- --hop-RichIconAvatarImage-icon-xs-size: 1rem;
2269
- --hop-RichIconAvatarImage-sm-size: 1.5rem;
2270
- --hop-RichIconAvatarImage-icon-sm-size: 1.5rem;
2271
- --hop-RichIconAvatarImage-md-size: 2rem;
2272
- --hop-RichIconAvatarImage-icon-md-size: 2rem;
2273
- --hop-RichIconAvatarImage-lg-size: 3rem;
2274
- --hop-RichIconAvatarImage-icon-lg-size: 3rem;
2275
- --hop-RichIconAvatarImage-xl-size: 4rem;
2276
- --hop-RichIconAvatarImage-icon-xl-size: 4rem;
2277
- --hop-RichIconAvatarImage-2xl-size: 6rem;
2278
- --hop-RichIconAvatarImage-icon-2xl-size: 4rem;
2279
- --hop-RichIconAvatarImage-background-color-disabled: var(--hop-neutral-surface-disabled);
2280
- --hop-RichIconAvatarImage-icon-color-disabled: var(--hop-neutral-icon-disabled);
2281
- --background-color: var(--hop-RichIconAvatarImage-background-color);
2282
- user-select: none;
2283
- position: relative;
2284
- overflow: hidden;
2285
- display: flex;
2286
- align-items: center;
2287
- justify-content: center;
2288
- inline-size: var(--size, var(--hop-RichIconAvatarImage-md-size));
2289
- block-size: var(--size, var(--hop-RichIconAvatarImage-md-size));
2290
- color: var(--hop-RichIconAvatarImage-icon-color);
2291
- background-color: var(--background-color);
2292
- border-radius: var(--hop-RichIconAvatarImage-border-radius);
2293
- }
2294
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___-YCSt {
2295
- --size: var(--hop-RichIconAvatarImage-xs-size);
2296
- --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
2297
- }
2298
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___kKx-Y {
2299
- --size: var(--hop-RichIconAvatarImage-sm-size);
2300
- --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
2301
- }
2302
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___EKvy3 {
2303
- --size: var(--hop-RichIconAvatarImage-md-size);
2304
- --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
2305
- }
2306
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___fqcPe {
2307
- --size: var(--hop-RichIconAvatarImage-lg-size);
2308
- --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
2309
- }
2310
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___wpIGK {
2311
- --size: var(--hop-RichIconAvatarImage-xl-size);
2312
- --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
2313
- }
2314
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___ddhaJ {
2315
- --size: var(--hop-RichIconAvatarImage-2xl-size);
2316
- --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
2317
- }
2318
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___w-4cv[data-disabled] {
2319
- --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
2320
- }
2321
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___IUfM5 {
2322
- position: relative;
2323
- display: block;
2324
- inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2325
- block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2326
- }
2327
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___w-4cv[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___IUfM5 {
2328
- --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
2329
- --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
2330
- }
2331
-
2332
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
2333
- .Avatar-module__hop-Avatar___ZugVr {
2334
- --hop-Avatar-border-radius: var(--hop-shape-circle);
2335
- --hop-Avatar-mix-blend-mode: normal;
2336
- --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
2337
- --hop-Avatar-decorative-2-background-color: var(--hop-decorative-option2-surface-strong);
2338
- --hop-Avatar-decorative-3-background-color: var(--hop-decorative-option3-surface-strong);
2339
- --hop-Avatar-decorative-4-background-color: var(--hop-decorative-option4-surface-strong);
2340
- --hop-Avatar-decorative-5-background-color: var(--hop-decorative-option5-surface-strong);
2341
- --hop-Avatar-decorative-6-background-color: var(--hop-decorative-option6-surface-strong);
2342
- --hop-Avatar-decorative-7-background-color: var(--hop-decorative-option7-surface-strong);
2343
- --hop-Avatar-decorative-8-background-color: var(--hop-decorative-option8-surface-strong);
2344
- --hop-Avatar-decorative-9-background-color: var(--hop-decorative-option9-surface-strong);
2345
- --hop-Avatar-decorative-1-text-color: var(--hop-decorative-option1-text);
2346
- --hop-Avatar-decorative-2-text-color: var(--hop-decorative-option2-text);
2347
- --hop-Avatar-decorative-3-text-color: var(--hop-decorative-option3-text);
2348
- --hop-Avatar-decorative-4-text-color: var(--hop-decorative-option4-text);
2349
- --hop-Avatar-decorative-5-text-color: var(--hop-decorative-option5-text);
2350
- --hop-Avatar-decorative-6-text-color: var(--hop-decorative-option6-text);
2351
- --hop-Avatar-decorative-7-text-color: var(--hop-decorative-option7-text);
2352
- --hop-Avatar-decorative-8-text-color: var(--hop-decorative-option8-text);
2353
- --hop-Avatar-decorative-9-text-color: var(--hop-decorative-option9-text);
2354
- --hop-Avatar-xs-size: 1rem;
2355
- --hop-Avatar-sm-size: 1.5rem;
2356
- --hop-Avatar-md-size: 2rem;
2357
- --hop-Avatar-lg-size: 3rem;
2358
- --hop-Avatar-xl-size: 4rem;
2359
- --hop-Avatar-2xl-size: 6rem;
2360
- --hop-Avatar-background-color-disabled: var(--hop-neutral-surface-disabled);
2361
- --hop-Avatar-text-color-disabled: var(--hop-neutral-text-disabled);
2362
- --hop-Avatar-mix-blend-mode-disabled: luminosity;
2363
- --mix-blend-mode: var(--hop-Avatar-mix-blend-mode);
2364
- user-select: none;
2365
- position: relative;
2366
- overflow: hidden;
2367
- display: flex;
2368
- flex: 0 0 auto;
2369
- align-items: center;
2370
- justify-content: center;
2371
- box-sizing: border-box;
2372
- inline-size: var(--size, var(--hop-Avatar-md-size));
2373
- block-size: var(--size, var(--hop-Avatar-md-size));
2374
- color: var(--text-color, var(--hop-neutral-text));
2375
- background-color: var(--background-color, transparent);
2376
- border-radius: var(--hop-Avatar-border-radius);
2377
- }
2378
- .Avatar-module__hop-Avatar--xs___iEFOH {
2379
- --size: var(--hop-Avatar-xs-size);
2380
- }
2381
- .Avatar-module__hop-Avatar--sm___9r42c {
2382
- --size: var(--hop-Avatar-sm-size);
2383
- }
2384
- .Avatar-module__hop-Avatar--md___Rs-SY {
2385
- --size: var(--hop-Avatar-md-size);
2386
- }
2387
- .Avatar-module__hop-Avatar--lg___AZv2Q {
2388
- --size: var(--hop-Avatar-lg-size);
2389
- }
2390
- .Avatar-module__hop-Avatar--xl___E4MPH {
2391
- --size: var(--hop-Avatar-xl-size);
2392
- }
2393
- .Avatar-module__hop-Avatar--2xl___BHQit {
2394
- --size: var(--hop-Avatar-2xl-size);
2395
- }
2396
- .Avatar-module__hop-Avatar--decorative-option1___oCe7z {
2397
- --background-color: var(--hop-Avatar-decorative-1-background-color);
2398
- --text-color: var(--hop-Avatar-decorative-1-text-color);
2399
- }
2400
- .Avatar-module__hop-Avatar--decorative-option2___yNzQP {
2401
- --background-color: var(--hop-Avatar-decorative-2-background-color);
2402
- --text-color: var(--hop-Avatar-decorative-2-text-color);
2403
- }
2404
- .Avatar-module__hop-Avatar--decorative-option3___H1j5V {
2405
- --background-color: var(--hop-Avatar-decorative-3-background-color);
2406
- --text-color: var(--hop-Avatar-decorative-3-text-color);
2407
- }
2408
- .Avatar-module__hop-Avatar--decorative-option4___eGUto {
2409
- --background-color: var(--hop-Avatar-decorative-4-background-color);
2410
- --text-color: var(--hop-Avatar-decorative-4-text-color);
2411
- }
2412
- .Avatar-module__hop-Avatar--decorative-option5___-6hAX {
2413
- --background-color: var(--hop-Avatar-decorative-5-background-color);
2414
- --text-color: var(--hop-Avatar-decorative-5-text-color);
2415
- }
2416
- .Avatar-module__hop-Avatar--decorative-option6___4Csan {
2417
- --background-color: var(--hop-Avatar-decorative-6-background-color);
2418
- --text-color: var(--hop-Avatar-decorative-6-text-color);
2419
- }
2420
- .Avatar-module__hop-Avatar--decorative-option7___HgmVw {
2421
- --background-color: var(--hop-Avatar-decorative-7-background-color);
2422
- --text-color: var(--hop-Avatar-decorative-7-text-color);
2423
- }
2424
- .Avatar-module__hop-Avatar--decorative-option8___k1fQj {
2425
- --background-color: var(--hop-Avatar-decorative-8-background-color);
2426
- --text-color: var(--hop-Avatar-decorative-8-text-color);
2427
- }
2428
- .Avatar-module__hop-Avatar--decorative-option9___XjdRi {
2429
- --background-color: var(--hop-Avatar-decorative-9-background-color);
2430
- --text-color: var(--hop-Avatar-decorative-9-text-color);
2431
- }
2432
- .Avatar-module__hop-Avatar___ZugVr[data-disabled] {
2433
- --background-color: var(--hop-Avatar-background-color-disabled);
2434
- --text-color: var(--hop-Avatar-text-color-disabled);
2435
- --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
2436
- isolation: isolate;
2437
- }
2438
- .Avatar-module__hop-Avatar__image___MDBrh {
2439
- position: relative;
2440
- display: block;
2441
- box-sizing: border-box;
2442
- inline-size: 100%;
2443
- block-size: 100%;
2444
- object-fit: cover;
2445
- mix-blend-mode: var(--mix-blend-mode);
2446
- }
2447
-
2448
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2449
- .Checkbox-module__hop-Checkbox___vt1K- {
2450
- --hop-Checkbox-box-border-size: 0.0625rem;
2451
- --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2452
- --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
2453
- --hop-Checkbox-box-outline-size: 0.125rem;
2454
- --hop-Checkbox-box-outline-color: var(--hop-primary-border-focus);
2455
- --hop-Checkbox-check-color: var(--hop-neutral-icon-selected);
2456
- --hop-Checkbox-check-display: none;
2457
- --hop-Checkbox-text-color: var(--hop-neutral-text);
2458
- --hop-Checkbox-icon-color: var(--hop-neutral-icon);
2459
- --hop-Checkbox-box-border-color-hovered: var(--hop-neutral-border-hover);
2460
- --hop-Checkbox-box-background-color-hovered: var(--hop-neutral-surface-hover);
2461
- --hop-Checkbox-text-color-hovered: var(--hop-neutral-text-hover);
2462
- --hop-Checkbox-icon-color-hovered: var(--hop-neutral-icon-hover);
2463
- --hop-Checkbox-box-border-color-pressed: var(--hop-neutral-border-press);
2464
- --hop-Checkbox-box-background-color-pressed: var(--hop-neutral-surface-press);
2465
- --hop-Checkbox-text-color-pressed: var(--hop-neutral-text-press);
2466
- --hop-Checkbox-icon-color-pressed: var(--hop-neutral-icon-press);
2467
- --hop-Checkbox-box-border-color-selected: var(--hop-neutral-border-selected);
2468
- --hop-Checkbox-box-background-color-selected: var(--hop-neutral-surface-selected);
2469
- --hop-Checkbox-check-display-selected: block;
2470
- --hop-Checkbox-text-color-selected: var(--hop-neutral-text);
2471
- --hop-Checkbox-icon-color-selected: var(--hop-neutral-icon);
2472
- --hop-Checkbox-box-border-color-disabled: var(--hop-neutral-border-disabled);
2473
- --hop-Checkbox-box-background-color-disabled: var(--hop-neutral-surface-disabled);
2474
- --hop-Checkbox-check-color-disabled: var(--hop-neutral-icon-disabled);
2475
- --hop-Checkbox-text-color-disabled: var(--hop-neutral-text-disabled);
2476
- --hop-Checkbox-icon-color-disabled: var(--hop-neutral-icon-disabled);
2477
- --hop-Checkbox-box-border-color-focused: var(--hop-neutral-border-hover);
2478
- --hop-Checkbox-box-background-color-focused: var(--hop-neutral-surface-hover);
2479
- --hop-Checkbox-text-color-focused: var(--hop-neutral-text-hover);
2480
- --hop-Checkbox-icon-color-focused: var(--hop-neutral-icon-hover);
2481
- --hop-Checkbox-box-border-color-invalid: var(--hop-danger-border-strong);
2482
- --hop-Checkbox-box-background-color-invalid: var(--hop-neutral-surface);
2483
- --hop-Checkbox-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
2484
- --hop-Checkbox-box-background-color-hovered-invalid: var(--hop-danger-surface-weak-hover);
2485
- --hop-Checkbox-box-border-color-pressed-invalid: var(--hop-danger-border-press);
2486
- --hop-Checkbox-box-background-color-pressed-invalid: var(--hop-danger-surface-weak-press);
2487
- --hop-Checkbox-box-border-color-focused-invalid: var(--hop-danger-border-press);
2488
- --hop-Checkbox-box-background-color-focused-invalid: var(--hop-danger-surface);
2489
- --hop-Checkbox-box-border-color-selected-invalid: var(--hop-danger-border-strong);
2490
- --hop-Checkbox-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
2491
- --hop-Checkbox-check-color-invalid: var(--hop-danger-icon-strong);
2492
- --hop-Checkbox-text-color-invalid: var(--hop-danger-text-weak);
2493
- --hop-Checkbox-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
2494
- --hop-Checkbox-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
2495
- --hop-Checkbox-icon-color-invalid: var(--hop-danger-icon-weak);
2496
- --hop-Checkbox-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
2497
- --hop-Checkbox-icon-color-pressed-invalid: var(--hop-danger-icon-weak-press);
2498
- --hop-Checkbox-box-sm-block-size: 1rem;
2499
- --hop-Checkbox-box-sm-inline-size: 1rem;
2500
- --hop-Checkbox-text-sm-top-offset: calc((var(--box-inline-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
2501
- --hop-Checkbox-text-sm-margin-inline-start: calc(var(--hop-space-inline-sm) - var(--hop-space-inline-xs));
2502
- --hop-Checkbox-box-md-block-size: 1.5rem;
2503
- --hop-Checkbox-box-md-inline-size: 1.5rem;
2504
- --hop-Checkbox-text-md-top-offset: calc((var(--box-inline-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
2505
- --hop-Checkbox-text-md-margin-inline-start: calc(var(--hop-space-inline-md) - var(--hop-space-inline-xs));
2506
- --box-background-color: var(--hop-Checkbox-box-background-color);
2507
- --box-border-color: var(--hop-Checkbox-box-border-color);
2508
- --box-border-radius: var(--hop-shape-rounded-sm);
2509
- --check-color: var(--hop-Checkbox-check-color);
2510
- --check-display: var(--hop-Checkbox-check-display);
2511
- --cursor: pointer;
2512
- --text-color: var(--hop-Checkbox-text-color);
2513
- --icon-color: var(--hop-Checkbox-icon-color);
2514
- --transition-duration: var(--hop-easing-duration-2);
2515
- cursor: var(--cursor);
2516
- display: flex;
2517
- column-gap: var(--hop-space-inline-xs);
2518
- align-items: flex-start;
2519
- justify-content: flex-start;
2520
- box-sizing: border-box;
2521
- inline-size: max-content;
2522
- max-inline-size: 100%;
2523
- }
2524
- .Checkbox-module__hop-Checkbox___vt1K-[data-focus-visible] {
2525
- --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2526
- --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2527
- --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2528
- --text-color: var(--hop-Checkbox-text-color-focused);
2529
- --icon-color: var(--hop-Checkbox-icon-color-focused);
2530
- }
2531
- .Checkbox-module__hop-Checkbox___vt1K-[data-hovered] {
2532
- --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2533
- --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2534
- --text-color: var(--hop-Checkbox-text-color-hovered);
2535
- --icon-color: var(--hop-Checkbox-icon-color-hovered);
2536
- }
2537
- .Checkbox-module__hop-Checkbox___vt1K-[data-pressed] {
2538
- --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2539
- --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2540
- --text-color: var(--hop-Checkbox-text-color-pressed);
2541
- --icon-color: var(--hop-Checkbox-icon-color-pressed);
2542
- }
2543
- .Checkbox-module__hop-Checkbox___vt1K-[data-selected] {
2544
- --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2545
- --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2546
- --check-display: var(--hop-Checkbox-check-display-selected);
2547
- --text-color: var(--hop-Checkbox-text-color-selected);
2548
- --icon-color: var(--hop-Checkbox-icon-color-selected);
2549
- }
2550
- .Checkbox-module__hop-Checkbox___vt1K-[data-invalid] {
2551
- --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2552
- --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2553
- --check-color: var(--hop-Checkbox-check-color-invalid);
2554
- --text-color: var(--hop-Checkbox-text-color-invalid);
2555
- --icon-color: var(--hop-Checkbox-icon-color-invalid);
2556
- }
2557
- .Checkbox-module__hop-Checkbox___vt1K-[data-invalid]:where([data-focus-visible]) {
2558
- --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2559
- --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2560
- }
2561
- .Checkbox-module__hop-Checkbox___vt1K-[data-invalid]:where([data-hovered]) {
2562
- --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2563
- --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2564
- --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2565
- --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2566
- }
2567
- .Checkbox-module__hop-Checkbox___vt1K-[data-invalid]:where([data-pressed]) {
2568
- --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2569
- --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2570
- --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2571
- --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2572
- }
2573
- .Checkbox-module__hop-Checkbox___vt1K-:where([data-invalid])[data-selected] {
2574
- --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2575
- --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2576
- }
2577
- .Checkbox-module__hop-Checkbox___vt1K-[data-disabled] {
2578
- --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2579
- --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2580
- --check-color: var(--hop-Checkbox-check-color-disabled);
2581
- --cursor: not-allowed;
2582
- --text-color: var(--hop-Checkbox-text-color-disabled);
2583
- --icon-color: var(--hop-Checkbox-icon-color-disabled);
2584
- }
2585
- .Checkbox-module__hop-Checkbox--sm___5uxV3 {
2586
- --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2587
- --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2588
- --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2589
- --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2590
- }
2591
- .Checkbox-module__hop-Checkbox--md___oO3tq {
2592
- --box-block-size: var(--hop-Checkbox-box-md-block-size);
2593
- --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2594
- --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2595
- --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2596
- }
2597
- .Checkbox-module__hop-Checkbox__icon___iit6o,
2598
- .Checkbox-module__hop-Checkbox__icon-list___zXBY4 {
2599
- flex: 0 0 auto;
2600
- order: 3;
2601
- color: var(--icon-color);
2602
- }
2603
- .Checkbox-module__hop-Checkbox__box___YBJh9 {
2604
- display: flex;
2605
- flex: 0 0 auto;
2606
- align-items: center;
2607
- justify-content: center;
2608
- order: 1;
2609
- box-sizing: border-box;
2610
- inline-size: var(--box-inline-size, var(--hop-Checkbox-box-md-inline-size));
2611
- block-size: var(--box-block-size, var(--hop-Checkbox-box-md-block-size));
2612
- background-color: var(--box-background-color);
2613
- border: var(--hop-Checkbox-box-border-size) solid var(--box-border-color);
2614
- border-radius: var(--box-border-radius);
2615
- outline: var(--box-outline, none);
2616
- outline-offset: 0.125rem;
2617
- transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2618
- }
2619
- .Checkbox-module__hop-Checkbox__check___UNjwk {
2620
- display: var(--check-display);
2621
- color: var(--check-color);
2622
- }
2623
- .Checkbox-module__hop-Checkbox__text___ZlGyJ {
2624
- flex: 0 1 auto;
2625
- order: 2;
2626
- min-inline-size: 0;
2627
- margin-block-start: var(--text-top-offset, var(--hop-Checkbox-text-md-top-offset));
2628
- margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
2629
- color: var(--text-color);
2630
- }
2631
-
2632
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2633
- .CheckboxField-module__hop-CheckboxField___jD3TY {
2634
- --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2635
- --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2636
- --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
2637
- --hop-CheckboxField-checkbox-sm-inline-size: 1rem;
2638
- --hop-CheckboxField-description-sm-margin-inline-start: calc(var(--hop-CheckboxField-checkbox-sm-inline-size) + var(--hop-space-inline-sm));
2639
- --hop-CheckboxField-md-row-gap: var(--hop-space-stack-xs);
2640
- --hop-CheckboxField-checkbox-md-inline-size: 1.5rem;
2641
- --hop-CheckboxField-description-md-margin-inline-start: calc(var(--hop-CheckboxField-checkbox-md-inline-size) + var(--hop-space-inline-md));
2642
- --description-color: var(--hop-CheckboxField-description-color);
2643
- display: flex;
2644
- flex-direction: column;
2645
- row-gap: var(--row-gap, var(--hop-space-stack-sm));
2646
- align-items: flex-start;
2647
- justify-content: flex-start;
2648
- box-sizing: border-box;
2649
- inline-size: max-content;
2650
- max-inline-size: 100%;
2651
- }
2652
- .CheckboxField-module__hop-CheckboxField___jD3TY[data-disabled] {
2653
- --description-color: var(--hop-CheckboxField-description-color-disabled);
2654
- }
2655
- .CheckboxField-module__hop-CheckboxField--sm___Qf7Uo {
2656
- --row-gap: var(--hop-CheckboxField-sm-row-gap);
2657
- --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2658
- }
2659
- .CheckboxField-module__hop-CheckboxField--md___ByKEG {
2660
- --row-gap: var(--hop-CheckboxField-md-row-gap);
2661
- --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2662
- }
2663
- .CheckboxField-module__hop-CheckboxField__description___THKs7 {
2664
- order: 2;
2665
- margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2666
- color: var(--description-color);
2667
- }
2668
- .CheckboxField-module__hop-CheckboxField__checkbox___Q-izD {
2669
- order: 1;
2670
- }
2671
-
2672
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
2673
- .CheckboxGroup-module__hop-CheckboxGroup___VjVbl {
2674
- --hop-CheckboxGroup-align-items: flex-start;
2675
- --hop-CheckboxGroup-justify-content: flex-start;
2676
- --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
2677
- --hop-CheckboxGroup-sm-column-gap: var(--hop-space-inline-sm);
2678
- --hop-CheckboxGroup-sm-row-gap: var(--hop-space-stack-sm);
2679
- --hop-CheckboxGroup-list-sm-column-gap: var(--hop-space-inline-sm);
2680
- --hop-CheckboxGroup-list-sm-row-gap: var(--hop-space-stack-sm);
2681
- --hop-CheckboxGroup-bordered-sm-padding: var(--hop-space-inset-sm);
2682
- --hop-CheckboxGroup-bordered-sm-column-gap: var(--hop-space-inline-sm);
2683
- --hop-CheckboxGroup-bordered-sm-row-gap: var(--hop-space-stack-sm);
2684
- --hop-CheckboxGroup-list-bordered-sm-column-gap: 0;
2685
- --hop-CheckboxGroup-list-bordered-sm-row-gap: 0;
2686
- --hop-CheckboxGroup-md-column-gap: var(--hop-space-inline-md);
2687
- --hop-CheckboxGroup-md-row-gap: var(--hop-space-stack-md);
2688
- --hop-CheckboxGroup-list-md-column-gap: var(--hop-space-inline-md);
2689
- --hop-CheckboxGroup-list-md-row-gap: var(--hop-space-stack-md);
2690
- --hop-CheckboxGroup-bordered-md-padding: var(--hop-space-inset-md);
2691
- --hop-CheckboxGroup-bordered-md-column-gap: var(--hop-space-inline-sm);
2692
- --hop-CheckboxGroup-bordered-md-row-gap: var(--hop-space-stack-sm);
2693
- --hop-CheckboxGroup-list-bordered-md-column-gap: 0;
2694
- --hop-CheckboxGroup-list-bordered-md-row-gap: 0;
2695
- --hop-CheckboxGroup-vertical-flex-direction: column;
2696
- --hop-CheckboxGroup-horizontal-flex-direction: row;
2697
- --checkbox-border-size: 0.0625rem;
2698
- --checkbox-border-color: var(--hop-neutral-border-weak);
2699
- --flex-direction: var(--hop-CheckboxGroup-vertical-flex-direction);
2700
- --align-items: var(--hop-CheckboxGroup-align-items);
2701
- --justify-content: var(--hop-CheckboxGroup-justify-content);
2702
- --flex-wrap: wrap;
2703
- display: flex;
2704
- flex-direction: column;
2705
- gap: var(--row-gap, var(--hop-space-stack-md)) var(--column-gap, var(--hop-space-inline-md));
2706
- align-items: var(--align-items);
2707
- justify-content: var(--justify-content);
2708
- box-sizing: border-box;
2709
- inline-size: max-content;
2710
- max-inline-size: 100%;
2711
- }
2712
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___3ELQl {
2713
- --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
2714
- --list-border-radius: var(--hop-shape-rounded-md);
2715
- }
2716
- .CheckboxGroup-module__hop-CheckboxGroup--sm___RpXFc {
2717
- --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
2718
- --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
2719
- --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
2720
- --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
2721
- }
2722
- .CheckboxGroup-module__hop-CheckboxGroup--md___Lo0Vp {
2723
- --column-gap: var(--hop-CheckboxGroup-md-column-gap);
2724
- --row-gap: var(--hop-CheckboxGroup-md-row-gap);
2725
- --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
2726
- --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
2727
- }
2728
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___3ELQl.CheckboxGroup-module__hop-CheckboxGroup--sm___RpXFc {
2729
- --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
2730
- --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
2731
- --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
2732
- --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
2733
- --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
2734
- }
2735
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___3ELQl.CheckboxGroup-module__hop-CheckboxGroup--md___Lo0Vp {
2736
- --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
2737
- --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
2738
- --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
2739
- --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
2740
- --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
2741
- }
2742
- .CheckboxGroup-module__hop-CheckboxGroup___VjVbl[data-orientation=horizontal] {
2743
- --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
2744
- }
2745
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___3ELQl[data-orientation=horizontal] {
2746
- --flex-wrap: nowrap;
2747
- }
2748
- .CheckboxGroup-module__hop-CheckboxGroup___VjVbl > .CheckboxGroup-module__hop-CheckboxGroup__label___KLDDh {
2749
- order: 1;
2750
- }
2751
- .CheckboxGroup-module__hop-CheckboxGroup__list___2jWmo {
2752
- display: flex;
2753
- flex-flow: var(--flex-direction) var(--flex-wrap);
2754
- gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
2755
- order: 2;
2756
- box-sizing: border-box;
2757
- inline-size: max-content;
2758
- max-inline-size: 100%;
2759
- border: var(--list-border, none);
2760
- border-radius: var(--list-border-radius, 0);
2761
- }
2762
- .CheckboxGroup-module__hop-CheckboxGroup__list___2jWmo > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7If5k {
2763
- position: relative;
2764
- flex: 0 1 auto;
2765
- align-content: start;
2766
- inline-size: auto;
2767
- min-inline-size: 0;
2768
- padding: var(--checkbox-padding, 0);
2769
- }
2770
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___3ELQl .CheckboxGroup-module__hop-CheckboxGroup__list___2jWmo > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7If5k ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7If5k::before {
2771
- content: "";
2772
- position: absolute;
2773
- display: block;
2774
- }
2775
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___3ELQl[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___2jWmo > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7If5k ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7If5k::before {
2776
- inset-block-start: 0;
2777
- inset-inline: 0;
2778
- border-block-start: var(--list-border, none);
2779
- }
2780
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___3ELQl[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___2jWmo > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7If5k ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7If5k::before {
2781
- inset-block: 0;
2782
- inset-inline-start: 0;
2783
- border-inline-start: var(--list-border, none);
2784
- }
2785
- .CheckboxGroup-module__hop-CheckboxGroup___VjVbl > .CheckboxGroup-module__hop-CheckboxGroup__error-message___qJST-,
2786
- .CheckboxGroup-module__hop-CheckboxGroup___VjVbl > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___z-IhC {
2787
- order: 3;
2788
- }
2789
-
2790
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
2791
- .Checkbox-module__hop-Checkbox___vt1K- {
2792
- --hop-Checkbox-box-border-size: 0.0625rem;
2793
- --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2794
- --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
2795
- --hop-Checkbox-box-outline-size: 0.125rem;
2796
- --hop-Checkbox-box-outline-color: var(--hop-primary-border-focus);
2797
- --hop-Checkbox-check-color: var(--hop-neutral-icon-selected);
2798
- --hop-Checkbox-check-display: none;
2799
- --hop-Checkbox-text-color: var(--hop-neutral-text);
2800
- --hop-Checkbox-icon-color: var(--hop-neutral-icon);
2801
- --hop-Checkbox-box-border-color-hovered: var(--hop-neutral-border-hover);
2802
- --hop-Checkbox-box-background-color-hovered: var(--hop-neutral-surface-hover);
2803
- --hop-Checkbox-text-color-hovered: var(--hop-neutral-text-hover);
2804
- --hop-Checkbox-icon-color-hovered: var(--hop-neutral-icon-hover);
2805
- --hop-Checkbox-box-border-color-pressed: var(--hop-neutral-border-press);
2806
- --hop-Checkbox-box-background-color-pressed: var(--hop-neutral-surface-press);
2807
- --hop-Checkbox-text-color-pressed: var(--hop-neutral-text-press);
2808
- --hop-Checkbox-icon-color-pressed: var(--hop-neutral-icon-press);
2809
- --hop-Checkbox-box-border-color-selected: var(--hop-neutral-border-selected);
2810
- --hop-Checkbox-box-background-color-selected: var(--hop-neutral-surface-selected);
2811
- --hop-Checkbox-check-display-selected: block;
2812
- --hop-Checkbox-text-color-selected: var(--hop-neutral-text);
2813
- --hop-Checkbox-icon-color-selected: var(--hop-neutral-icon);
2814
- --hop-Checkbox-box-border-color-disabled: var(--hop-neutral-border-disabled);
2815
- --hop-Checkbox-box-background-color-disabled: var(--hop-neutral-surface-disabled);
2816
- --hop-Checkbox-check-color-disabled: var(--hop-neutral-icon-disabled);
2817
- --hop-Checkbox-text-color-disabled: var(--hop-neutral-text-disabled);
2818
- --hop-Checkbox-icon-color-disabled: var(--hop-neutral-icon-disabled);
2819
- --hop-Checkbox-box-border-color-focused: var(--hop-neutral-border-hover);
2820
- --hop-Checkbox-box-background-color-focused: var(--hop-neutral-surface-hover);
2821
- --hop-Checkbox-text-color-focused: var(--hop-neutral-text-hover);
2822
- --hop-Checkbox-icon-color-focused: var(--hop-neutral-icon-hover);
2823
- --hop-Checkbox-box-border-color-invalid: var(--hop-danger-border-strong);
2824
- --hop-Checkbox-box-background-color-invalid: var(--hop-neutral-surface);
2825
- --hop-Checkbox-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
2826
- --hop-Checkbox-box-background-color-hovered-invalid: var(--hop-danger-surface-weak-hover);
2827
- --hop-Checkbox-box-border-color-pressed-invalid: var(--hop-danger-border-press);
2828
- --hop-Checkbox-box-background-color-pressed-invalid: var(--hop-danger-surface-weak-press);
2829
- --hop-Checkbox-box-border-color-focused-invalid: var(--hop-danger-border-press);
2830
- --hop-Checkbox-box-background-color-focused-invalid: var(--hop-danger-surface);
2831
- --hop-Checkbox-box-border-color-selected-invalid: var(--hop-danger-border-strong);
2832
- --hop-Checkbox-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
2833
- --hop-Checkbox-check-color-invalid: var(--hop-danger-icon-strong);
2834
- --hop-Checkbox-text-color-invalid: var(--hop-danger-text-weak);
2835
- --hop-Checkbox-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
2836
- --hop-Checkbox-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
2837
- --hop-Checkbox-icon-color-invalid: var(--hop-danger-icon-weak);
2838
- --hop-Checkbox-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
2839
- --hop-Checkbox-icon-color-pressed-invalid: var(--hop-danger-icon-weak-press);
2840
- --hop-Checkbox-box-sm-block-size: 1rem;
2841
- --hop-Checkbox-box-sm-inline-size: 1rem;
2842
- --hop-Checkbox-text-sm-top-offset: calc((var(--box-inline-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
2843
- --hop-Checkbox-text-sm-margin-inline-start: calc(var(--hop-space-inline-sm) - var(--hop-space-inline-xs));
2844
- --hop-Checkbox-box-md-block-size: 1.5rem;
2845
- --hop-Checkbox-box-md-inline-size: 1.5rem;
2846
- --hop-Checkbox-text-md-top-offset: calc((var(--box-inline-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
2847
- --hop-Checkbox-text-md-margin-inline-start: calc(var(--hop-space-inline-md) - var(--hop-space-inline-xs));
2848
- --box-background-color: var(--hop-Checkbox-box-background-color);
2849
- --box-border-color: var(--hop-Checkbox-box-border-color);
2850
- --box-border-radius: var(--hop-shape-rounded-sm);
2851
- --check-color: var(--hop-Checkbox-check-color);
2852
- --check-display: var(--hop-Checkbox-check-display);
2853
- --cursor: pointer;
2854
- --text-color: var(--hop-Checkbox-text-color);
2855
- --icon-color: var(--hop-Checkbox-icon-color);
2856
- --transition-duration: var(--hop-easing-duration-2);
2857
- cursor: var(--cursor);
2858
- display: flex;
2859
- column-gap: var(--hop-space-inline-xs);
2860
- align-items: flex-start;
2861
- justify-content: flex-start;
2862
- box-sizing: border-box;
2863
- inline-size: max-content;
2864
- max-inline-size: 100%;
2865
- }
2866
- .Checkbox-module__hop-Checkbox___vt1K-[data-focus-visible] {
2867
- --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2868
- --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2869
- --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2870
- --text-color: var(--hop-Checkbox-text-color-focused);
2871
- --icon-color: var(--hop-Checkbox-icon-color-focused);
2872
- }
2873
- .Checkbox-module__hop-Checkbox___vt1K-[data-hovered] {
2874
- --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2875
- --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2876
- --text-color: var(--hop-Checkbox-text-color-hovered);
2877
- --icon-color: var(--hop-Checkbox-icon-color-hovered);
2878
- }
2879
- .Checkbox-module__hop-Checkbox___vt1K-[data-pressed] {
2880
- --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2881
- --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2882
- --text-color: var(--hop-Checkbox-text-color-pressed);
2883
- --icon-color: var(--hop-Checkbox-icon-color-pressed);
2884
- }
2885
- .Checkbox-module__hop-Checkbox___vt1K-[data-selected] {
2886
- --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2887
- --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2888
- --check-display: var(--hop-Checkbox-check-display-selected);
2889
- --text-color: var(--hop-Checkbox-text-color-selected);
2890
- --icon-color: var(--hop-Checkbox-icon-color-selected);
2891
- }
2892
- .Checkbox-module__hop-Checkbox___vt1K-[data-invalid] {
2893
- --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2894
- --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2895
- --check-color: var(--hop-Checkbox-check-color-invalid);
2896
- --text-color: var(--hop-Checkbox-text-color-invalid);
2897
- --icon-color: var(--hop-Checkbox-icon-color-invalid);
2898
- }
2899
- .Checkbox-module__hop-Checkbox___vt1K-[data-invalid]:where([data-focus-visible]) {
2900
- --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2901
- --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2902
- }
2903
- .Checkbox-module__hop-Checkbox___vt1K-[data-invalid]:where([data-hovered]) {
2904
- --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2905
- --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2906
- --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2907
- --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2908
- }
2909
- .Checkbox-module__hop-Checkbox___vt1K-[data-invalid]:where([data-pressed]) {
2910
- --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2911
- --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2912
- --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2913
- --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2914
- }
2915
- .Checkbox-module__hop-Checkbox___vt1K-:where([data-invalid])[data-selected] {
2916
- --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2917
- --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2918
- }
2919
- .Checkbox-module__hop-Checkbox___vt1K-[data-disabled] {
2920
- --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2921
- --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2922
- --check-color: var(--hop-Checkbox-check-color-disabled);
2923
- --cursor: not-allowed;
2924
- --text-color: var(--hop-Checkbox-text-color-disabled);
2925
- --icon-color: var(--hop-Checkbox-icon-color-disabled);
2926
- }
2927
- .Checkbox-module__hop-Checkbox--sm___5uxV3 {
2928
- --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2929
- --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2930
- --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2931
- --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2932
- }
2933
- .Checkbox-module__hop-Checkbox--md___oO3tq {
2934
- --box-block-size: var(--hop-Checkbox-box-md-block-size);
2935
- --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2936
- --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2937
- --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2938
- }
2939
- .Checkbox-module__hop-Checkbox__icon___iit6o,
2940
- .Checkbox-module__hop-Checkbox__icon-list___zXBY4 {
2941
- flex: 0 0 auto;
2942
- order: 3;
2943
- color: var(--icon-color);
2944
- }
2945
- .Checkbox-module__hop-Checkbox__box___YBJh9 {
2946
- display: flex;
2947
- flex: 0 0 auto;
2948
- align-items: center;
2949
- justify-content: center;
2950
- order: 1;
2951
- box-sizing: border-box;
2952
- inline-size: var(--box-inline-size, var(--hop-Checkbox-box-md-inline-size));
2953
- block-size: var(--box-block-size, var(--hop-Checkbox-box-md-block-size));
2954
- background-color: var(--box-background-color);
2955
- border: var(--hop-Checkbox-box-border-size) solid var(--box-border-color);
2956
- border-radius: var(--box-border-radius);
2957
- outline: var(--box-outline, none);
2958
- outline-offset: 0.125rem;
2959
- transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2960
- }
2961
- .Checkbox-module__hop-Checkbox__check___UNjwk {
2962
- display: var(--check-display);
2963
- color: var(--check-color);
2964
- }
2965
- .Checkbox-module__hop-Checkbox__text___ZlGyJ {
2966
- flex: 0 1 auto;
2967
- order: 2;
2968
- min-inline-size: 0;
2969
- margin-block-start: var(--text-top-offset, var(--hop-Checkbox-text-md-top-offset));
2970
- margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
2971
- color: var(--text-color);
2972
- }
2973
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___UtIbA {
2974
- }
2975
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___JBXhC {
2976
- }
2977
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___4Tfmf {
2978
- }
2979
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___Zrpr4,
2980
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___D8x-X {
2981
- }
2982
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___NOwwZ {
2983
- }
2984
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___-yhbe {
2985
- }
2986
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___vRiIY {
2987
- }
2988
-
2989
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
2990
- .Radio-module__hop-Radio___sO-ce {
2991
- --hop-Radio-box-border-size: 0.0625rem;
2992
- --hop-Radio-box-border-color: var(--hop-neutral-border);
2993
- --hop-Radio-box-background-color: var(--hop-neutral-surface);
2994
- --hop-Radio-box-outline-size: 0.125rem;
2995
- --hop-Radio-box-outline-color: var(--hop-primary-border-focus);
2996
- --hop-Radio-bullet-color: var(--hop-neutral-icon-selected);
2997
- --hop-Radio-bullet-display: none;
2998
- --hop-Radio-text-color: var(--hop-neutral-text);
2999
- --hop-Radio-icon-color: var(--hop-neutral-icon);
3000
- --hop-Radio-box-border-color-hovered: var(--hop-neutral-border-hover);
3001
- --hop-Radio-box-background-color-hovered: var(--hop-neutral-surface-hover);
3002
- --hop-Radio-text-color-hovered: var(--hop-neutral-text-hover);
3003
- --hop-Radio-icon-color-hovered: var(--hop-neutral-icon-hover);
3004
- --hop-Radio-box-border-color-pressed: var(--hop-neutral-border-press);
3005
- --hop-Radio-box-background-color-pressed: var(--hop-neutral-surface-press);
3006
- --hop-Radio-text-color-pressed: var(--hop-neutral-text-press);
3007
- --hop-Radio-icon-color-pressed: var(--hop-neutral-icon-press);
3008
- --hop-Radio-box-border-color-selected: var(--hop-neutral-border-selected);
3009
- --hop-Radio-box-background-color-selected: var(--hop-neutral-surface-selected);
3010
- --hop-Radio-bullet-display-selected: block;
3011
- --hop-Radio-text-color-selected: var(--hop-neutral-text);
3012
- --hop-Radio-icon-color-selected: var(--hop-neutral-icon);
3013
- --hop-Radio-box-border-color-disabled: var(--hop-neutral-border-disabled);
3014
- --hop-Radio-box-background-color-disabled: var(--hop-neutral-surface-disabled);
3015
- --hop-Radio-bullet-color-disabled: var(--hop-neutral-icon-disabled);
3016
- --hop-Radio-text-color-disabled: var(--hop-neutral-text-disabled);
3017
- --hop-Radio-icon-color-disabled: var(--hop-neutral-icon-disabled);
3018
- --hop-Radio-box-border-color-focused: var(--hop-neutral-border-hover);
3019
- --hop-Radio-box-background-color-focused: var(--hop-neutral-surface-hover);
3020
- --hop-Radio-text-color-focused: var(--hop-neutral-text);
3021
- --hop-Radio-icon-color-focused: var(--hop-neutral-icon);
3022
- --hop-Radio-box-border-color-invalid: var(--hop-danger-border-strong);
3023
- --hop-Radio-box-background-color-invalid: var(--hop-neutral-surface);
3024
- --hop-Radio-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
3025
- --hop-Radio-box-background-color-hovered-invalid: var(--hop-danger-surface);
3026
- --hop-Radio-box-border-color-pressed-invalid: var(--hop-danger-border-press);
3027
- --hop-Radio-box-background-color-pressed-invalid: var(--hop-danger-surface-weak);
3028
- --hop-Radio-box-border-color-focused-invalid: var(--hop-danger-border-strong);
3029
- --hop-Radio-box-background-color-focused-invalid: var(--hop-danger-surface);
3030
- --hop-Radio-box-border-color-selected-invalid: var(--hop-danger-border-strong);
3031
- --hop-Radio-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
3032
- --hop-Radio-bullet-color-invalid: var(--hop-danger-icon-strong);
3033
- --hop-Radio-text-color-invalid: var(--hop-danger-text-weak);
3034
- --hop-Radio-icon-color-invalid: var(--hop-danger-icon-weak);
3035
- --hop-Radio-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
3036
- --hop-Radio-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
3037
- --hop-Radio-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
3038
- --hop-Radio-box-sm-inline-size: 1rem;
3039
- --hop-Radio-box-sm-block-size: 1rem;
3040
- --hop-Radio-text-sm-top-offset: calc((var(--box-inline-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
3041
- --hop-Radio-text-sm-margin-inline-start: calc(var(--hop-space-inline-sm) - var(--hop-space-inline-xs));
3042
- --hop-Radio-box-md-inline-size: 1.5rem;
3043
- --hop-Radio-box-md-block-size: 1.5rem;
3044
- --hop-Radio-text-md-top-offset: calc((var(--box-inline-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
3045
- --hop-Radio-text-md-margin-inline-start: calc(var(--hop-space-inline-md) - var(--hop-space-inline-xs));
3046
- --box-background-color: var(--hop-Radio-box-background-color);
3047
- --box-border-color: var(--hop-Radio-box-border-color);
3048
- --box-border-radius: var(--hop-shape-circle);
3049
- --bullet-color: var(--hop-Radio-bullet-color);
3050
- --bullet-display: var(--hop-Radio-bullet-display);
3051
- --cursor: pointer;
3052
- --text-color: var(--hop-Radio-text-color);
3053
- --icon-color: var(--hop-Radio-icon-color);
3054
- --transition-duration: var(--hop-easing-duration-2);
3055
- cursor: var(--cursor);
3056
- display: flex;
3057
- column-gap: var(--hop-space-inline-xs);
3058
- align-items: flex-start;
3059
- justify-content: flex-start;
3060
- box-sizing: border-box;
3061
- inline-size: max-content;
3062
- max-inline-size: 100%;
3063
- }
3064
- .Radio-module__hop-Radio___sO-ce[data-focus-visible] {
3065
- --box-background-color: var(--hop-Radio-box-background-color-focused);
3066
- --box-border-color: var(--hop-Radio-box-border-color-focused);
3067
- --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3068
- --text-color: var(--hop-Radio-text-color-focused);
3069
- --icon-color: var(--hop-Radio-icon-color-focused);
3070
- }
3071
- .Radio-module__hop-Radio___sO-ce[data-hovered] {
3072
- --box-background-color: var(--hop-Radio-box-background-color-hovered);
3073
- --box-border-color: var(--hop-Radio-box-border-color-hovered);
3074
- --text-color: var(--hop-Radio-text-color-hovered);
3075
- --icon-color: var(--hop-Radio-icon-color-hovered);
3076
- }
3077
- .Radio-module__hop-Radio___sO-ce[data-pressed] {
3078
- --box-background-color: var(--hop-Radio-box-background-color-pressed);
3079
- --box-border-color: var(--hop-Radio-box-border-color-pressed);
3080
- --text-color: var(--hop-Radio-text-color-pressed);
3081
- --icon-color: var(--hop-Radio-icon-color-pressed);
3082
- }
3083
- .Radio-module__hop-Radio___sO-ce[data-selected] {
3084
- --box-background-color: var(--hop-Radio-box-background-color-selected);
3085
- --box-border-color: var(--hop-Radio-box-border-color-selected);
3086
- --bullet-display: var(--hop-Radio-bullet-display-selected);
3087
- --text-color: var(--hop-Radio-text-color-selected);
3088
- --icon-color: var(--hop-Radio-icon-color-selected);
3089
- }
3090
- .Radio-module__hop-Radio___sO-ce[data-invalid] {
3091
- --box-background-color: var(--hop-Radio-box-background-color-invalid);
3092
- --box-border-color: var(--hop-Radio-box-border-color-invalid);
3093
- --bullet-color: var(--hop-Radio-bullet-color-invalid);
3094
- --text-color: var(--hop-Radio-text-color-invalid);
3095
- --icon-color: var(--hop-Radio-icon-color-invalid);
3096
- }
3097
- .Radio-module__hop-Radio___sO-ce:where([data-invalid])[data-focus-visible] {
3098
- --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3099
- --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3100
- }
3101
- .Radio-module__hop-Radio___sO-ce:where([data-invalid])[data-hovered] {
3102
- --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3103
- --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3104
- --text-color: var(--hop-Radio-text-color-hovered-invalid);
3105
- --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3106
- }
3107
- .Radio-module__hop-Radio___sO-ce:where([data-invalid])[data-pressed] {
3108
- --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3109
- --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3110
- --text-color: var(--hop-Radio-text-color-pressed-invalid);
3111
- --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3112
- }
3113
- .Radio-module__hop-Radio___sO-ce:where([data-invalid])[data-selected] {
3114
- --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3115
- --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3116
- }
3117
- .Radio-module__hop-Radio___sO-ce[data-disabled] {
3118
- --box-background-color: var(--hop-Radio-box-background-color-disabled);
3119
- --box-border-color: var(--hop-Radio-box-border-color-disabled);
3120
- --bullet-color: var(--hop-Radio-bullet-color-disabled);
3121
- --cursor: not-allowed;
3122
- --text-color: var(--hop-Radio-text-color-disabled);
3123
- --icon-color: var(--hop-Radio-icon-color-disabled);
3124
- }
3125
- .Radio-module__hop-Radio--sm___kCFqK {
3126
- --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3127
- --box-block-size: var(--hop-Radio-box-sm-block-size);
3128
- --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3129
- --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3130
- }
3131
- .Radio-module__hop-Radio--md___k1pm4 {
3132
- --box-inline-size: var(--hop-Radio-box-md-inline-size);
3133
- --box-block-size: var(--hop-Radio-box-md-block-size);
3134
- --text-top-offset: var(--hop-Radio-text-md-top-offset);
3135
- --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3136
- }
3137
- .Radio-module__hop-Radio__icon___IbvGz,
3138
- .Radio-module__hop-Radio__icon-list___2sYtU {
3139
- flex: 0 0 auto;
3140
- order: 3;
3141
- color: var(--icon-color);
3142
- }
3143
- .Radio-module__hop-Radio__box___tcjoy {
3144
- display: flex;
3145
- flex: 0 0 auto;
3146
- align-items: center;
3147
- justify-content: center;
3148
- order: 1;
3149
- box-sizing: border-box;
3150
- inline-size: var(--box-inline-size, var(--hop-Radio-box-md-inline-size));
3151
- block-size: var(--box-block-size, var(--hop-Radio-box-md-block-size));
3152
- background-color: var(--box-background-color);
3153
- border: var(--hop-Radio-box-border-size) solid var(--box-border-color);
3154
- border-radius: var(--box-border-radius);
3155
- outline: var(--box-outline, none);
3156
- outline-offset: 0.125rem;
3157
- transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3158
- }
3159
- .Radio-module__hop-Radio__bullet___Nb7O3 {
3160
- display: var(--bullet-display);
3161
- color: var(--bullet-color);
3162
- }
3163
- .Radio-module__hop-Radio__text___oU0a- {
3164
- flex: 0 1 auto;
3165
- order: 2;
3166
- min-inline-size: 0;
3167
- margin-block-start: var(--text-top-offset, var(--hop-Radio-text-md-top-offset));
3168
- margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3169
- color: var(--text-color);
3170
- }
3171
- .DecorativeRadio-module__hop-DecorativeRadio___K80GU {
3172
- }
3173
- .DecorativeRadio-module__hop-DecorativeRadio--sm___sGOQS {
3174
- }
3175
- .DecorativeRadio-module__hop-DecorativeRadio--md___BjhZf {
3176
- }
3177
- .DecorativeRadio-module__hop-DecorativeRadio__icon___3sdkg,
3178
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___UG8hP {
3179
- }
3180
- .DecorativeRadio-module__hop-DecorativeRadio__box___BuEuD {
3181
- }
3182
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___qMMjG {
3183
- }
3184
- .DecorativeRadio-module__hop-DecorativeRadio__text___eS9G1 {
3185
- }
3186
-
3187
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3188
- .Radio-module__hop-Radio___sO-ce {
3189
- --hop-Radio-box-border-size: 0.0625rem;
3190
- --hop-Radio-box-border-color: var(--hop-neutral-border);
3191
- --hop-Radio-box-background-color: var(--hop-neutral-surface);
3192
- --hop-Radio-box-outline-size: 0.125rem;
3193
- --hop-Radio-box-outline-color: var(--hop-primary-border-focus);
3194
- --hop-Radio-bullet-color: var(--hop-neutral-icon-selected);
3195
- --hop-Radio-bullet-display: none;
3196
- --hop-Radio-text-color: var(--hop-neutral-text);
3197
- --hop-Radio-icon-color: var(--hop-neutral-icon);
3198
- --hop-Radio-box-border-color-hovered: var(--hop-neutral-border-hover);
3199
- --hop-Radio-box-background-color-hovered: var(--hop-neutral-surface-hover);
3200
- --hop-Radio-text-color-hovered: var(--hop-neutral-text-hover);
3201
- --hop-Radio-icon-color-hovered: var(--hop-neutral-icon-hover);
3202
- --hop-Radio-box-border-color-pressed: var(--hop-neutral-border-press);
3203
- --hop-Radio-box-background-color-pressed: var(--hop-neutral-surface-press);
3204
- --hop-Radio-text-color-pressed: var(--hop-neutral-text-press);
3205
- --hop-Radio-icon-color-pressed: var(--hop-neutral-icon-press);
3206
- --hop-Radio-box-border-color-selected: var(--hop-neutral-border-selected);
3207
- --hop-Radio-box-background-color-selected: var(--hop-neutral-surface-selected);
3208
- --hop-Radio-bullet-display-selected: block;
3209
- --hop-Radio-text-color-selected: var(--hop-neutral-text);
3210
- --hop-Radio-icon-color-selected: var(--hop-neutral-icon);
3211
- --hop-Radio-box-border-color-disabled: var(--hop-neutral-border-disabled);
3212
- --hop-Radio-box-background-color-disabled: var(--hop-neutral-surface-disabled);
3213
- --hop-Radio-bullet-color-disabled: var(--hop-neutral-icon-disabled);
3214
- --hop-Radio-text-color-disabled: var(--hop-neutral-text-disabled);
3215
- --hop-Radio-icon-color-disabled: var(--hop-neutral-icon-disabled);
3216
- --hop-Radio-box-border-color-focused: var(--hop-neutral-border-hover);
3217
- --hop-Radio-box-background-color-focused: var(--hop-neutral-surface-hover);
3218
- --hop-Radio-text-color-focused: var(--hop-neutral-text);
3219
- --hop-Radio-icon-color-focused: var(--hop-neutral-icon);
3220
- --hop-Radio-box-border-color-invalid: var(--hop-danger-border-strong);
3221
- --hop-Radio-box-background-color-invalid: var(--hop-neutral-surface);
3222
- --hop-Radio-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
3223
- --hop-Radio-box-background-color-hovered-invalid: var(--hop-danger-surface);
3224
- --hop-Radio-box-border-color-pressed-invalid: var(--hop-danger-border-press);
3225
- --hop-Radio-box-background-color-pressed-invalid: var(--hop-danger-surface-weak);
3226
- --hop-Radio-box-border-color-focused-invalid: var(--hop-danger-border-strong);
3227
- --hop-Radio-box-background-color-focused-invalid: var(--hop-danger-surface);
3228
- --hop-Radio-box-border-color-selected-invalid: var(--hop-danger-border-strong);
3229
- --hop-Radio-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
3230
- --hop-Radio-bullet-color-invalid: var(--hop-danger-icon-strong);
3231
- --hop-Radio-text-color-invalid: var(--hop-danger-text-weak);
3232
- --hop-Radio-icon-color-invalid: var(--hop-danger-icon-weak);
3233
- --hop-Radio-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
3234
- --hop-Radio-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
3235
- --hop-Radio-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
3236
- --hop-Radio-box-sm-inline-size: 1rem;
3237
- --hop-Radio-box-sm-block-size: 1rem;
3238
- --hop-Radio-text-sm-top-offset: calc((var(--box-inline-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
3239
- --hop-Radio-text-sm-margin-inline-start: calc(var(--hop-space-inline-sm) - var(--hop-space-inline-xs));
3240
- --hop-Radio-box-md-inline-size: 1.5rem;
3241
- --hop-Radio-box-md-block-size: 1.5rem;
3242
- --hop-Radio-text-md-top-offset: calc((var(--box-inline-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
3243
- --hop-Radio-text-md-margin-inline-start: calc(var(--hop-space-inline-md) - var(--hop-space-inline-xs));
3244
- --box-background-color: var(--hop-Radio-box-background-color);
3245
- --box-border-color: var(--hop-Radio-box-border-color);
3246
- --box-border-radius: var(--hop-shape-circle);
3247
- --bullet-color: var(--hop-Radio-bullet-color);
3248
- --bullet-display: var(--hop-Radio-bullet-display);
3249
- --cursor: pointer;
3250
- --text-color: var(--hop-Radio-text-color);
3251
- --icon-color: var(--hop-Radio-icon-color);
3252
- --transition-duration: var(--hop-easing-duration-2);
3253
- cursor: var(--cursor);
3254
- display: flex;
3255
- column-gap: var(--hop-space-inline-xs);
3256
- align-items: flex-start;
3257
- justify-content: flex-start;
3258
- box-sizing: border-box;
3259
- inline-size: max-content;
3260
- max-inline-size: 100%;
3261
- }
3262
- .Radio-module__hop-Radio___sO-ce[data-focus-visible] {
3263
- --box-background-color: var(--hop-Radio-box-background-color-focused);
3264
- --box-border-color: var(--hop-Radio-box-border-color-focused);
3265
- --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3266
- --text-color: var(--hop-Radio-text-color-focused);
3267
- --icon-color: var(--hop-Radio-icon-color-focused);
3268
- }
3269
- .Radio-module__hop-Radio___sO-ce[data-hovered] {
3270
- --box-background-color: var(--hop-Radio-box-background-color-hovered);
3271
- --box-border-color: var(--hop-Radio-box-border-color-hovered);
3272
- --text-color: var(--hop-Radio-text-color-hovered);
3273
- --icon-color: var(--hop-Radio-icon-color-hovered);
3274
- }
3275
- .Radio-module__hop-Radio___sO-ce[data-pressed] {
3276
- --box-background-color: var(--hop-Radio-box-background-color-pressed);
3277
- --box-border-color: var(--hop-Radio-box-border-color-pressed);
3278
- --text-color: var(--hop-Radio-text-color-pressed);
3279
- --icon-color: var(--hop-Radio-icon-color-pressed);
3280
- }
3281
- .Radio-module__hop-Radio___sO-ce[data-selected] {
3282
- --box-background-color: var(--hop-Radio-box-background-color-selected);
3283
- --box-border-color: var(--hop-Radio-box-border-color-selected);
3284
- --bullet-display: var(--hop-Radio-bullet-display-selected);
3285
- --text-color: var(--hop-Radio-text-color-selected);
3286
- --icon-color: var(--hop-Radio-icon-color-selected);
3287
- }
3288
- .Radio-module__hop-Radio___sO-ce[data-invalid] {
3289
- --box-background-color: var(--hop-Radio-box-background-color-invalid);
3290
- --box-border-color: var(--hop-Radio-box-border-color-invalid);
3291
- --bullet-color: var(--hop-Radio-bullet-color-invalid);
3292
- --text-color: var(--hop-Radio-text-color-invalid);
3293
- --icon-color: var(--hop-Radio-icon-color-invalid);
3294
- }
3295
- .Radio-module__hop-Radio___sO-ce:where([data-invalid])[data-focus-visible] {
3296
- --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3297
- --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3298
- }
3299
- .Radio-module__hop-Radio___sO-ce:where([data-invalid])[data-hovered] {
3300
- --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3301
- --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3302
- --text-color: var(--hop-Radio-text-color-hovered-invalid);
3303
- --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3304
- }
3305
- .Radio-module__hop-Radio___sO-ce:where([data-invalid])[data-pressed] {
3306
- --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3307
- --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3308
- --text-color: var(--hop-Radio-text-color-pressed-invalid);
3309
- --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3310
- }
3311
- .Radio-module__hop-Radio___sO-ce:where([data-invalid])[data-selected] {
3312
- --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3313
- --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3314
- }
3315
- .Radio-module__hop-Radio___sO-ce[data-disabled] {
3316
- --box-background-color: var(--hop-Radio-box-background-color-disabled);
3317
- --box-border-color: var(--hop-Radio-box-border-color-disabled);
3318
- --bullet-color: var(--hop-Radio-bullet-color-disabled);
3319
- --cursor: not-allowed;
3320
- --text-color: var(--hop-Radio-text-color-disabled);
3321
- --icon-color: var(--hop-Radio-icon-color-disabled);
3322
- }
3323
- .Radio-module__hop-Radio--sm___kCFqK {
3324
- --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3325
- --box-block-size: var(--hop-Radio-box-sm-block-size);
3326
- --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3327
- --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3328
- }
3329
- .Radio-module__hop-Radio--md___k1pm4 {
3330
- --box-inline-size: var(--hop-Radio-box-md-inline-size);
3331
- --box-block-size: var(--hop-Radio-box-md-block-size);
3332
- --text-top-offset: var(--hop-Radio-text-md-top-offset);
3333
- --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3334
- }
3335
- .Radio-module__hop-Radio__icon___IbvGz,
3336
- .Radio-module__hop-Radio__icon-list___2sYtU {
3337
- flex: 0 0 auto;
3338
- order: 3;
3339
- color: var(--icon-color);
3340
- }
3341
- .Radio-module__hop-Radio__box___tcjoy {
3342
- display: flex;
3343
- flex: 0 0 auto;
3344
- align-items: center;
3345
- justify-content: center;
3346
- order: 1;
3347
- box-sizing: border-box;
3348
- inline-size: var(--box-inline-size, var(--hop-Radio-box-md-inline-size));
3349
- block-size: var(--box-block-size, var(--hop-Radio-box-md-block-size));
3350
- background-color: var(--box-background-color);
3351
- border: var(--hop-Radio-box-border-size) solid var(--box-border-color);
3352
- border-radius: var(--box-border-radius);
3353
- outline: var(--box-outline, none);
3354
- outline-offset: 0.125rem;
3355
- transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3356
- }
3357
- .Radio-module__hop-Radio__bullet___Nb7O3 {
3358
- display: var(--bullet-display);
3359
- color: var(--bullet-color);
3360
- }
3361
- .Radio-module__hop-Radio__text___oU0a- {
3362
- flex: 0 1 auto;
3363
- order: 2;
3364
- min-inline-size: 0;
3365
- margin-block-start: var(--text-top-offset, var(--hop-Radio-text-md-top-offset));
3366
- margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3367
- color: var(--text-color);
3368
- }
3369
-
3370
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3371
- .RadioField-module__hop-RadioField___jfxGw {
3372
- --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3373
- --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3374
- --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
3375
- --hop-RadioField-radio-sm-inline-size: 1rem;
3376
- --hop-RadioField-description-sm-margin-inline-start: calc(var(--hop-RadioField-radio-sm-inline-size) + var(--hop-space-inline-sm));
3377
- --hop-RadioField-md-row-gap: var(--hop-space-stack-xs);
3378
- --hop-RadioField-radio-md-inline-size: 1.5rem;
3379
- --hop-RadioField-description-md-margin-inline-start: calc(var(--hop-RadioField-radio-md-inline-size) + var(--hop-space-inline-md));
3380
- --description-color: var(--hop-RadioField-description-color);
3381
- display: flex;
3382
- flex-direction: column;
3383
- row-gap: var(--row-gap, var(--hop-space-stack-sm));
3384
- align-items: flex-start;
3385
- justify-content: flex-start;
3386
- box-sizing: border-box;
3387
- inline-size: max-content;
3388
- max-inline-size: 100%;
3389
- }
3390
- .RadioField-module__hop-RadioField___jfxGw[data-disabled] {
3391
- --description-color: var(--hop-RadioField-description-color-disabled);
3392
- }
3393
- .RadioField-module__hop-RadioField--sm___losFB {
3394
- --row-gap: var(--hop-RadioField-sm-row-gap);
3395
- --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3396
- }
3397
- .RadioField-module__hop-RadioField--md___Ai1VQ {
3398
- --row-gap: var(--hop-RadioField-md-row-gap);
3399
- --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3400
- }
3401
- .RadioField-module__hop-RadioField__description___M9Pkp {
3402
- order: 2;
3403
- margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3404
- color: var(--description-color);
3405
- }
3406
- .RadioField-module__hop-RadioField__radio___sXP7e {
3407
- order: 1;
3408
- }
3409
-
3410
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3411
- .RadioGroup-module__hop-RadioGroup___q6U5G {
3412
- --hop-RadioGroup-align-items: flex-start;
3413
- --hop-RadioGroup-justify-content: flex-start;
3414
- --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
3415
- --hop-RadioGroup-sm-column-gap: var(--hop-space-inline-sm);
3416
- --hop-RadioGroup-sm-row-gap: var(--hop-space-stack-sm);
3417
- --hop-RadioGroup-list-sm-column-gap: var(--hop-space-inline-sm);
3418
- --hop-RadioGroup-list-sm-row-gap: var(--hop-space-stack-sm);
3419
- --hop-RadioGroup-bordered-sm-padding: var(--hop-space-inset-sm);
3420
- --hop-RadioGroup-bordered-sm-column-gap: var(--hop-space-inline-sm);
3421
- --hop-RadioGroup-bordered-sm-row-gap: var(--hop-space-stack-sm);
3422
- --hop-RadioGroup-list-bordered-sm-column-gap: 0;
3423
- --hop-RadioGroup-list-bordered-sm-row-gap: 0;
3424
- --hop-RadioGroup-md-column-gap: var(--hop-space-inline-md);
3425
- --hop-RadioGroup-md-row-gap: var(--hop-space-stack-md);
3426
- --hop-RadioGroup-list-md-column-gap: var(--hop-space-inline-md);
3427
- --hop-RadioGroup-list-md-row-gap: var(--hop-space-stack-md);
3428
- --hop-RadioGroup-bordered-md-padding: var(--hop-space-inset-md);
3429
- --hop-RadioGroup-bordered-md-column-gap: var(--hop-space-inline-sm);
3430
- --hop-RadioGroup-bordered-md-row-gap: var(--hop-space-stack-sm);
3431
- --hop-RadioGroup-list-bordered-md-column-gap: 0;
3432
- --hop-RadioGroup-list-bordered-md-row-gap: 0;
3433
- --hop-RadioGroup-vertical-flex-direction: column;
3434
- --hop-RadioGroup-horizontal-flex-direction: row;
3435
- --radio-border-size: 0.0625rem;
3436
- --radio-border-color: var(--hop-neutral-border-weak);
3437
- --flex-direction: var(--hop-RadioGroup-vertical-flex-direction);
3438
- --align-items: var(--hop-RadioGroup-align-items);
3439
- --justify-content: var(--hop-RadioGroup-justify-content);
3440
- --flex-wrap: wrap;
3441
- --inline-size: max-content;
3442
- display: flex;
3443
- flex-direction: column;
3444
- gap: var(--row-gap, var(--hop-space-stack-md)) var(--column-gap, var(--hop-space-inline-md));
3445
- align-items: var(--align-items);
3446
- justify-content: var(--justify-content);
3447
- box-sizing: border-box;
3448
- inline-size: var(--inline-size);
3449
- max-inline-size: 100%;
3450
- }
3451
- .RadioGroup-module__hop-RadioGroup--bordered___j6Cbd {
3452
- --list-border: var(--radio-border-size) solid var(--radio-border-color);
3453
- --list-border-radius: var(--hop-shape-rounded-md);
3454
- }
3455
- .RadioGroup-module__hop-RadioGroup--sm___0ccTH {
3456
- --column-gap: var(--hop-RadioGroup-sm-column-gap);
3457
- --row-gap: var(--hop-RadioGroup-sm-row-gap);
3458
- --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3459
- --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3460
- }
3461
- .RadioGroup-module__hop-RadioGroup--md___yP-19 {
3462
- --column-gap: var(--hop-RadioGroup-md-column-gap);
3463
- --row-gap: var(--hop-RadioGroup-md-row-gap);
3464
- --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3465
- --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3466
- }
3467
- .RadioGroup-module__hop-RadioGroup--bordered___j6Cbd.RadioGroup-module__hop-RadioGroup--sm___0ccTH {
3468
- --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3469
- --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3470
- --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3471
- --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3472
- --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3473
- }
3474
- .RadioGroup-module__hop-RadioGroup--bordered___j6Cbd.RadioGroup-module__hop-RadioGroup--md___yP-19 {
3475
- --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3476
- --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3477
- --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3478
- --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3479
- --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3480
- }
3481
- .RadioGroup-module__hop-RadioGroup___q6U5G[data-orientation=horizontal] {
3482
- --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3483
- }
3484
- .RadioGroup-module__hop-RadioGroup--bordered___j6Cbd[data-orientation=horizontal] {
3485
- --flex-wrap: nowrap;
3486
- }
3487
- .RadioGroup-module__hop-RadioGroup___q6U5G > .RadioGroup-module__hop-RadioGroup__label___aLUN1 {
3488
- order: 1;
3489
- }
3490
- .RadioGroup-module__hop-RadioGroup__list___jjaM- {
3491
- display: flex;
3492
- flex-flow: var(--flex-direction) var(--flex-wrap);
3493
- gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
3494
- order: 2;
3495
- box-sizing: border-box;
3496
- inline-size: var(--inline-size);
3497
- max-inline-size: 100%;
3498
- border: var(--list-border, none);
3499
- border-radius: var(--list-border-radius, 0);
3500
- }
3501
- .RadioGroup-module__hop-RadioGroup__list___jjaM- > .RadioGroup-module__hop-RadioGroup__radio___JbP1d {
3502
- position: relative;
3503
- flex: 0 1 auto;
3504
- align-content: start;
3505
- inline-size: auto;
3506
- min-inline-size: 0;
3507
- padding: var(--radio-padding, 0);
3508
- }
3509
- .RadioGroup-module__hop-RadioGroup--bordered___j6Cbd .RadioGroup-module__hop-RadioGroup__list___jjaM- > .RadioGroup-module__hop-RadioGroup__radio___JbP1d ~ .RadioGroup-module__hop-RadioGroup__radio___JbP1d::before {
3510
- content: "";
3511
- position: absolute;
3512
- display: block;
3513
- }
3514
- .RadioGroup-module__hop-RadioGroup--bordered___j6Cbd[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___jjaM- > .RadioGroup-module__hop-RadioGroup__radio___JbP1d ~ .RadioGroup-module__hop-RadioGroup__radio___JbP1d::before {
3515
- inset-block-start: 0;
3516
- inset-inline: 0;
3517
- border-block-start: var(--list-border, none);
3518
- }
3519
- .RadioGroup-module__hop-RadioGroup--bordered___j6Cbd[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___jjaM- > .RadioGroup-module__hop-RadioGroup__radio___JbP1d ~ .RadioGroup-module__hop-RadioGroup__radio___JbP1d::before {
3520
- inset-block: 0;
3521
- inset-inline-start: 0;
3522
- border-inline-start: var(--list-border, none);
3523
- }
3524
- .RadioGroup-module__hop-RadioGroup___q6U5G > .RadioGroup-module__hop-RadioGroup__error-message___zcFC6,
3525
- .RadioGroup-module__hop-RadioGroup___q6U5G > .RadioGroup-module__hop-RadioGroup__helper-message___0dH8U {
3526
- order: 3;
3527
- }
3528
-
3529
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
3530
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___u4-63 {
3531
- --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3532
- --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3533
- --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
3534
- --hop-ListBoxItemSkeleton-animation-duration: 1.4s;
3535
- --hop-ListBoxItemSkeleton-animation-reduced-motion-duration: 3.4s;
3536
- --hop-ListBoxItemSkeleton-linear-gradient:
3537
- linear-gradient(
3538
-
3539
- 90deg,
3540
- var(--hop-ListBoxItemSkeleton-background-color) 25%,
3541
- var(--hop-ListBoxItemSkeleton-background-color-dark) 37%,
3542
- var(--hop-ListBoxItemSkeleton-background-color-dark) 63%,
3543
- var(--hop-ListBoxItemSkeleton-background-color) 100% );
3544
- --hop-ListBoxItemSkeleton-xs-height: 1.25rem;
3545
- --hop-ListBoxItemSkeleton-sm-height: 1.25rem;
3546
- --hop-ListBoxItemSkeleton-md-height: 1.25rem;
3547
- --hop-ListBoxItemSkeleton-lg-height: 1.5rem;
3548
- --animation-duration: var(--hop-ListBoxItemSkeleton-animation-duration);
3549
- grid-area: label;
3550
- box-sizing: border-box;
3551
- block-size: var(--height);
3552
- background-color: var(--hop-ListBoxItemSkeleton-background-color);
3553
- background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3554
- background-size: 400% 100%;
3555
- border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3556
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___nmNTS;
3557
- animation-duration: var(--animation-duration);
3558
- animation-timing-function: ease-in-out;
3559
- animation-fill-mode: forwards;
3560
- animation-iteration-count: infinite;
3561
- @media (prefers-reduced-motion: reduce) {
3562
- --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3563
- }
3564
- }
3565
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___8QZSP {
3566
- --height: var(--hop-ListBoxItemSkeleton-xs-height);
3567
- }
3568
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___mHYIi {
3569
- --height: var(--hop-ListBoxItemSkeleton-sm-height);
3570
- }
3571
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___EcJBh {
3572
- --height: var(--hop-ListBoxItemSkeleton-md-height);
3573
- }
3574
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___TEU5- {
3575
- --height: var(--hop-ListBoxItemSkeleton-lg-height);
3576
- }
3577
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___nmNTS {
3578
- 0% {
3579
- background-position: 125% 50%;
3580
- }
3581
- 100% {
3582
- background-position: -25% 50%;
3583
- }
3584
- }
3585
-
3586
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
3587
- .ListBoxItem-module__hop-ListBoxItem___XiDdq {
3588
- --hop-ListBoxItem-background-color: transparent;
3589
- --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3590
- --hop-ListBoxItem-text-color: var(--hop-neutral-text);
3591
- --hop-ListBoxItem-icon-color: var(--hop-neutral-icon);
3592
- --hop-ListBoxItem-outline-size: 0.125rem;
3593
- --hop-ListBoxItem-outline-color: var(--hop-primary-border-focus);
3594
- --hop-ListBoxItem-row-gap: var(--hop-space-stack-xs);
3595
- --hop-ListBoxItem-column-gap: var(--hop-space-inline-sm);
3596
- --hop-ListBoxItem-indicator-inline-size: calc( 1rem + var(--hop-ListBoxItem-column-gap));
3597
- --hop-ListBoxItem-description-text-color: var(--hop-neutral-text-weak);
3598
- --hop-ListBoxItem-grid-template-areas: "indicator avatar icon label end-icon badge";
3599
- --hop-ListBoxItem-grid-template-areas-with-description: "indicator avatar icon label end-icon badge" ". . . description description description";
3600
- --hop-ListBoxItem-grid-template-areas-loading: "label";
3601
- --hop-ListBoxItem-grid-template-columns: var(--hop-ListBoxItem-indicator-inline-size) auto auto 1fr auto auto;
3602
- --hop-ListBoxItem-grid-template-columns-not-selected: 0 auto auto 1fr auto auto;
3603
- --hop-ListBoxItem-grid-template-columns-loading: 1fr;
3604
- --hop-ListBoxItem-badge-margin-block: calc(-1 * (var(--hop-space-stack-xs) / 2));
3605
- --hop-ListBoxItem-xs-padding-block: var(--hop-space-inset-xs);
3606
- --hop-ListBoxItem-xs-padding-inline: var(--hop-space-inset-md);
3607
- --hop-ListBoxItem-xs-min-height: 2rem;
3608
- --hop-ListBoxItem-xs-avatar-margin-block: 0;
3609
- --hop-ListBoxItem-xs-label-font-weight: var(--hop-body-sm-font-weight);
3610
- --hop-ListBoxItem-xs-label-font-weight-selected: var(--hop-body-sm-medium-font-weight);
3611
- --hop-ListBoxItem-sm-padding-block: var(--hop-space-inset-sm);
3612
- --hop-ListBoxItem-sm-padding-inline: var(--hop-space-inset-md);
3613
- --hop-ListBoxItem-sm-min-height: 2.5rem;
3614
- --hop-ListBoxItem-sm-avatar-margin-block: 0;
3615
- --hop-ListBoxItem-sm-label-font-weight: var(--hop-body-sm-font-weight);
3616
- --hop-ListBoxItem-sm-label-font-weight-selected: var(--hop-body-sm-medium-font-weight);
3617
- --hop-ListBoxItem-md-padding-block: var(--hop-space-inset-md);
3618
- --hop-ListBoxItem-md-padding-inline: var(--hop-space-inset-md);
3619
- --hop-ListBoxItem-md-min-height: 3.5rem;
3620
- --hop-ListBoxItem-md-avatar-margin-block: calc(-1 * var(--hop-space-stack-xs));
3621
- --hop-ListBoxItem-md-label-font-weight: var(--hop-body-sm-font-weight);
3622
- --hop-ListBoxItem-md-label-font-weight-selected: var(--hop-body-sm-medium-font-weight);
3623
- --hop-ListBoxItem-lg-padding-block: var(--hop-space-inset-md);
3624
- --hop-ListBoxItem-lg-padding-inline: var(--hop-space-inset-md);
3625
- --hop-ListBoxItem-lg-min-height: 4rem;
3626
- --hop-ListBoxItem-lg-avatar-margin-block: calc(-1 * var(--hop-space-stack-xs));
3627
- --hop-ListBoxItem-lg-label-font-weight: var(--hop-body-md-font-weight);
3628
- --hop-ListBoxItem-lg-label-font-weight-selected: var(--hop-body-md-medium-font-weight);
3629
- --hop-ListBoxItem-background-color-hovered: var(--hop-neutral-surface-hover);
3630
- --hop-ListBoxItem-text-color-hovered: var(--hop-neutral-text-hover);
3631
- --hop-ListBoxItem-icon-color-hovered: var(--hop-neutral-icon-hover);
3632
- --hop-ListBoxItem-background-color-pressed: var(--hop-neutral-surface-press);
3633
- --hop-ListBoxItem-text-color-pressed: var(--hop-neutral-text-press);
3634
- --hop-ListBoxItem-icon-color-pressed: var(--hop-neutral-icon-press);
3635
- --hop-ListBoxItem-background-color-focused: var(--hop-neutral-surface-hover);
3636
- --hop-ListBoxItem-text-color-focused: var(--hop-neutral-text-hover);
3637
- --hop-ListBoxItem-icon-color-focused: var(--hop-neutral-icon-hover);
3638
- --hop-ListBoxItem-background-color-selected: transparent;
3639
- --hop-ListBoxItem-text-color-selected: var(--hop-neutral-text);
3640
- --hop-ListBoxItem-icon-color-selected: var(--hop-neutral-icon);
3641
- --hop-ListBoxItem-background-color-invalid: transparent;
3642
- --hop-ListBoxItem-background-color-invalid-hovered: var(--hop-danger-surface-hover);
3643
- --hop-ListBoxItem-background-color-invalid-pressed: var(--hop-danger-surface-press);
3644
- --hop-ListBoxItem-background-color-invalid-focused: var(--hop-danger-surface-hover);
3645
- --hop-ListBoxItem-background-color-invalid-selected: transparent;
3646
- --hop-ListBoxItem-background-color-invalid-disabled: transparent;
3647
- --hop-ListBoxItem-text-color-invalid: var(--hop-danger-text-weak);
3648
- --hop-ListBoxItem-text-color-invalid-hovered: var(--hop-danger-text-strong);
3649
- --hop-ListBoxItem-text-color-invalid-pressed: var(--hop-danger-text-strong);
3650
- --hop-ListBoxItem-text-color-invalid-focused: var(--hop-danger-text-strong);
3651
- --hop-ListBoxItem-text-color-invalid-selected: var(--hop-danger-text-weak);
3652
- --hop-ListBoxItem-text-color-invalid-disabled: var(--hop-danger-text-disabled);
3653
- --hop-ListBoxItem-icon-color-invalid: var(--hop-danger-icon-weak);
3654
- --hop-ListBoxItem-icon-color-invalid-hovered: var(--hop-danger-icon-strong);
3655
- --hop-ListBoxItem-icon-color-invalid-pressed: var(--hop-danger-icon-strong);
3656
- --hop-ListBoxItem-icon-color-invalid-focused: var(--hop-danger-icon-strong);
3657
- --hop-ListBoxItem-icon-color-invalid-selected: var(--hop-danger-icon-weak);
3658
- --hop-ListBoxItem-icon-color-invalid-disabled: var(--hop-danger-icon-disabled);
3659
- --hop-ListBoxItem-description-text-color-invalid-hovered: inherit;
3660
- --hop-ListBoxItem-description-text-color-invalid-pressed: inherit;
3661
- --hop-ListBoxItem-description-text-color-invalid-focused: inherit;
3662
- --hop-ListBoxItem-background-color-disabled: transparent;
3663
- --hop-ListBoxItem-text-color-disabled: var(--hop-neutral-text-disabled);
3664
- --hop-ListBoxItem-icon-color-disabled: var(--hop-neutral-icon-disabled);
3665
- --background-color: var(--hop-ListBoxItem-background-color);
3666
- --text-color: var(--hop-ListBoxItem-text-color);
3667
- --icon-color: var(--hop-ListBoxItem-icon-color);
3668
- --outline: none;
3669
- --cursor: default;
3670
- --checkmark-opacity: 0;
3671
- --description-text-color: var(--hop-ListBoxItem-description-text-color);
3672
- --row-gap: 0;
3673
- --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas);
3674
- --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns);
3675
- --checkmark-transition: opacity 0.2s ease-in-out .2s;
3676
- cursor: var(--cursor);
3677
- box-sizing: border-box;
3678
- color: var(--text-color);
3679
- background-color: var(--background-color);
3680
- border-radius: var(--hop-ListBoxItem-border-radius);
3681
- outline: var(--outline);
3682
- outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3683
- }
3684
- .ListBoxItem-module__hop-ListBoxItem--xs___0-yUm {
3685
- --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3686
- --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3687
- --min-height: var(--hop-ListBoxItem-xs-min-height);
3688
- --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3689
- --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3690
- }
3691
- .ListBoxItem-module__hop-ListBoxItem--sm___2r2UW {
3692
- --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3693
- --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3694
- --min-height: var(--hop-ListBoxItem-sm-min-height);
3695
- --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3696
- --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3697
- }
3698
- .ListBoxItem-module__hop-ListBoxItem--md___UlOdU {
3699
- --padding-block: var(--hop-ListBoxItem-md-padding-block);
3700
- --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3701
- --min-height: var(--hop-ListBoxItem-md-min-height);
3702
- --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3703
- --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3704
- }
3705
- .ListBoxItem-module__hop-ListBoxItem--lg___bkgMh {
3706
- --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3707
- --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3708
- --min-height: var(--hop-ListBoxItem-lg-min-height);
3709
- --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3710
- --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3711
- }
3712
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-selection-mode] {
3713
- --cursor: pointer;
3714
- }
3715
- .ListBoxItem-module__hop-ListBoxItem___XiDdq:not([data-selection-mode]) {
3716
- --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3717
- }
3718
- .ListBoxItem-module__hop-ListBoxItem__inner___H3qGL:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___7dJgG) {
3719
- --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3720
- }
3721
- .ListBoxItem-module__hop-ListBoxItem__inner___H3qGL[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___7dJgG) {
3722
- --checkmark-transition: none;
3723
- }
3724
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-selected] {
3725
- --background-color: var(--hop-ListBoxItem-background-color-selected);
3726
- --text-color: var(--hop-ListBoxItem-text-color-selected);
3727
- --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3728
- --checkmark-opacity: 1;
3729
- }
3730
- .ListBoxItem-module__hop-ListBoxItem--xs___0-yUm[data-selected] {
3731
- --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3732
- }
3733
- .ListBoxItem-module__hop-ListBoxItem--sm___2r2UW[data-selected] {
3734
- --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3735
- }
3736
- .ListBoxItem-module__hop-ListBoxItem--md___UlOdU[data-selected] {
3737
- --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3738
- }
3739
- .ListBoxItem-module__hop-ListBoxItem--lg___bkgMh[data-selected] {
3740
- --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3741
- }
3742
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-focus-visible] {
3743
- --background-color: var(--hop-ListBoxItem-background-color-focused);
3744
- --text-color: var(--hop-ListBoxItem-text-color-focused);
3745
- --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3746
- --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3747
- }
3748
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-hovered] {
3749
- --background-color: var(--hop-ListBoxItem-background-color-hovered);
3750
- --text-color: var(--hop-ListBoxItem-text-color-hovered);
3751
- --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3752
- }
3753
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-pressed] {
3754
- --background-color: var(--hop-ListBoxItem-background-color-pressed);
3755
- --text-color: var(--hop-ListBoxItem-text-color-pressed);
3756
- --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3757
- }
3758
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-disabled] {
3759
- --background-color: var(--hop-ListBoxItem-background-color-disabled);
3760
- --text-color: var(--hop-ListBoxItem-text-color-disabled);
3761
- --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3762
- --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3763
- --cursor: not-allowed;
3764
- }
3765
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-invalid] {
3766
- --background-color: var(--hop-ListBoxItem-background-color-invalid);
3767
- --text-color: var(--hop-ListBoxItem-text-color-invalid);
3768
- --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3769
- }
3770
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-invalid][data-selected] {
3771
- --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3772
- --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3773
- --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3774
- }
3775
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-invalid][data-focus-visible] {
3776
- --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3777
- --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3778
- --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3779
- --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3780
- }
3781
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-invalid][data-hovered] {
3782
- --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3783
- --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3784
- --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3785
- --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3786
- }
3787
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-invalid][data-pressed] {
3788
- --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3789
- --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3790
- --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3791
- --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3792
- }
3793
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-invalid][data-disabled] {
3794
- --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3795
- --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3796
- --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3797
- }
3798
- .ListBoxItem-module__hop-ListBoxItem___XiDdq:has(.ListBoxItem-module__hop-ListBoxItem__description___syc22) {
3799
- --row-gap: var(--hop-ListBoxItem-row-gap);
3800
- --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3801
- }
3802
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-loading] {
3803
- --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3804
- --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3805
- }
3806
- .ListBoxItem-module__hop-ListBoxItem__inner___H3qGL {
3807
- display: grid;
3808
- grid-template-areas: var(--grid-template-areas);
3809
- grid-template-columns: var(--grid-template-columns);
3810
- row-gap: var(--row-gap);
3811
- align-items: center;
3812
- box-sizing: border-box;
3813
- min-block-size: var(--min-height);
3814
- padding-block: var(--padding-block);
3815
- padding-inline: var(--padding-inline);
3816
- transition: grid-template-columns .3s ease-in-out;
3817
- }
3818
- .ListBoxItem-module__hop-ListBoxItem__checkmark___7dJgG {
3819
- grid-area: indicator;
3820
- margin-inline-end: var(--hop-ListBoxItem-column-gap);
3821
- color: var(--icon-color);
3822
- opacity: var(--checkmark-opacity);
3823
- transition: var(--checkmark-transition);
3824
- }
3825
- .ListBoxItem-module__hop-ListBoxItem__radio___qvI6Y,
3826
- .ListBoxItem-module__hop-ListBoxItem__checkbox___gllIZ {
3827
- pointer-events: none;
3828
- user-select: none;
3829
- grid-area: indicator;
3830
- margin-inline-end: var(--hop-ListBoxItem-column-gap);
3831
- }
3832
- .ListBoxItem-module__hop-ListBoxItem__avatar___qIrHr {
3833
- grid-area: avatar;
3834
- margin-block: var(--avatar-margin-block, 0);
3835
- margin-inline-end: var(--hop-ListBoxItem-column-gap);
3836
- }
3837
- .ListBoxItem-module__hop-ListBoxItem__icon-list___qv6w4,
3838
- .ListBoxItem-module__hop-ListBoxItem__icon___47egu {
3839
- grid-area: icon;
3840
- flex: 0 0 auto;
3841
- margin-inline-end: var(--hop-ListBoxItem-column-gap);
3842
- color: var(--icon-color);
3843
- }
3844
- .ListBoxItem-module__hop-ListBoxItem__label___e1hKz {
3845
- overflow: hidden;
3846
- grid-area: label;
3847
- min-inline-size: 0;
3848
- font-weight: var(--label-font-weight);
3849
- text-overflow: ellipsis;
3850
- white-space: nowrap;
3851
- }
3852
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___njvBZ,
3853
- .ListBoxItem-module__hop-ListBoxItem__end-icon___fiGyY {
3854
- grid-area: end-icon;
3855
- margin-inline-start: var(--hop-ListBoxItem-column-gap);
3856
- color: var(--icon-color);
3857
- }
3858
- .ListBoxItem-module__hop-ListBoxItem__badge___UDz49 {
3859
- grid-area: badge;
3860
- margin-block: var(--hop-ListBoxItem-badge-margin-block);
3861
- margin-inline-start: var(--hop-ListBoxItem-column-gap);
3862
- }
3863
- .ListBoxItem-module__hop-ListBoxItem__description___syc22 {
3864
- overflow: hidden;
3865
- display: -webkit-box;
3866
- grid-area: description;
3867
- -webkit-box-orient: vertical;
3868
- -webkit-line-clamp: 2;
3869
- line-clamp: 2;
3870
- color: var(--description-text-color);
3871
- }
3872
-
3873
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
3874
- .ListBox-module__hop-ListBox___jK4Pq {
3875
- --hop-ListBox-background-color: var(--hop-neutral-surface);
3876
- --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3877
- --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
3878
- --hop-ListBox-border-size: 0.0625rem;
3879
- --hop-ListBox-padding-inline: var(--hop-space-inset-sm);
3880
- --hop-ListBox-padding-block: var(--hop-space-inset-sm);
3881
- --hop-ListBox-min-width: 13.625rem;
3882
- --hop-ListBox-max-width: 18rem;
3883
- --hop-ListBox-width: max-content;
3884
- --hop-ListBox-fluid-width: 100%;
3885
- --hop-ListBox-fluid-max-width: 100%;
3886
- --hop-ListBox-section-padding-block: var(--hop-ListBox-padding-block);
3887
- --hop-ListBox-section-padding-inline: var(--hop-ListBox-padding-inline);
3888
- --hop-ListBox-section-margin-block: var(--hop-space-stack-sm);
3889
- --hop-ListBox-section-margin-inline: calc(-1 * var(--hop-ListBox-padding-inline));
3890
- --hop-ListBox-section-border-size: var(--hop-ListBox-border-size);
3891
- --hop-ListBox-section-border-color: var(--hop-ListBox-border-color);
3892
- --hop-ListBox-section-header-color: var(--hop-neutral-text-weak);
3893
- --hop-ListBox-section-header-font-family: var(--hop-overline-font-family);
3894
- --hop-ListBox-section-header-font-size: var(--hop-overline-font-size);
3895
- --hop-ListBox-section-header-font-weight: var(--hop-overline-font-weight);
3896
- --hop-ListBox-section-header-letter-spacing: 0.015rem;
3897
- --hop-ListBox-section-header-line-height: var(--hop-overline-line-height);
3898
- --hop-ListBox-section-header-text-transform: uppercase;
3899
- --hop-ListBox-section-header-padding: var(--hop-space-inset-stretch-sm);
3900
- --hop-ListBox-section-header-top-offset: var(--hop-overline-top-offset);
3901
- --hop-ListBox-section-header-bottom-offset: var(--hop-overline-bottom-offset);
3902
- --max-width: var(--hop-ListBox-max-width);
3903
- --width: var(--hop-ListBox-width);
3904
- --section-padding-block-start: var(--hop-ListBox-section-padding-block);
3905
- --section-padding-block-end: var(--hop-ListBox-section-padding-block);
3906
- --section-margin-block-start: 0;
3907
- --section-margin-block-end: 0;
3908
- --section-border-block-start: 0;
3909
- --section-border-block-end: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3910
- overflow: hidden auto;
3911
- box-sizing: border-box;
3912
- inline-size: var(--width);
3913
- min-inline-size: var(--hop-ListBox-min-width);
3914
- max-inline-size: var(--max-width);
3915
- padding-block: var(--hop-ListBox-padding-block);
3916
- padding-inline: var(--hop-ListBox-padding-inline);
3917
- background-color: var(--hop-ListBox-background-color);
3918
- border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3919
- border-radius: var(--hop-ListBox-border-radius);
3920
- }
3921
- .ListBox-module__hop-ListBox--fluid___rpAtK {
3922
- --max-width: var(--hop-ListBox-fluid-max-width);
3923
- --width: var(--hop-ListBox-fluid-width);
3924
- }
3925
- .ListBox-module__hop-ListBox__section___qUkaf {
3926
- margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3927
- margin-inline: var(--hop-ListBox-section-margin-inline);
3928
- padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
3929
- padding-inline: var(--hop-ListBox-section-padding-inline);
3930
- border-block-start: var(--section-border-block-start);
3931
- border-block-end: var(--section-border-block-end);
3932
- }
3933
- .ListBox-module__hop-ListBox__item___2ciBf + .ListBox-module__hop-ListBox__section___qUkaf {
3934
- --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3935
- --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3936
- }
3937
- .ListBox-module__hop-ListBox__section___qUkaf:has(+ .ListBox-module__hop-ListBox__item___2ciBf) {
3938
- --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3939
- }
3940
- .ListBox-module__hop-ListBox__section___qUkaf:first-child {
3941
- --section-padding-block-start: 0;
3942
- }
3943
- .ListBox-module__hop-ListBox__section___qUkaf:last-child {
3944
- --section-padding-block-end: 0;
3945
- --section-border-block-end: 0;
3946
- }
3947
- .ListBox-module__hop-ListBox__section-header___Po7xT {
3948
- margin: 0;
3949
- padding: var(--hop-ListBox-section-header-padding);
3950
- font-family: var(--hop-ListBox-section-header-font-family);
3951
- font-size: var(--hop-ListBox-section-header-font-size);
3952
- font-weight: var(--hop-ListBox-section-header-font-weight);
3953
- line-height: var(--hop-ListBox-section-header-line-height);
3954
- color: var(--hop-ListBox-section-header-color);
3955
- text-transform: var(--hop-ListBox-section-header-text-transform);
3956
- letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3957
- }
3958
- .ListBox-module__hop-ListBox__section-header___Po7xT::before,
3959
- .ListBox-module__hop-ListBox__section-header___Po7xT::after {
3960
- content: "";
3961
- display: block;
3962
- box-sizing: border-box;
3963
- inline-size: 0;
3964
- block-size: 0;
3965
- }
3966
- .ListBox-module__hop-ListBox__section-header___Po7xT::before {
3967
- margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3968
- }
3969
- .ListBox-module__hop-ListBox__section-header___Po7xT::after {
3970
- margin-block-start: var(--hop-ListBox-section-header-top-offset);
3971
- }
3972
-
3973
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
3974
- .Link-module__hop-Link___-h2bm {
3975
- --hop-Link-border-radius: var(--hop-shape-rounded-sm);
3976
- --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
3977
- --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
3978
- --hop-Link-column-gap: var(--hop-space-inline-xs);
3979
- --hop-Link-xs-font-size: var(--hop-body-xs-font-size);
3980
- --hop-Link-xs-font-family: var(--hop-body-xs-font-family);
3981
- --hop-Link-xs-font-weight: var(--hop-body-xs-font-weight);
3982
- --hop-Link-xs-line-height: var(--hop-body-xs-line-height);
3983
- --hop-Link-sm-font-size: var(--hop-body-sm-font-size);
3984
- --hop-Link-sm-font-family: var(--hop-body-sm-font-family);
3985
- --hop-Link-sm-font-weight: var(--hop-body-sm-font-weight);
3986
- --hop-Link-sm-line-height: var(--hop-body-sm-line-height);
3987
- --hop-Link-md-font-size: var(--hop-body-md-font-size);
3988
- --hop-Link-md-font-family: var(--hop-body-md-font-family);
3989
- --hop-Link-md-font-weight: var(--hop-body-md-font-weight);
3990
- --hop-Link-md-line-height: var(--hop-body-md-line-height);
3991
- --hop-Link-lg-font-size: var(--hop-body-lg-font-size);
3992
- --hop-Link-lg-font-family: var(--hop-body-lg-font-family);
3993
- --hop-Link-lg-font-weight: var(--hop-body-lg-font-weight);
3994
- --hop-Link-lg-line-height: var(--hop-body-lg-line-height);
3995
- --hop-Link-xl-font-size: var(--hop-body-xl-font-size);
3996
- --hop-Link-xl-font-family: var(--hop-body-xl-font-family);
3997
- --hop-Link-xl-font-weight: var(--hop-body-xl-font-weight);
3998
- --hop-Link-xl-line-height: var(--hop-body-xl-line-height);
3999
- --hop-Link-2xl-font-size: var(--hop-body-2xl-font-size);
4000
- --hop-Link-2xl-font-family: var(--hop-body-2xl-font-family);
4001
- --hop-Link-2xl-font-weight: var(--hop-body-2xl-font-weight);
4002
- --hop-Link-2xl-line-height: var(--hop-body-2xl-line-height);
4003
- --hop-Link-inherit-size-font-size: inherit;
4004
- --hop-Link-inherit-size-font-family: inherit;
4005
- --hop-Link-inherit-size-font-weight: inherit;
4006
- --hop-Link-inherit-size-line-height: inherit;
4007
- --hop-Link-primary-text-color: var(--hop-primary-text);
4008
- --hop-Link-primary-text-disabled-color: var(--hop-primary-text-disabled);
4009
- --hop-Link-primary-text-hover-color: var(--hop-primary-text-hover);
4010
- --hop-Link-primary-text-pressed-color: var(--hop-primary-text-press);
4011
- --hop-Link-neutral-text-color: var(--hop-neutral-text);
4012
- --hop-Link-neutral-text-disabled-color: var(--hop-neutral-text-disabled);
4013
- --hop-Link-neutral-text-hover-color: var(--hop-neutral-text-hover);
4014
- --hop-Link-neutral-text-pressed-color: var(--hop-neutral-text-press);
4015
- --hop-Link-padding-standalone: 0.125em 0;
4016
- --hop-Link-padding-standalone-xs: var(--hop-space-20) 0;
4017
- --hop-Link-padding-standalone-sm: var(--hop-space-20) 0;
4018
- --hop-Link-padding-standalone-md: var(--hop-space-40) 0;
4019
- --hop-Link-padding-standalone-lg: var(--hop-space-40) 0;
4020
- --hop-Link-padding-standalone-xl: var(--hop-space-80) 0;
4021
- --hop-Link-padding-standalone-2xl: var(--hop-space-80) 0;
4022
- cursor: pointer;
4023
- display: inline-flex;
4024
- column-gap: var(--hop-Link-column-gap);
4025
- align-items: center;
4026
- box-sizing: border-box;
4027
- inline-size: fit-content;
4028
- text-decoration: none;
4029
- text-underline-offset: 0.125rem;
4030
- border-radius: var(--hop-Link-border-radius);
4031
- outline: none;
4032
- outline-offset: 0.125rem;
4033
- }
4034
- :where(.Link-module__hop-Link___-h2bm) {
4035
- font-family: var(--font-family);
4036
- font-size: var(--font-size);
4037
- font-weight: var(--font-weight);
4038
- line-height: var(--line-height);
4039
- }
4040
- :where(.Link-module__hop-Link--xs___P0bB8) {
4041
- --font-size: var(--hop-Link-xs-font-size);
4042
- --font-family: var(--hop-Link-xs-font-family);
4043
- --font-weight: var(--hop-Link-xs-font-weight);
4044
- --line-height: var(--hop-Link-xs-line-height);
4045
- }
4046
- :where(.Link-module__hop-Link--sm___yg0w-) {
4047
- --font-size: var(--hop-Link-sm-font-size);
4048
- --font-family: var(--hop-Link-sm-font-family);
4049
- --font-weight: var(--hop-Link-sm-font-weight);
4050
- --line-height: var(--hop-Link-sm-line-height);
4051
- }
4052
- :where(.Link-module__hop-Link--md___qW4p-) {
4053
- --font-size: var(--hop-Link-md-font-size);
4054
- --font-family: var(--hop-Link-md-font-family);
4055
- --font-weight: var(--hop-Link-md-font-weight);
4056
- --line-height: var(--hop-Link-md-line-height);
4057
- }
4058
- :where(.Link-module__hop-Link--lg___YXCf1) {
4059
- --font-size: var(--hop-Link-lg-font-size);
4060
- --font-family: var(--hop-Link-lg-font-family);
4061
- --font-weight: var(--hop-Link-lg-font-weight);
4062
- --line-height: var(--hop-Link-lg-line-height);
4063
- }
4064
- :where(.Link-module__hop-Link--xl___HP-jI) {
4065
- --font-size: var(--hop-Link-xl-font-size);
4066
- --font-family: var(--hop-Link-xl-font-family);
4067
- --font-weight: var(--hop-Link-xl-font-weight);
4068
- --line-height: var(--hop-Link-xl-line-height);
4069
- }
4070
- :where(.Link-module__hop-Link--2xl___5J5UO) {
4071
- --font-size: var(--hop-Link-2xl-font-size);
4072
- --font-family: var(--hop-Link-2xl-font-family);
4073
- --font-weight: var(--hop-Link-2xl-font-weight);
4074
- --line-height: var(--hop-Link-2xl-line-height);
4075
- }
4076
- :where(.Link-module__hop-Link--inherit___QMXDW) {
4077
- --font-size: var(--hop-Link-inherit-size-font-size);
4078
- --font-family: var(--hop-Link-inherit-size-font-family);
4079
- --font-weight: var(--hop-Link-inherit-size-font-weight);
4080
- --line-height: var(--hop-Link-inherit-size-line-height);
4081
- }
4082
- .Link-module__hop-Link___-h2bm[data-focus-visible] {
4083
- outline: 0.125rem solid var(--hop-Link-focus-ring-color);
4084
- }
4085
- .Link-module__hop-Link___-h2bm[data-disabled] {
4086
- cursor: default;
4087
- }
4088
- .Link-module__hop-Link--standalone___sAjwL .Link-module__hop-Link__text___v-nao {
4089
- padding: var(--hop-Link-padding-standalone);
4090
- }
4091
- .Link-module__hop-Link--standalone___sAjwL.Link-module__hop-Link--xs___P0bB8 .Link-module__hop-Link__text___v-nao {
4092
- padding: var(--hop-Link-padding-standalone-xs);
4093
- }
4094
- .Link-module__hop-Link--standalone___sAjwL.Link-module__hop-Link--sm___yg0w- .Link-module__hop-Link__text___v-nao {
4095
- padding: var(--hop-Link-padding-standalone-sm);
4096
- }
4097
- .Link-module__hop-Link--standalone___sAjwL.Link-module__hop-Link--md___qW4p- .Link-module__hop-Link__text___v-nao {
4098
- padding: var(--hop-Link-padding-standalone-md);
4099
- }
4100
- .Link-module__hop-Link--standalone___sAjwL.Link-module__hop-Link--lg___YXCf1 .Link-module__hop-Link__text___v-nao {
4101
- padding: var(--hop-Link-padding-standalone-lg);
4102
- }
4103
- .Link-module__hop-Link--standalone___sAjwL.Link-module__hop-Link--xl___HP-jI .Link-module__hop-Link__text___v-nao {
4104
- padding: var(--hop-Link-padding-standalone-xl);
4105
- }
4106
- .Link-module__hop-Link--standalone___sAjwL.Link-module__hop-Link--2xl___5J5UO .Link-module__hop-Link__text___v-nao {
4107
- padding: var(--hop-Link-padding-standalone-2xl);
4108
- }
4109
- .Link-module__hop-Link--quiet___IJSco[data-focus-visible],
4110
- .Link-module__hop-Link--quiet___IJSco[data-hovered],
4111
- .Link-module__hop-Link--standalone___sAjwL[data-focus-visible],
4112
- .Link-module__hop-Link--standalone___sAjwL[data-hovered] {
4113
- text-decoration: underline;
4114
- }
4115
- .Link-module__hop-Link___-h2bm:not(.Link-module__hop-Link--quiet___IJSco, .Link-module__hop-Link--standalone___sAjwL) {
4116
- text-decoration: underline;
4117
- }
4118
- .Link-module__hop-Link--primary___joCU1 {
4119
- color: var(--hop-Link-primary-text-color);
4120
- }
4121
- .Link-module__hop-Link--primary___joCU1[data-disabled] {
4122
- color: var(--hop-Link-primary-text-disabled-color);
4123
- }
4124
- .Link-module__hop-Link--primary___joCU1:not([data-disabled])[data-focus-visible],
4125
- .Link-module__hop-Link--primary___joCU1:not([data-disabled])[data-hovered] {
4126
- color: var(--hop-Link-primary-text-hover-color);
4127
- }
4128
- .Link-module__hop-Link--primary___joCU1:not([data-disabled])[data-pressed] {
4129
- color: var(--hop-Link-primary-text-pressed-color);
4130
- }
4131
- .Link-module__hop-Link--secondary___SxzUk {
4132
- color: var(--hop-Link-neutral-text-color);
4133
- }
4134
- .Link-module__hop-Link--secondary___SxzUk[data-disabled] {
4135
- color: var(--hop-Link-neutral-text-disabled-color);
4136
- }
4137
- .Link-module__hop-Link--secondary___SxzUk:not([data-disabled])[data-focus-visible],
4138
- .Link-module__hop-Link--secondary___SxzUk:not([data-disabled])[data-hovered] {
4139
- color: var(--hop-Link-neutral-text-hover-color);
4140
- }
4141
- .Link-module__hop-Link--secondary___SxzUk:not([data-disabled])[data-pressed] {
4142
- color: var(--hop-Link-neutral-text-pressed-color);
4143
- }
4144
- .Link-module__hop-Link__icon___1-u7v,
4145
- .Link-module__hop-Link__icon-list___lww3G {
4146
- order: 2;
4147
- }
4148
- .Link-module__hop-Link__text___v-nao {
4149
- order: 1;
4150
- }
4151
- .Link-module__hop-Link__start-icon___uqlh6,
4152
- .Link-module__hop-Link__start-icon-list___PnN77 {
4153
- order: 0;
4154
- }
4155
-
4156
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
4157
- :where(.Popover-module__hop-Popover___20y7o *) {
4158
- font-family: var(--font-family);
4159
- font-size: var(--font-size);
4160
- font-weight: var(--font-weight);
4161
- line-height: var(--line-height);
4162
- outline: none;
4163
- }
4164
- .Popover-module__hop-Popover___20y7o {
4165
- --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4166
- --hop-Popover-inline-width: 25rem;
4167
- --hop-Popover-dropdown-inline-width: var(--trigger-width);
4168
- --hop-Popover-combo-box-dropdown-inline-width: var(--custom-trigger-width);
4169
- --hop-Popover-dropdown-auto-inline-width: auto;
4170
- --width: var(--hop-Popover-inline-width);
4171
- --max-width: var(--hop-Popover-max-inline-width);
4172
- display: flex;
4173
- flex-direction: column;
4174
- inline-size: var(--width);
4175
- max-inline-size: var(--max-width);
4176
- }
4177
- .Popover-module__hop-Popover___20y7o[data-trigger=Select] {
4178
- --width: var(--hop-Popover-dropdown-inline-width);
4179
- }
4180
- .Popover-module__hop-Popover___20y7o[data-trigger=ComboBox] {
4181
- --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4182
- }
4183
- .Popover-module__hop-Popover___20y7o[data-auto-width] {
4184
- --width: var(--hop-Popover-dropdown-auto-inline-width);
4185
- }
4186
- .Popover-module__hop-Popover___20y7o[data-entering] {
4187
- animation: Popover-module__fade___Opeis 0.25s;
4188
- }
4189
- .Popover-module__hop-Popover___20y7o[data-exiting] {
4190
- animation: Popover-module__fade___Opeis 0.25s reverse;
4191
- }
4192
- @keyframes Popover-module__fade___Opeis {
4193
- from {
4194
- opacity: 0;
4195
- }
4196
- to {
4197
- opacity: 1;
4198
- }
4199
- }
4200
- .Popover-module__hop-Popover__wrapper___BJHWc {
4201
- display: flex;
4202
- flex: 1 1 auto;
4203
- flex-direction: column;
4204
- min-block-size: 0;
4205
- }
4206
- .Popover-module__hop-Popover__dialog___6ixJo,
4207
- .Popover-module__hop-Popover__dropdown___Vrmms {
4208
- --hop-Popover-background: var(--hop-neutral-surface);
4209
- --hop-Popover-font-family: var(--hop-body-sm-font-family);
4210
- --hop-Popover-font-size: var(--hop-body-sm-font-size);
4211
- --hop-Popover-font-weight: var(--hop-body-sm-font-weight);
4212
- --hop-Popover-line-height: var(--hop-body-sm-line-height);
4213
- --hop-Popover-color: var(--hop-neutral-text);
4214
- --hop-Popover-grid-template: "header header" "content content" 1fr "footer action" / auto auto;
4215
- --hop-Popover-column-gap: var(--hop-space-inset-sm);
4216
- --hop-Popover-row-gap: var(--hop-space-stack-sm);
4217
- --hop-Popover-dialog-padding: var(--hop-space-inset-md);
4218
- --hop-Popover-dropdown-padding: 0;
4219
- --hop-Popover-title-font-family: var(--hop-body-sm-font-family);
4220
- --hop-Popover-title-font-weight: var(--hop-body-sm-semibold-font-weight);
4221
- --hop-Popover-content-font-size: var(--hop-body-sm-font-size);
4222
- --hop-Popover-content-font-family: var(--hop-body-sm-font-family);
4223
- --hop-Popover-content-font-weight: var(--hop-body-sm-font-weight);
4224
- --hop-Popover-content-line-height: var(--hop-body-sm-line-height);
4225
- --hop-Popover-content-color: var(--hop-neutral-text-weak);
4226
- --hop-Popover-footer-font-size: var(--hop-body-sm-font-size);
4227
- --hop-Popover-footer-line-height: var(--hop-body-sm-line-height);
4228
- --hop-Popover-footer-link-color: var(--hop-primary-text);
4229
- --hop-Popover-footer-margin: var(--hop-space-stack-md) 0 0;
4230
- --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4231
- --hop-Popover-border-radius: var(--hop-shape-rounded-md);
4232
- --hop-Popover-box-shadow: var(--hop-elevation-lifted);
4233
- --hop-Popover-dropdown-grid-template: "header" "content" 1fr "footer" / auto;
4234
- --hop-Popover-list-box-dropdown-max-height: 18.75rem;
4235
- --hop-Popover-footer-dropdown-margin: var(--hop-Popover-dropdown-padding) calc(-1 * var(--hop-Popover-dropdown-padding)) calc(-1 * var(--hop-Popover-dropdown-padding));
4236
- --hop-Popover-footer-dropdown-footer-padding: var(--hop-space-inset-sm);
4237
- --hop-Popover-footer-dropdown-footer-border-top: 0.0625rem solid var(--hop-neutral-border-weak);
4238
- --font-family: var(--hop-Popover-font-family);
4239
- --font-size: var(--hop-Popover-font-size);
4240
- --font-weight: var(--hop-Popover-font-weight);
4241
- --line-height: var(--hop-Popover-line-height);
4242
- --grid-template: var(--hop-Popover-grid-template);
4243
- --footer-margin: var(--hop-Popover-footer-margin);
4244
- --footer-place-self: center start;
4245
- display: grid;
4246
- grid-template: var(--grid-template);
4247
- box-sizing: border-box;
4248
- min-block-size: 0;
4249
- padding: var(--padding);
4250
- background-color: var(--hop-Popover-background);
4251
- border: var(--hop-Popover-border);
4252
- border-radius: var(--hop-Popover-border-radius);
4253
- box-shadow: var(--hop-Popover-box-shadow);
4254
- }
4255
- .Popover-module__hop-Popover__dropdown___Vrmms {
4256
- --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4257
- --footer-place-self: stretch;
4258
- --grid-template: var(--hop-Popover-dropdown-grid-template);
4259
- --padding: var(--hop-Popover-dropdown-padding);
4260
- overflow: hidden;
4261
- }
4262
- .Popover-module__hop-Popover__dialog___6ixJo {
4263
- --padding: var(--hop-Popover-dialog-padding);
4264
- }
4265
- .Popover-module__hop-Popover__title___LkU3- {
4266
- grid-area: header;
4267
- color: var(--hop-Popover-color);
4268
- }
4269
- .Popover-module__hop-Popover__content___56J-I {
4270
- --font-size: var(--hop-Popover-content-font-size);
4271
- --line-height: var(--hop-Popover-content-line-height);
4272
- --font-family: var(--hop-Popover-content-font-family);
4273
- --font-weight: var(--hop-Popover-content-font-weight);
4274
- grid-area: content;
4275
- margin-block: var(--hop-Popover-row-gap) 0;
4276
- margin-inline: 0;
4277
- padding: 0;
4278
- color: var(--hop-Popover-content-color);
4279
- }
4280
- .Popover-module__hop-Popover___20y7o:not(:has(.Popover-module__hop-Popover__title___LkU3-)) {
4281
- .Popover-module__hop-Popover__content___56J-I {
4282
- margin-block: 0 var(--hop-Popover-row-gap) 0;
4283
- }
4284
- }
4285
- .Popover-module__hop-Popover__dropdown___Vrmms .Popover-module__hop-Popover__list-box___Cg0nT {
4286
- grid-area: content;
4287
- inline-size: auto;
4288
- min-inline-size: auto;
4289
- max-inline-size: none;
4290
- max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4291
- border: none;
4292
- }
4293
- .Popover-module__hop-Popover__footer___npPbM {
4294
- --font-size: var(--hop-Popover-footer-font-size);
4295
- --line-height: var(--hop-Popover-footer-line-height);
4296
- grid-area: footer;
4297
- place-self: var(--footer-place-self);
4298
- margin: var(--footer-margin);
4299
- color: var(--hop-Popover-color);
4300
- }
4301
- .Popover-module__hop-Popover__dropdown___Vrmms .Popover-module__hop-Popover__footer___npPbM {
4302
- padding: var(--hop-Popover-footer-dropdown-footer-padding);
4303
- border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4304
- }
4305
- .Popover-module__hop-Popover__actions___s1IOj,
4306
- .Popover-module__hop-Popover__action___QEwFu {
4307
- grid-area: action;
4308
- justify-self: end;
4309
- margin-block-start: var(--hop-Popover-row-gap);
4310
- }
4311
- .Popover-module__hop-Popover___20y7o:has(.Popover-module__hop-Popover__actions___s1IOj, .Popover-module__hop-Popover__action___QEwFu) .Popover-module__hop-Popover__footer___npPbM {
4312
- margin-inline-end: var(--hop-Popover-column-gap);
4313
- }
4314
-
4315
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/PopoverBase.module.css/#css-module-data */
4316
- .PopoverBase-module__hop-PopoverBase___Qkj9u {
4317
- --hop-Popover-background: var(--hop-neutral-surface);
4318
- --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4319
- --hop-Popover-border-radius: var(--hop-shape-rounded-md);
4320
- --hop-Popover-box-shadow: var(--hop-elevation-lifted);
4321
- --hop-Popover-color: var(--hop-neutral-text);
4322
- --hop-Popover-color-outline: var(--hop-space-20) solid var(--hop-primary-border-focus);
4323
- isolation: isolate;
4324
- display: flex;
4325
- flex-shrink: 0;
4326
- align-items: center;
4327
- box-sizing: border-box;
4328
- max-inline-size: calc(100vw - 2* var(--container-padding, 0));
4329
- color: var(--hop-Popover-color);
4330
- background-color: var(--hop-Popover-background);
4331
- border: var(--hop-Popover-border);
4332
- border-radius: var(--hop-Popover-border-radius);
4333
- outline: none;
4334
- box-shadow: var(--hop-Popover-box-shadow);
4335
- transition: opacity var(--hop-easing-duration-2);
4336
- }
4337
- .PopoverBase-module__hop-PopoverBase___Qkj9u[data-entering] {
4338
- opacity: 0;
4339
- }
4340
- .PopoverBase-module__hop-PopoverBase___Qkj9u[data-exiting] {
4341
- pointer-events: none;
4342
- opacity: 0;
4343
- transition-timing-function: var(--hop-easing-productive);
4344
- }
4345
- .PopoverBase-module__hop-PopoverBase___Qkj9u:focus-visible {
4346
- outline: var(--hop-Popover-color-outline);
4347
- }
4348
-
4349
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ToggleArrow/src/ToggleArrow.module.css/#css-module-data */
4350
- .ToggleArrow-module__hop-ToggleArrow___HsXH0 {
4351
- --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
4352
- position: relative;
4353
- transition: transform var(--transition);
4354
- }
4355
- .ToggleArrow-module__hop-ToggleArrow___HsXH0[data-expanded] {
4356
- transform: rotate(-180deg);
4357
- }
4358
-
4359
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ComboBox/src/ComboBox.module.css/#css-module-data */
4360
- .ComboBox-module__hop-ComboBox___2wD2f {
4361
- --hop-ComboBox-row-gap: var(--hop-space-stack-xs);
4362
- --hop-ComboBox-inline-size: 20rem;
4363
- --hop-ComboBox-inline-size-fluid: 100%;
4364
- --hop-ComboBox-max-inline-size: 100%;
4365
- --hop-ComboBox-prefix-color: var(--hop-neutral-text-weak);
4366
- --hop-ComboBox-button-color-disabled: var(--hop-neutral-icon-disabled);
4367
- --inline-size: var(--hop-ComboBox-inline-size);
4368
- display: flex;
4369
- flex-direction: column;
4370
- row-gap: var(--hop-ComboBox-row-gap);
4371
- box-sizing: border-box;
4372
- inline-size: var(--inline-size);
4373
- max-inline-size: var(--hop-ComboBox-max-inline-size);
4374
- }
4375
- .ComboBox-module__hop-ComboBox--fluid___633Pl {
4376
- --inline-size: var(--hop-ComboBox-inline-size-fluid);
4377
- }
4378
- .ComboBox-module__hop-ComboBox__label___i-IbD {
4379
- order: 1;
4380
- }
4381
- .ComboBox-module__hop-ComboBox__trigger___uRK71 {
4382
- cursor: text;
4383
- order: 2;
4384
- }
4385
- .ComboBox-module__hop-ComboBox__trigger___uRK71[data-disabled] {
4386
- cursor: default;
4387
- }
4388
- .ComboBox-module__hop-ComboBox__button___SPHkr {
4389
- cursor: pointer;
4390
- display: flex;
4391
- flex: 0 0 auto;
4392
- align-items: center;
4393
- padding-inline: 0;
4394
- color: inherit;
4395
- background-color: transparent;
4396
- border: none;
4397
- outline: none;
4398
- }
4399
- .ComboBox-module__hop-ComboBox__button___SPHkr[data-disabled] {
4400
- cursor: default;
4401
- color: var(--hop-ComboBox-button-color-disabled);
4402
- }
4403
- .ComboBox-module__hop-ComboBox__prefix___jDFJw {
4404
- align-self: center;
4405
- color: var(--hop-ComboBox-prefix-color);
4406
- }
4407
- .ComboBox-module__hop-ComboBox__helper-message___PWzbI,
4408
- .ComboBox-module__hop-ComboBox__error-message___Pv7Yq {
4409
- order: 3;
4410
- }