@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,4071 +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/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
482
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___w-4cv {
483
- --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
484
- --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
485
- --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
486
- --hop-RichIconAvatarImage-xs-size: 1rem;
487
- --hop-RichIconAvatarImage-icon-xs-size: 1rem;
488
- --hop-RichIconAvatarImage-sm-size: 1.5rem;
489
- --hop-RichIconAvatarImage-icon-sm-size: 1.5rem;
490
- --hop-RichIconAvatarImage-md-size: 2rem;
491
- --hop-RichIconAvatarImage-icon-md-size: 2rem;
492
- --hop-RichIconAvatarImage-lg-size: 3rem;
493
- --hop-RichIconAvatarImage-icon-lg-size: 3rem;
494
- --hop-RichIconAvatarImage-xl-size: 4rem;
495
- --hop-RichIconAvatarImage-icon-xl-size: 4rem;
496
- --hop-RichIconAvatarImage-2xl-size: 6rem;
497
- --hop-RichIconAvatarImage-icon-2xl-size: 4rem;
498
- --hop-RichIconAvatarImage-background-color-disabled: var(--hop-neutral-surface-disabled);
499
- --hop-RichIconAvatarImage-icon-color-disabled: var(--hop-neutral-icon-disabled);
500
- --background-color: var(--hop-RichIconAvatarImage-background-color);
501
- user-select: none;
502
- position: relative;
503
- overflow: hidden;
504
- display: flex;
505
- align-items: center;
506
- justify-content: center;
507
- inline-size: var(--size, var(--hop-RichIconAvatarImage-md-size));
508
- block-size: var(--size, var(--hop-RichIconAvatarImage-md-size));
509
- color: var(--hop-RichIconAvatarImage-icon-color);
510
- background-color: var(--background-color);
511
- border-radius: var(--hop-RichIconAvatarImage-border-radius);
512
- }
513
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___-YCSt {
514
- --size: var(--hop-RichIconAvatarImage-xs-size);
515
- --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
516
- }
517
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___kKx-Y {
518
- --size: var(--hop-RichIconAvatarImage-sm-size);
519
- --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
520
- }
521
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___EKvy3 {
522
- --size: var(--hop-RichIconAvatarImage-md-size);
523
- --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
524
- }
525
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___fqcPe {
526
- --size: var(--hop-RichIconAvatarImage-lg-size);
527
- --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
528
- }
529
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___wpIGK {
530
- --size: var(--hop-RichIconAvatarImage-xl-size);
531
- --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
532
- }
533
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___ddhaJ {
534
- --size: var(--hop-RichIconAvatarImage-2xl-size);
535
- --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
536
- }
537
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___w-4cv[data-disabled] {
538
- --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
539
- }
540
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___IUfM5 {
541
- position: relative;
542
- display: block;
543
- inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
544
- block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
545
- }
546
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___w-4cv[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___IUfM5 {
547
- --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
548
- --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
549
- }
550
-
551
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
552
- .Avatar-module__hop-Avatar___ZugVr {
553
- --hop-Avatar-border-radius: var(--hop-shape-circle);
554
- --hop-Avatar-mix-blend-mode: normal;
555
- --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
556
- --hop-Avatar-decorative-2-background-color: var(--hop-decorative-option2-surface-strong);
557
- --hop-Avatar-decorative-3-background-color: var(--hop-decorative-option3-surface-strong);
558
- --hop-Avatar-decorative-4-background-color: var(--hop-decorative-option4-surface-strong);
559
- --hop-Avatar-decorative-5-background-color: var(--hop-decorative-option5-surface-strong);
560
- --hop-Avatar-decorative-6-background-color: var(--hop-decorative-option6-surface-strong);
561
- --hop-Avatar-decorative-7-background-color: var(--hop-decorative-option7-surface-strong);
562
- --hop-Avatar-decorative-8-background-color: var(--hop-decorative-option8-surface-strong);
563
- --hop-Avatar-decorative-9-background-color: var(--hop-decorative-option9-surface-strong);
564
- --hop-Avatar-decorative-1-text-color: var(--hop-decorative-option1-text);
565
- --hop-Avatar-decorative-2-text-color: var(--hop-decorative-option2-text);
566
- --hop-Avatar-decorative-3-text-color: var(--hop-decorative-option3-text);
567
- --hop-Avatar-decorative-4-text-color: var(--hop-decorative-option4-text);
568
- --hop-Avatar-decorative-5-text-color: var(--hop-decorative-option5-text);
569
- --hop-Avatar-decorative-6-text-color: var(--hop-decorative-option6-text);
570
- --hop-Avatar-decorative-7-text-color: var(--hop-decorative-option7-text);
571
- --hop-Avatar-decorative-8-text-color: var(--hop-decorative-option8-text);
572
- --hop-Avatar-decorative-9-text-color: var(--hop-decorative-option9-text);
573
- --hop-Avatar-xs-size: 1rem;
574
- --hop-Avatar-sm-size: 1.5rem;
575
- --hop-Avatar-md-size: 2rem;
576
- --hop-Avatar-lg-size: 3rem;
577
- --hop-Avatar-xl-size: 4rem;
578
- --hop-Avatar-2xl-size: 6rem;
579
- --hop-Avatar-background-color-disabled: var(--hop-neutral-surface-disabled);
580
- --hop-Avatar-text-color-disabled: var(--hop-neutral-text-disabled);
581
- --hop-Avatar-mix-blend-mode-disabled: luminosity;
582
- --mix-blend-mode: var(--hop-Avatar-mix-blend-mode);
583
- user-select: none;
584
- position: relative;
585
- overflow: hidden;
586
- display: flex;
587
- flex: 0 0 auto;
588
- align-items: center;
589
- justify-content: center;
590
- box-sizing: border-box;
591
- inline-size: var(--size, var(--hop-Avatar-md-size));
592
- block-size: var(--size, var(--hop-Avatar-md-size));
593
- color: var(--text-color, var(--hop-neutral-text));
594
- background-color: var(--background-color, transparent);
595
- border-radius: var(--hop-Avatar-border-radius);
596
- }
597
- .Avatar-module__hop-Avatar--xs___iEFOH {
598
- --size: var(--hop-Avatar-xs-size);
599
- }
600
- .Avatar-module__hop-Avatar--sm___9r42c {
601
- --size: var(--hop-Avatar-sm-size);
602
- }
603
- .Avatar-module__hop-Avatar--md___Rs-SY {
604
- --size: var(--hop-Avatar-md-size);
605
- }
606
- .Avatar-module__hop-Avatar--lg___AZv2Q {
607
- --size: var(--hop-Avatar-lg-size);
608
- }
609
- .Avatar-module__hop-Avatar--xl___E4MPH {
610
- --size: var(--hop-Avatar-xl-size);
611
- }
612
- .Avatar-module__hop-Avatar--2xl___BHQit {
613
- --size: var(--hop-Avatar-2xl-size);
614
- }
615
- .Avatar-module__hop-Avatar--decorative-option1___oCe7z {
616
- --background-color: var(--hop-Avatar-decorative-1-background-color);
617
- --text-color: var(--hop-Avatar-decorative-1-text-color);
618
- }
619
- .Avatar-module__hop-Avatar--decorative-option2___yNzQP {
620
- --background-color: var(--hop-Avatar-decorative-2-background-color);
621
- --text-color: var(--hop-Avatar-decorative-2-text-color);
622
- }
623
- .Avatar-module__hop-Avatar--decorative-option3___H1j5V {
624
- --background-color: var(--hop-Avatar-decorative-3-background-color);
625
- --text-color: var(--hop-Avatar-decorative-3-text-color);
626
- }
627
- .Avatar-module__hop-Avatar--decorative-option4___eGUto {
628
- --background-color: var(--hop-Avatar-decorative-4-background-color);
629
- --text-color: var(--hop-Avatar-decorative-4-text-color);
630
- }
631
- .Avatar-module__hop-Avatar--decorative-option5___-6hAX {
632
- --background-color: var(--hop-Avatar-decorative-5-background-color);
633
- --text-color: var(--hop-Avatar-decorative-5-text-color);
634
- }
635
- .Avatar-module__hop-Avatar--decorative-option6___4Csan {
636
- --background-color: var(--hop-Avatar-decorative-6-background-color);
637
- --text-color: var(--hop-Avatar-decorative-6-text-color);
638
- }
639
- .Avatar-module__hop-Avatar--decorative-option7___HgmVw {
640
- --background-color: var(--hop-Avatar-decorative-7-background-color);
641
- --text-color: var(--hop-Avatar-decorative-7-text-color);
642
- }
643
- .Avatar-module__hop-Avatar--decorative-option8___k1fQj {
644
- --background-color: var(--hop-Avatar-decorative-8-background-color);
645
- --text-color: var(--hop-Avatar-decorative-8-text-color);
646
- }
647
- .Avatar-module__hop-Avatar--decorative-option9___XjdRi {
648
- --background-color: var(--hop-Avatar-decorative-9-background-color);
649
- --text-color: var(--hop-Avatar-decorative-9-text-color);
650
- }
651
- .Avatar-module__hop-Avatar___ZugVr[data-disabled] {
652
- --background-color: var(--hop-Avatar-background-color-disabled);
653
- --text-color: var(--hop-Avatar-text-color-disabled);
654
- --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
655
- isolation: isolate;
656
- }
657
- .Avatar-module__hop-Avatar__image___MDBrh {
658
- position: relative;
659
- display: block;
660
- box-sizing: border-box;
661
- inline-size: 100%;
662
- block-size: 100%;
663
- object-fit: cover;
664
- mix-blend-mode: var(--mix-blend-mode);
665
- }
666
-
667
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
668
- .IconList-module__hop-IconList___qHS2x {
669
- --hop-IconList-gap: var(--hop-space-inline-xs);
670
- display: flex;
671
- flex-wrap: wrap;
672
- gap: var(--hop-IconList-gap);
673
- box-sizing: border-box;
674
- }
675
-
676
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
677
- .Checkbox-module__hop-Checkbox___vt1K- {
678
- --hop-Checkbox-box-border-size: 0.0625rem;
679
- --hop-Checkbox-box-border-color: var(--hop-neutral-border);
680
- --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
681
- --hop-Checkbox-box-outline-size: 0.125rem;
682
- --hop-Checkbox-box-outline-color: var(--hop-primary-border-focus);
683
- --hop-Checkbox-check-color: var(--hop-neutral-icon-selected);
684
- --hop-Checkbox-check-display: none;
685
- --hop-Checkbox-text-color: var(--hop-neutral-text);
686
- --hop-Checkbox-icon-color: var(--hop-neutral-icon);
687
- --hop-Checkbox-box-border-color-hovered: var(--hop-neutral-border-hover);
688
- --hop-Checkbox-box-background-color-hovered: var(--hop-neutral-surface-hover);
689
- --hop-Checkbox-text-color-hovered: var(--hop-neutral-text-hover);
690
- --hop-Checkbox-icon-color-hovered: var(--hop-neutral-icon-hover);
691
- --hop-Checkbox-box-border-color-pressed: var(--hop-neutral-border-press);
692
- --hop-Checkbox-box-background-color-pressed: var(--hop-neutral-surface-press);
693
- --hop-Checkbox-text-color-pressed: var(--hop-neutral-text-press);
694
- --hop-Checkbox-icon-color-pressed: var(--hop-neutral-icon-press);
695
- --hop-Checkbox-box-border-color-selected: var(--hop-neutral-border-selected);
696
- --hop-Checkbox-box-background-color-selected: var(--hop-neutral-surface-selected);
697
- --hop-Checkbox-check-display-selected: block;
698
- --hop-Checkbox-text-color-selected: var(--hop-neutral-text);
699
- --hop-Checkbox-icon-color-selected: var(--hop-neutral-icon);
700
- --hop-Checkbox-box-border-color-disabled: var(--hop-neutral-border-disabled);
701
- --hop-Checkbox-box-background-color-disabled: var(--hop-neutral-surface-disabled);
702
- --hop-Checkbox-check-color-disabled: var(--hop-neutral-icon-disabled);
703
- --hop-Checkbox-text-color-disabled: var(--hop-neutral-text-disabled);
704
- --hop-Checkbox-icon-color-disabled: var(--hop-neutral-icon-disabled);
705
- --hop-Checkbox-box-border-color-focused: var(--hop-neutral-border-hover);
706
- --hop-Checkbox-box-background-color-focused: var(--hop-neutral-surface-hover);
707
- --hop-Checkbox-text-color-focused: var(--hop-neutral-text-hover);
708
- --hop-Checkbox-icon-color-focused: var(--hop-neutral-icon-hover);
709
- --hop-Checkbox-box-border-color-invalid: var(--hop-danger-border-strong);
710
- --hop-Checkbox-box-background-color-invalid: var(--hop-neutral-surface);
711
- --hop-Checkbox-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
712
- --hop-Checkbox-box-background-color-hovered-invalid: var(--hop-danger-surface-weak-hover);
713
- --hop-Checkbox-box-border-color-pressed-invalid: var(--hop-danger-border-press);
714
- --hop-Checkbox-box-background-color-pressed-invalid: var(--hop-danger-surface-weak-press);
715
- --hop-Checkbox-box-border-color-focused-invalid: var(--hop-danger-border-press);
716
- --hop-Checkbox-box-background-color-focused-invalid: var(--hop-danger-surface);
717
- --hop-Checkbox-box-border-color-selected-invalid: var(--hop-danger-border-strong);
718
- --hop-Checkbox-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
719
- --hop-Checkbox-check-color-invalid: var(--hop-danger-icon-strong);
720
- --hop-Checkbox-text-color-invalid: var(--hop-danger-text-weak);
721
- --hop-Checkbox-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
722
- --hop-Checkbox-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
723
- --hop-Checkbox-icon-color-invalid: var(--hop-danger-icon-weak);
724
- --hop-Checkbox-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
725
- --hop-Checkbox-icon-color-pressed-invalid: var(--hop-danger-icon-weak-press);
726
- --hop-Checkbox-box-sm-block-size: 1rem;
727
- --hop-Checkbox-box-sm-inline-size: 1rem;
728
- --hop-Checkbox-text-sm-top-offset: calc((var(--box-inline-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
729
- --hop-Checkbox-text-sm-margin-inline-start: calc(var(--hop-space-inline-sm) - var(--hop-space-inline-xs));
730
- --hop-Checkbox-box-md-block-size: 1.5rem;
731
- --hop-Checkbox-box-md-inline-size: 1.5rem;
732
- --hop-Checkbox-text-md-top-offset: calc((var(--box-inline-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
733
- --hop-Checkbox-text-md-margin-inline-start: calc(var(--hop-space-inline-md) - var(--hop-space-inline-xs));
734
- --box-background-color: var(--hop-Checkbox-box-background-color);
735
- --box-border-color: var(--hop-Checkbox-box-border-color);
736
- --box-border-radius: var(--hop-shape-rounded-sm);
737
- --check-color: var(--hop-Checkbox-check-color);
738
- --check-display: var(--hop-Checkbox-check-display);
739
- --cursor: pointer;
740
- --text-color: var(--hop-Checkbox-text-color);
741
- --icon-color: var(--hop-Checkbox-icon-color);
742
- --transition-duration: var(--hop-easing-duration-2);
743
- cursor: var(--cursor);
744
- display: flex;
745
- column-gap: var(--hop-space-inline-xs);
746
- align-items: flex-start;
747
- justify-content: flex-start;
748
- box-sizing: border-box;
749
- inline-size: max-content;
750
- max-inline-size: 100%;
751
- }
752
- .Checkbox-module__hop-Checkbox___vt1K-[data-focus-visible] {
753
- --box-background-color: var(--hop-Checkbox-box-background-color-focused);
754
- --box-border-color: var(--hop-Checkbox-box-border-color-focused);
755
- --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
756
- --text-color: var(--hop-Checkbox-text-color-focused);
757
- --icon-color: var(--hop-Checkbox-icon-color-focused);
758
- }
759
- .Checkbox-module__hop-Checkbox___vt1K-[data-hovered] {
760
- --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
761
- --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
762
- --text-color: var(--hop-Checkbox-text-color-hovered);
763
- --icon-color: var(--hop-Checkbox-icon-color-hovered);
764
- }
765
- .Checkbox-module__hop-Checkbox___vt1K-[data-pressed] {
766
- --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
767
- --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
768
- --text-color: var(--hop-Checkbox-text-color-pressed);
769
- --icon-color: var(--hop-Checkbox-icon-color-pressed);
770
- }
771
- .Checkbox-module__hop-Checkbox___vt1K-[data-selected] {
772
- --box-background-color: var(--hop-Checkbox-box-background-color-selected);
773
- --box-border-color: var(--hop-Checkbox-box-border-color-selected);
774
- --check-display: var(--hop-Checkbox-check-display-selected);
775
- --text-color: var(--hop-Checkbox-text-color-selected);
776
- --icon-color: var(--hop-Checkbox-icon-color-selected);
777
- }
778
- .Checkbox-module__hop-Checkbox___vt1K-[data-invalid] {
779
- --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
780
- --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
781
- --check-color: var(--hop-Checkbox-check-color-invalid);
782
- --text-color: var(--hop-Checkbox-text-color-invalid);
783
- --icon-color: var(--hop-Checkbox-icon-color-invalid);
784
- }
785
- .Checkbox-module__hop-Checkbox___vt1K-[data-invalid]:where([data-focus-visible]) {
786
- --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
787
- --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
788
- }
789
- .Checkbox-module__hop-Checkbox___vt1K-[data-invalid]:where([data-hovered]) {
790
- --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
791
- --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
792
- --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
793
- --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
794
- }
795
- .Checkbox-module__hop-Checkbox___vt1K-[data-invalid]:where([data-pressed]) {
796
- --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
797
- --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
798
- --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
799
- --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
800
- }
801
- .Checkbox-module__hop-Checkbox___vt1K-:where([data-invalid])[data-selected] {
802
- --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
803
- --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
804
- }
805
- .Checkbox-module__hop-Checkbox___vt1K-[data-disabled] {
806
- --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
807
- --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
808
- --check-color: var(--hop-Checkbox-check-color-disabled);
809
- --cursor: not-allowed;
810
- --text-color: var(--hop-Checkbox-text-color-disabled);
811
- --icon-color: var(--hop-Checkbox-icon-color-disabled);
812
- }
813
- .Checkbox-module__hop-Checkbox--sm___5uxV3 {
814
- --box-block-size: var(--hop-Checkbox-box-sm-block-size);
815
- --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
816
- --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
817
- --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
818
- }
819
- .Checkbox-module__hop-Checkbox--md___oO3tq {
820
- --box-block-size: var(--hop-Checkbox-box-md-block-size);
821
- --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
822
- --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
823
- --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
824
- }
825
- .Checkbox-module__hop-Checkbox__icon___iit6o,
826
- .Checkbox-module__hop-Checkbox__icon-list___zXBY4 {
827
- flex: 0 0 auto;
828
- order: 3;
829
- color: var(--icon-color);
830
- }
831
- .Checkbox-module__hop-Checkbox__box___YBJh9 {
832
- display: flex;
833
- flex: 0 0 auto;
834
- align-items: center;
835
- justify-content: center;
836
- order: 1;
837
- box-sizing: border-box;
838
- inline-size: var(--box-inline-size, var(--hop-Checkbox-box-md-inline-size));
839
- block-size: var(--box-block-size, var(--hop-Checkbox-box-md-block-size));
840
- background-color: var(--box-background-color);
841
- border: var(--hop-Checkbox-box-border-size) solid var(--box-border-color);
842
- border-radius: var(--box-border-radius);
843
- outline: var(--box-outline, none);
844
- outline-offset: 0.125rem;
845
- transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
846
- }
847
- .Checkbox-module__hop-Checkbox__check___UNjwk {
848
- display: var(--check-display);
849
- color: var(--check-color);
850
- }
851
- .Checkbox-module__hop-Checkbox__text___ZlGyJ {
852
- flex: 0 1 auto;
853
- order: 2;
854
- min-inline-size: 0;
855
- margin-block-start: var(--text-top-offset, var(--hop-Checkbox-text-md-top-offset));
856
- margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
857
- color: var(--text-color);
858
- }
859
-
860
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
861
- .CheckboxField-module__hop-CheckboxField___jD3TY {
862
- --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
863
- --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
864
- --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
865
- --hop-CheckboxField-checkbox-sm-inline-size: 1rem;
866
- --hop-CheckboxField-description-sm-margin-inline-start: calc(var(--hop-CheckboxField-checkbox-sm-inline-size) + var(--hop-space-inline-sm));
867
- --hop-CheckboxField-md-row-gap: var(--hop-space-stack-xs);
868
- --hop-CheckboxField-checkbox-md-inline-size: 1.5rem;
869
- --hop-CheckboxField-description-md-margin-inline-start: calc(var(--hop-CheckboxField-checkbox-md-inline-size) + var(--hop-space-inline-md));
870
- --description-color: var(--hop-CheckboxField-description-color);
871
- display: flex;
872
- flex-direction: column;
873
- row-gap: var(--row-gap, var(--hop-space-stack-sm));
874
- align-items: flex-start;
875
- justify-content: flex-start;
876
- box-sizing: border-box;
877
- inline-size: max-content;
878
- max-inline-size: 100%;
879
- }
880
- .CheckboxField-module__hop-CheckboxField___jD3TY[data-disabled] {
881
- --description-color: var(--hop-CheckboxField-description-color-disabled);
882
- }
883
- .CheckboxField-module__hop-CheckboxField--sm___Qf7Uo {
884
- --row-gap: var(--hop-CheckboxField-sm-row-gap);
885
- --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
886
- }
887
- .CheckboxField-module__hop-CheckboxField--md___ByKEG {
888
- --row-gap: var(--hop-CheckboxField-md-row-gap);
889
- --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
890
- }
891
- .CheckboxField-module__hop-CheckboxField__description___THKs7 {
892
- order: 2;
893
- margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
894
- color: var(--description-color);
895
- }
896
- .CheckboxField-module__hop-CheckboxField__checkbox___Q-izD {
897
- order: 1;
898
- }
899
-
900
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
901
- .CheckboxGroup-module__hop-CheckboxGroup___VjVbl {
902
- --hop-CheckboxGroup-align-items: flex-start;
903
- --hop-CheckboxGroup-justify-content: flex-start;
904
- --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
905
- --hop-CheckboxGroup-sm-column-gap: var(--hop-space-inline-sm);
906
- --hop-CheckboxGroup-sm-row-gap: var(--hop-space-stack-sm);
907
- --hop-CheckboxGroup-list-sm-column-gap: var(--hop-space-inline-sm);
908
- --hop-CheckboxGroup-list-sm-row-gap: var(--hop-space-stack-sm);
909
- --hop-CheckboxGroup-bordered-sm-padding: var(--hop-space-inset-sm);
910
- --hop-CheckboxGroup-bordered-sm-column-gap: var(--hop-space-inline-sm);
911
- --hop-CheckboxGroup-bordered-sm-row-gap: var(--hop-space-stack-sm);
912
- --hop-CheckboxGroup-list-bordered-sm-column-gap: 0;
913
- --hop-CheckboxGroup-list-bordered-sm-row-gap: 0;
914
- --hop-CheckboxGroup-md-column-gap: var(--hop-space-inline-md);
915
- --hop-CheckboxGroup-md-row-gap: var(--hop-space-stack-md);
916
- --hop-CheckboxGroup-list-md-column-gap: var(--hop-space-inline-md);
917
- --hop-CheckboxGroup-list-md-row-gap: var(--hop-space-stack-md);
918
- --hop-CheckboxGroup-bordered-md-padding: var(--hop-space-inset-md);
919
- --hop-CheckboxGroup-bordered-md-column-gap: var(--hop-space-inline-sm);
920
- --hop-CheckboxGroup-bordered-md-row-gap: var(--hop-space-stack-sm);
921
- --hop-CheckboxGroup-list-bordered-md-column-gap: 0;
922
- --hop-CheckboxGroup-list-bordered-md-row-gap: 0;
923
- --hop-CheckboxGroup-vertical-flex-direction: column;
924
- --hop-CheckboxGroup-horizontal-flex-direction: row;
925
- --checkbox-border-size: 0.0625rem;
926
- --checkbox-border-color: var(--hop-neutral-border-weak);
927
- --flex-direction: var(--hop-CheckboxGroup-vertical-flex-direction);
928
- --align-items: var(--hop-CheckboxGroup-align-items);
929
- --justify-content: var(--hop-CheckboxGroup-justify-content);
930
- --flex-wrap: wrap;
931
- display: flex;
932
- flex-direction: column;
933
- gap: var(--row-gap, var(--hop-space-stack-md)) var(--column-gap, var(--hop-space-inline-md));
934
- align-items: var(--align-items);
935
- justify-content: var(--justify-content);
936
- box-sizing: border-box;
937
- inline-size: max-content;
938
- max-inline-size: 100%;
939
- }
940
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___3ELQl {
941
- --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
942
- --list-border-radius: var(--hop-shape-rounded-md);
943
- }
944
- .CheckboxGroup-module__hop-CheckboxGroup--sm___RpXFc {
945
- --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
946
- --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
947
- --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
948
- --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
949
- }
950
- .CheckboxGroup-module__hop-CheckboxGroup--md___Lo0Vp {
951
- --column-gap: var(--hop-CheckboxGroup-md-column-gap);
952
- --row-gap: var(--hop-CheckboxGroup-md-row-gap);
953
- --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
954
- --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
955
- }
956
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___3ELQl.CheckboxGroup-module__hop-CheckboxGroup--sm___RpXFc {
957
- --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
958
- --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
959
- --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
960
- --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
961
- --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
962
- }
963
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___3ELQl.CheckboxGroup-module__hop-CheckboxGroup--md___Lo0Vp {
964
- --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
965
- --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
966
- --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
967
- --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
968
- --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
969
- }
970
- .CheckboxGroup-module__hop-CheckboxGroup___VjVbl[data-orientation=horizontal] {
971
- --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
972
- }
973
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___3ELQl[data-orientation=horizontal] {
974
- --flex-wrap: nowrap;
975
- }
976
- .CheckboxGroup-module__hop-CheckboxGroup___VjVbl > .CheckboxGroup-module__hop-CheckboxGroup__label___KLDDh {
977
- order: 1;
978
- }
979
- .CheckboxGroup-module__hop-CheckboxGroup__list___2jWmo {
980
- display: flex;
981
- flex-flow: var(--flex-direction) var(--flex-wrap);
982
- gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
983
- order: 2;
984
- box-sizing: border-box;
985
- inline-size: max-content;
986
- max-inline-size: 100%;
987
- border: var(--list-border, none);
988
- border-radius: var(--list-border-radius, 0);
989
- }
990
- .CheckboxGroup-module__hop-CheckboxGroup__list___2jWmo > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7If5k {
991
- position: relative;
992
- flex: 0 1 auto;
993
- align-content: start;
994
- inline-size: auto;
995
- min-inline-size: 0;
996
- padding: var(--checkbox-padding, 0);
997
- }
998
- .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 {
999
- content: "";
1000
- position: absolute;
1001
- display: block;
1002
- }
1003
- .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 {
1004
- inset-block-start: 0;
1005
- inset-inline: 0;
1006
- border-block-start: var(--list-border, none);
1007
- }
1008
- .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 {
1009
- inset-block: 0;
1010
- inset-inline-start: 0;
1011
- border-inline-start: var(--list-border, none);
1012
- }
1013
- .CheckboxGroup-module__hop-CheckboxGroup___VjVbl > .CheckboxGroup-module__hop-CheckboxGroup__error-message___qJST-,
1014
- .CheckboxGroup-module__hop-CheckboxGroup___VjVbl > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___z-IhC {
1015
- order: 3;
1016
- }
1017
-
1018
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1019
- .Checkbox-module__hop-Checkbox___vt1K- {
1020
- --hop-Checkbox-box-border-size: 0.0625rem;
1021
- --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1022
- --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
1023
- --hop-Checkbox-box-outline-size: 0.125rem;
1024
- --hop-Checkbox-box-outline-color: var(--hop-primary-border-focus);
1025
- --hop-Checkbox-check-color: var(--hop-neutral-icon-selected);
1026
- --hop-Checkbox-check-display: none;
1027
- --hop-Checkbox-text-color: var(--hop-neutral-text);
1028
- --hop-Checkbox-icon-color: var(--hop-neutral-icon);
1029
- --hop-Checkbox-box-border-color-hovered: var(--hop-neutral-border-hover);
1030
- --hop-Checkbox-box-background-color-hovered: var(--hop-neutral-surface-hover);
1031
- --hop-Checkbox-text-color-hovered: var(--hop-neutral-text-hover);
1032
- --hop-Checkbox-icon-color-hovered: var(--hop-neutral-icon-hover);
1033
- --hop-Checkbox-box-border-color-pressed: var(--hop-neutral-border-press);
1034
- --hop-Checkbox-box-background-color-pressed: var(--hop-neutral-surface-press);
1035
- --hop-Checkbox-text-color-pressed: var(--hop-neutral-text-press);
1036
- --hop-Checkbox-icon-color-pressed: var(--hop-neutral-icon-press);
1037
- --hop-Checkbox-box-border-color-selected: var(--hop-neutral-border-selected);
1038
- --hop-Checkbox-box-background-color-selected: var(--hop-neutral-surface-selected);
1039
- --hop-Checkbox-check-display-selected: block;
1040
- --hop-Checkbox-text-color-selected: var(--hop-neutral-text);
1041
- --hop-Checkbox-icon-color-selected: var(--hop-neutral-icon);
1042
- --hop-Checkbox-box-border-color-disabled: var(--hop-neutral-border-disabled);
1043
- --hop-Checkbox-box-background-color-disabled: var(--hop-neutral-surface-disabled);
1044
- --hop-Checkbox-check-color-disabled: var(--hop-neutral-icon-disabled);
1045
- --hop-Checkbox-text-color-disabled: var(--hop-neutral-text-disabled);
1046
- --hop-Checkbox-icon-color-disabled: var(--hop-neutral-icon-disabled);
1047
- --hop-Checkbox-box-border-color-focused: var(--hop-neutral-border-hover);
1048
- --hop-Checkbox-box-background-color-focused: var(--hop-neutral-surface-hover);
1049
- --hop-Checkbox-text-color-focused: var(--hop-neutral-text-hover);
1050
- --hop-Checkbox-icon-color-focused: var(--hop-neutral-icon-hover);
1051
- --hop-Checkbox-box-border-color-invalid: var(--hop-danger-border-strong);
1052
- --hop-Checkbox-box-background-color-invalid: var(--hop-neutral-surface);
1053
- --hop-Checkbox-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
1054
- --hop-Checkbox-box-background-color-hovered-invalid: var(--hop-danger-surface-weak-hover);
1055
- --hop-Checkbox-box-border-color-pressed-invalid: var(--hop-danger-border-press);
1056
- --hop-Checkbox-box-background-color-pressed-invalid: var(--hop-danger-surface-weak-press);
1057
- --hop-Checkbox-box-border-color-focused-invalid: var(--hop-danger-border-press);
1058
- --hop-Checkbox-box-background-color-focused-invalid: var(--hop-danger-surface);
1059
- --hop-Checkbox-box-border-color-selected-invalid: var(--hop-danger-border-strong);
1060
- --hop-Checkbox-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
1061
- --hop-Checkbox-check-color-invalid: var(--hop-danger-icon-strong);
1062
- --hop-Checkbox-text-color-invalid: var(--hop-danger-text-weak);
1063
- --hop-Checkbox-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
1064
- --hop-Checkbox-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
1065
- --hop-Checkbox-icon-color-invalid: var(--hop-danger-icon-weak);
1066
- --hop-Checkbox-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
1067
- --hop-Checkbox-icon-color-pressed-invalid: var(--hop-danger-icon-weak-press);
1068
- --hop-Checkbox-box-sm-block-size: 1rem;
1069
- --hop-Checkbox-box-sm-inline-size: 1rem;
1070
- --hop-Checkbox-text-sm-top-offset: calc((var(--box-inline-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
1071
- --hop-Checkbox-text-sm-margin-inline-start: calc(var(--hop-space-inline-sm) - var(--hop-space-inline-xs));
1072
- --hop-Checkbox-box-md-block-size: 1.5rem;
1073
- --hop-Checkbox-box-md-inline-size: 1.5rem;
1074
- --hop-Checkbox-text-md-top-offset: calc((var(--box-inline-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
1075
- --hop-Checkbox-text-md-margin-inline-start: calc(var(--hop-space-inline-md) - var(--hop-space-inline-xs));
1076
- --box-background-color: var(--hop-Checkbox-box-background-color);
1077
- --box-border-color: var(--hop-Checkbox-box-border-color);
1078
- --box-border-radius: var(--hop-shape-rounded-sm);
1079
- --check-color: var(--hop-Checkbox-check-color);
1080
- --check-display: var(--hop-Checkbox-check-display);
1081
- --cursor: pointer;
1082
- --text-color: var(--hop-Checkbox-text-color);
1083
- --icon-color: var(--hop-Checkbox-icon-color);
1084
- --transition-duration: var(--hop-easing-duration-2);
1085
- cursor: var(--cursor);
1086
- display: flex;
1087
- column-gap: var(--hop-space-inline-xs);
1088
- align-items: flex-start;
1089
- justify-content: flex-start;
1090
- box-sizing: border-box;
1091
- inline-size: max-content;
1092
- max-inline-size: 100%;
1093
- }
1094
- .Checkbox-module__hop-Checkbox___vt1K-[data-focus-visible] {
1095
- --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1096
- --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1097
- --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1098
- --text-color: var(--hop-Checkbox-text-color-focused);
1099
- --icon-color: var(--hop-Checkbox-icon-color-focused);
1100
- }
1101
- .Checkbox-module__hop-Checkbox___vt1K-[data-hovered] {
1102
- --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1103
- --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1104
- --text-color: var(--hop-Checkbox-text-color-hovered);
1105
- --icon-color: var(--hop-Checkbox-icon-color-hovered);
1106
- }
1107
- .Checkbox-module__hop-Checkbox___vt1K-[data-pressed] {
1108
- --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1109
- --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1110
- --text-color: var(--hop-Checkbox-text-color-pressed);
1111
- --icon-color: var(--hop-Checkbox-icon-color-pressed);
1112
- }
1113
- .Checkbox-module__hop-Checkbox___vt1K-[data-selected] {
1114
- --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1115
- --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1116
- --check-display: var(--hop-Checkbox-check-display-selected);
1117
- --text-color: var(--hop-Checkbox-text-color-selected);
1118
- --icon-color: var(--hop-Checkbox-icon-color-selected);
1119
- }
1120
- .Checkbox-module__hop-Checkbox___vt1K-[data-invalid] {
1121
- --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1122
- --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1123
- --check-color: var(--hop-Checkbox-check-color-invalid);
1124
- --text-color: var(--hop-Checkbox-text-color-invalid);
1125
- --icon-color: var(--hop-Checkbox-icon-color-invalid);
1126
- }
1127
- .Checkbox-module__hop-Checkbox___vt1K-[data-invalid]:where([data-focus-visible]) {
1128
- --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1129
- --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1130
- }
1131
- .Checkbox-module__hop-Checkbox___vt1K-[data-invalid]:where([data-hovered]) {
1132
- --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1133
- --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1134
- --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1135
- --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1136
- }
1137
- .Checkbox-module__hop-Checkbox___vt1K-[data-invalid]:where([data-pressed]) {
1138
- --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1139
- --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1140
- --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1141
- --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1142
- }
1143
- .Checkbox-module__hop-Checkbox___vt1K-:where([data-invalid])[data-selected] {
1144
- --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1145
- --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1146
- }
1147
- .Checkbox-module__hop-Checkbox___vt1K-[data-disabled] {
1148
- --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1149
- --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1150
- --check-color: var(--hop-Checkbox-check-color-disabled);
1151
- --cursor: not-allowed;
1152
- --text-color: var(--hop-Checkbox-text-color-disabled);
1153
- --icon-color: var(--hop-Checkbox-icon-color-disabled);
1154
- }
1155
- .Checkbox-module__hop-Checkbox--sm___5uxV3 {
1156
- --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1157
- --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1158
- --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1159
- --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1160
- }
1161
- .Checkbox-module__hop-Checkbox--md___oO3tq {
1162
- --box-block-size: var(--hop-Checkbox-box-md-block-size);
1163
- --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1164
- --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1165
- --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1166
- }
1167
- .Checkbox-module__hop-Checkbox__icon___iit6o,
1168
- .Checkbox-module__hop-Checkbox__icon-list___zXBY4 {
1169
- flex: 0 0 auto;
1170
- order: 3;
1171
- color: var(--icon-color);
1172
- }
1173
- .Checkbox-module__hop-Checkbox__box___YBJh9 {
1174
- display: flex;
1175
- flex: 0 0 auto;
1176
- align-items: center;
1177
- justify-content: center;
1178
- order: 1;
1179
- box-sizing: border-box;
1180
- inline-size: var(--box-inline-size, var(--hop-Checkbox-box-md-inline-size));
1181
- block-size: var(--box-block-size, var(--hop-Checkbox-box-md-block-size));
1182
- background-color: var(--box-background-color);
1183
- border: var(--hop-Checkbox-box-border-size) solid var(--box-border-color);
1184
- border-radius: var(--box-border-radius);
1185
- outline: var(--box-outline, none);
1186
- outline-offset: 0.125rem;
1187
- transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1188
- }
1189
- .Checkbox-module__hop-Checkbox__check___UNjwk {
1190
- display: var(--check-display);
1191
- color: var(--check-color);
1192
- }
1193
- .Checkbox-module__hop-Checkbox__text___ZlGyJ {
1194
- flex: 0 1 auto;
1195
- order: 2;
1196
- min-inline-size: 0;
1197
- margin-block-start: var(--text-top-offset, var(--hop-Checkbox-text-md-top-offset));
1198
- margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1199
- color: var(--text-color);
1200
- }
1201
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___UtIbA {
1202
- }
1203
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___JBXhC {
1204
- }
1205
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___4Tfmf {
1206
- }
1207
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___Zrpr4,
1208
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___D8x-X {
1209
- }
1210
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___NOwwZ {
1211
- }
1212
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___-yhbe {
1213
- }
1214
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___vRiIY {
1215
- }
1216
-
1217
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1218
- .Radio-module__hop-Radio___sO-ce {
1219
- --hop-Radio-box-border-size: 0.0625rem;
1220
- --hop-Radio-box-border-color: var(--hop-neutral-border);
1221
- --hop-Radio-box-background-color: var(--hop-neutral-surface);
1222
- --hop-Radio-box-outline-size: 0.125rem;
1223
- --hop-Radio-box-outline-color: var(--hop-primary-border-focus);
1224
- --hop-Radio-bullet-color: var(--hop-neutral-icon-selected);
1225
- --hop-Radio-bullet-display: none;
1226
- --hop-Radio-text-color: var(--hop-neutral-text);
1227
- --hop-Radio-icon-color: var(--hop-neutral-icon);
1228
- --hop-Radio-box-border-color-hovered: var(--hop-neutral-border-hover);
1229
- --hop-Radio-box-background-color-hovered: var(--hop-neutral-surface-hover);
1230
- --hop-Radio-text-color-hovered: var(--hop-neutral-text-hover);
1231
- --hop-Radio-icon-color-hovered: var(--hop-neutral-icon-hover);
1232
- --hop-Radio-box-border-color-pressed: var(--hop-neutral-border-press);
1233
- --hop-Radio-box-background-color-pressed: var(--hop-neutral-surface-press);
1234
- --hop-Radio-text-color-pressed: var(--hop-neutral-text-press);
1235
- --hop-Radio-icon-color-pressed: var(--hop-neutral-icon-press);
1236
- --hop-Radio-box-border-color-selected: var(--hop-neutral-border-selected);
1237
- --hop-Radio-box-background-color-selected: var(--hop-neutral-surface-selected);
1238
- --hop-Radio-bullet-display-selected: block;
1239
- --hop-Radio-text-color-selected: var(--hop-neutral-text);
1240
- --hop-Radio-icon-color-selected: var(--hop-neutral-icon);
1241
- --hop-Radio-box-border-color-disabled: var(--hop-neutral-border-disabled);
1242
- --hop-Radio-box-background-color-disabled: var(--hop-neutral-surface-disabled);
1243
- --hop-Radio-bullet-color-disabled: var(--hop-neutral-icon-disabled);
1244
- --hop-Radio-text-color-disabled: var(--hop-neutral-text-disabled);
1245
- --hop-Radio-icon-color-disabled: var(--hop-neutral-icon-disabled);
1246
- --hop-Radio-box-border-color-focused: var(--hop-neutral-border-hover);
1247
- --hop-Radio-box-background-color-focused: var(--hop-neutral-surface-hover);
1248
- --hop-Radio-text-color-focused: var(--hop-neutral-text);
1249
- --hop-Radio-icon-color-focused: var(--hop-neutral-icon);
1250
- --hop-Radio-box-border-color-invalid: var(--hop-danger-border-strong);
1251
- --hop-Radio-box-background-color-invalid: var(--hop-neutral-surface);
1252
- --hop-Radio-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
1253
- --hop-Radio-box-background-color-hovered-invalid: var(--hop-danger-surface);
1254
- --hop-Radio-box-border-color-pressed-invalid: var(--hop-danger-border-press);
1255
- --hop-Radio-box-background-color-pressed-invalid: var(--hop-danger-surface-weak);
1256
- --hop-Radio-box-border-color-focused-invalid: var(--hop-danger-border-strong);
1257
- --hop-Radio-box-background-color-focused-invalid: var(--hop-danger-surface);
1258
- --hop-Radio-box-border-color-selected-invalid: var(--hop-danger-border-strong);
1259
- --hop-Radio-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
1260
- --hop-Radio-bullet-color-invalid: var(--hop-danger-icon-strong);
1261
- --hop-Radio-text-color-invalid: var(--hop-danger-text-weak);
1262
- --hop-Radio-icon-color-invalid: var(--hop-danger-icon-weak);
1263
- --hop-Radio-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
1264
- --hop-Radio-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
1265
- --hop-Radio-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
1266
- --hop-Radio-box-sm-inline-size: 1rem;
1267
- --hop-Radio-box-sm-block-size: 1rem;
1268
- --hop-Radio-text-sm-top-offset: calc((var(--box-inline-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
1269
- --hop-Radio-text-sm-margin-inline-start: calc(var(--hop-space-inline-sm) - var(--hop-space-inline-xs));
1270
- --hop-Radio-box-md-inline-size: 1.5rem;
1271
- --hop-Radio-box-md-block-size: 1.5rem;
1272
- --hop-Radio-text-md-top-offset: calc((var(--box-inline-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
1273
- --hop-Radio-text-md-margin-inline-start: calc(var(--hop-space-inline-md) - var(--hop-space-inline-xs));
1274
- --box-background-color: var(--hop-Radio-box-background-color);
1275
- --box-border-color: var(--hop-Radio-box-border-color);
1276
- --box-border-radius: var(--hop-shape-circle);
1277
- --bullet-color: var(--hop-Radio-bullet-color);
1278
- --bullet-display: var(--hop-Radio-bullet-display);
1279
- --cursor: pointer;
1280
- --text-color: var(--hop-Radio-text-color);
1281
- --icon-color: var(--hop-Radio-icon-color);
1282
- --transition-duration: var(--hop-easing-duration-2);
1283
- cursor: var(--cursor);
1284
- display: flex;
1285
- column-gap: var(--hop-space-inline-xs);
1286
- align-items: flex-start;
1287
- justify-content: flex-start;
1288
- box-sizing: border-box;
1289
- inline-size: max-content;
1290
- max-inline-size: 100%;
1291
- }
1292
- .Radio-module__hop-Radio___sO-ce[data-focus-visible] {
1293
- --box-background-color: var(--hop-Radio-box-background-color-focused);
1294
- --box-border-color: var(--hop-Radio-box-border-color-focused);
1295
- --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1296
- --text-color: var(--hop-Radio-text-color-focused);
1297
- --icon-color: var(--hop-Radio-icon-color-focused);
1298
- }
1299
- .Radio-module__hop-Radio___sO-ce[data-hovered] {
1300
- --box-background-color: var(--hop-Radio-box-background-color-hovered);
1301
- --box-border-color: var(--hop-Radio-box-border-color-hovered);
1302
- --text-color: var(--hop-Radio-text-color-hovered);
1303
- --icon-color: var(--hop-Radio-icon-color-hovered);
1304
- }
1305
- .Radio-module__hop-Radio___sO-ce[data-pressed] {
1306
- --box-background-color: var(--hop-Radio-box-background-color-pressed);
1307
- --box-border-color: var(--hop-Radio-box-border-color-pressed);
1308
- --text-color: var(--hop-Radio-text-color-pressed);
1309
- --icon-color: var(--hop-Radio-icon-color-pressed);
1310
- }
1311
- .Radio-module__hop-Radio___sO-ce[data-selected] {
1312
- --box-background-color: var(--hop-Radio-box-background-color-selected);
1313
- --box-border-color: var(--hop-Radio-box-border-color-selected);
1314
- --bullet-display: var(--hop-Radio-bullet-display-selected);
1315
- --text-color: var(--hop-Radio-text-color-selected);
1316
- --icon-color: var(--hop-Radio-icon-color-selected);
1317
- }
1318
- .Radio-module__hop-Radio___sO-ce[data-invalid] {
1319
- --box-background-color: var(--hop-Radio-box-background-color-invalid);
1320
- --box-border-color: var(--hop-Radio-box-border-color-invalid);
1321
- --bullet-color: var(--hop-Radio-bullet-color-invalid);
1322
- --text-color: var(--hop-Radio-text-color-invalid);
1323
- --icon-color: var(--hop-Radio-icon-color-invalid);
1324
- }
1325
- .Radio-module__hop-Radio___sO-ce:where([data-invalid])[data-focus-visible] {
1326
- --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1327
- --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1328
- }
1329
- .Radio-module__hop-Radio___sO-ce:where([data-invalid])[data-hovered] {
1330
- --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1331
- --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1332
- --text-color: var(--hop-Radio-text-color-hovered-invalid);
1333
- --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1334
- }
1335
- .Radio-module__hop-Radio___sO-ce:where([data-invalid])[data-pressed] {
1336
- --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1337
- --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1338
- --text-color: var(--hop-Radio-text-color-pressed-invalid);
1339
- --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1340
- }
1341
- .Radio-module__hop-Radio___sO-ce:where([data-invalid])[data-selected] {
1342
- --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1343
- --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1344
- }
1345
- .Radio-module__hop-Radio___sO-ce[data-disabled] {
1346
- --box-background-color: var(--hop-Radio-box-background-color-disabled);
1347
- --box-border-color: var(--hop-Radio-box-border-color-disabled);
1348
- --bullet-color: var(--hop-Radio-bullet-color-disabled);
1349
- --cursor: not-allowed;
1350
- --text-color: var(--hop-Radio-text-color-disabled);
1351
- --icon-color: var(--hop-Radio-icon-color-disabled);
1352
- }
1353
- .Radio-module__hop-Radio--sm___kCFqK {
1354
- --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1355
- --box-block-size: var(--hop-Radio-box-sm-block-size);
1356
- --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1357
- --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1358
- }
1359
- .Radio-module__hop-Radio--md___k1pm4 {
1360
- --box-inline-size: var(--hop-Radio-box-md-inline-size);
1361
- --box-block-size: var(--hop-Radio-box-md-block-size);
1362
- --text-top-offset: var(--hop-Radio-text-md-top-offset);
1363
- --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1364
- }
1365
- .Radio-module__hop-Radio__icon___IbvGz,
1366
- .Radio-module__hop-Radio__icon-list___2sYtU {
1367
- flex: 0 0 auto;
1368
- order: 3;
1369
- color: var(--icon-color);
1370
- }
1371
- .Radio-module__hop-Radio__box___tcjoy {
1372
- display: flex;
1373
- flex: 0 0 auto;
1374
- align-items: center;
1375
- justify-content: center;
1376
- order: 1;
1377
- box-sizing: border-box;
1378
- inline-size: var(--box-inline-size, var(--hop-Radio-box-md-inline-size));
1379
- block-size: var(--box-block-size, var(--hop-Radio-box-md-block-size));
1380
- background-color: var(--box-background-color);
1381
- border: var(--hop-Radio-box-border-size) solid var(--box-border-color);
1382
- border-radius: var(--box-border-radius);
1383
- outline: var(--box-outline, none);
1384
- outline-offset: 0.125rem;
1385
- transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1386
- }
1387
- .Radio-module__hop-Radio__bullet___Nb7O3 {
1388
- display: var(--bullet-display);
1389
- color: var(--bullet-color);
1390
- }
1391
- .Radio-module__hop-Radio__text___oU0a- {
1392
- flex: 0 1 auto;
1393
- order: 2;
1394
- min-inline-size: 0;
1395
- margin-block-start: var(--text-top-offset, var(--hop-Radio-text-md-top-offset));
1396
- margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1397
- color: var(--text-color);
1398
- }
1399
- .DecorativeRadio-module__hop-DecorativeRadio___K80GU {
1400
- }
1401
- .DecorativeRadio-module__hop-DecorativeRadio--sm___sGOQS {
1402
- }
1403
- .DecorativeRadio-module__hop-DecorativeRadio--md___BjhZf {
1404
- }
1405
- .DecorativeRadio-module__hop-DecorativeRadio__icon___3sdkg,
1406
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___UG8hP {
1407
- }
1408
- .DecorativeRadio-module__hop-DecorativeRadio__box___BuEuD {
1409
- }
1410
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___qMMjG {
1411
- }
1412
- .DecorativeRadio-module__hop-DecorativeRadio__text___eS9G1 {
1413
- }
1414
-
1415
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1416
- .Radio-module__hop-Radio___sO-ce {
1417
- --hop-Radio-box-border-size: 0.0625rem;
1418
- --hop-Radio-box-border-color: var(--hop-neutral-border);
1419
- --hop-Radio-box-background-color: var(--hop-neutral-surface);
1420
- --hop-Radio-box-outline-size: 0.125rem;
1421
- --hop-Radio-box-outline-color: var(--hop-primary-border-focus);
1422
- --hop-Radio-bullet-color: var(--hop-neutral-icon-selected);
1423
- --hop-Radio-bullet-display: none;
1424
- --hop-Radio-text-color: var(--hop-neutral-text);
1425
- --hop-Radio-icon-color: var(--hop-neutral-icon);
1426
- --hop-Radio-box-border-color-hovered: var(--hop-neutral-border-hover);
1427
- --hop-Radio-box-background-color-hovered: var(--hop-neutral-surface-hover);
1428
- --hop-Radio-text-color-hovered: var(--hop-neutral-text-hover);
1429
- --hop-Radio-icon-color-hovered: var(--hop-neutral-icon-hover);
1430
- --hop-Radio-box-border-color-pressed: var(--hop-neutral-border-press);
1431
- --hop-Radio-box-background-color-pressed: var(--hop-neutral-surface-press);
1432
- --hop-Radio-text-color-pressed: var(--hop-neutral-text-press);
1433
- --hop-Radio-icon-color-pressed: var(--hop-neutral-icon-press);
1434
- --hop-Radio-box-border-color-selected: var(--hop-neutral-border-selected);
1435
- --hop-Radio-box-background-color-selected: var(--hop-neutral-surface-selected);
1436
- --hop-Radio-bullet-display-selected: block;
1437
- --hop-Radio-text-color-selected: var(--hop-neutral-text);
1438
- --hop-Radio-icon-color-selected: var(--hop-neutral-icon);
1439
- --hop-Radio-box-border-color-disabled: var(--hop-neutral-border-disabled);
1440
- --hop-Radio-box-background-color-disabled: var(--hop-neutral-surface-disabled);
1441
- --hop-Radio-bullet-color-disabled: var(--hop-neutral-icon-disabled);
1442
- --hop-Radio-text-color-disabled: var(--hop-neutral-text-disabled);
1443
- --hop-Radio-icon-color-disabled: var(--hop-neutral-icon-disabled);
1444
- --hop-Radio-box-border-color-focused: var(--hop-neutral-border-hover);
1445
- --hop-Radio-box-background-color-focused: var(--hop-neutral-surface-hover);
1446
- --hop-Radio-text-color-focused: var(--hop-neutral-text);
1447
- --hop-Radio-icon-color-focused: var(--hop-neutral-icon);
1448
- --hop-Radio-box-border-color-invalid: var(--hop-danger-border-strong);
1449
- --hop-Radio-box-background-color-invalid: var(--hop-neutral-surface);
1450
- --hop-Radio-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
1451
- --hop-Radio-box-background-color-hovered-invalid: var(--hop-danger-surface);
1452
- --hop-Radio-box-border-color-pressed-invalid: var(--hop-danger-border-press);
1453
- --hop-Radio-box-background-color-pressed-invalid: var(--hop-danger-surface-weak);
1454
- --hop-Radio-box-border-color-focused-invalid: var(--hop-danger-border-strong);
1455
- --hop-Radio-box-background-color-focused-invalid: var(--hop-danger-surface);
1456
- --hop-Radio-box-border-color-selected-invalid: var(--hop-danger-border-strong);
1457
- --hop-Radio-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
1458
- --hop-Radio-bullet-color-invalid: var(--hop-danger-icon-strong);
1459
- --hop-Radio-text-color-invalid: var(--hop-danger-text-weak);
1460
- --hop-Radio-icon-color-invalid: var(--hop-danger-icon-weak);
1461
- --hop-Radio-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
1462
- --hop-Radio-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
1463
- --hop-Radio-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
1464
- --hop-Radio-box-sm-inline-size: 1rem;
1465
- --hop-Radio-box-sm-block-size: 1rem;
1466
- --hop-Radio-text-sm-top-offset: calc((var(--box-inline-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
1467
- --hop-Radio-text-sm-margin-inline-start: calc(var(--hop-space-inline-sm) - var(--hop-space-inline-xs));
1468
- --hop-Radio-box-md-inline-size: 1.5rem;
1469
- --hop-Radio-box-md-block-size: 1.5rem;
1470
- --hop-Radio-text-md-top-offset: calc((var(--box-inline-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
1471
- --hop-Radio-text-md-margin-inline-start: calc(var(--hop-space-inline-md) - var(--hop-space-inline-xs));
1472
- --box-background-color: var(--hop-Radio-box-background-color);
1473
- --box-border-color: var(--hop-Radio-box-border-color);
1474
- --box-border-radius: var(--hop-shape-circle);
1475
- --bullet-color: var(--hop-Radio-bullet-color);
1476
- --bullet-display: var(--hop-Radio-bullet-display);
1477
- --cursor: pointer;
1478
- --text-color: var(--hop-Radio-text-color);
1479
- --icon-color: var(--hop-Radio-icon-color);
1480
- --transition-duration: var(--hop-easing-duration-2);
1481
- cursor: var(--cursor);
1482
- display: flex;
1483
- column-gap: var(--hop-space-inline-xs);
1484
- align-items: flex-start;
1485
- justify-content: flex-start;
1486
- box-sizing: border-box;
1487
- inline-size: max-content;
1488
- max-inline-size: 100%;
1489
- }
1490
- .Radio-module__hop-Radio___sO-ce[data-focus-visible] {
1491
- --box-background-color: var(--hop-Radio-box-background-color-focused);
1492
- --box-border-color: var(--hop-Radio-box-border-color-focused);
1493
- --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1494
- --text-color: var(--hop-Radio-text-color-focused);
1495
- --icon-color: var(--hop-Radio-icon-color-focused);
1496
- }
1497
- .Radio-module__hop-Radio___sO-ce[data-hovered] {
1498
- --box-background-color: var(--hop-Radio-box-background-color-hovered);
1499
- --box-border-color: var(--hop-Radio-box-border-color-hovered);
1500
- --text-color: var(--hop-Radio-text-color-hovered);
1501
- --icon-color: var(--hop-Radio-icon-color-hovered);
1502
- }
1503
- .Radio-module__hop-Radio___sO-ce[data-pressed] {
1504
- --box-background-color: var(--hop-Radio-box-background-color-pressed);
1505
- --box-border-color: var(--hop-Radio-box-border-color-pressed);
1506
- --text-color: var(--hop-Radio-text-color-pressed);
1507
- --icon-color: var(--hop-Radio-icon-color-pressed);
1508
- }
1509
- .Radio-module__hop-Radio___sO-ce[data-selected] {
1510
- --box-background-color: var(--hop-Radio-box-background-color-selected);
1511
- --box-border-color: var(--hop-Radio-box-border-color-selected);
1512
- --bullet-display: var(--hop-Radio-bullet-display-selected);
1513
- --text-color: var(--hop-Radio-text-color-selected);
1514
- --icon-color: var(--hop-Radio-icon-color-selected);
1515
- }
1516
- .Radio-module__hop-Radio___sO-ce[data-invalid] {
1517
- --box-background-color: var(--hop-Radio-box-background-color-invalid);
1518
- --box-border-color: var(--hop-Radio-box-border-color-invalid);
1519
- --bullet-color: var(--hop-Radio-bullet-color-invalid);
1520
- --text-color: var(--hop-Radio-text-color-invalid);
1521
- --icon-color: var(--hop-Radio-icon-color-invalid);
1522
- }
1523
- .Radio-module__hop-Radio___sO-ce:where([data-invalid])[data-focus-visible] {
1524
- --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1525
- --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1526
- }
1527
- .Radio-module__hop-Radio___sO-ce:where([data-invalid])[data-hovered] {
1528
- --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1529
- --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1530
- --text-color: var(--hop-Radio-text-color-hovered-invalid);
1531
- --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1532
- }
1533
- .Radio-module__hop-Radio___sO-ce:where([data-invalid])[data-pressed] {
1534
- --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1535
- --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1536
- --text-color: var(--hop-Radio-text-color-pressed-invalid);
1537
- --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1538
- }
1539
- .Radio-module__hop-Radio___sO-ce:where([data-invalid])[data-selected] {
1540
- --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1541
- --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1542
- }
1543
- .Radio-module__hop-Radio___sO-ce[data-disabled] {
1544
- --box-background-color: var(--hop-Radio-box-background-color-disabled);
1545
- --box-border-color: var(--hop-Radio-box-border-color-disabled);
1546
- --bullet-color: var(--hop-Radio-bullet-color-disabled);
1547
- --cursor: not-allowed;
1548
- --text-color: var(--hop-Radio-text-color-disabled);
1549
- --icon-color: var(--hop-Radio-icon-color-disabled);
1550
- }
1551
- .Radio-module__hop-Radio--sm___kCFqK {
1552
- --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1553
- --box-block-size: var(--hop-Radio-box-sm-block-size);
1554
- --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1555
- --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1556
- }
1557
- .Radio-module__hop-Radio--md___k1pm4 {
1558
- --box-inline-size: var(--hop-Radio-box-md-inline-size);
1559
- --box-block-size: var(--hop-Radio-box-md-block-size);
1560
- --text-top-offset: var(--hop-Radio-text-md-top-offset);
1561
- --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1562
- }
1563
- .Radio-module__hop-Radio__icon___IbvGz,
1564
- .Radio-module__hop-Radio__icon-list___2sYtU {
1565
- flex: 0 0 auto;
1566
- order: 3;
1567
- color: var(--icon-color);
1568
- }
1569
- .Radio-module__hop-Radio__box___tcjoy {
1570
- display: flex;
1571
- flex: 0 0 auto;
1572
- align-items: center;
1573
- justify-content: center;
1574
- order: 1;
1575
- box-sizing: border-box;
1576
- inline-size: var(--box-inline-size, var(--hop-Radio-box-md-inline-size));
1577
- block-size: var(--box-block-size, var(--hop-Radio-box-md-block-size));
1578
- background-color: var(--box-background-color);
1579
- border: var(--hop-Radio-box-border-size) solid var(--box-border-color);
1580
- border-radius: var(--box-border-radius);
1581
- outline: var(--box-outline, none);
1582
- outline-offset: 0.125rem;
1583
- transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1584
- }
1585
- .Radio-module__hop-Radio__bullet___Nb7O3 {
1586
- display: var(--bullet-display);
1587
- color: var(--bullet-color);
1588
- }
1589
- .Radio-module__hop-Radio__text___oU0a- {
1590
- flex: 0 1 auto;
1591
- order: 2;
1592
- min-inline-size: 0;
1593
- margin-block-start: var(--text-top-offset, var(--hop-Radio-text-md-top-offset));
1594
- margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1595
- color: var(--text-color);
1596
- }
1597
-
1598
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1599
- .RadioField-module__hop-RadioField___jfxGw {
1600
- --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1601
- --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1602
- --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
1603
- --hop-RadioField-radio-sm-inline-size: 1rem;
1604
- --hop-RadioField-description-sm-margin-inline-start: calc(var(--hop-RadioField-radio-sm-inline-size) + var(--hop-space-inline-sm));
1605
- --hop-RadioField-md-row-gap: var(--hop-space-stack-xs);
1606
- --hop-RadioField-radio-md-inline-size: 1.5rem;
1607
- --hop-RadioField-description-md-margin-inline-start: calc(var(--hop-RadioField-radio-md-inline-size) + var(--hop-space-inline-md));
1608
- --description-color: var(--hop-RadioField-description-color);
1609
- display: flex;
1610
- flex-direction: column;
1611
- row-gap: var(--row-gap, var(--hop-space-stack-sm));
1612
- align-items: flex-start;
1613
- justify-content: flex-start;
1614
- box-sizing: border-box;
1615
- inline-size: max-content;
1616
- max-inline-size: 100%;
1617
- }
1618
- .RadioField-module__hop-RadioField___jfxGw[data-disabled] {
1619
- --description-color: var(--hop-RadioField-description-color-disabled);
1620
- }
1621
- .RadioField-module__hop-RadioField--sm___losFB {
1622
- --row-gap: var(--hop-RadioField-sm-row-gap);
1623
- --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1624
- }
1625
- .RadioField-module__hop-RadioField--md___Ai1VQ {
1626
- --row-gap: var(--hop-RadioField-md-row-gap);
1627
- --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1628
- }
1629
- .RadioField-module__hop-RadioField__description___M9Pkp {
1630
- order: 2;
1631
- margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1632
- color: var(--description-color);
1633
- }
1634
- .RadioField-module__hop-RadioField__radio___sXP7e {
1635
- order: 1;
1636
- }
1637
-
1638
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1639
- .RadioGroup-module__hop-RadioGroup___q6U5G {
1640
- --hop-RadioGroup-align-items: flex-start;
1641
- --hop-RadioGroup-justify-content: flex-start;
1642
- --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
1643
- --hop-RadioGroup-sm-column-gap: var(--hop-space-inline-sm);
1644
- --hop-RadioGroup-sm-row-gap: var(--hop-space-stack-sm);
1645
- --hop-RadioGroup-list-sm-column-gap: var(--hop-space-inline-sm);
1646
- --hop-RadioGroup-list-sm-row-gap: var(--hop-space-stack-sm);
1647
- --hop-RadioGroup-bordered-sm-padding: var(--hop-space-inset-sm);
1648
- --hop-RadioGroup-bordered-sm-column-gap: var(--hop-space-inline-sm);
1649
- --hop-RadioGroup-bordered-sm-row-gap: var(--hop-space-stack-sm);
1650
- --hop-RadioGroup-list-bordered-sm-column-gap: 0;
1651
- --hop-RadioGroup-list-bordered-sm-row-gap: 0;
1652
- --hop-RadioGroup-md-column-gap: var(--hop-space-inline-md);
1653
- --hop-RadioGroup-md-row-gap: var(--hop-space-stack-md);
1654
- --hop-RadioGroup-list-md-column-gap: var(--hop-space-inline-md);
1655
- --hop-RadioGroup-list-md-row-gap: var(--hop-space-stack-md);
1656
- --hop-RadioGroup-bordered-md-padding: var(--hop-space-inset-md);
1657
- --hop-RadioGroup-bordered-md-column-gap: var(--hop-space-inline-sm);
1658
- --hop-RadioGroup-bordered-md-row-gap: var(--hop-space-stack-sm);
1659
- --hop-RadioGroup-list-bordered-md-column-gap: 0;
1660
- --hop-RadioGroup-list-bordered-md-row-gap: 0;
1661
- --hop-RadioGroup-vertical-flex-direction: column;
1662
- --hop-RadioGroup-horizontal-flex-direction: row;
1663
- --radio-border-size: 0.0625rem;
1664
- --radio-border-color: var(--hop-neutral-border-weak);
1665
- --flex-direction: var(--hop-RadioGroup-vertical-flex-direction);
1666
- --align-items: var(--hop-RadioGroup-align-items);
1667
- --justify-content: var(--hop-RadioGroup-justify-content);
1668
- --flex-wrap: wrap;
1669
- --inline-size: max-content;
1670
- display: flex;
1671
- flex-direction: column;
1672
- gap: var(--row-gap, var(--hop-space-stack-md)) var(--column-gap, var(--hop-space-inline-md));
1673
- align-items: var(--align-items);
1674
- justify-content: var(--justify-content);
1675
- box-sizing: border-box;
1676
- inline-size: var(--inline-size);
1677
- max-inline-size: 100%;
1678
- }
1679
- .RadioGroup-module__hop-RadioGroup--bordered___j6Cbd {
1680
- --list-border: var(--radio-border-size) solid var(--radio-border-color);
1681
- --list-border-radius: var(--hop-shape-rounded-md);
1682
- }
1683
- .RadioGroup-module__hop-RadioGroup--sm___0ccTH {
1684
- --column-gap: var(--hop-RadioGroup-sm-column-gap);
1685
- --row-gap: var(--hop-RadioGroup-sm-row-gap);
1686
- --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1687
- --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1688
- }
1689
- .RadioGroup-module__hop-RadioGroup--md___yP-19 {
1690
- --column-gap: var(--hop-RadioGroup-md-column-gap);
1691
- --row-gap: var(--hop-RadioGroup-md-row-gap);
1692
- --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1693
- --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1694
- }
1695
- .RadioGroup-module__hop-RadioGroup--bordered___j6Cbd.RadioGroup-module__hop-RadioGroup--sm___0ccTH {
1696
- --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1697
- --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1698
- --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1699
- --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1700
- --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1701
- }
1702
- .RadioGroup-module__hop-RadioGroup--bordered___j6Cbd.RadioGroup-module__hop-RadioGroup--md___yP-19 {
1703
- --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1704
- --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1705
- --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1706
- --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1707
- --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1708
- }
1709
- .RadioGroup-module__hop-RadioGroup___q6U5G[data-orientation=horizontal] {
1710
- --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1711
- }
1712
- .RadioGroup-module__hop-RadioGroup--bordered___j6Cbd[data-orientation=horizontal] {
1713
- --flex-wrap: nowrap;
1714
- }
1715
- .RadioGroup-module__hop-RadioGroup___q6U5G > .RadioGroup-module__hop-RadioGroup__label___aLUN1 {
1716
- order: 1;
1717
- }
1718
- .RadioGroup-module__hop-RadioGroup__list___jjaM- {
1719
- display: flex;
1720
- flex-flow: var(--flex-direction) var(--flex-wrap);
1721
- gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
1722
- order: 2;
1723
- box-sizing: border-box;
1724
- inline-size: var(--inline-size);
1725
- max-inline-size: 100%;
1726
- border: var(--list-border, none);
1727
- border-radius: var(--list-border-radius, 0);
1728
- }
1729
- .RadioGroup-module__hop-RadioGroup__list___jjaM- > .RadioGroup-module__hop-RadioGroup__radio___JbP1d {
1730
- position: relative;
1731
- flex: 0 1 auto;
1732
- align-content: start;
1733
- inline-size: auto;
1734
- min-inline-size: 0;
1735
- padding: var(--radio-padding, 0);
1736
- }
1737
- .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 {
1738
- content: "";
1739
- position: absolute;
1740
- display: block;
1741
- }
1742
- .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 {
1743
- inset-block-start: 0;
1744
- inset-inline: 0;
1745
- border-block-start: var(--list-border, none);
1746
- }
1747
- .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 {
1748
- inset-block: 0;
1749
- inset-inline-start: 0;
1750
- border-inline-start: var(--list-border, none);
1751
- }
1752
- .RadioGroup-module__hop-RadioGroup___q6U5G > .RadioGroup-module__hop-RadioGroup__error-message___zcFC6,
1753
- .RadioGroup-module__hop-RadioGroup___q6U5G > .RadioGroup-module__hop-RadioGroup__helper-message___0dH8U {
1754
- order: 3;
1755
- }
1756
-
1757
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1758
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___u4-63 {
1759
- --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
1760
- --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
1761
- --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
1762
- --hop-ListBoxItemSkeleton-animation-duration: 1.4s;
1763
- --hop-ListBoxItemSkeleton-animation-reduced-motion-duration: 3.4s;
1764
- --hop-ListBoxItemSkeleton-linear-gradient:
1765
- linear-gradient(
1766
-
1767
- 90deg,
1768
- var(--hop-ListBoxItemSkeleton-background-color) 25%,
1769
- var(--hop-ListBoxItemSkeleton-background-color-dark) 37%,
1770
- var(--hop-ListBoxItemSkeleton-background-color-dark) 63%,
1771
- var(--hop-ListBoxItemSkeleton-background-color) 100% );
1772
- --hop-ListBoxItemSkeleton-xs-height: 1.25rem;
1773
- --hop-ListBoxItemSkeleton-sm-height: 1.25rem;
1774
- --hop-ListBoxItemSkeleton-md-height: 1.25rem;
1775
- --hop-ListBoxItemSkeleton-lg-height: 1.5rem;
1776
- --animation-duration: var(--hop-ListBoxItemSkeleton-animation-duration);
1777
- grid-area: label;
1778
- box-sizing: border-box;
1779
- block-size: var(--height);
1780
- background-color: var(--hop-ListBoxItemSkeleton-background-color);
1781
- background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1782
- background-size: 400% 100%;
1783
- border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1784
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___nmNTS;
1785
- animation-duration: var(--animation-duration);
1786
- animation-timing-function: ease-in-out;
1787
- animation-fill-mode: forwards;
1788
- animation-iteration-count: infinite;
1789
- @media (prefers-reduced-motion: reduce) {
1790
- --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1791
- }
1792
- }
1793
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___8QZSP {
1794
- --height: var(--hop-ListBoxItemSkeleton-xs-height);
1795
- }
1796
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___mHYIi {
1797
- --height: var(--hop-ListBoxItemSkeleton-sm-height);
1798
- }
1799
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___EcJBh {
1800
- --height: var(--hop-ListBoxItemSkeleton-md-height);
1801
- }
1802
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___TEU5- {
1803
- --height: var(--hop-ListBoxItemSkeleton-lg-height);
1804
- }
1805
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___nmNTS {
1806
- 0% {
1807
- background-position: 125% 50%;
1808
- }
1809
- 100% {
1810
- background-position: -25% 50%;
1811
- }
1812
- }
1813
-
1814
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1815
- .ListBoxItem-module__hop-ListBoxItem___XiDdq {
1816
- --hop-ListBoxItem-background-color: transparent;
1817
- --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1818
- --hop-ListBoxItem-text-color: var(--hop-neutral-text);
1819
- --hop-ListBoxItem-icon-color: var(--hop-neutral-icon);
1820
- --hop-ListBoxItem-outline-size: 0.125rem;
1821
- --hop-ListBoxItem-outline-color: var(--hop-primary-border-focus);
1822
- --hop-ListBoxItem-row-gap: var(--hop-space-stack-xs);
1823
- --hop-ListBoxItem-column-gap: var(--hop-space-inline-sm);
1824
- --hop-ListBoxItem-indicator-inline-size: calc( 1rem + var(--hop-ListBoxItem-column-gap));
1825
- --hop-ListBoxItem-description-text-color: var(--hop-neutral-text-weak);
1826
- --hop-ListBoxItem-grid-template-areas: "indicator avatar icon label end-icon badge";
1827
- --hop-ListBoxItem-grid-template-areas-with-description: "indicator avatar icon label end-icon badge" ". . . description description description";
1828
- --hop-ListBoxItem-grid-template-areas-loading: "label";
1829
- --hop-ListBoxItem-grid-template-columns: var(--hop-ListBoxItem-indicator-inline-size) auto auto 1fr auto auto;
1830
- --hop-ListBoxItem-grid-template-columns-not-selected: 0 auto auto 1fr auto auto;
1831
- --hop-ListBoxItem-grid-template-columns-loading: 1fr;
1832
- --hop-ListBoxItem-badge-margin-block: calc(-1 * (var(--hop-space-stack-xs) / 2));
1833
- --hop-ListBoxItem-xs-padding-block: var(--hop-space-inset-xs);
1834
- --hop-ListBoxItem-xs-padding-inline: var(--hop-space-inset-md);
1835
- --hop-ListBoxItem-xs-min-height: 2rem;
1836
- --hop-ListBoxItem-xs-avatar-margin-block: 0;
1837
- --hop-ListBoxItem-xs-label-font-weight: var(--hop-body-sm-font-weight);
1838
- --hop-ListBoxItem-xs-label-font-weight-selected: var(--hop-body-sm-medium-font-weight);
1839
- --hop-ListBoxItem-sm-padding-block: var(--hop-space-inset-sm);
1840
- --hop-ListBoxItem-sm-padding-inline: var(--hop-space-inset-md);
1841
- --hop-ListBoxItem-sm-min-height: 2.5rem;
1842
- --hop-ListBoxItem-sm-avatar-margin-block: 0;
1843
- --hop-ListBoxItem-sm-label-font-weight: var(--hop-body-sm-font-weight);
1844
- --hop-ListBoxItem-sm-label-font-weight-selected: var(--hop-body-sm-medium-font-weight);
1845
- --hop-ListBoxItem-md-padding-block: var(--hop-space-inset-md);
1846
- --hop-ListBoxItem-md-padding-inline: var(--hop-space-inset-md);
1847
- --hop-ListBoxItem-md-min-height: 3.5rem;
1848
- --hop-ListBoxItem-md-avatar-margin-block: calc(-1 * var(--hop-space-stack-xs));
1849
- --hop-ListBoxItem-md-label-font-weight: var(--hop-body-sm-font-weight);
1850
- --hop-ListBoxItem-md-label-font-weight-selected: var(--hop-body-sm-medium-font-weight);
1851
- --hop-ListBoxItem-lg-padding-block: var(--hop-space-inset-md);
1852
- --hop-ListBoxItem-lg-padding-inline: var(--hop-space-inset-md);
1853
- --hop-ListBoxItem-lg-min-height: 4rem;
1854
- --hop-ListBoxItem-lg-avatar-margin-block: calc(-1 * var(--hop-space-stack-xs));
1855
- --hop-ListBoxItem-lg-label-font-weight: var(--hop-body-md-font-weight);
1856
- --hop-ListBoxItem-lg-label-font-weight-selected: var(--hop-body-md-medium-font-weight);
1857
- --hop-ListBoxItem-background-color-hovered: var(--hop-neutral-surface-hover);
1858
- --hop-ListBoxItem-text-color-hovered: var(--hop-neutral-text-hover);
1859
- --hop-ListBoxItem-icon-color-hovered: var(--hop-neutral-icon-hover);
1860
- --hop-ListBoxItem-background-color-pressed: var(--hop-neutral-surface-press);
1861
- --hop-ListBoxItem-text-color-pressed: var(--hop-neutral-text-press);
1862
- --hop-ListBoxItem-icon-color-pressed: var(--hop-neutral-icon-press);
1863
- --hop-ListBoxItem-background-color-focused: var(--hop-neutral-surface-hover);
1864
- --hop-ListBoxItem-text-color-focused: var(--hop-neutral-text-hover);
1865
- --hop-ListBoxItem-icon-color-focused: var(--hop-neutral-icon-hover);
1866
- --hop-ListBoxItem-background-color-selected: transparent;
1867
- --hop-ListBoxItem-text-color-selected: var(--hop-neutral-text);
1868
- --hop-ListBoxItem-icon-color-selected: var(--hop-neutral-icon);
1869
- --hop-ListBoxItem-background-color-invalid: transparent;
1870
- --hop-ListBoxItem-background-color-invalid-hovered: var(--hop-danger-surface-hover);
1871
- --hop-ListBoxItem-background-color-invalid-pressed: var(--hop-danger-surface-press);
1872
- --hop-ListBoxItem-background-color-invalid-focused: var(--hop-danger-surface-hover);
1873
- --hop-ListBoxItem-background-color-invalid-selected: transparent;
1874
- --hop-ListBoxItem-background-color-invalid-disabled: transparent;
1875
- --hop-ListBoxItem-text-color-invalid: var(--hop-danger-text-weak);
1876
- --hop-ListBoxItem-text-color-invalid-hovered: var(--hop-danger-text-strong);
1877
- --hop-ListBoxItem-text-color-invalid-pressed: var(--hop-danger-text-strong);
1878
- --hop-ListBoxItem-text-color-invalid-focused: var(--hop-danger-text-strong);
1879
- --hop-ListBoxItem-text-color-invalid-selected: var(--hop-danger-text-weak);
1880
- --hop-ListBoxItem-text-color-invalid-disabled: var(--hop-danger-text-disabled);
1881
- --hop-ListBoxItem-icon-color-invalid: var(--hop-danger-icon-weak);
1882
- --hop-ListBoxItem-icon-color-invalid-hovered: var(--hop-danger-icon-strong);
1883
- --hop-ListBoxItem-icon-color-invalid-pressed: var(--hop-danger-icon-strong);
1884
- --hop-ListBoxItem-icon-color-invalid-focused: var(--hop-danger-icon-strong);
1885
- --hop-ListBoxItem-icon-color-invalid-selected: var(--hop-danger-icon-weak);
1886
- --hop-ListBoxItem-icon-color-invalid-disabled: var(--hop-danger-icon-disabled);
1887
- --hop-ListBoxItem-description-text-color-invalid-hovered: inherit;
1888
- --hop-ListBoxItem-description-text-color-invalid-pressed: inherit;
1889
- --hop-ListBoxItem-description-text-color-invalid-focused: inherit;
1890
- --hop-ListBoxItem-background-color-disabled: transparent;
1891
- --hop-ListBoxItem-text-color-disabled: var(--hop-neutral-text-disabled);
1892
- --hop-ListBoxItem-icon-color-disabled: var(--hop-neutral-icon-disabled);
1893
- --background-color: var(--hop-ListBoxItem-background-color);
1894
- --text-color: var(--hop-ListBoxItem-text-color);
1895
- --icon-color: var(--hop-ListBoxItem-icon-color);
1896
- --outline: none;
1897
- --cursor: default;
1898
- --checkmark-opacity: 0;
1899
- --description-text-color: var(--hop-ListBoxItem-description-text-color);
1900
- --row-gap: 0;
1901
- --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas);
1902
- --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns);
1903
- --checkmark-transition: opacity 0.2s ease-in-out .2s;
1904
- cursor: var(--cursor);
1905
- box-sizing: border-box;
1906
- color: var(--text-color);
1907
- background-color: var(--background-color);
1908
- border-radius: var(--hop-ListBoxItem-border-radius);
1909
- outline: var(--outline);
1910
- outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1911
- }
1912
- .ListBoxItem-module__hop-ListBoxItem--xs___0-yUm {
1913
- --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1914
- --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1915
- --min-height: var(--hop-ListBoxItem-xs-min-height);
1916
- --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1917
- --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1918
- }
1919
- .ListBoxItem-module__hop-ListBoxItem--sm___2r2UW {
1920
- --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1921
- --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1922
- --min-height: var(--hop-ListBoxItem-sm-min-height);
1923
- --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1924
- --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1925
- }
1926
- .ListBoxItem-module__hop-ListBoxItem--md___UlOdU {
1927
- --padding-block: var(--hop-ListBoxItem-md-padding-block);
1928
- --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1929
- --min-height: var(--hop-ListBoxItem-md-min-height);
1930
- --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1931
- --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1932
- }
1933
- .ListBoxItem-module__hop-ListBoxItem--lg___bkgMh {
1934
- --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1935
- --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1936
- --min-height: var(--hop-ListBoxItem-lg-min-height);
1937
- --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1938
- --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1939
- }
1940
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-selection-mode] {
1941
- --cursor: pointer;
1942
- }
1943
- .ListBoxItem-module__hop-ListBoxItem___XiDdq:not([data-selection-mode]) {
1944
- --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1945
- }
1946
- .ListBoxItem-module__hop-ListBoxItem__inner___H3qGL:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___7dJgG) {
1947
- --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1948
- }
1949
- .ListBoxItem-module__hop-ListBoxItem__inner___H3qGL[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___7dJgG) {
1950
- --checkmark-transition: none;
1951
- }
1952
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-selected] {
1953
- --background-color: var(--hop-ListBoxItem-background-color-selected);
1954
- --text-color: var(--hop-ListBoxItem-text-color-selected);
1955
- --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1956
- --checkmark-opacity: 1;
1957
- }
1958
- .ListBoxItem-module__hop-ListBoxItem--xs___0-yUm[data-selected] {
1959
- --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1960
- }
1961
- .ListBoxItem-module__hop-ListBoxItem--sm___2r2UW[data-selected] {
1962
- --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1963
- }
1964
- .ListBoxItem-module__hop-ListBoxItem--md___UlOdU[data-selected] {
1965
- --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1966
- }
1967
- .ListBoxItem-module__hop-ListBoxItem--lg___bkgMh[data-selected] {
1968
- --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1969
- }
1970
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-focus-visible] {
1971
- --background-color: var(--hop-ListBoxItem-background-color-focused);
1972
- --text-color: var(--hop-ListBoxItem-text-color-focused);
1973
- --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1974
- --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1975
- }
1976
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-hovered] {
1977
- --background-color: var(--hop-ListBoxItem-background-color-hovered);
1978
- --text-color: var(--hop-ListBoxItem-text-color-hovered);
1979
- --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1980
- }
1981
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-pressed] {
1982
- --background-color: var(--hop-ListBoxItem-background-color-pressed);
1983
- --text-color: var(--hop-ListBoxItem-text-color-pressed);
1984
- --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1985
- }
1986
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-disabled] {
1987
- --background-color: var(--hop-ListBoxItem-background-color-disabled);
1988
- --text-color: var(--hop-ListBoxItem-text-color-disabled);
1989
- --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1990
- --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1991
- --cursor: not-allowed;
1992
- }
1993
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-invalid] {
1994
- --background-color: var(--hop-ListBoxItem-background-color-invalid);
1995
- --text-color: var(--hop-ListBoxItem-text-color-invalid);
1996
- --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1997
- }
1998
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-invalid][data-selected] {
1999
- --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2000
- --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2001
- --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2002
- }
2003
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-invalid][data-focus-visible] {
2004
- --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2005
- --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2006
- --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2007
- --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2008
- }
2009
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-invalid][data-hovered] {
2010
- --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2011
- --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2012
- --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2013
- --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2014
- }
2015
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-invalid][data-pressed] {
2016
- --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2017
- --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2018
- --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2019
- --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2020
- }
2021
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-invalid][data-disabled] {
2022
- --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2023
- --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2024
- --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2025
- }
2026
- .ListBoxItem-module__hop-ListBoxItem___XiDdq:has(.ListBoxItem-module__hop-ListBoxItem__description___syc22) {
2027
- --row-gap: var(--hop-ListBoxItem-row-gap);
2028
- --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2029
- }
2030
- .ListBoxItem-module__hop-ListBoxItem___XiDdq[data-loading] {
2031
- --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2032
- --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2033
- }
2034
- .ListBoxItem-module__hop-ListBoxItem__inner___H3qGL {
2035
- display: grid;
2036
- grid-template-areas: var(--grid-template-areas);
2037
- grid-template-columns: var(--grid-template-columns);
2038
- row-gap: var(--row-gap);
2039
- align-items: center;
2040
- box-sizing: border-box;
2041
- min-block-size: var(--min-height);
2042
- padding-block: var(--padding-block);
2043
- padding-inline: var(--padding-inline);
2044
- transition: grid-template-columns .3s ease-in-out;
2045
- }
2046
- .ListBoxItem-module__hop-ListBoxItem__checkmark___7dJgG {
2047
- grid-area: indicator;
2048
- margin-inline-end: var(--hop-ListBoxItem-column-gap);
2049
- color: var(--icon-color);
2050
- opacity: var(--checkmark-opacity);
2051
- transition: var(--checkmark-transition);
2052
- }
2053
- .ListBoxItem-module__hop-ListBoxItem__radio___qvI6Y,
2054
- .ListBoxItem-module__hop-ListBoxItem__checkbox___gllIZ {
2055
- pointer-events: none;
2056
- user-select: none;
2057
- grid-area: indicator;
2058
- margin-inline-end: var(--hop-ListBoxItem-column-gap);
2059
- }
2060
- .ListBoxItem-module__hop-ListBoxItem__avatar___qIrHr {
2061
- grid-area: avatar;
2062
- margin-block: var(--avatar-margin-block, 0);
2063
- margin-inline-end: var(--hop-ListBoxItem-column-gap);
2064
- }
2065
- .ListBoxItem-module__hop-ListBoxItem__icon-list___qv6w4,
2066
- .ListBoxItem-module__hop-ListBoxItem__icon___47egu {
2067
- grid-area: icon;
2068
- flex: 0 0 auto;
2069
- margin-inline-end: var(--hop-ListBoxItem-column-gap);
2070
- color: var(--icon-color);
2071
- }
2072
- .ListBoxItem-module__hop-ListBoxItem__label___e1hKz {
2073
- overflow: hidden;
2074
- grid-area: label;
2075
- min-inline-size: 0;
2076
- font-weight: var(--label-font-weight);
2077
- text-overflow: ellipsis;
2078
- white-space: nowrap;
2079
- }
2080
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___njvBZ,
2081
- .ListBoxItem-module__hop-ListBoxItem__end-icon___fiGyY {
2082
- grid-area: end-icon;
2083
- margin-inline-start: var(--hop-ListBoxItem-column-gap);
2084
- color: var(--icon-color);
2085
- }
2086
- .ListBoxItem-module__hop-ListBoxItem__badge___UDz49 {
2087
- grid-area: badge;
2088
- margin-block: var(--hop-ListBoxItem-badge-margin-block);
2089
- margin-inline-start: var(--hop-ListBoxItem-column-gap);
2090
- }
2091
- .ListBoxItem-module__hop-ListBoxItem__description___syc22 {
2092
- overflow: hidden;
2093
- display: -webkit-box;
2094
- grid-area: description;
2095
- -webkit-box-orient: vertical;
2096
- -webkit-line-clamp: 2;
2097
- line-clamp: 2;
2098
- color: var(--description-text-color);
2099
- }
2100
-
2101
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
2102
- .ListBox-module__hop-ListBox___jK4Pq {
2103
- --hop-ListBox-background-color: var(--hop-neutral-surface);
2104
- --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2105
- --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
2106
- --hop-ListBox-border-size: 0.0625rem;
2107
- --hop-ListBox-padding-inline: var(--hop-space-inset-sm);
2108
- --hop-ListBox-padding-block: var(--hop-space-inset-sm);
2109
- --hop-ListBox-min-width: 13.625rem;
2110
- --hop-ListBox-max-width: 18rem;
2111
- --hop-ListBox-width: max-content;
2112
- --hop-ListBox-fluid-width: 100%;
2113
- --hop-ListBox-fluid-max-width: 100%;
2114
- --hop-ListBox-section-padding-block: var(--hop-ListBox-padding-block);
2115
- --hop-ListBox-section-padding-inline: var(--hop-ListBox-padding-inline);
2116
- --hop-ListBox-section-margin-block: var(--hop-space-stack-sm);
2117
- --hop-ListBox-section-margin-inline: calc(-1 * var(--hop-ListBox-padding-inline));
2118
- --hop-ListBox-section-border-size: var(--hop-ListBox-border-size);
2119
- --hop-ListBox-section-border-color: var(--hop-ListBox-border-color);
2120
- --hop-ListBox-section-header-color: var(--hop-neutral-text-weak);
2121
- --hop-ListBox-section-header-font-family: var(--hop-overline-font-family);
2122
- --hop-ListBox-section-header-font-size: var(--hop-overline-font-size);
2123
- --hop-ListBox-section-header-font-weight: var(--hop-overline-font-weight);
2124
- --hop-ListBox-section-header-letter-spacing: 0.015rem;
2125
- --hop-ListBox-section-header-line-height: var(--hop-overline-line-height);
2126
- --hop-ListBox-section-header-text-transform: uppercase;
2127
- --hop-ListBox-section-header-padding: var(--hop-space-inset-stretch-sm);
2128
- --hop-ListBox-section-header-top-offset: var(--hop-overline-top-offset);
2129
- --hop-ListBox-section-header-bottom-offset: var(--hop-overline-bottom-offset);
2130
- --max-width: var(--hop-ListBox-max-width);
2131
- --width: var(--hop-ListBox-width);
2132
- --section-padding-block-start: var(--hop-ListBox-section-padding-block);
2133
- --section-padding-block-end: var(--hop-ListBox-section-padding-block);
2134
- --section-margin-block-start: 0;
2135
- --section-margin-block-end: 0;
2136
- --section-border-block-start: 0;
2137
- --section-border-block-end: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2138
- overflow: hidden auto;
2139
- box-sizing: border-box;
2140
- inline-size: var(--width);
2141
- min-inline-size: var(--hop-ListBox-min-width);
2142
- max-inline-size: var(--max-width);
2143
- padding-block: var(--hop-ListBox-padding-block);
2144
- padding-inline: var(--hop-ListBox-padding-inline);
2145
- background-color: var(--hop-ListBox-background-color);
2146
- border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2147
- border-radius: var(--hop-ListBox-border-radius);
2148
- }
2149
- .ListBox-module__hop-ListBox--fluid___rpAtK {
2150
- --max-width: var(--hop-ListBox-fluid-max-width);
2151
- --width: var(--hop-ListBox-fluid-width);
2152
- }
2153
- .ListBox-module__hop-ListBox__section___qUkaf {
2154
- margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2155
- margin-inline: var(--hop-ListBox-section-margin-inline);
2156
- padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
2157
- padding-inline: var(--hop-ListBox-section-padding-inline);
2158
- border-block-start: var(--section-border-block-start);
2159
- border-block-end: var(--section-border-block-end);
2160
- }
2161
- .ListBox-module__hop-ListBox__item___2ciBf + .ListBox-module__hop-ListBox__section___qUkaf {
2162
- --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2163
- --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2164
- }
2165
- .ListBox-module__hop-ListBox__section___qUkaf:has(+ .ListBox-module__hop-ListBox__item___2ciBf) {
2166
- --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2167
- }
2168
- .ListBox-module__hop-ListBox__section___qUkaf:first-child {
2169
- --section-padding-block-start: 0;
2170
- }
2171
- .ListBox-module__hop-ListBox__section___qUkaf:last-child {
2172
- --section-padding-block-end: 0;
2173
- --section-border-block-end: 0;
2174
- }
2175
- .ListBox-module__hop-ListBox__section-header___Po7xT {
2176
- margin: 0;
2177
- padding: var(--hop-ListBox-section-header-padding);
2178
- font-family: var(--hop-ListBox-section-header-font-family);
2179
- font-size: var(--hop-ListBox-section-header-font-size);
2180
- font-weight: var(--hop-ListBox-section-header-font-weight);
2181
- line-height: var(--hop-ListBox-section-header-line-height);
2182
- color: var(--hop-ListBox-section-header-color);
2183
- text-transform: var(--hop-ListBox-section-header-text-transform);
2184
- letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2185
- }
2186
- .ListBox-module__hop-ListBox__section-header___Po7xT::before,
2187
- .ListBox-module__hop-ListBox__section-header___Po7xT::after {
2188
- content: "";
2189
- display: block;
2190
- box-sizing: border-box;
2191
- inline-size: 0;
2192
- block-size: 0;
2193
- }
2194
- .ListBox-module__hop-ListBox__section-header___Po7xT::before {
2195
- margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2196
- }
2197
- .ListBox-module__hop-ListBox__section-header___Po7xT::after {
2198
- margin-block-start: var(--hop-ListBox-section-header-top-offset);
2199
- }
2200
-
2201
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
2202
- @keyframes Spinner-module__spin___u2b0H {
2203
- 0% {
2204
- transform: rotate(0deg);
2205
- }
2206
- 100% {
2207
- transform: rotate(360deg);
2208
- }
2209
- }
2210
- .Spinner-module__hop-Spinner___GB3yK {
2211
- --hop-Spinner-border-radius: var(--hop-shape-circle);
2212
- --hop-Spinner-sm-wheel-size: 1rem;
2213
- --hop-Spinner-md-wheel-size: 1.25rem;
2214
- --hop-Spinner-lg-wheel-size: 1.5rem;
2215
- --hop-Spinner-track-width: 0.125rem;
2216
- --hop-Spinner-track-opacity: 0.2;
2217
- --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
2218
- --hop-Spinner-fill-animation: Spinner-module__spin___u2b0H .8s infinite linear;
2219
- --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
2220
- --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
2221
- --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
2222
- --hop-Spinner-label-margin-inline-start: var(--hop-space-inline-sm);
2223
- display: grid;
2224
- grid-template-areas: "spinner label";
2225
- grid-template-columns: min-content auto;
2226
- align-items: center;
2227
- box-sizing: border-box;
2228
- }
2229
- .Spinner-module__hop-Spinner--sm___K2ulo {
2230
- --width: var(--hop-Spinner-sm-wheel-size);
2231
- --height: var(--hop-Spinner-sm-wheel-size);
2232
- }
2233
- .Spinner-module__hop-Spinner--md___SSS0L {
2234
- --width: var(--hop-Spinner-md-wheel-size);
2235
- --height: var(--hop-Spinner-md-wheel-size);
2236
- }
2237
- .Spinner-module__hop-Spinner--lg___hV-9G {
2238
- --width: var(--hop-Spinner-lg-wheel-size);
2239
- --height: var(--hop-Spinner-lg-wheel-size);
2240
- }
2241
- .Spinner-module__hop-Spinner__track___aIiYx {
2242
- grid-area: spinner;
2243
- box-sizing: border-box;
2244
- inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
2245
- block-size: var(--height, var(--hop-Spinner-md-wheel-size));
2246
- opacity: var(--hop-Spinner-track-opacity);
2247
- border: var(--hop-Spinner-track-border);
2248
- border-radius: var(--hop-Spinner-border-radius);
2249
- }
2250
- .Spinner-module__hop-Spinner__fill___r5v20 {
2251
- grid-area: spinner;
2252
- box-sizing: border-box;
2253
- inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
2254
- block-size: var(--height, var(--hop-Spinner-md-wheel-size));
2255
- border: var(--hop-Spinner-fill-border);
2256
- border-inline-start: var(--hop-Spinner-fill-border-inline-start);
2257
- border-radius: var(--hop-Spinner-border-radius);
2258
- animation: var(--hop-Spinner-fill-animation);
2259
- }
2260
- @media (prefers-reduced-motion: reduce) {
2261
- .Spinner-module__hop-Spinner__fill___r5v20 {
2262
- animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
2263
- }
2264
- }
2265
- .Spinner-module__hop-Spinner__label___SVXSz {
2266
- grid-area: label;
2267
- margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
2268
- }
2269
-
2270
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
2271
- .Button-module__hop-Button___sYLWn {
2272
- --hop-Button-border-radius: var(--hop-shape-rounded-md);
2273
- --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
2274
- --hop-Button-column-gap: var(--hop-space-inline-xs);
2275
- --hop-Button-icon-only-column-gap: 0;
2276
- --hop-Button-outline-size: var(--hop-space-20);
2277
- --hop-Button-border-size: var(--hop-space-10);
2278
- --hop-Button-text-underline-offset: var(--hop-space-20);
2279
- --hop-Button-icon-only-padding: 0;
2280
- --hop-Button-sm-height: 2rem;
2281
- --hop-Button-md-height: 2.5rem;
2282
- --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
2283
- --hop-Button-md-padding: 0 var(--hop-space-inset-md);
2284
- --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
2285
- --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
2286
- --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
2287
- --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
2288
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
2289
- --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
2290
- --hop-Button-ghost-background-color-disabled: transparent;
2291
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
2292
- --hop-Button-primary-color: var(--hop-primary-text-strong);
2293
- --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
2294
- --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
2295
- --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
2296
- --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
2297
- --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
2298
- --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
2299
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
2300
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
2301
- --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
2302
- --hop-Button-secondary-color: var(--hop-neutral-text);
2303
- --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
2304
- --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
2305
- --hop-Button-secondary-background-color: var(--hop-neutral-surface);
2306
- --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
2307
- --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
2308
- --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
2309
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
2310
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
2311
- --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
2312
- --hop-Button-upsell-color: var(--hop-upsell-text);
2313
- --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
2314
- --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
2315
- --hop-Button-upsell-background-color: var(--hop-upsell-surface);
2316
- --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
2317
- --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
2318
- --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
2319
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
2320
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
2321
- --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
2322
- --hop-Button-danger-color: var(--hop-danger-text-strong);
2323
- --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
2324
- --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
2325
- --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
2326
- --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
2327
- --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
2328
- --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
2329
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
2330
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
2331
- --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
2332
- --hop-Button-ghost-primary-color: var(--hop-primary-text);
2333
- --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
2334
- --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
2335
- --hop-Button-ghost-primary-background-color: transparent;
2336
- --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
2337
- --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
2338
- --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
2339
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
2340
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
2341
- --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
2342
- --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
2343
- --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
2344
- --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
2345
- --hop-Button-ghost-secondary-background-color: transparent;
2346
- --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
2347
- --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
2348
- --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
2349
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
2350
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
2351
- --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
2352
- --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
2353
- --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
2354
- --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
2355
- --hop-Button-ghost-danger-background-color: transparent;
2356
- --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
2357
- --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
2358
- --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
2359
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
2360
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
2361
- --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
2362
- --inline-size: max-content;
2363
- --block-size: var(--hop-Button-md-height);
2364
- --background-color: var(--hop-primary-surface-strong);
2365
- --color: var(--hop-primary-text-strong);
2366
- --column-gap: var(--hop-Button-column-gap);
2367
- --spinner: var(--hop-primary-icon-strong);
2368
- --border: 0;
2369
- --padding: var(--hop-Button-md-padding);
2370
- --text-underline: none;
2371
- cursor: pointer;
2372
- position: relative;
2373
- overflow: hidden;
2374
- display: flex;
2375
- column-gap: var(--column-gap);
2376
- align-items: center;
2377
- justify-content: center;
2378
- box-sizing: border-box;
2379
- inline-size: var(--inline-size);
2380
- block-size: var(--block-size);
2381
- padding: var(--padding);
2382
- color: var(--color);
2383
- text-decoration: none;
2384
- white-space: nowrap;
2385
- background-color: var(--background-color);
2386
- border: var(--border);
2387
- border-radius: var(--hop-Button-border-radius);
2388
- outline: none;
2389
- outline-offset: var(--hop-Button-outline-size);
2390
- transition:
2391
- color var(--hop-easing-duration-2) var(--hop-easing-productive),
2392
- background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
2393
- border var(--hop-easing-duration-2) var(--hop-easing-productive);
2394
- }
2395
- .Button-module__hop-Button--fluid___le0PW {
2396
- --inline-size: 100%;
2397
- }
2398
- .Button-module__hop-Button--sm___8595A {
2399
- --block-size: var(--hop-Button-sm-height);
2400
- --padding: var(--hop-Button-sm-padding);
2401
- }
2402
- .Button-module__hop-Button--sm___8595A[class*=--ghost] {
2403
- --padding: var(--hop-Button-ghost-sm-padding);
2404
- }
2405
- .Button-module__hop-Button--md___NsbEQ[class*=--ghost] {
2406
- --padding: var(--hop-Button-ghost-md-padding);
2407
- }
2408
- .Button-module__hop-Button--icon-only___2f-Pe {
2409
- --column-gap: var(--hop-Button-icon-only-column-gap);
2410
- --padding: var(--hop-Button-icon-only-padding);
2411
- aspect-ratio: 1;
2412
- }
2413
- .Button-module__hop-Button--primary___Qo6ZF {
2414
- --background-color: var(--hop-Button-primary-background-color);
2415
- --color: var(--hop-Button-primary-color);
2416
- --border: var(--hop-Button-primary-border);
2417
- --spinner-color: var(--hop-Button-primary-spinner-color);
2418
- }
2419
- .Button-module__hop-Button--primary___Qo6ZF[data-hovered],
2420
- .Button-module__hop-Button--primary___Qo6ZF[data-focus-visible] {
2421
- --background-color: var(--hop-Button-primary-background-color-hover);
2422
- --color: var(--hop-Button-primary-color-hover);
2423
- --border: var(--hop-Button-primary-border-hover);
2424
- }
2425
- .Button-module__hop-Button--primary___Qo6ZF[data-pressed] {
2426
- --background-color: var(--hop-Button-primary-background-color-pressed);
2427
- --color: var(--hop-Button-primary-color-pressed);
2428
- --border: var(--hop-Button-primary-border-pressed);
2429
- }
2430
- .Button-module__hop-Button--secondary___TRVhJ {
2431
- --background-color: var(--hop-Button-secondary-background-color);
2432
- --color: var(--hop-Button-secondary-color);
2433
- --border: var(--hop-Button-secondary-border);
2434
- --spinner-color: var(--hop-Button-secondary-spinner-color);
2435
- }
2436
- .Button-module__hop-Button--secondary___TRVhJ[data-hovered],
2437
- .Button-module__hop-Button--secondary___TRVhJ[data-focus-visible] {
2438
- --background-color: var(--hop-Button-secondary-background-color-hover);
2439
- --color: var(--hop-Button-secondary-color-hover);
2440
- --border: var(--hop-Button-secondary-border-hover);
2441
- }
2442
- .Button-module__hop-Button--secondary___TRVhJ[data-pressed] {
2443
- --background-color: var(--hop-Button-secondary-background-color-pressed);
2444
- --color: var(--hop-Button-secondary-color-pressed);
2445
- --border: var(--hop-Button-secondary-border-pressed);
2446
- }
2447
- .Button-module__hop-Button--upsell___A9KCV {
2448
- --background-color: var(--hop-Button-upsell-background-color);
2449
- --color: var(--hop-Button-upsell-color);
2450
- --border: var(--hop-Button-upsell-border);
2451
- --spinner-color: var(--hop-Button-upsell-spinner-color);
2452
- }
2453
- .Button-module__hop-Button--upsell___A9KCV[data-hovered],
2454
- .Button-module__hop-Button--upsell___A9KCV[data-focus-visible] {
2455
- --background-color: var(--hop-Button-upsell-background-color-hover);
2456
- --color: var(--hop-Button-upsell-color-hover);
2457
- --border: var(--hop-Button-upsell-border-hover);
2458
- }
2459
- .Button-module__hop-Button--upsell___A9KCV[data-pressed] {
2460
- --background-color: var(--hop-Button-upsell-background-color-pressed);
2461
- --color: var(--hop-Button-upsell-color-pressed);
2462
- --border: var(--hop-Button-upsell-border-pressed);
2463
- }
2464
- .Button-module__hop-Button--danger___MmFni {
2465
- --background-color: var(--hop-Button-danger-background-color);
2466
- --color: var(--hop-Button-danger-color);
2467
- --border: var(--hop-Button-danger-border);
2468
- --spinner-color: var(--hop-Button-danger-spinner-color);
2469
- }
2470
- .Button-module__hop-Button--danger___MmFni[data-hovered],
2471
- .Button-module__hop-Button--danger___MmFni[data-focus-visible] {
2472
- --background-color: var(--hop-Button-danger-background-color-hover);
2473
- --color: var(--hop-Button-danger-color-hover);
2474
- --border: var(--hop-Button-danger-border-hover);
2475
- }
2476
- .Button-module__hop-Button--danger___MmFni[data-pressed] {
2477
- --background-color: var(--hop-Button-danger-background-color-pressed);
2478
- --color: var(--hop-Button-danger-color-pressed);
2479
- --border: var(--hop-Button-danger-border-pressed);
2480
- }
2481
- .Button-module__hop-Button--ghost-primary___NPZcY {
2482
- --background-color: var(--hop-Button-ghost-primary-background-color);
2483
- --color: var(--hop-Button-ghost-primary-color);
2484
- --border: var(--hop-Button-ghost-primary-border);
2485
- --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
2486
- }
2487
- .Button-module__hop-Button--ghost-primary___NPZcY[data-hovered],
2488
- .Button-module__hop-Button--ghost-primary___NPZcY[data-focus-visible] {
2489
- --background-color: var(--hop-Button-ghost-primary-background-color-hover);
2490
- --color: var(--hop-Button-ghost-primary-color-hover);
2491
- --border: var(--hop-Button-ghost-primary-border-hover);
2492
- --text-underline: underline;
2493
- }
2494
- .Button-module__hop-Button--ghost-primary___NPZcY[data-pressed] {
2495
- --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
2496
- --color: var(--hop-Button-ghost-primary-color-pressed);
2497
- --border: var(--hop-Button-ghost-primary-border-pressed);
2498
- --text-underline: underline;
2499
- }
2500
- .Button-module__hop-Button--ghost-secondary___AUKTq {
2501
- --background-color: var(--hop-Button-ghost-secondary-background-color);
2502
- --color: var(--hop-Button-ghost-secondary-color);
2503
- --border: var(--hop-Button-ghost-secondary-border);
2504
- --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
2505
- }
2506
- .Button-module__hop-Button--ghost-secondary___AUKTq[data-hovered],
2507
- .Button-module__hop-Button--ghost-secondary___AUKTq[data-focus-visible] {
2508
- --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
2509
- --color: var(--hop-Button-ghost-secondary-color-hover);
2510
- --border: var(--hop-Button-ghost-secondary-border-hover);
2511
- --text-underline: underline;
2512
- }
2513
- .Button-module__hop-Button--ghost-secondary___AUKTq[data-pressed] {
2514
- --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
2515
- --color: var(--hop-Button-ghost-secondary-color-pressed);
2516
- --border: var(--hop-Button-ghost-secondary-border-pressed);
2517
- --text-underline: underline;
2518
- }
2519
- .Button-module__hop-Button--ghost-danger___MUIjw {
2520
- --background-color: var(--hop-Button-ghost-danger-background-color);
2521
- --color: var(--hop-Button-ghost-danger-color);
2522
- --border: var(--hop-Button-ghost-danger-border);
2523
- --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
2524
- }
2525
- .Button-module__hop-Button--ghost-danger___MUIjw[data-hovered],
2526
- .Button-module__hop-Button--ghost-danger___MUIjw[data-focus-visible] {
2527
- --background-color: var(--hop-Button-ghost-danger-background-color-hover);
2528
- --color: var(--hop-Button-ghost-danger-color-hover);
2529
- --border: var(--hop-Button-ghost-danger-border-hover);
2530
- --text-underline: underline;
2531
- }
2532
- .Button-module__hop-Button--ghost-danger___MUIjw[data-pressed] {
2533
- --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
2534
- --color: var(--hop-Button-ghost-danger-color-pressed);
2535
- --border: var(--hop-Button-ghost-danger-border-pressed);
2536
- --text-underline: underline;
2537
- }
2538
- .Button-module__hop-Button___sYLWn[data-focus-visible] {
2539
- outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
2540
- }
2541
- .Button-module__hop-Button___sYLWn[data-disabled],
2542
- .Button-module__hop-Button--loading___kTzFh {
2543
- cursor: not-allowed;
2544
- }
2545
- .Button-module__hop-Button___sYLWn[data-disabled] {
2546
- --background-color: var(--hop-Button-background-color-disabled);
2547
- --color: var(--hop-Button-color-disabled);
2548
- --border: var(--hop-Button-border-disabled);
2549
- }
2550
- .Button-module__hop-Button___sYLWn[class*=--ghost][data-disabled] {
2551
- --background-color: var(--hop-Button-ghost-background-color-disabled);
2552
- --color: var(--hop-Button-ghost-color-disabled);
2553
- --border: var(--hop-Button-ghost-border-disabled);
2554
- }
2555
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--primary___Qo6ZF {
2556
- --background-color: var(--hop-Button-primary-background-color);
2557
- --color: var(--hop-Button-primary-color);
2558
- --border: var(--hop-Button-primary-border);
2559
- }
2560
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--secondary___TRVhJ {
2561
- --background-color: var(--hop-Button-secondary-background-color);
2562
- --color: var(--hop-Button-secondary-color);
2563
- --border: var(--hop-Button-secondary-border);
2564
- }
2565
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--upsell___A9KCV {
2566
- --background-color: var(--hop-Button-upsell-background-color);
2567
- --color: var(--hop-Button-upsell-color);
2568
- --border: var(--hop-Button-upsell-border);
2569
- }
2570
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--danger___MmFni {
2571
- --background-color: var(--hop-Button-danger-background-color);
2572
- --color: var(--hop-Button-danger-color);
2573
- --border: var(--hop-Button-danger-border);
2574
- }
2575
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--ghost-primary___NPZcY {
2576
- --background-color: var(--hop-Button-ghost-primary-background-color);
2577
- --color: var(--hop-Button-ghost-primary-color);
2578
- --border: var(--hop-Button-ghost-primary-border);
2579
- --text-underline: none;
2580
- }
2581
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--ghost-secondary___AUKTq {
2582
- --background-color: var(--hop-Button-ghost-secondary-background-color);
2583
- --color: var(--hop-Button-ghost-secondary-color);
2584
- --border: var(--hop-Button-ghost-secondary-border);
2585
- --text-underline: none;
2586
- }
2587
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--ghost-danger___MUIjw {
2588
- --background-color: var(--hop-Button-ghost-danger-background-color);
2589
- --color: var(--hop-Button-ghost-danger-color);
2590
- --border: var(--hop-Button-ghost-danger-border);
2591
- --text-underline: none;
2592
- }
2593
- .Button-module__hop-Button__Spinner___iTYDZ {
2594
- position: absolute;
2595
- color: var(--spinner-color);
2596
- }
2597
- .Button-module__hop-Button__icon___SSkg4,
2598
- .Button-module__hop-Button__icon-list___HST1q {
2599
- flex: 0 0 auto;
2600
- justify-self: end;
2601
- order: 1;
2602
- }
2603
- .Button-module__hop-Button__text___3imcm {
2604
- user-select: none;
2605
- overflow: visible;
2606
- flex: 0 1 auto;
2607
- order: 2;
2608
- font-weight: var(--hop-font-weight-505);
2609
- text-decoration: var(--text-underline);
2610
- text-underline-offset: 0.125rem;
2611
- text-wrap: nowrap;
2612
- }
2613
- .Button-module__hop-Button__end-icon___wS0XC,
2614
- .Button-module__hop-Button__end-icon-list___-tH4t {
2615
- flex: 0 0 auto;
2616
- order: 3;
2617
- }
2618
- .Button-module__hop-Button___sYLWn .Button-module__hop-Button__icon-list___HST1q,
2619
- .Button-module__hop-Button___sYLWn .Button-module__hop-Button__end-icon-list___-tH4t {
2620
- flex-wrap: nowrap;
2621
- }
2622
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button___sYLWn > *:not(.Button-module__hop-Button__Spinner___iTYDZ) {
2623
- opacity: 0;
2624
- }
2625
-
2626
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
2627
- .ButtonGroup-module__hop-ButtonGroup___nPM2M {
2628
- display: inline-flex;
2629
- flex-wrap: nowrap;
2630
- gap: var(--hop-space-inline-md);
2631
- }
2632
- .ButtonGroup-module__hop-ButtonGroup--horizontal___5yP8p {
2633
- align-items: center;
2634
- }
2635
- .ButtonGroup-module__hop-ButtonGroup--vertical___NZjZW {
2636
- flex-direction: column;
2637
- gap: var(--hop-space-stack-md);
2638
- justify-content: center;
2639
- }
2640
- .ButtonGroup-module__hop-ButtonGroup--start___nenaM.ButtonGroup-module__hop-ButtonGroup--vertical___NZjZW {
2641
- align-items: flex-start;
2642
- }
2643
- .ButtonGroup-module__hop-ButtonGroup--center___kE20A.ButtonGroup-module__hop-ButtonGroup--vertical___NZjZW {
2644
- align-items: center;
2645
- }
2646
- .ButtonGroup-module__hop-ButtonGroup--end___wnXOI.ButtonGroup-module__hop-ButtonGroup--vertical___NZjZW {
2647
- align-items: flex-end;
2648
- }
2649
- .ButtonGroup-module__hop-ButtonGroup--start___nenaM.ButtonGroup-module__hop-ButtonGroup--horizontal___5yP8p {
2650
- justify-content: flex-start;
2651
- }
2652
- .ButtonGroup-module__hop-ButtonGroup--center___kE20A.ButtonGroup-module__hop-ButtonGroup--horizontal___5yP8p {
2653
- justify-content: center;
2654
- }
2655
- .ButtonGroup-module__hop-ButtonGroup--end___wnXOI.ButtonGroup-module__hop-ButtonGroup--horizontal___5yP8p {
2656
- justify-content: flex-end;
2657
- }
2658
- .ButtonGroup-module__hop-ButtonGroup--wrap___LimEX {
2659
- flex-wrap: wrap;
2660
- }
2661
- .ButtonGroup-module__hop-ButtonGroup--fluid___z4-h9 {
2662
- inline-size: 100%;
2663
- }
2664
-
2665
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
2666
- .EmbeddedButton-module__hop-EmbeddedButton___OyflJ {
2667
- --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
2668
- --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
2669
- --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
2670
- --hop-EmbeddedButton-effect-square-border-radius: var(--hop-shape-rounded-sm);
2671
- --hop-EmbeddedButton-md-height: 1.5rem;
2672
- --hop-EmbeddedButton-md-width: 1.5rem;
2673
- --hop-EmbeddedButton-md-effect-height: 1rem;
2674
- --hop-EmbeddedButton-md-effect-width: 1rem;
2675
- --hop-EmbeddedButton-lg-height: 1.5rem;
2676
- --hop-EmbeddedButton-lg-width: 1.5rem;
2677
- --hop-EmbeddedButton-lg-effect-height: 1.5rem;
2678
- --hop-EmbeddedButton-lg-effect-width: 1.5rem;
2679
- --hop-EmbeddedButton-neutral-color: var(--hop-neutral-icon-weak);
2680
- --hop-EmbeddedButton-neutral-color-hovered: var(--hop-neutral-icon-weak-hover);
2681
- --hop-EmbeddedButton-neutral-color-focused: var(--hop-neutral-icon-weak-hover);
2682
- --hop-EmbeddedButton-neutral-color-pressed: var(--hop-neutral-icon-weak-press);
2683
- --hop-EmbeddedButton-neutral-color-disabled: var(--hop-neutral-icon-disabled);
2684
- --hop-EmbeddedButton-neutral-effect-background-color: transparent;
2685
- --hop-EmbeddedButton-neutral-effect-background-color-hovered: var(--hop-neutral-surface-weak-hover);
2686
- --hop-EmbeddedButton-neutral-effect-background-color-focused: var(--hop-neutral-surface-weak-hover);
2687
- --hop-EmbeddedButton-neutral-effect-background-color-pressed: var(--hop-neutral-surface-weak-press);
2688
- --hop-EmbeddedButton-neutral-effect-background-color-disabled: transparent;
2689
- --hop-EmbeddedButton-subdued-color: var(--hop-neutral-icon-weak);
2690
- --hop-EmbeddedButton-subdued-color-hovered: var(--hop-neutral-icon-weak-hover);
2691
- --hop-EmbeddedButton-subdued-color-focused: var(--hop-neutral-icon-weak-hover);
2692
- --hop-EmbeddedButton-subdued-color-pressed: var(--hop-neutral-icon-weak-press);
2693
- --hop-EmbeddedButton-subdued-color-disabled: var(--hop-neutral-icon-disabled);
2694
- --hop-EmbeddedButton-subdued-effect-background-color: transparent;
2695
- --hop-EmbeddedButton-subdued-effect-background-color-hovered: var(--hop-neutral-surface-weak-hover);
2696
- --hop-EmbeddedButton-subdued-effect-background-color-focused: var(--hop-neutral-surface-weak-hover);
2697
- --hop-EmbeddedButton-subdued-effect-background-color-pressed: var(--hop-neutral-surface-weak-press);
2698
- --hop-EmbeddedButton-subdued-effect-background-color-disabled: transparent;
2699
- --hop-EmbeddedButton-progress-color: var(--hop-status-progress-icon);
2700
- --hop-EmbeddedButton-progress-color-hovered: var(--hop-status-progress-icon-hover);
2701
- --hop-EmbeddedButton-progress-color-focused: var(--hop-status-progress-icon-hover);
2702
- --hop-EmbeddedButton-progress-color-pressed: var(--hop-status-progress-icon-press);
2703
- --hop-EmbeddedButton-progress-color-disabled: var(--hop-status-progress-icon-disabled);
2704
- --hop-EmbeddedButton-progress-effect-background-color: transparent;
2705
- --hop-EmbeddedButton-progress-effect-background-color-hovered: var(--hop-status-progress-surface-hover);
2706
- --hop-EmbeddedButton-progress-effect-background-color-focused: var(--hop-status-progress-surface-hover);
2707
- --hop-EmbeddedButton-progress-effect-background-color-pressed: var(--hop-status-progress-surface-press);
2708
- --hop-EmbeddedButton-progress-effect-background-color-disabled: transparent;
2709
- --hop-EmbeddedButton-positive-color: var(--hop-status-positive-icon);
2710
- --hop-EmbeddedButton-positive-color-hovered: var(--hop-status-positive-icon-hover);
2711
- --hop-EmbeddedButton-positive-color-focused: var(--hop-status-positive-icon-hover);
2712
- --hop-EmbeddedButton-positive-color-pressed: var(--hop-status-positive-icon-press);
2713
- --hop-EmbeddedButton-positive-color-disabled: var(--hop-status-positive-icon-disabled);
2714
- --hop-EmbeddedButton-positive-effect-background-color: transparent;
2715
- --hop-EmbeddedButton-positive-effect-background-color-hovered: var(--hop-status-positive-surface-hover);
2716
- --hop-EmbeddedButton-positive-effect-background-color-focused: var(--hop-status-positive-surface-hover);
2717
- --hop-EmbeddedButton-positive-effect-background-color-pressed: var(--hop-status-positive-surface-press);
2718
- --hop-EmbeddedButton-positive-effect-background-color-disabled: transparent;
2719
- --hop-EmbeddedButton-caution-color: var(--hop-status-caution-icon);
2720
- --hop-EmbeddedButton-caution-color-hovered: var(--hop-status-caution-icon-hover);
2721
- --hop-EmbeddedButton-caution-color-focused: var(--hop-status-caution-icon-hover);
2722
- --hop-EmbeddedButton-caution-color-pressed: var(--hop-status-caution-icon-press);
2723
- --hop-EmbeddedButton-caution-color-disabled: var(--hop-status-caution-icon-disabled);
2724
- --hop-EmbeddedButton-caution-effect-background-color: transparent;
2725
- --hop-EmbeddedButton-caution-effect-background-color-hovered: var(--hop-status-caution-surface-hover);
2726
- --hop-EmbeddedButton-caution-effect-background-color-focused: var(--hop-status-caution-surface-hover);
2727
- --hop-EmbeddedButton-caution-effect-background-color-pressed: var(--hop-status-caution-surface-press);
2728
- --hop-EmbeddedButton-caution-effect-background-color-disabled: transparent;
2729
- --hop-EmbeddedButton-negative-color: var(--hop-status-negative-icon);
2730
- --hop-EmbeddedButton-negative-color-hovered: var(--hop-status-negative-icon-hover);
2731
- --hop-EmbeddedButton-negative-color-focused: var(--hop-status-negative-icon-hover);
2732
- --hop-EmbeddedButton-negative-color-pressed: var(--hop-status-negative-icon-press);
2733
- --hop-EmbeddedButton-negative-color-disabled: var(--hop-status-negative-icon-disabled);
2734
- --hop-EmbeddedButton-negative-effect-background-color: transparent;
2735
- --hop-EmbeddedButton-negative-effect-background-color-hovered: var(--hop-status-negative-surface-hover);
2736
- --hop-EmbeddedButton-negative-effect-background-color-focused: var(--hop-status-negative-surface-hover);
2737
- --hop-EmbeddedButton-negative-effect-background-color-pressed: var(--hop-status-negative-surface-press);
2738
- --hop-EmbeddedButton-negative-effect-background-color-disabled: transparent;
2739
- --hop-EmbeddedButton-option1-color: var(--hop-status-option1-icon);
2740
- --hop-EmbeddedButton-option1-color-hovered: var(--hop-status-option1-icon-hover);
2741
- --hop-EmbeddedButton-option1-color-focused: var(--hop-status-option1-icon-hover);
2742
- --hop-EmbeddedButton-option1-color-pressed: var(--hop-status-option1-icon-press);
2743
- --hop-EmbeddedButton-option1-color-disabled: var(--hop-status-option1-icon-disabled);
2744
- --hop-EmbeddedButton-option1-effect-background-color: transparent;
2745
- --hop-EmbeddedButton-option1-effect-background-color-hovered: var(--hop-status-option1-surface-hover);
2746
- --hop-EmbeddedButton-option1-effect-background-color-focused: var(--hop-status-option1-surface-hover);
2747
- --hop-EmbeddedButton-option1-effect-background-color-pressed: var(--hop-status-option1-surface-press);
2748
- --hop-EmbeddedButton-option1-effect-background-color-disabled: transparent;
2749
- --hop-EmbeddedButton-option2-color: var(--hop-status-option2-icon);
2750
- --hop-EmbeddedButton-option2-color-hovered: var(--hop-status-option2-icon-hover);
2751
- --hop-EmbeddedButton-option2-color-focused: var(--hop-status-option2-icon-hover);
2752
- --hop-EmbeddedButton-option2-color-pressed: var(--hop-status-option2-icon-press);
2753
- --hop-EmbeddedButton-option2-color-disabled: var(--hop-status-option2-icon-disabled);
2754
- --hop-EmbeddedButton-option2-effect-background-color: transparent;
2755
- --hop-EmbeddedButton-option2-effect-background-color-hovered: var(--hop-status-option2-surface-hover);
2756
- --hop-EmbeddedButton-option2-effect-background-color-focused: var(--hop-status-option2-surface-hover);
2757
- --hop-EmbeddedButton-option2-effect-background-color-pressed: var(--hop-status-option2-surface-press);
2758
- --hop-EmbeddedButton-option2-effect-background-color-disabled: transparent;
2759
- --hop-EmbeddedButton-option3-color: var(--hop-status-option3-icon);
2760
- --hop-EmbeddedButton-option3-color-hovered: var(--hop-status-option3-icon-hover);
2761
- --hop-EmbeddedButton-option3-color-focused: var(--hop-status-option3-icon-hover);
2762
- --hop-EmbeddedButton-option3-color-pressed: var(--hop-status-option3-icon-press);
2763
- --hop-EmbeddedButton-option3-color-disabled: var(--hop-status-option3-icon-disabled);
2764
- --hop-EmbeddedButton-option3-effect-background-color: transparent;
2765
- --hop-EmbeddedButton-option3-effect-background-color-hovered: var(--hop-status-option3-surface-hover);
2766
- --hop-EmbeddedButton-option3-effect-background-color-focused: var(--hop-status-option3-surface-hover);
2767
- --hop-EmbeddedButton-option3-effect-background-color-pressed: var(--hop-status-option3-surface-press);
2768
- --hop-EmbeddedButton-option3-effect-background-color-disabled: transparent;
2769
- --hop-EmbeddedButton-option4-color: var(--hop-status-option4-icon);
2770
- --hop-EmbeddedButton-option4-color-hovered: var(--hop-status-option4-icon-hover);
2771
- --hop-EmbeddedButton-option4-color-focused: var(--hop-status-option4-icon-hover);
2772
- --hop-EmbeddedButton-option4-color-pressed: var(--hop-status-option4-icon-press);
2773
- --hop-EmbeddedButton-option4-color-disabled: var(--hop-status-option4-icon-disabled);
2774
- --hop-EmbeddedButton-option4-effect-background-color: transparent;
2775
- --hop-EmbeddedButton-option4-effect-background-color-hovered: var(--hop-status-option4-surface-hover);
2776
- --hop-EmbeddedButton-option4-effect-background-color-focused: var(--hop-status-option4-surface-hover);
2777
- --hop-EmbeddedButton-option4-effect-background-color-pressed: var(--hop-status-option4-surface-press);
2778
- --hop-EmbeddedButton-option4-effect-background-color-disabled: transparent;
2779
- --hop-EmbeddedButton-option5-color: var(--hop-status-option5-icon);
2780
- --hop-EmbeddedButton-option5-color-hovered: var(--hop-status-option5-icon-hover);
2781
- --hop-EmbeddedButton-option5-color-focused: var(--hop-status-option5-icon-hover);
2782
- --hop-EmbeddedButton-option5-color-pressed: var(--hop-status-option5-icon-press);
2783
- --hop-EmbeddedButton-option5-color-disabled: var(--hop-status-option5-icon-disabled);
2784
- --hop-EmbeddedButton-option5-effect-background-color: transparent;
2785
- --hop-EmbeddedButton-option5-effect-background-color-hovered: var(--hop-status-option5-surface-hover);
2786
- --hop-EmbeddedButton-option5-effect-background-color-focused: var(--hop-status-option5-surface-hover);
2787
- --hop-EmbeddedButton-option5-effect-background-color-pressed: var(--hop-status-option5-surface-press);
2788
- --hop-EmbeddedButton-option5-effect-background-color-disabled: transparent;
2789
- --hop-EmbeddedButton-option6-color: var(--hop-status-option6-icon);
2790
- --hop-EmbeddedButton-option6-color-hovered: var(--hop-status-option6-icon-hover);
2791
- --hop-EmbeddedButton-option6-color-focused: var(--hop-status-option6-icon-hover);
2792
- --hop-EmbeddedButton-option6-color-pressed: var(--hop-status-option6-icon-press);
2793
- --hop-EmbeddedButton-option6-color-disabled: var(--hop-status-option6-icon-disabled);
2794
- --hop-EmbeddedButton-option6-effect-background-color: transparent;
2795
- --hop-EmbeddedButton-option6-effect-background-color-hovered: var(--hop-status-option6-surface-hover);
2796
- --hop-EmbeddedButton-option6-effect-background-color-focused: var(--hop-status-option6-surface-hover);
2797
- --hop-EmbeddedButton-option6-effect-background-color-pressed: var(--hop-status-option6-surface-press);
2798
- --hop-EmbeddedButton-option6-effect-background-color-disabled: transparent;
2799
- --hop-EmbeddedButton-selected-color: var(--hop-neutral-icon-weak-selected);
2800
- --hop-EmbeddedButton-selected-effect-background-color: var(--hop-neutral-surface-weak-selected);
2801
- --spinner: var(--hop-primary-icon-strong);
2802
- --padding-inline: 0;
2803
- --padding-block: 0;
2804
- --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
2805
- --color: var(--hop-EmbeddedButton-neutral-color);
2806
- --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
2807
- --effect-border-radius: var(--hop-EmbeddedButton-effect-border-radius);
2808
- --focus-ring-size: 0.125rem;
2809
- cursor: pointer;
2810
- position: relative;
2811
- overflow: hidden;
2812
- display: flex;
2813
- flex-shrink: 0;
2814
- align-items: center;
2815
- justify-content: center;
2816
- box-sizing: border-box;
2817
- inline-size: var(--inline-size);
2818
- block-size: var(--block-size);
2819
- padding-block: var(--padding-block);
2820
- padding-inline: var(--padding-inline);
2821
- color: var(--color);
2822
- text-decoration: none;
2823
- white-space: nowrap;
2824
- background: none;
2825
- border: none;
2826
- border-radius: var(--hop-EmbeddedButton-border-radius);
2827
- outline: none;
2828
- transition: color var(--transition);
2829
- }
2830
- .EmbeddedButton-module__hop-EmbeddedButton___OyflJ::before {
2831
- content: "";
2832
- position: absolute;
2833
- inset-block-start: 50%;
2834
- inset-inline-start: 50%;
2835
- transform: translate(-50%, -50%);
2836
- display: block;
2837
- inline-size: var(--effect-inline-size);
2838
- block-size: var(--effect-block-size);
2839
- background-color: var(--effect-background-color);
2840
- border-radius: var(--effect-border-radius);
2841
- transition: background-color var(--transition);
2842
- }
2843
- .EmbeddedButton-module__hop-EmbeddedButton___OyflJ[data-square] {
2844
- --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
2845
- }
2846
- .EmbeddedButton-module__hop-EmbeddedButton--md___7cQ-z {
2847
- --inline-size: var(--hop-EmbeddedButton-md-width);
2848
- --block-size: var(--hop-EmbeddedButton-md-height);
2849
- --focus-ring-offset: calc(-1 * var(--focus-ring-size));
2850
- }
2851
- .EmbeddedButton-module__hop-EmbeddedButton--lg___pY8FD {
2852
- --inline-size: var(--hop-EmbeddedButton-lg-width);
2853
- --block-size: var(--hop-EmbeddedButton-lg-height);
2854
- --focus-ring-offset: 0;
2855
- }
2856
- .EmbeddedButton-module__hop-EmbeddedButton--md___7cQ-z::before {
2857
- --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
2858
- --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
2859
- }
2860
- .EmbeddedButton-module__hop-EmbeddedButton--lg___pY8FD::before {
2861
- --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
2862
- --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
2863
- }
2864
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-qPK3 {
2865
- --color: var(--hop-EmbeddedButton-neutral-color);
2866
- --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
2867
- }
2868
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ecR-y {
2869
- --color: var(--hop-EmbeddedButton-subdued-color);
2870
- --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
2871
- }
2872
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-pbCV {
2873
- --color: var(--hop-EmbeddedButton-progress-color);
2874
- --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
2875
- }
2876
- .EmbeddedButton-module__hop-EmbeddedButton--positive___gdNhk {
2877
- --color: var(--hop-EmbeddedButton-positive-color);
2878
- --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
2879
- }
2880
- .EmbeddedButton-module__hop-EmbeddedButton--caution___ZCpNF {
2881
- --color: var(--hop-EmbeddedButton-caution-color);
2882
- --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
2883
- }
2884
- .EmbeddedButton-module__hop-EmbeddedButton--negative___GVTMz {
2885
- --color: var(--hop-EmbeddedButton-negative-color);
2886
- --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
2887
- }
2888
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zFrop {
2889
- --color: var(--hop-EmbeddedButton-option1-color);
2890
- --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
2891
- }
2892
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-80xY {
2893
- --color: var(--hop-EmbeddedButton-option2-color);
2894
- --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
2895
- }
2896
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sLCcf {
2897
- --color: var(--hop-EmbeddedButton-option3-color);
2898
- --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
2899
- }
2900
- .EmbeddedButton-module__hop-EmbeddedButton--option4___BHgJ2 {
2901
- --color: var(--hop-EmbeddedButton-option4-color);
2902
- --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
2903
- }
2904
- .EmbeddedButton-module__hop-EmbeddedButton--option5___TnMgt {
2905
- --color: var(--hop-EmbeddedButton-option5-color);
2906
- --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
2907
- }
2908
- .EmbeddedButton-module__hop-EmbeddedButton--option6___G5qjM {
2909
- --color: var(--hop-EmbeddedButton-option6-color);
2910
- --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
2911
- }
2912
- .EmbeddedButton-module__hop-EmbeddedButton___OyflJ[data-selected] {
2913
- --color: var(--hop-EmbeddedButton-selected-color);
2914
- --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
2915
- }
2916
- .EmbeddedButton-module__hop-EmbeddedButton___OyflJ[data-focus-visible] {
2917
- outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
2918
- outline-offset: var(--focus-ring-offset);
2919
- }
2920
- .EmbeddedButton-module__hop-EmbeddedButton___OyflJ[data-disabled] {
2921
- cursor: not-allowed;
2922
- }
2923
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-qPK3[data-hovered] {
2924
- --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
2925
- --color: var(--hop-EmbeddedButton-neutral-color-hovered);
2926
- }
2927
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-qPK3[data-focus-visible] {
2928
- --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
2929
- --color: var(--hop-EmbeddedButton-neutral-color-focused);
2930
- }
2931
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-qPK3[data-pressed] {
2932
- --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
2933
- --color: var(--hop-EmbeddedButton-neutral-color-pressed);
2934
- }
2935
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-qPK3[data-disabled] {
2936
- --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
2937
- --color: var(--hop-EmbeddedButton-neutral-color-disabled);
2938
- }
2939
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ecR-y[data-hovered] {
2940
- --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
2941
- --color: var(--hop-EmbeddedButton-subdued-color-hovered);
2942
- }
2943
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ecR-y[data-focus-visible] {
2944
- --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
2945
- --color: var(--hop-EmbeddedButton-subdued-color-focused);
2946
- }
2947
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ecR-y[data-pressed] {
2948
- --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
2949
- --color: var(--hop-EmbeddedButton-subdued-color-pressed);
2950
- }
2951
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ecR-y[data-disabled] {
2952
- --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
2953
- --color: var(--hop-EmbeddedButton-subdued-color-disabled);
2954
- }
2955
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-pbCV[data-hovered] {
2956
- --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
2957
- --color: var(--hop-EmbeddedButton-progress-color-hovered);
2958
- }
2959
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-pbCV[data-focus-visible] {
2960
- --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
2961
- --color: var(--hop-EmbeddedButton-progress-color-focused);
2962
- }
2963
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-pbCV[data-pressed] {
2964
- --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
2965
- --color: var(--hop-EmbeddedButton-progress-color-pressed);
2966
- }
2967
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-pbCV[data-disabled] {
2968
- --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
2969
- --color: var(--hop-EmbeddedButton-progress-color-disabled);
2970
- }
2971
- .EmbeddedButton-module__hop-EmbeddedButton--positive___gdNhk[data-hovered] {
2972
- --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
2973
- --color: var(--hop-EmbeddedButton-positive-color-hovered);
2974
- }
2975
- .EmbeddedButton-module__hop-EmbeddedButton--positive___gdNhk[data-focus-visible] {
2976
- --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
2977
- --color: var(--hop-EmbeddedButton-positive-color-focused);
2978
- }
2979
- .EmbeddedButton-module__hop-EmbeddedButton--positive___gdNhk[data-pressed] {
2980
- --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
2981
- --color: var(--hop-EmbeddedButton-positive-color-pressed);
2982
- }
2983
- .EmbeddedButton-module__hop-EmbeddedButton--positive___gdNhk[data-disabled] {
2984
- --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
2985
- --color: var(--hop-EmbeddedButton-positive-color-disabled);
2986
- }
2987
- .EmbeddedButton-module__hop-EmbeddedButton--caution___ZCpNF[data-hovered] {
2988
- --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
2989
- --color: var(--hop-EmbeddedButton-caution-color-hovered);
2990
- }
2991
- .EmbeddedButton-module__hop-EmbeddedButton--caution___ZCpNF[data-focus-visible] {
2992
- --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
2993
- --color: var(--hop-EmbeddedButton-caution-color-focused);
2994
- }
2995
- .EmbeddedButton-module__hop-EmbeddedButton--caution___ZCpNF[data-pressed] {
2996
- --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
2997
- --color: var(--hop-EmbeddedButton-caution-color-pressed);
2998
- }
2999
- .EmbeddedButton-module__hop-EmbeddedButton--caution___ZCpNF[data-disabled] {
3000
- --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
3001
- --color: var(--hop-EmbeddedButton-caution-color-disabled);
3002
- }
3003
- .EmbeddedButton-module__hop-EmbeddedButton--negative___GVTMz[data-hovered] {
3004
- --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
3005
- --color: var(--hop-EmbeddedButton-negative-color-hovered);
3006
- }
3007
- .EmbeddedButton-module__hop-EmbeddedButton--negative___GVTMz[data-focus-visible] {
3008
- --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
3009
- --color: var(--hop-EmbeddedButton-negative-color-focused);
3010
- }
3011
- .EmbeddedButton-module__hop-EmbeddedButton--negative___GVTMz[data-pressed] {
3012
- --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
3013
- --color: var(--hop-EmbeddedButton-negative-color-pressed);
3014
- }
3015
- .EmbeddedButton-module__hop-EmbeddedButton--negative___GVTMz[data-disabled] {
3016
- --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
3017
- --color: var(--hop-EmbeddedButton-negative-color-disabled);
3018
- }
3019
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zFrop[data-hovered] {
3020
- --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
3021
- --color: var(--hop-EmbeddedButton-option1-color-hovered);
3022
- }
3023
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zFrop[data-focus-visible] {
3024
- --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
3025
- --color: var(--hop-EmbeddedButton-option1-color-focused);
3026
- }
3027
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zFrop[data-pressed] {
3028
- --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
3029
- --color: var(--hop-EmbeddedButton-option1-color-pressed);
3030
- }
3031
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zFrop[data-disabled] {
3032
- --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
3033
- --color: var(--hop-EmbeddedButton-option1-color-disabled);
3034
- }
3035
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-80xY[data-hovered] {
3036
- --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
3037
- --color: var(--hop-EmbeddedButton-option2-color-hovered);
3038
- }
3039
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-80xY[data-focus-visible] {
3040
- --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
3041
- --color: var(--hop-EmbeddedButton-option2-color-focused);
3042
- }
3043
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-80xY[data-pressed] {
3044
- --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
3045
- --color: var(--hop-EmbeddedButton-option2-color-pressed);
3046
- }
3047
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-80xY[data-disabled] {
3048
- --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
3049
- --color: var(--hop-EmbeddedButton-option2-color-disabled);
3050
- }
3051
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sLCcf[data-hovered] {
3052
- --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
3053
- --color: var(--hop-EmbeddedButton-option3-color-hovered);
3054
- }
3055
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sLCcf[data-focus-visible] {
3056
- --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
3057
- --color: var(--hop-EmbeddedButton-option3-color-focused);
3058
- }
3059
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sLCcf[data-pressed] {
3060
- --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
3061
- --color: var(--hop-EmbeddedButton-option3-color-pressed);
3062
- }
3063
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sLCcf[data-disabled] {
3064
- --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
3065
- --color: var(--hop-EmbeddedButton-option3-color-disabled);
3066
- }
3067
- .EmbeddedButton-module__hop-EmbeddedButton--option4___BHgJ2[data-hovered] {
3068
- --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
3069
- --color: var(--hop-EmbeddedButton-option4-color-hovered);
3070
- }
3071
- .EmbeddedButton-module__hop-EmbeddedButton--option4___BHgJ2[data-focus-visible] {
3072
- --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
3073
- --color: var(--hop-EmbeddedButton-option4-color-focused);
3074
- }
3075
- .EmbeddedButton-module__hop-EmbeddedButton--option4___BHgJ2[data-pressed] {
3076
- --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
3077
- --color: var(--hop-EmbeddedButton-option4-color-pressed);
3078
- }
3079
- .EmbeddedButton-module__hop-EmbeddedButton--option4___BHgJ2[data-disabled] {
3080
- --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
3081
- --color: var(--hop-EmbeddedButton-option4-color-disabled);
3082
- }
3083
- .EmbeddedButton-module__hop-EmbeddedButton--option5___TnMgt[data-hovered] {
3084
- --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
3085
- --color: var(--hop-EmbeddedButton-option5-color-hovered);
3086
- }
3087
- .EmbeddedButton-module__hop-EmbeddedButton--option5___TnMgt[data-focus-visible] {
3088
- --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
3089
- --color: var(--hop-EmbeddedButton-option5-color-focused);
3090
- }
3091
- .EmbeddedButton-module__hop-EmbeddedButton--option5___TnMgt[data-pressed] {
3092
- --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
3093
- --color: var(--hop-EmbeddedButton-option5-color-pressed);
3094
- }
3095
- .EmbeddedButton-module__hop-EmbeddedButton--option5___TnMgt[data-disabled] {
3096
- --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
3097
- --color: var(--hop-EmbeddedButton-option5-color-disabled);
3098
- }
3099
- .EmbeddedButton-module__hop-EmbeddedButton--option6___G5qjM[data-hovered] {
3100
- --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
3101
- --color: var(--hop-EmbeddedButton-option6-color-hovered);
3102
- }
3103
- .EmbeddedButton-module__hop-EmbeddedButton--option6___G5qjM[data-focus-visible] {
3104
- --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
3105
- --color: var(--hop-EmbeddedButton-option6-color-focused);
3106
- }
3107
- .EmbeddedButton-module__hop-EmbeddedButton--option6___G5qjM[data-pressed] {
3108
- --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
3109
- --color: var(--hop-EmbeddedButton-option6-color-pressed);
3110
- }
3111
- .EmbeddedButton-module__hop-EmbeddedButton--option6___G5qjM[data-disabled] {
3112
- --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
3113
- --color: var(--hop-EmbeddedButton-option6-color-disabled);
3114
- }
3115
- .EmbeddedButton-module__hop-EmbeddedButton__icon___ti04X {
3116
- position: relative;
3117
- }
3118
-
3119
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
3120
- button.CloseButton-module__hop-CloseButton___ovYQF {
3121
- --hop-CloseButton-margin-top: 0rem;
3122
- --hop-CloseButton-padding: 0rem;
3123
- --hop-CloseButton-width: fit-content;
3124
- --hop-CloseButton-height: fit-content;
3125
- inline-size: var(--hop-CloseButton-width);
3126
- block-size: var(--hop-CloseButton-height);
3127
- margin-block-start: var(--hop-CloseButton-margin-top);
3128
- padding: var(--hop-CloseButton-padding);
3129
- }
3130
-
3131
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
3132
- .Button-module__hop-Button___sYLWn {
3133
- --hop-Button-border-radius: var(--hop-shape-rounded-md);
3134
- --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
3135
- --hop-Button-column-gap: var(--hop-space-inline-xs);
3136
- --hop-Button-icon-only-column-gap: 0;
3137
- --hop-Button-outline-size: var(--hop-space-20);
3138
- --hop-Button-border-size: var(--hop-space-10);
3139
- --hop-Button-text-underline-offset: var(--hop-space-20);
3140
- --hop-Button-icon-only-padding: 0;
3141
- --hop-Button-sm-height: 2rem;
3142
- --hop-Button-md-height: 2.5rem;
3143
- --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
3144
- --hop-Button-md-padding: 0 var(--hop-space-inset-md);
3145
- --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
3146
- --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
3147
- --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
3148
- --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
3149
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
3150
- --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
3151
- --hop-Button-ghost-background-color-disabled: transparent;
3152
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
3153
- --hop-Button-primary-color: var(--hop-primary-text-strong);
3154
- --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
3155
- --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
3156
- --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
3157
- --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
3158
- --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
3159
- --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
3160
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
3161
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
3162
- --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
3163
- --hop-Button-secondary-color: var(--hop-neutral-text);
3164
- --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
3165
- --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
3166
- --hop-Button-secondary-background-color: var(--hop-neutral-surface);
3167
- --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
3168
- --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
3169
- --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
3170
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
3171
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
3172
- --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
3173
- --hop-Button-upsell-color: var(--hop-upsell-text);
3174
- --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
3175
- --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
3176
- --hop-Button-upsell-background-color: var(--hop-upsell-surface);
3177
- --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
3178
- --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
3179
- --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
3180
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
3181
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
3182
- --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
3183
- --hop-Button-danger-color: var(--hop-danger-text-strong);
3184
- --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
3185
- --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
3186
- --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
3187
- --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
3188
- --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
3189
- --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
3190
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
3191
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
3192
- --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
3193
- --hop-Button-ghost-primary-color: var(--hop-primary-text);
3194
- --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
3195
- --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
3196
- --hop-Button-ghost-primary-background-color: transparent;
3197
- --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
3198
- --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
3199
- --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
3200
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
3201
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
3202
- --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
3203
- --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
3204
- --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
3205
- --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
3206
- --hop-Button-ghost-secondary-background-color: transparent;
3207
- --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
3208
- --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
3209
- --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
3210
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
3211
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
3212
- --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
3213
- --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
3214
- --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
3215
- --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
3216
- --hop-Button-ghost-danger-background-color: transparent;
3217
- --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
3218
- --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
3219
- --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
3220
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
3221
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
3222
- --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
3223
- --inline-size: max-content;
3224
- --block-size: var(--hop-Button-md-height);
3225
- --background-color: var(--hop-primary-surface-strong);
3226
- --color: var(--hop-primary-text-strong);
3227
- --column-gap: var(--hop-Button-column-gap);
3228
- --spinner: var(--hop-primary-icon-strong);
3229
- --border: 0;
3230
- --padding: var(--hop-Button-md-padding);
3231
- --text-underline: none;
3232
- cursor: pointer;
3233
- position: relative;
3234
- overflow: hidden;
3235
- display: flex;
3236
- column-gap: var(--column-gap);
3237
- align-items: center;
3238
- justify-content: center;
3239
- box-sizing: border-box;
3240
- inline-size: var(--inline-size);
3241
- block-size: var(--block-size);
3242
- padding: var(--padding);
3243
- color: var(--color);
3244
- text-decoration: none;
3245
- white-space: nowrap;
3246
- background-color: var(--background-color);
3247
- border: var(--border);
3248
- border-radius: var(--hop-Button-border-radius);
3249
- outline: none;
3250
- outline-offset: var(--hop-Button-outline-size);
3251
- transition:
3252
- color var(--hop-easing-duration-2) var(--hop-easing-productive),
3253
- background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
3254
- border var(--hop-easing-duration-2) var(--hop-easing-productive);
3255
- }
3256
- .Button-module__hop-Button--fluid___le0PW {
3257
- --inline-size: 100%;
3258
- }
3259
- .Button-module__hop-Button--sm___8595A {
3260
- --block-size: var(--hop-Button-sm-height);
3261
- --padding: var(--hop-Button-sm-padding);
3262
- }
3263
- .Button-module__hop-Button--sm___8595A[class*=--ghost] {
3264
- --padding: var(--hop-Button-ghost-sm-padding);
3265
- }
3266
- .Button-module__hop-Button--md___NsbEQ[class*=--ghost] {
3267
- --padding: var(--hop-Button-ghost-md-padding);
3268
- }
3269
- .Button-module__hop-Button--icon-only___2f-Pe {
3270
- --column-gap: var(--hop-Button-icon-only-column-gap);
3271
- --padding: var(--hop-Button-icon-only-padding);
3272
- aspect-ratio: 1;
3273
- }
3274
- .Button-module__hop-Button--primary___Qo6ZF {
3275
- --background-color: var(--hop-Button-primary-background-color);
3276
- --color: var(--hop-Button-primary-color);
3277
- --border: var(--hop-Button-primary-border);
3278
- --spinner-color: var(--hop-Button-primary-spinner-color);
3279
- }
3280
- .Button-module__hop-Button--primary___Qo6ZF[data-hovered],
3281
- .Button-module__hop-Button--primary___Qo6ZF[data-focus-visible] {
3282
- --background-color: var(--hop-Button-primary-background-color-hover);
3283
- --color: var(--hop-Button-primary-color-hover);
3284
- --border: var(--hop-Button-primary-border-hover);
3285
- }
3286
- .Button-module__hop-Button--primary___Qo6ZF[data-pressed] {
3287
- --background-color: var(--hop-Button-primary-background-color-pressed);
3288
- --color: var(--hop-Button-primary-color-pressed);
3289
- --border: var(--hop-Button-primary-border-pressed);
3290
- }
3291
- .Button-module__hop-Button--secondary___TRVhJ {
3292
- --background-color: var(--hop-Button-secondary-background-color);
3293
- --color: var(--hop-Button-secondary-color);
3294
- --border: var(--hop-Button-secondary-border);
3295
- --spinner-color: var(--hop-Button-secondary-spinner-color);
3296
- }
3297
- .Button-module__hop-Button--secondary___TRVhJ[data-hovered],
3298
- .Button-module__hop-Button--secondary___TRVhJ[data-focus-visible] {
3299
- --background-color: var(--hop-Button-secondary-background-color-hover);
3300
- --color: var(--hop-Button-secondary-color-hover);
3301
- --border: var(--hop-Button-secondary-border-hover);
3302
- }
3303
- .Button-module__hop-Button--secondary___TRVhJ[data-pressed] {
3304
- --background-color: var(--hop-Button-secondary-background-color-pressed);
3305
- --color: var(--hop-Button-secondary-color-pressed);
3306
- --border: var(--hop-Button-secondary-border-pressed);
3307
- }
3308
- .Button-module__hop-Button--upsell___A9KCV {
3309
- --background-color: var(--hop-Button-upsell-background-color);
3310
- --color: var(--hop-Button-upsell-color);
3311
- --border: var(--hop-Button-upsell-border);
3312
- --spinner-color: var(--hop-Button-upsell-spinner-color);
3313
- }
3314
- .Button-module__hop-Button--upsell___A9KCV[data-hovered],
3315
- .Button-module__hop-Button--upsell___A9KCV[data-focus-visible] {
3316
- --background-color: var(--hop-Button-upsell-background-color-hover);
3317
- --color: var(--hop-Button-upsell-color-hover);
3318
- --border: var(--hop-Button-upsell-border-hover);
3319
- }
3320
- .Button-module__hop-Button--upsell___A9KCV[data-pressed] {
3321
- --background-color: var(--hop-Button-upsell-background-color-pressed);
3322
- --color: var(--hop-Button-upsell-color-pressed);
3323
- --border: var(--hop-Button-upsell-border-pressed);
3324
- }
3325
- .Button-module__hop-Button--danger___MmFni {
3326
- --background-color: var(--hop-Button-danger-background-color);
3327
- --color: var(--hop-Button-danger-color);
3328
- --border: var(--hop-Button-danger-border);
3329
- --spinner-color: var(--hop-Button-danger-spinner-color);
3330
- }
3331
- .Button-module__hop-Button--danger___MmFni[data-hovered],
3332
- .Button-module__hop-Button--danger___MmFni[data-focus-visible] {
3333
- --background-color: var(--hop-Button-danger-background-color-hover);
3334
- --color: var(--hop-Button-danger-color-hover);
3335
- --border: var(--hop-Button-danger-border-hover);
3336
- }
3337
- .Button-module__hop-Button--danger___MmFni[data-pressed] {
3338
- --background-color: var(--hop-Button-danger-background-color-pressed);
3339
- --color: var(--hop-Button-danger-color-pressed);
3340
- --border: var(--hop-Button-danger-border-pressed);
3341
- }
3342
- .Button-module__hop-Button--ghost-primary___NPZcY {
3343
- --background-color: var(--hop-Button-ghost-primary-background-color);
3344
- --color: var(--hop-Button-ghost-primary-color);
3345
- --border: var(--hop-Button-ghost-primary-border);
3346
- --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
3347
- }
3348
- .Button-module__hop-Button--ghost-primary___NPZcY[data-hovered],
3349
- .Button-module__hop-Button--ghost-primary___NPZcY[data-focus-visible] {
3350
- --background-color: var(--hop-Button-ghost-primary-background-color-hover);
3351
- --color: var(--hop-Button-ghost-primary-color-hover);
3352
- --border: var(--hop-Button-ghost-primary-border-hover);
3353
- --text-underline: underline;
3354
- }
3355
- .Button-module__hop-Button--ghost-primary___NPZcY[data-pressed] {
3356
- --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
3357
- --color: var(--hop-Button-ghost-primary-color-pressed);
3358
- --border: var(--hop-Button-ghost-primary-border-pressed);
3359
- --text-underline: underline;
3360
- }
3361
- .Button-module__hop-Button--ghost-secondary___AUKTq {
3362
- --background-color: var(--hop-Button-ghost-secondary-background-color);
3363
- --color: var(--hop-Button-ghost-secondary-color);
3364
- --border: var(--hop-Button-ghost-secondary-border);
3365
- --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
3366
- }
3367
- .Button-module__hop-Button--ghost-secondary___AUKTq[data-hovered],
3368
- .Button-module__hop-Button--ghost-secondary___AUKTq[data-focus-visible] {
3369
- --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
3370
- --color: var(--hop-Button-ghost-secondary-color-hover);
3371
- --border: var(--hop-Button-ghost-secondary-border-hover);
3372
- --text-underline: underline;
3373
- }
3374
- .Button-module__hop-Button--ghost-secondary___AUKTq[data-pressed] {
3375
- --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
3376
- --color: var(--hop-Button-ghost-secondary-color-pressed);
3377
- --border: var(--hop-Button-ghost-secondary-border-pressed);
3378
- --text-underline: underline;
3379
- }
3380
- .Button-module__hop-Button--ghost-danger___MUIjw {
3381
- --background-color: var(--hop-Button-ghost-danger-background-color);
3382
- --color: var(--hop-Button-ghost-danger-color);
3383
- --border: var(--hop-Button-ghost-danger-border);
3384
- --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
3385
- }
3386
- .Button-module__hop-Button--ghost-danger___MUIjw[data-hovered],
3387
- .Button-module__hop-Button--ghost-danger___MUIjw[data-focus-visible] {
3388
- --background-color: var(--hop-Button-ghost-danger-background-color-hover);
3389
- --color: var(--hop-Button-ghost-danger-color-hover);
3390
- --border: var(--hop-Button-ghost-danger-border-hover);
3391
- --text-underline: underline;
3392
- }
3393
- .Button-module__hop-Button--ghost-danger___MUIjw[data-pressed] {
3394
- --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
3395
- --color: var(--hop-Button-ghost-danger-color-pressed);
3396
- --border: var(--hop-Button-ghost-danger-border-pressed);
3397
- --text-underline: underline;
3398
- }
3399
- .Button-module__hop-Button___sYLWn[data-focus-visible] {
3400
- outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
3401
- }
3402
- .Button-module__hop-Button___sYLWn[data-disabled],
3403
- .Button-module__hop-Button--loading___kTzFh {
3404
- cursor: not-allowed;
3405
- }
3406
- .Button-module__hop-Button___sYLWn[data-disabled] {
3407
- --background-color: var(--hop-Button-background-color-disabled);
3408
- --color: var(--hop-Button-color-disabled);
3409
- --border: var(--hop-Button-border-disabled);
3410
- }
3411
- .Button-module__hop-Button___sYLWn[class*=--ghost][data-disabled] {
3412
- --background-color: var(--hop-Button-ghost-background-color-disabled);
3413
- --color: var(--hop-Button-ghost-color-disabled);
3414
- --border: var(--hop-Button-ghost-border-disabled);
3415
- }
3416
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--primary___Qo6ZF {
3417
- --background-color: var(--hop-Button-primary-background-color);
3418
- --color: var(--hop-Button-primary-color);
3419
- --border: var(--hop-Button-primary-border);
3420
- }
3421
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--secondary___TRVhJ {
3422
- --background-color: var(--hop-Button-secondary-background-color);
3423
- --color: var(--hop-Button-secondary-color);
3424
- --border: var(--hop-Button-secondary-border);
3425
- }
3426
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--upsell___A9KCV {
3427
- --background-color: var(--hop-Button-upsell-background-color);
3428
- --color: var(--hop-Button-upsell-color);
3429
- --border: var(--hop-Button-upsell-border);
3430
- }
3431
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--danger___MmFni {
3432
- --background-color: var(--hop-Button-danger-background-color);
3433
- --color: var(--hop-Button-danger-color);
3434
- --border: var(--hop-Button-danger-border);
3435
- }
3436
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--ghost-primary___NPZcY {
3437
- --background-color: var(--hop-Button-ghost-primary-background-color);
3438
- --color: var(--hop-Button-ghost-primary-color);
3439
- --border: var(--hop-Button-ghost-primary-border);
3440
- --text-underline: none;
3441
- }
3442
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--ghost-secondary___AUKTq {
3443
- --background-color: var(--hop-Button-ghost-secondary-background-color);
3444
- --color: var(--hop-Button-ghost-secondary-color);
3445
- --border: var(--hop-Button-ghost-secondary-border);
3446
- --text-underline: none;
3447
- }
3448
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button--ghost-danger___MUIjw {
3449
- --background-color: var(--hop-Button-ghost-danger-background-color);
3450
- --color: var(--hop-Button-ghost-danger-color);
3451
- --border: var(--hop-Button-ghost-danger-border);
3452
- --text-underline: none;
3453
- }
3454
- .Button-module__hop-Button__Spinner___iTYDZ {
3455
- position: absolute;
3456
- color: var(--spinner-color);
3457
- }
3458
- .Button-module__hop-Button__icon___SSkg4,
3459
- .Button-module__hop-Button__icon-list___HST1q {
3460
- flex: 0 0 auto;
3461
- justify-self: end;
3462
- order: 1;
3463
- }
3464
- .Button-module__hop-Button__text___3imcm {
3465
- user-select: none;
3466
- overflow: visible;
3467
- flex: 0 1 auto;
3468
- order: 2;
3469
- font-weight: var(--hop-font-weight-505);
3470
- text-decoration: var(--text-underline);
3471
- text-underline-offset: 0.125rem;
3472
- text-wrap: nowrap;
3473
- }
3474
- .Button-module__hop-Button__end-icon___wS0XC,
3475
- .Button-module__hop-Button__end-icon-list___-tH4t {
3476
- flex: 0 0 auto;
3477
- order: 3;
3478
- }
3479
- .Button-module__hop-Button___sYLWn .Button-module__hop-Button__icon-list___HST1q,
3480
- .Button-module__hop-Button___sYLWn .Button-module__hop-Button__end-icon-list___-tH4t {
3481
- flex-wrap: nowrap;
3482
- }
3483
- .Button-module__hop-Button--loading___kTzFh.Button-module__hop-Button___sYLWn > *:not(.Button-module__hop-Button__Spinner___iTYDZ) {
3484
- opacity: 0;
3485
- }
3486
- .LinkButton-module__hop-LinkButton___Rh0za {
3487
- }
3488
- .LinkButton-module__hop-LinkButton--fluid___rXThG {
3489
- }
3490
- .LinkButton-module__hop-LinkButton--sm___oJnnt {
3491
- }
3492
- .LinkButton-module__hop-LinkButton--icon-only___a0No3 {
3493
- }
3494
- .LinkButton-module__hop-LinkButton--primary___LtQba {
3495
- }
3496
- .LinkButton-module__hop-LinkButton--secondary___IPCoY {
3497
- }
3498
- .LinkButton-module__hop-LinkButton--upsell___yDeHo {
3499
- }
3500
- .LinkButton-module__hop-LinkButton--danger___l05MF {
3501
- }
3502
- .LinkButton-module__hop-LinkButton--ghost-primary___cwUVt {
3503
- }
3504
- .LinkButton-module__hop-LinkButton--ghost-secondary___AyvCr {
3505
- }
3506
- .LinkButton-module__hop-LinkButton--ghost-danger___Hv5-C {
3507
- }
3508
- .LinkButton-module__hop-LinkButton__Spinner___ioE74 {
3509
- }
3510
- .LinkButton-module__hop-LinkButton__icon___diVGG,
3511
- .LinkButton-module__hop-LinkButton__icon-list___lIVLO {
3512
- }
3513
- .LinkButton-module__hop-LinkButton__text___Ec61H {
3514
- }
3515
- .LinkButton-module__hop-LinkButton__end-icon___l5DMY,
3516
- .LinkButton-module__hop-LinkButton__end-icon-list___zzVJ- {
3517
- }
3518
- .LinkButton-module__hop-LinkButton___Rh0za .LinkButton-module__hop-LinkButton__icon-list___lIVLO,
3519
- .LinkButton-module__hop-LinkButton___Rh0za .LinkButton-module__hop-LinkButton__end-icon-list___zzVJ- {
3520
- flex-wrap: nowrap;
3521
- }
3522
-
3523
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
3524
- .Link-module__hop-Link___-h2bm {
3525
- --hop-Link-border-radius: var(--hop-shape-rounded-sm);
3526
- --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
3527
- --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
3528
- --hop-Link-column-gap: var(--hop-space-inline-xs);
3529
- --hop-Link-xs-font-size: var(--hop-body-xs-font-size);
3530
- --hop-Link-xs-font-family: var(--hop-body-xs-font-family);
3531
- --hop-Link-xs-font-weight: var(--hop-body-xs-font-weight);
3532
- --hop-Link-xs-line-height: var(--hop-body-xs-line-height);
3533
- --hop-Link-sm-font-size: var(--hop-body-sm-font-size);
3534
- --hop-Link-sm-font-family: var(--hop-body-sm-font-family);
3535
- --hop-Link-sm-font-weight: var(--hop-body-sm-font-weight);
3536
- --hop-Link-sm-line-height: var(--hop-body-sm-line-height);
3537
- --hop-Link-md-font-size: var(--hop-body-md-font-size);
3538
- --hop-Link-md-font-family: var(--hop-body-md-font-family);
3539
- --hop-Link-md-font-weight: var(--hop-body-md-font-weight);
3540
- --hop-Link-md-line-height: var(--hop-body-md-line-height);
3541
- --hop-Link-lg-font-size: var(--hop-body-lg-font-size);
3542
- --hop-Link-lg-font-family: var(--hop-body-lg-font-family);
3543
- --hop-Link-lg-font-weight: var(--hop-body-lg-font-weight);
3544
- --hop-Link-lg-line-height: var(--hop-body-lg-line-height);
3545
- --hop-Link-xl-font-size: var(--hop-body-xl-font-size);
3546
- --hop-Link-xl-font-family: var(--hop-body-xl-font-family);
3547
- --hop-Link-xl-font-weight: var(--hop-body-xl-font-weight);
3548
- --hop-Link-xl-line-height: var(--hop-body-xl-line-height);
3549
- --hop-Link-2xl-font-size: var(--hop-body-2xl-font-size);
3550
- --hop-Link-2xl-font-family: var(--hop-body-2xl-font-family);
3551
- --hop-Link-2xl-font-weight: var(--hop-body-2xl-font-weight);
3552
- --hop-Link-2xl-line-height: var(--hop-body-2xl-line-height);
3553
- --hop-Link-inherit-size-font-size: inherit;
3554
- --hop-Link-inherit-size-font-family: inherit;
3555
- --hop-Link-inherit-size-font-weight: inherit;
3556
- --hop-Link-inherit-size-line-height: inherit;
3557
- --hop-Link-primary-text-color: var(--hop-primary-text);
3558
- --hop-Link-primary-text-disabled-color: var(--hop-primary-text-disabled);
3559
- --hop-Link-primary-text-hover-color: var(--hop-primary-text-hover);
3560
- --hop-Link-primary-text-pressed-color: var(--hop-primary-text-press);
3561
- --hop-Link-neutral-text-color: var(--hop-neutral-text);
3562
- --hop-Link-neutral-text-disabled-color: var(--hop-neutral-text-disabled);
3563
- --hop-Link-neutral-text-hover-color: var(--hop-neutral-text-hover);
3564
- --hop-Link-neutral-text-pressed-color: var(--hop-neutral-text-press);
3565
- --hop-Link-padding-standalone: 0.125em 0;
3566
- --hop-Link-padding-standalone-xs: var(--hop-space-20) 0;
3567
- --hop-Link-padding-standalone-sm: var(--hop-space-20) 0;
3568
- --hop-Link-padding-standalone-md: var(--hop-space-40) 0;
3569
- --hop-Link-padding-standalone-lg: var(--hop-space-40) 0;
3570
- --hop-Link-padding-standalone-xl: var(--hop-space-80) 0;
3571
- --hop-Link-padding-standalone-2xl: var(--hop-space-80) 0;
3572
- cursor: pointer;
3573
- display: inline-flex;
3574
- column-gap: var(--hop-Link-column-gap);
3575
- align-items: center;
3576
- box-sizing: border-box;
3577
- inline-size: fit-content;
3578
- text-decoration: none;
3579
- text-underline-offset: 0.125rem;
3580
- border-radius: var(--hop-Link-border-radius);
3581
- outline: none;
3582
- outline-offset: 0.125rem;
3583
- }
3584
- :where(.Link-module__hop-Link___-h2bm) {
3585
- font-family: var(--font-family);
3586
- font-size: var(--font-size);
3587
- font-weight: var(--font-weight);
3588
- line-height: var(--line-height);
3589
- }
3590
- :where(.Link-module__hop-Link--xs___P0bB8) {
3591
- --font-size: var(--hop-Link-xs-font-size);
3592
- --font-family: var(--hop-Link-xs-font-family);
3593
- --font-weight: var(--hop-Link-xs-font-weight);
3594
- --line-height: var(--hop-Link-xs-line-height);
3595
- }
3596
- :where(.Link-module__hop-Link--sm___yg0w-) {
3597
- --font-size: var(--hop-Link-sm-font-size);
3598
- --font-family: var(--hop-Link-sm-font-family);
3599
- --font-weight: var(--hop-Link-sm-font-weight);
3600
- --line-height: var(--hop-Link-sm-line-height);
3601
- }
3602
- :where(.Link-module__hop-Link--md___qW4p-) {
3603
- --font-size: var(--hop-Link-md-font-size);
3604
- --font-family: var(--hop-Link-md-font-family);
3605
- --font-weight: var(--hop-Link-md-font-weight);
3606
- --line-height: var(--hop-Link-md-line-height);
3607
- }
3608
- :where(.Link-module__hop-Link--lg___YXCf1) {
3609
- --font-size: var(--hop-Link-lg-font-size);
3610
- --font-family: var(--hop-Link-lg-font-family);
3611
- --font-weight: var(--hop-Link-lg-font-weight);
3612
- --line-height: var(--hop-Link-lg-line-height);
3613
- }
3614
- :where(.Link-module__hop-Link--xl___HP-jI) {
3615
- --font-size: var(--hop-Link-xl-font-size);
3616
- --font-family: var(--hop-Link-xl-font-family);
3617
- --font-weight: var(--hop-Link-xl-font-weight);
3618
- --line-height: var(--hop-Link-xl-line-height);
3619
- }
3620
- :where(.Link-module__hop-Link--2xl___5J5UO) {
3621
- --font-size: var(--hop-Link-2xl-font-size);
3622
- --font-family: var(--hop-Link-2xl-font-family);
3623
- --font-weight: var(--hop-Link-2xl-font-weight);
3624
- --line-height: var(--hop-Link-2xl-line-height);
3625
- }
3626
- :where(.Link-module__hop-Link--inherit___QMXDW) {
3627
- --font-size: var(--hop-Link-inherit-size-font-size);
3628
- --font-family: var(--hop-Link-inherit-size-font-family);
3629
- --font-weight: var(--hop-Link-inherit-size-font-weight);
3630
- --line-height: var(--hop-Link-inherit-size-line-height);
3631
- }
3632
- .Link-module__hop-Link___-h2bm[data-focus-visible] {
3633
- outline: 0.125rem solid var(--hop-Link-focus-ring-color);
3634
- }
3635
- .Link-module__hop-Link___-h2bm[data-disabled] {
3636
- cursor: default;
3637
- }
3638
- .Link-module__hop-Link--standalone___sAjwL .Link-module__hop-Link__text___v-nao {
3639
- padding: var(--hop-Link-padding-standalone);
3640
- }
3641
- .Link-module__hop-Link--standalone___sAjwL.Link-module__hop-Link--xs___P0bB8 .Link-module__hop-Link__text___v-nao {
3642
- padding: var(--hop-Link-padding-standalone-xs);
3643
- }
3644
- .Link-module__hop-Link--standalone___sAjwL.Link-module__hop-Link--sm___yg0w- .Link-module__hop-Link__text___v-nao {
3645
- padding: var(--hop-Link-padding-standalone-sm);
3646
- }
3647
- .Link-module__hop-Link--standalone___sAjwL.Link-module__hop-Link--md___qW4p- .Link-module__hop-Link__text___v-nao {
3648
- padding: var(--hop-Link-padding-standalone-md);
3649
- }
3650
- .Link-module__hop-Link--standalone___sAjwL.Link-module__hop-Link--lg___YXCf1 .Link-module__hop-Link__text___v-nao {
3651
- padding: var(--hop-Link-padding-standalone-lg);
3652
- }
3653
- .Link-module__hop-Link--standalone___sAjwL.Link-module__hop-Link--xl___HP-jI .Link-module__hop-Link__text___v-nao {
3654
- padding: var(--hop-Link-padding-standalone-xl);
3655
- }
3656
- .Link-module__hop-Link--standalone___sAjwL.Link-module__hop-Link--2xl___5J5UO .Link-module__hop-Link__text___v-nao {
3657
- padding: var(--hop-Link-padding-standalone-2xl);
3658
- }
3659
- .Link-module__hop-Link--quiet___IJSco[data-focus-visible],
3660
- .Link-module__hop-Link--quiet___IJSco[data-hovered],
3661
- .Link-module__hop-Link--standalone___sAjwL[data-focus-visible],
3662
- .Link-module__hop-Link--standalone___sAjwL[data-hovered] {
3663
- text-decoration: underline;
3664
- }
3665
- .Link-module__hop-Link___-h2bm:not(.Link-module__hop-Link--quiet___IJSco, .Link-module__hop-Link--standalone___sAjwL) {
3666
- text-decoration: underline;
3667
- }
3668
- .Link-module__hop-Link--primary___joCU1 {
3669
- color: var(--hop-Link-primary-text-color);
3670
- }
3671
- .Link-module__hop-Link--primary___joCU1[data-disabled] {
3672
- color: var(--hop-Link-primary-text-disabled-color);
3673
- }
3674
- .Link-module__hop-Link--primary___joCU1:not([data-disabled])[data-focus-visible],
3675
- .Link-module__hop-Link--primary___joCU1:not([data-disabled])[data-hovered] {
3676
- color: var(--hop-Link-primary-text-hover-color);
3677
- }
3678
- .Link-module__hop-Link--primary___joCU1:not([data-disabled])[data-pressed] {
3679
- color: var(--hop-Link-primary-text-pressed-color);
3680
- }
3681
- .Link-module__hop-Link--secondary___SxzUk {
3682
- color: var(--hop-Link-neutral-text-color);
3683
- }
3684
- .Link-module__hop-Link--secondary___SxzUk[data-disabled] {
3685
- color: var(--hop-Link-neutral-text-disabled-color);
3686
- }
3687
- .Link-module__hop-Link--secondary___SxzUk:not([data-disabled])[data-focus-visible],
3688
- .Link-module__hop-Link--secondary___SxzUk:not([data-disabled])[data-hovered] {
3689
- color: var(--hop-Link-neutral-text-hover-color);
3690
- }
3691
- .Link-module__hop-Link--secondary___SxzUk:not([data-disabled])[data-pressed] {
3692
- color: var(--hop-Link-neutral-text-pressed-color);
3693
- }
3694
- .Link-module__hop-Link__icon___1-u7v,
3695
- .Link-module__hop-Link__icon-list___lww3G {
3696
- order: 2;
3697
- }
3698
- .Link-module__hop-Link__text___v-nao {
3699
- order: 1;
3700
- }
3701
- .Link-module__hop-Link__start-icon___uqlh6,
3702
- .Link-module__hop-Link__start-icon-list___PnN77 {
3703
- order: 0;
3704
- }
3705
-
3706
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
3707
- :where(.Popover-module__hop-Popover___20y7o *) {
3708
- font-family: var(--font-family);
3709
- font-size: var(--font-size);
3710
- font-weight: var(--font-weight);
3711
- line-height: var(--line-height);
3712
- outline: none;
3713
- }
3714
- .Popover-module__hop-Popover___20y7o {
3715
- --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
3716
- --hop-Popover-inline-width: 25rem;
3717
- --hop-Popover-dropdown-inline-width: var(--trigger-width);
3718
- --hop-Popover-combo-box-dropdown-inline-width: var(--custom-trigger-width);
3719
- --hop-Popover-dropdown-auto-inline-width: auto;
3720
- --width: var(--hop-Popover-inline-width);
3721
- --max-width: var(--hop-Popover-max-inline-width);
3722
- display: flex;
3723
- flex-direction: column;
3724
- inline-size: var(--width);
3725
- max-inline-size: var(--max-width);
3726
- }
3727
- .Popover-module__hop-Popover___20y7o[data-trigger=Select] {
3728
- --width: var(--hop-Popover-dropdown-inline-width);
3729
- }
3730
- .Popover-module__hop-Popover___20y7o[data-trigger=ComboBox] {
3731
- --width: var(--hop-Popover-combo-box-dropdown-inline-width);
3732
- }
3733
- .Popover-module__hop-Popover___20y7o[data-auto-width] {
3734
- --width: var(--hop-Popover-dropdown-auto-inline-width);
3735
- }
3736
- .Popover-module__hop-Popover___20y7o[data-entering] {
3737
- animation: Popover-module__fade___Opeis 0.25s;
3738
- }
3739
- .Popover-module__hop-Popover___20y7o[data-exiting] {
3740
- animation: Popover-module__fade___Opeis 0.25s reverse;
3741
- }
3742
- @keyframes Popover-module__fade___Opeis {
3743
- from {
3744
- opacity: 0;
3745
- }
3746
- to {
3747
- opacity: 1;
3748
- }
3749
- }
3750
- .Popover-module__hop-Popover__wrapper___BJHWc {
3751
- display: flex;
3752
- flex: 1 1 auto;
3753
- flex-direction: column;
3754
- min-block-size: 0;
3755
- }
3756
- .Popover-module__hop-Popover__dialog___6ixJo,
3757
- .Popover-module__hop-Popover__dropdown___Vrmms {
3758
- --hop-Popover-background: var(--hop-neutral-surface);
3759
- --hop-Popover-font-family: var(--hop-body-sm-font-family);
3760
- --hop-Popover-font-size: var(--hop-body-sm-font-size);
3761
- --hop-Popover-font-weight: var(--hop-body-sm-font-weight);
3762
- --hop-Popover-line-height: var(--hop-body-sm-line-height);
3763
- --hop-Popover-color: var(--hop-neutral-text);
3764
- --hop-Popover-grid-template: "header header" "content content" 1fr "footer action" / auto auto;
3765
- --hop-Popover-column-gap: var(--hop-space-inset-sm);
3766
- --hop-Popover-row-gap: var(--hop-space-stack-sm);
3767
- --hop-Popover-dialog-padding: var(--hop-space-inset-md);
3768
- --hop-Popover-dropdown-padding: 0;
3769
- --hop-Popover-title-font-family: var(--hop-body-sm-font-family);
3770
- --hop-Popover-title-font-weight: var(--hop-body-sm-semibold-font-weight);
3771
- --hop-Popover-content-font-size: var(--hop-body-sm-font-size);
3772
- --hop-Popover-content-font-family: var(--hop-body-sm-font-family);
3773
- --hop-Popover-content-font-weight: var(--hop-body-sm-font-weight);
3774
- --hop-Popover-content-line-height: var(--hop-body-sm-line-height);
3775
- --hop-Popover-content-color: var(--hop-neutral-text-weak);
3776
- --hop-Popover-footer-font-size: var(--hop-body-sm-font-size);
3777
- --hop-Popover-footer-line-height: var(--hop-body-sm-line-height);
3778
- --hop-Popover-footer-link-color: var(--hop-primary-text);
3779
- --hop-Popover-footer-margin: var(--hop-space-stack-md) 0 0;
3780
- --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
3781
- --hop-Popover-border-radius: var(--hop-shape-rounded-md);
3782
- --hop-Popover-box-shadow: var(--hop-elevation-lifted);
3783
- --hop-Popover-dropdown-grid-template: "header" "content" 1fr "footer" / auto;
3784
- --hop-Popover-list-box-dropdown-max-height: 18.75rem;
3785
- --hop-Popover-footer-dropdown-margin: var(--hop-Popover-dropdown-padding) calc(-1 * var(--hop-Popover-dropdown-padding)) calc(-1 * var(--hop-Popover-dropdown-padding));
3786
- --hop-Popover-footer-dropdown-footer-padding: var(--hop-space-inset-sm);
3787
- --hop-Popover-footer-dropdown-footer-border-top: 0.0625rem solid var(--hop-neutral-border-weak);
3788
- --font-family: var(--hop-Popover-font-family);
3789
- --font-size: var(--hop-Popover-font-size);
3790
- --font-weight: var(--hop-Popover-font-weight);
3791
- --line-height: var(--hop-Popover-line-height);
3792
- --grid-template: var(--hop-Popover-grid-template);
3793
- --footer-margin: var(--hop-Popover-footer-margin);
3794
- --footer-place-self: center start;
3795
- display: grid;
3796
- grid-template: var(--grid-template);
3797
- box-sizing: border-box;
3798
- min-block-size: 0;
3799
- padding: var(--padding);
3800
- background-color: var(--hop-Popover-background);
3801
- border: var(--hop-Popover-border);
3802
- border-radius: var(--hop-Popover-border-radius);
3803
- box-shadow: var(--hop-Popover-box-shadow);
3804
- }
3805
- .Popover-module__hop-Popover__dropdown___Vrmms {
3806
- --footer-margin: var(--hop-Popover-footer-dropdown-margin);
3807
- --footer-place-self: stretch;
3808
- --grid-template: var(--hop-Popover-dropdown-grid-template);
3809
- --padding: var(--hop-Popover-dropdown-padding);
3810
- overflow: hidden;
3811
- }
3812
- .Popover-module__hop-Popover__dialog___6ixJo {
3813
- --padding: var(--hop-Popover-dialog-padding);
3814
- }
3815
- .Popover-module__hop-Popover__title___LkU3- {
3816
- grid-area: header;
3817
- color: var(--hop-Popover-color);
3818
- }
3819
- .Popover-module__hop-Popover__content___56J-I {
3820
- --font-size: var(--hop-Popover-content-font-size);
3821
- --line-height: var(--hop-Popover-content-line-height);
3822
- --font-family: var(--hop-Popover-content-font-family);
3823
- --font-weight: var(--hop-Popover-content-font-weight);
3824
- grid-area: content;
3825
- margin-block: var(--hop-Popover-row-gap) 0;
3826
- margin-inline: 0;
3827
- padding: 0;
3828
- color: var(--hop-Popover-content-color);
3829
- }
3830
- .Popover-module__hop-Popover___20y7o:not(:has(.Popover-module__hop-Popover__title___LkU3-)) {
3831
- .Popover-module__hop-Popover__content___56J-I {
3832
- margin-block: 0 var(--hop-Popover-row-gap) 0;
3833
- }
3834
- }
3835
- .Popover-module__hop-Popover__dropdown___Vrmms .Popover-module__hop-Popover__list-box___Cg0nT {
3836
- grid-area: content;
3837
- inline-size: auto;
3838
- min-inline-size: auto;
3839
- max-inline-size: none;
3840
- max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
3841
- border: none;
3842
- }
3843
- .Popover-module__hop-Popover__footer___npPbM {
3844
- --font-size: var(--hop-Popover-footer-font-size);
3845
- --line-height: var(--hop-Popover-footer-line-height);
3846
- grid-area: footer;
3847
- place-self: var(--footer-place-self);
3848
- margin: var(--footer-margin);
3849
- color: var(--hop-Popover-color);
3850
- }
3851
- .Popover-module__hop-Popover__dropdown___Vrmms .Popover-module__hop-Popover__footer___npPbM {
3852
- padding: var(--hop-Popover-footer-dropdown-footer-padding);
3853
- border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
3854
- }
3855
- .Popover-module__hop-Popover__actions___s1IOj,
3856
- .Popover-module__hop-Popover__action___QEwFu {
3857
- grid-area: action;
3858
- justify-self: end;
3859
- margin-block-start: var(--hop-Popover-row-gap);
3860
- }
3861
- .Popover-module__hop-Popover___20y7o:has(.Popover-module__hop-Popover__actions___s1IOj, .Popover-module__hop-Popover__action___QEwFu) .Popover-module__hop-Popover__footer___npPbM {
3862
- margin-inline-end: var(--hop-Popover-column-gap);
3863
- }
3864
-
3865
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/PopoverBase.module.css/#css-module-data */
3866
- .PopoverBase-module__hop-PopoverBase___Qkj9u {
3867
- --hop-Popover-background: var(--hop-neutral-surface);
3868
- --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
3869
- --hop-Popover-border-radius: var(--hop-shape-rounded-md);
3870
- --hop-Popover-box-shadow: var(--hop-elevation-lifted);
3871
- --hop-Popover-color: var(--hop-neutral-text);
3872
- --hop-Popover-color-outline: var(--hop-space-20) solid var(--hop-primary-border-focus);
3873
- isolation: isolate;
3874
- display: flex;
3875
- flex-shrink: 0;
3876
- align-items: center;
3877
- box-sizing: border-box;
3878
- max-inline-size: calc(100vw - 2* var(--container-padding, 0));
3879
- color: var(--hop-Popover-color);
3880
- background-color: var(--hop-Popover-background);
3881
- border: var(--hop-Popover-border);
3882
- border-radius: var(--hop-Popover-border-radius);
3883
- outline: none;
3884
- box-shadow: var(--hop-Popover-box-shadow);
3885
- transition: opacity var(--hop-easing-duration-2);
3886
- }
3887
- .PopoverBase-module__hop-PopoverBase___Qkj9u[data-entering] {
3888
- opacity: 0;
3889
- }
3890
- .PopoverBase-module__hop-PopoverBase___Qkj9u[data-exiting] {
3891
- pointer-events: none;
3892
- opacity: 0;
3893
- transition-timing-function: var(--hop-easing-productive);
3894
- }
3895
- .PopoverBase-module__hop-PopoverBase___Qkj9u:focus-visible {
3896
- outline: var(--hop-Popover-color-outline);
3897
- }
3898
-
3899
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ToggleArrow/src/ToggleArrow.module.css/#css-module-data */
3900
- .ToggleArrow-module__hop-ToggleArrow___HsXH0 {
3901
- --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
3902
- position: relative;
3903
- transition: transform var(--transition);
3904
- }
3905
- .ToggleArrow-module__hop-ToggleArrow___HsXH0[data-expanded] {
3906
- transform: rotate(-180deg);
3907
- }
3908
-
3909
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
3910
- .SelectValue-module__hop-SelectValue___fkVBw {
3911
- --hop-SelectValue-display: inline-block;
3912
- --hop-SelectValue-slots-display: flex;
3913
- --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
3914
- --display: var(--hop-SelectValue-display);
3915
- overflow: hidden;
3916
- display: var(--display);
3917
- flex: 1 1 auto;
3918
- column-gap: var(--hop-SelectValue-column-gap);
3919
- align-items: center;
3920
- box-sizing: border-box;
3921
- min-inline-size: 0;
3922
- text-overflow: ellipsis;
3923
- white-space: nowrap;
3924
- }
3925
- .SelectValue-module__hop-SelectValue___fkVBw:has(.SelectValue-module__hop-SelectValue__text___syeOh) {
3926
- --display: var(--hop-SelectValue-slots-display);
3927
- }
3928
- .SelectValue-module__hop-SelectValue__avatar___fgn2n {
3929
- order: 1;
3930
- }
3931
- .SelectValue-module__hop-SelectValue__icon___7pjcE {
3932
- order: 2;
3933
- }
3934
- .SelectValue-module__hop-SelectValue__text___syeOh {
3935
- overflow: hidden;
3936
- flex: 1 1 auto;
3937
- order: 3;
3938
- min-inline-size: 0;
3939
- text-overflow: ellipsis;
3940
- white-space: nowrap;
3941
- }
3942
- .SelectValue-module__hop-SelectValue__end-icon___THAqc {
3943
- order: 4;
3944
- }
3945
-
3946
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
3947
- .Select-module__hop-Select___-zPQl {
3948
- --hop-Select-row-gap: var(--hop-space-stack-xs);
3949
- --hop-Select-inline-size: 20rem;
3950
- --hop-Select-inline-size-fluid: 100%;
3951
- --hop-Select-max-inline-size: 100%;
3952
- --hop-Select-button-background-color: var(--hop-neutral-surface);
3953
- --hop-Select-button-border-color: var(--hop-neutral-border);
3954
- --hop-Select-button-border-radius: var(--hop-shape-rounded-md);
3955
- --hop-Select-button-border-size: var(--hop-space-10);
3956
- --hop-Select-button-outline-offset: calc(-1 * var(--hop-space-20));
3957
- --hop-Select-button-color: var(--hop-neutral-text);
3958
- --hop-Select-button-cursor: pointer;
3959
- --hop-Select-button-padding-inline: var(--hop-space-inset-md);
3960
- --hop-Select-button-padding-block: 0;
3961
- --hop-Select-button-placeholder-color: var(--hop-neutral-text-weakest);
3962
- --hop-Select-button-column-gap: var(--hop-space-inline-sm);
3963
- --hop-Select-button-sm-block-size: 2rem;
3964
- --hop-Select-button-md-block-size: 2.5rem;
3965
- --hop-Select-prefix-color: var(--hop-neutral-text-weak);
3966
- --hop-Select-button-icon-color: var(--hop-neutral-icon);
3967
- --hop-Select-button-background-color-hovered: var(--hop-neutral-surface-hover);
3968
- --hop-Select-button-border-color-hovered: var(--hop-neutral-border-hover);
3969
- --hop-Select-button-color-hovered: var(--hop-neutral-text-hover);
3970
- --hop-Select-button-icon-color-hovered: var(--hop-neutral-icon-hover);
3971
- --hop-Select-button-background-color-focused: var(--hop-neutral-surface-hover);
3972
- --hop-Select-button-border-color-focused: var(--hop-primary-border-focus);
3973
- --hop-Select-button-color-focused: var(--hop-neutral-text-hover);
3974
- --hop-Select-button-icon-color-focused: var(--hop-neutral-icon-hover);
3975
- --hop-Select-button-outline-color-focused: var(--hop-primary-border-focus);
3976
- --hop-Select-button-background-color-selected: var(--hop-neutral-surface);
3977
- --hop-Select-button-border-color-selected: var(--hop-neutral-border-selected);
3978
- --hop-Select-button-color-selected: var(--hop-neutral-text);
3979
- --hop-Select-button-icon-color-selected: var(--hop-neutral-icon);
3980
- --hop-Select-button-border-color-invalid: var(--hop-danger-border-strong);
3981
- --hop-Select-button-background-color-disabled: var(--hop-neutral-surface-disabled);
3982
- --hop-Select-button-border-color-disabled: var(--hop-neutral-border-disabled);
3983
- --hop-Select-button-color-disabled: var(--hop-neutral-text-disabled);
3984
- --hop-Select-button-icon-color-disabled: var(--hop-neutral-icon-disabled);
3985
- --hop-Select-button-cursor-disabled: not-allowed;
3986
- --inline-size: var(--hop-Select-inline-size);
3987
- --button-background-color: var(--hop-Select-button-background-color);
3988
- --button-border-color: var(--hop-Select-button-border-color);
3989
- --button-color: var(--hop-Select-button-color);
3990
- --button-icon-color: var(--hop-Select-button-icon-color);
3991
- --button-cursor: var(--hop-Select-button-cursor);
3992
- display: flex;
3993
- flex-direction: column;
3994
- row-gap: var(--hop-Select-row-gap);
3995
- box-sizing: border-box;
3996
- inline-size: var(--inline-size);
3997
- max-inline-size: var(--hop-Select-max-inline-size);
3998
- }
3999
- .Select-module__hop-Select--fluid___FtZgA {
4000
- --inline-size: var(--hop-Select-inline-size-fluid);
4001
- }
4002
- .Select-module__hop-Select__label___-aCFg {
4003
- order: 1;
4004
- }
4005
- .Select-module__hop-Select__button___WUzl0 {
4006
- cursor: var(--button-cursor);
4007
- display: flex;
4008
- column-gap: var(--hop-Select-button-column-gap);
4009
- align-items: center;
4010
- order: 2;
4011
- box-sizing: border-box;
4012
- block-size: var(--button-block-size);
4013
- padding-block: var(--hop-Select-button-padding-block);
4014
- padding-inline: var(--hop-Select-button-padding-inline);
4015
- color: var(--button-color);
4016
- text-align: start;
4017
- background-color: var(--button-background-color);
4018
- border: var(--hop-Select-button-border-size) solid var(--button-border-color);
4019
- border-radius: var(--hop-Select-button-border-radius);
4020
- outline: none;
4021
- }
4022
- .Select-module__hop-Select__button--sm___LqpWx {
4023
- --button-block-size: var(--hop-Select-button-sm-block-size);
4024
- }
4025
- .Select-module__hop-Select__button--md___9Dqqj {
4026
- --button-block-size: var(--hop-Select-button-md-block-size);
4027
- }
4028
- .Select-module__hop-Select__button___WUzl0[data-hovered] {
4029
- --button-background-color: var(--hop-Select-button-background-color-hovered);
4030
- --button-border-color: var(--hop-Select-button-border-color-hovered);
4031
- --button-color: var(--hop-Select-button-color-hovered);
4032
- --button-icon-color: var(--hop-Select-button-icon-color-hovered);
4033
- }
4034
- .Select-module__hop-Select__button___WUzl0[data-pressed] {
4035
- --button-background-color: var(--hop-Select-button-background-color-selected);
4036
- --button-border-color: var(--hop-Select-button-border-color-selected);
4037
- --button-color: var(--hop-Select-button-color-selected);
4038
- --button-icon-color: var(--hop-Select-button-icon-color-selected);
4039
- }
4040
- .Select-module__hop-Select__button___WUzl0[data-invalid] {
4041
- --button-border-color: var(--hop-Select-button-border-color-invalid);
4042
- }
4043
- .Select-module__hop-Select__button___WUzl0[data-focus-visible] {
4044
- --button-background-color: var(--hop-Select-button-background-color-focused);
4045
- --button-border-color: var(--hop-Select-button-border-color-focused);
4046
- --button-color: var(--hop-Select-button-color-focused);
4047
- --button-icon-color: var(--hop-Select-button-icon-color-focused);
4048
- outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
4049
- outline-offset: var(--hop-Select-button-outline-offset);
4050
- }
4051
- .Select-module__hop-Select__button___WUzl0:has([data-placeholder]) {
4052
- --button-color: var(--hop-Select-button-placeholder-color);
4053
- }
4054
- .Select-module__hop-Select__button___WUzl0[data-disabled] {
4055
- --button-background-color: var(--hop-Select-button-background-color-disabled);
4056
- --button-border-color: var(--hop-Select-button-border-color-disabled);
4057
- --button-color: var(--hop-Select-button-color-disabled);
4058
- --button-icon-color: var(--hop-Select-button-icon-color-disabled);
4059
- --button-cursor: var(--hop-Select-button-cursor-disabled);
4060
- }
4061
- .Select-module__hop-Select__prefix___-PzM1 {
4062
- color: var(--hop-Select-prefix-color);
4063
- }
4064
- .Select-module__hop-Select__button-icon___ASNUX {
4065
- margin-inline-start: auto;
4066
- color: var(--button-icon-color);
4067
- }
4068
- .Select-module__hop-Select__helper-message___EX0Wt,
4069
- .Select-module__hop-Select__error-message___EtrdM {
4070
- order: 3;
4071
- }