@preply/ds-docs 2.0.0 → 2.1.0

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 (269) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-DoLb1LoS.js → 00.LayoutFlex.stories-CbDXxyuE.js} +1 -1
  2. package/dist/assets/{00.applications-CodmhfzP.js → 00.applications-DrPcq5hf.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-CB7otDce.js → 00.favicons.guide-BGlf-F09.js} +1 -1
  4. package/dist/assets/{00.token-explorer-iUebypoy.js → 00.token-explorer-Bfc0792V.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-t2wHUu8m.js → 00.using-responsive-props-zAcJieHB.js} +1 -1
  6. package/dist/assets/{01.semantic-tokens-BRVBqUiT.js → 01.semantic-tokens-Ccy3YqAg.js} +1 -1
  7. package/dist/assets/{01.using-shorthand-props-DEJgBvzq.js → 01.using-shorthand-props-B0ANrFDR.js} +1 -1
  8. package/dist/assets/{10.Combinations.stories-DLSgJgrw.js → 10.Combinations.stories-CdNbC18z.js} +1 -1
  9. package/dist/assets/{10.fonts.guide-D12lSwgH.js → 10.fonts.guide-kjxLDtt2.js} +1 -1
  10. package/dist/assets/{10.ssr-DlFRK64e.js → 10.ssr-C85792Ym.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer-C5k8-Jz1.js → 11.languageFont.explorer-C8B0RG10.js} +1 -1
  12. package/dist/assets/{11.ssr.app-router-Dhu4kN2c.js → 11.ssr.app-router-DLGELGUU.js} +1 -1
  13. package/dist/assets/{20.libraries-B0n8gJVD.js → 20.libraries-BDQu_qts.js} +1 -1
  14. package/dist/assets/{30.icons.explorer-Crh_uKlY.js → 30.icons.explorer-Cs2BoR4M.js} +2 -2
  15. package/dist/assets/{30.storybook-BAO0l6SZ.js → 30.storybook-Nx8Paw-6.js} +1 -1
  16. package/dist/assets/40.illustrations.explorer-WSD1rIjJ.js +21 -0
  17. package/dist/assets/{90.advanced-CeKbZzoq.js → 90.advanced-DASg-ru6.js} +1 -1
  18. package/dist/assets/AlertDialog-Maq8_VU0.css +1 -0
  19. package/dist/assets/{AlertDialog.stories-CqAVOJ5x.js → AlertDialog.stories-BzWTSIy8.js} +4 -4
  20. package/dist/assets/Avatar-DTmc5ZGN.css +1 -0
  21. package/dist/assets/Avatar-DncQXX7G.js +7 -0
  22. package/dist/assets/Avatar-ElTllycS.js +1 -0
  23. package/dist/assets/Avatar-l4k-u_Mp.css +1 -0
  24. package/dist/assets/{Avatar.stories-DPuesOBK.js → Avatar.stories-D15oouju.js} +1 -1
  25. package/dist/assets/AvatarWithStatus-CxEAGmUA.css +1 -0
  26. package/dist/assets/AvatarWithStatus.stories-DeWJ6ypF.js +42 -0
  27. package/dist/assets/Badge-j_a0acGK.css +1 -0
  28. package/dist/assets/{Badge.stories-BY6I7UQ6.js → Badge.stories-CSQZXuAX.js} +2 -2
  29. package/dist/assets/Box-CjExCUkg.css +1 -0
  30. package/dist/assets/Box.stories-Vj0MUVA1.js +44 -0
  31. package/dist/assets/Button-BlwReLw5.js +20 -0
  32. package/dist/assets/Button-CB2hNkCw.css +1 -0
  33. package/dist/assets/Button-D7I5ig5h.js +1 -0
  34. package/dist/assets/Button-Do66hNtY.css +1 -0
  35. package/dist/assets/Button.stories-VxG3jfx5.js +252 -0
  36. package/dist/assets/ButtonBase-BCfmDQ_b.js +8 -0
  37. package/dist/assets/ButtonBase-C0CIM4Jh.css +1 -0
  38. package/dist/assets/Chips-DAK2so_G.css +1 -0
  39. package/dist/assets/{Chips.stories-C4g0ajtC.js → Chips.stories-3FQFAew8.js} +7 -7
  40. package/dist/assets/{Color-YHDXOIA2-n0bEiukQ.js → Color-YHDXOIA2-BYOU6QkC.js} +1 -1
  41. package/dist/assets/Dialog-DzqSHLus.css +1 -0
  42. package/dist/assets/{Dialog.stories-D74D9Tdn.js → Dialog.stories-CjuVHAg6.js} +18 -18
  43. package/dist/assets/{DocsRenderer-CFRXHY34-BhNva4nY.js → DocsRenderer-CFRXHY34-D1fchdBc.js} +1 -1
  44. package/dist/assets/FieldAdditionalText-BD8S7qnE.js +1 -0
  45. package/dist/assets/FieldAdditionalText-CuXtSnrq.css +1 -0
  46. package/dist/assets/{FieldAdditionalText.stories-CgNnZYRi.js → FieldAdditionalText.stories-Bkm8WlSW.js} +1 -1
  47. package/dist/assets/FieldButton-D_5Zrlco.js +1 -0
  48. package/dist/assets/FieldButton-Picq604V.css +1 -0
  49. package/dist/assets/{FieldButton.stories-ChS0IeCP.js → FieldButton.stories-C33Mb60l.js} +1 -1
  50. package/dist/assets/FieldLayout-DHSEWaEL.js +1 -0
  51. package/dist/assets/FieldLayout-uwpycSl9.css +1 -0
  52. package/dist/assets/{FieldLayout.stories-C5bw8Efg.js → FieldLayout.stories-BNq7gZCI.js} +1 -1
  53. package/dist/assets/FieldLayoutBase-C_wbpu8u.css +1 -0
  54. package/dist/assets/FieldLayoutBase-xV81xRaV.js +12 -0
  55. package/dist/assets/Heading-Bj7LLgoH.js +2 -0
  56. package/dist/assets/Heading-C14zK0Nl.css +1 -0
  57. package/dist/assets/{Heading.stories-D9Zye7km.js → Heading.stories-DUVgn-sr.js} +1 -1
  58. package/dist/assets/Icon-C3YgliEf.css +1 -0
  59. package/dist/assets/Icon-CBFs9hMA.js +1 -0
  60. package/dist/assets/Icon-D_HQx804.css +1 -0
  61. package/dist/assets/{Icon-RSC-YupbVJQy.js → Icon-RSC-BuTFeAj0.js} +1 -1
  62. package/dist/assets/Icon-Wpz7-Jvg.js +8 -0
  63. package/dist/assets/{Icon.stories-jVWnmDlZ.js → Icon.stories-DzUVuQaU.js} +1 -1
  64. package/dist/assets/IconButton-B7CxWK4j.js +8 -0
  65. package/dist/assets/InputText-m06Ec_iQ.js +5 -0
  66. package/dist/assets/{LayoutFlex-D2upWEjL.js → LayoutFlex-5ZDeW2G6.js} +1 -1
  67. package/dist/assets/{LayoutFlex-BOiDmozK.js → LayoutFlex-l6VPaSCi.js} +1 -1
  68. package/dist/assets/LayoutFlexItem-C4cPPR-1.css +1 -0
  69. package/dist/assets/LayoutFlexItem-DhCHigTj.js +1 -0
  70. package/dist/assets/LayoutGrid-CNwH06zf.js +1 -0
  71. package/dist/assets/LayoutGrid-Cm59X3OY.css +1 -0
  72. package/dist/assets/LayoutGrid-mQT2ikS8.css +1 -0
  73. package/dist/assets/LayoutGrid.stories-CJKRu44f.js +88 -0
  74. package/dist/assets/LayoutGridItem-BEFb1grO.css +1 -0
  75. package/dist/assets/LayoutGridItem-BYIEoI8K.js +1 -0
  76. package/dist/assets/Link-K5J3waqL.css +1 -0
  77. package/dist/assets/{Link.stories-BSLk0Pem.js → Link.stories-DdA4w7Yi.js} +8 -7
  78. package/dist/assets/Loader-hjoeRutr.css +1 -0
  79. package/dist/assets/Loader.stories-DXv_QpEq.js +37 -0
  80. package/dist/assets/NumberField-BwQ_OX3b.css +1 -0
  81. package/dist/assets/{NumberField.stories-DzaH3Pwj.js → NumberField.stories-B0au_GJa.js} +3 -3
  82. package/dist/assets/{ObserveIntersection-D396wl1Z.js → ObserveIntersection-Ccn6ggRl.js} +1 -1
  83. package/dist/assets/{ObserveIntersection.stories-DIe0cEvy.js → ObserveIntersection.stories-CK5RwCMK.js} +1 -1
  84. package/dist/assets/OnboardingTooltip-CsmroJZe.css +1 -0
  85. package/dist/assets/{OnboardingTooltip-Bl0XDogf.js → OnboardingTooltip-DkJtTrMv.js} +1 -1
  86. package/dist/assets/{OnboardingTooltip.stories-B0FIL9CU.js → OnboardingTooltip.stories-CBEGxsdn.js} +1 -1
  87. package/dist/assets/{OnboardingTooltip.tests.stories-JJZpRwk6.js → OnboardingTooltip.tests.stories-BVwCf3WX.js} +1 -1
  88. package/dist/assets/OnboardingTour-CiSAhOo4.js +4 -0
  89. package/dist/assets/OnboardingTour-D0hvRI8H.css +1 -0
  90. package/dist/assets/{OnboardingTour.stories--g6PQm9S.js → OnboardingTour.stories-Ci2XQcpZ.js} +1 -1
  91. package/dist/assets/{OnboardingTour.tests.stories-QS0jiTXB.js → OnboardingTour.tests.stories-fpAsT8xG.js} +1 -1
  92. package/dist/assets/PasswordField-pNO2_I4U.css +1 -0
  93. package/dist/assets/{PasswordField.stories-BPdZcEeu.js → PasswordField.stories-tMCP_-zS.js} +2 -2
  94. package/dist/assets/PreplyLogo-CTlTSEJp.css +1 -0
  95. package/dist/assets/PreplyLogo.stories-D-KuDEpf.js +98 -0
  96. package/dist/assets/ProgressBar-BmNYDQH3.css +1 -0
  97. package/dist/assets/{ProgressBar.stories-C3Hx8JBS.js → ProgressBar.stories-RX3TC-Mj.js} +1 -1
  98. package/dist/assets/ProgressSteps-BdahNXrs.js +2 -0
  99. package/dist/assets/ProgressSteps-DOMtSbxl.css +1 -0
  100. package/dist/assets/{ProgressSteps.stories-C4sfVcPt.js → ProgressSteps.stories-BOqzHA8v.js} +1 -1
  101. package/dist/assets/RootProvider-F-KPwN7Y.js +1 -0
  102. package/dist/assets/SelectField-D3L7IkDZ.css +1 -0
  103. package/dist/assets/SelectField.stories-BiKwJ7cJ.js +182 -0
  104. package/dist/assets/{ShowOnIntersection.stories-BYz5GE4A.js → ShowOnIntersection.stories-D4B8EpSn.js} +1 -1
  105. package/dist/assets/Spinner-B2C3RkCF.js +1 -0
  106. package/dist/assets/Spinner-CzIq-Vt3.css +1 -0
  107. package/dist/assets/Steps-B_rpKUTa.css +1 -0
  108. package/dist/assets/Steps-cwath_9x.js +26 -0
  109. package/dist/assets/{Steps.stories-D3jWUCfp.js → Steps.stories-BKq08-vN.js} +1 -1
  110. package/dist/assets/Text-BXZIkJPK.js +1 -0
  111. package/dist/assets/Text-BjBJEVRG.css +1 -0
  112. package/dist/assets/Text-CXoN02OL.js +1 -0
  113. package/dist/assets/Text-DWmJ-bA2.css +1 -0
  114. package/dist/assets/{Text.stories-MU-T7clI.js → Text.stories--sqpLsAp.js} +1 -1
  115. package/dist/assets/TextField-BdRa6kYC.js +1 -0
  116. package/dist/assets/TextField-CpavA6nv.css +1 -0
  117. package/dist/assets/TextField-Drr2dczB.css +1 -0
  118. package/dist/assets/{TextField.stories-CXDhM8SN.js → TextField.stories-Bclgc2EW.js} +3 -3
  119. package/dist/assets/TextHighlighted-BnmI0H3i.css +1 -0
  120. package/dist/assets/TextHighlighted-UGbUAPIH.js +1 -0
  121. package/dist/assets/TextHighlighted-XaAzBaUc.css +1 -0
  122. package/dist/assets/TextHighlighted.stories-NdWGjEJo.js +32 -0
  123. package/dist/assets/TextInline-CztA0I1b.css +1 -0
  124. package/dist/assets/TextInline.stories-CUApO-7f.js +37 -0
  125. package/dist/assets/TextareaField-D7ErWnri.css +1 -0
  126. package/dist/assets/{TextareaField.stories-8FWfbQuv.js → TextareaField.stories-DeszU8P5.js} +3 -3
  127. package/dist/assets/Toast-Bce4LWtf.css +1 -0
  128. package/dist/assets/{Toast.stories-D7QEZPb5.js → Toast.stories-ddQWgL74.js} +9 -9
  129. package/dist/assets/Tooltip-Cm9bKrYj.css +1 -0
  130. package/dist/assets/{Tooltip-zv_6ckj2.js → Tooltip-DfP6dW5t.js} +1 -1
  131. package/dist/assets/{Tooltip.stories-qNBQgLBX.js → Tooltip.stories-BFaVZ-KR.js} +1 -1
  132. package/dist/assets/{Tooltip.tests.stories-DdHKI1ve.js → Tooltip.tests.stories-BdWpurqX.js} +1 -1
  133. package/dist/assets/{breakpoints-LpH7GcYD.js → breakpoints-DZrjMODJ.js} +1 -1
  134. package/dist/assets/{breakpoints-zK4Z5SKD.js → breakpoints-OMNEQfen.js} +1 -1
  135. package/dist/assets/{breakpoints-DTrgfqbR.js → breakpoints-nQG7mZUy.js} +1 -1
  136. package/dist/assets/{changelog-kNvLUHOz.js → changelog-DKkspQMC.js} +224 -207
  137. package/dist/assets/{entry-preview-DjAFPLGc.js → entry-preview-Di48KvWt.js} +1 -1
  138. package/dist/assets/{getTokenVar-BIGy16TO.js → getTokenVar-CaVPbV9a.js} +1 -1
  139. package/dist/assets/{hover-CRiTDNhR.js → hover-5sSVivzT.js} +1 -1
  140. package/dist/assets/{hover-CaTImSM4.js → hover-CqG5MZbC.js} +1 -1
  141. package/dist/assets/{hover-p3QJEZw5.js → hover-DcOblfBc.js} +1 -1
  142. package/dist/assets/{iframe-9Hj_MNfh.js → iframe-C8qEtSwt.js} +2 -2
  143. package/dist/assets/{index-DRVMKRNe.js → index-Ba1GaWBz.js} +3 -3
  144. package/dist/assets/{index-BXfuwMTe.js → index-Cp5_iz39.js} +1 -1
  145. package/dist/assets/{intro-DzWewgwc.js → intro-BsAuI9-C.js} +1 -1
  146. package/dist/assets/layout-relative-BGyAoF2N.css +1 -0
  147. package/dist/assets/layout-relative-BpJIh3YK.js +1 -0
  148. package/dist/assets/layout-relative-C4ATemga.css +1 -0
  149. package/dist/assets/layout-relative-DuJENdo5.css +1 -0
  150. package/dist/assets/layout-relative.module-1z75aSwo-DNAR_Nv2.js +1 -0
  151. package/dist/assets/layout-relative.module-ed9bC4H4.js +1 -0
  152. package/dist/assets/{migrating-from-less-tN-JFjco.js → migrating-from-less-DIb86N4R.js} +1 -1
  153. package/dist/assets/playground-t-QHn_5x.css +1 -0
  154. package/dist/assets/{playground.stories-DMK1ZcmP.js → playground.stories-CTz0xGuT.js} +59 -59
  155. package/dist/assets/{preview-CvW0gOh5.js → preview-BOyk1pfY.js} +1 -1
  156. package/dist/assets/{preview-BCYWUPon.js → preview-CBMehSre.js} +1 -1
  157. package/dist/assets/{preview-BI7kN1TP.js → preview-DvauSVRq.js} +2 -2
  158. package/dist/assets/text-accent-CDvOoGdV.css +1 -0
  159. package/dist/assets/text-accent-CZD2Hmtq.js +1 -0
  160. package/dist/assets/text-accent-DZDDtpIt.js +1 -0
  161. package/dist/assets/text-accent-WDJkKazf.css +1 -0
  162. package/dist/assets/text-centered-Bk7GkK8R.js +1 -0
  163. package/dist/assets/text-centered-CznToR0o.js +1 -0
  164. package/dist/assets/text-centered-DN9XHxjM.css +1 -0
  165. package/dist/assets/text-centered-DxXu3Wfr.css +1 -0
  166. package/dist/assets/{tokens-d5jI-VhO.js → tokens-C4H21x5Y.js} +1 -1
  167. package/dist/assets/{tokens-C0oPORlF.js → tokens-DY9UJMme.js} +1 -1
  168. package/dist/assets/{tokens-kLWqWJLR.js → tokens-bDgXZ1xi.js} +1 -1
  169. package/dist/assets/{usePortalElement-D3vRKAB1.js → usePortalElement-hM2pDsQq.js} +1 -1
  170. package/dist/assets/{welcome-CvEfK4A3.js → welcome-DaVgjrPL.js} +1 -1
  171. package/dist/assets/{zeroheight-wKcu_QWZ.js → zeroheight-D5Xa3jWw.js} +1 -1
  172. package/dist/iframe.html +1 -1
  173. package/dist/index.json +1 -1
  174. package/dist/preview-stats.json +1653 -1650
  175. package/dist/project.json +1 -1
  176. package/package.json +3 -3
  177. package/vite.config.ts +10 -0
  178. package/dist/assets/40.illustrations.explorer-SD9H4gQS.js +0 -21
  179. package/dist/assets/AlertDialog-CNsqqwq6.css +0 -1
  180. package/dist/assets/Avatar-BWVdwHlY.js +0 -6
  181. package/dist/assets/Avatar-BaeMEqzB.js +0 -1
  182. package/dist/assets/Avatar-DELee2ui.css +0 -1
  183. package/dist/assets/Avatar-SizFbjOh.css +0 -1
  184. package/dist/assets/AvatarWithStatus-B8ohNruV.css +0 -1
  185. package/dist/assets/AvatarWithStatus.stories-CKhKeqbK.js +0 -41
  186. package/dist/assets/Badge-BTktKAv_.css +0 -1
  187. package/dist/assets/Box-Ci4ycgSn.css +0 -1
  188. package/dist/assets/Box.stories-DF2h791P.js +0 -44
  189. package/dist/assets/Button-CWNujLtP.js +0 -20
  190. package/dist/assets/Button-Cjld0T4n.css +0 -1
  191. package/dist/assets/Button-NXZW8cHc.css +0 -1
  192. package/dist/assets/Button-itdvNgOg.js +0 -1
  193. package/dist/assets/Button.stories-DUHAAHTV.js +0 -211
  194. package/dist/assets/ButtonBase-CJjNfOwu.js +0 -8
  195. package/dist/assets/ButtonBase-ixkzvA2i.css +0 -1
  196. package/dist/assets/Chips-2wQm6zLU.css +0 -1
  197. package/dist/assets/Dialog-BKWHIlGs.css +0 -1
  198. package/dist/assets/FieldAdditionalText-BiaO_Yss.js +0 -1
  199. package/dist/assets/FieldAdditionalText-tbMWNWhN.css +0 -1
  200. package/dist/assets/FieldButton-B_tn3Eq6.css +0 -1
  201. package/dist/assets/FieldButton-D0MgvwIU.js +0 -1
  202. package/dist/assets/FieldLayout-6dPZQnKP.css +0 -1
  203. package/dist/assets/FieldLayout-BbLKeSmh.js +0 -1
  204. package/dist/assets/FieldLayoutBase-DhKLFBcH.js +0 -12
  205. package/dist/assets/FieldLayoutBase-_Sj6YO8M.css +0 -1
  206. package/dist/assets/Heading-Ba64-F3t.css +0 -1
  207. package/dist/assets/Heading-DcJnmvUa.js +0 -2
  208. package/dist/assets/Icon-BQSXaoh3.css +0 -1
  209. package/dist/assets/Icon-ByBuC1kf.css +0 -1
  210. package/dist/assets/Icon-DbIHupWZ.js +0 -8
  211. package/dist/assets/Icon-pHhBCzBO.js +0 -1
  212. package/dist/assets/IconButton-C3AcGEY7.js +0 -8
  213. package/dist/assets/InputText-CL5Snaht.js +0 -5
  214. package/dist/assets/LayoutFlexItem-BWKgsCDT.css +0 -1
  215. package/dist/assets/LayoutFlexItem-Su5RvuQk.js +0 -1
  216. package/dist/assets/LayoutGrid-BG29rjrt.js +0 -1
  217. package/dist/assets/LayoutGrid-BId9Yglz.css +0 -1
  218. package/dist/assets/LayoutGrid-Cw_n5H21.css +0 -1
  219. package/dist/assets/LayoutGrid.stories-DKw5d1ZE.js +0 -88
  220. package/dist/assets/LayoutGridItem-C-iUb7WL.css +0 -1
  221. package/dist/assets/LayoutGridItem-D5Hb9kQy.js +0 -1
  222. package/dist/assets/Link-LMW4jOcv.css +0 -1
  223. package/dist/assets/Loader-Bx87E7sh.css +0 -1
  224. package/dist/assets/Loader.stories-DUgJSe87.js +0 -37
  225. package/dist/assets/NumberField-C0w7Zzcx.css +0 -1
  226. package/dist/assets/OnboardingTooltip-DceGOXFO.css +0 -1
  227. package/dist/assets/OnboardingTour-DaxzhhRL.css +0 -1
  228. package/dist/assets/OnboardingTour-pR_NmiBL.js +0 -4
  229. package/dist/assets/PasswordField-CW55DLIa.css +0 -1
  230. package/dist/assets/PreplyLogo-DnbCD6MN.css +0 -1
  231. package/dist/assets/PreplyLogo.stories-DyGEUhO3.js +0 -97
  232. package/dist/assets/ProgressBar-BHaYRC97.css +0 -1
  233. package/dist/assets/ProgressSteps-7jb0rnSw.js +0 -2
  234. package/dist/assets/ProgressSteps-HPd6w_Nr.css +0 -1
  235. package/dist/assets/RootProvider-BgscvpVs.js +0 -1
  236. package/dist/assets/SelectField-DMcbwWwy.css +0 -1
  237. package/dist/assets/SelectField.stories-C3X-5JHt.js +0 -182
  238. package/dist/assets/Spinner-CixbAVEL.css +0 -1
  239. package/dist/assets/Spinner-Iaah9nUJ.js +0 -1
  240. package/dist/assets/Steps-CRCACZIC.css +0 -1
  241. package/dist/assets/Steps-CfdqlU3Q.js +0 -26
  242. package/dist/assets/Text-CxaHmdy3.css +0 -1
  243. package/dist/assets/Text-i5U7-KMF.js +0 -1
  244. package/dist/assets/Text-nWyCR02l.js +0 -1
  245. package/dist/assets/TextField-CVWDg_y4.css +0 -1
  246. package/dist/assets/TextField-DFm3O-Tl.js +0 -1
  247. package/dist/assets/TextField-DYLqe3tJ.css +0 -1
  248. package/dist/assets/TextHighlighted-CgBvDnFO.css +0 -1
  249. package/dist/assets/TextHighlighted-LVoJ79mt.js +0 -1
  250. package/dist/assets/TextHighlighted.stories-Db5JA9US.js +0 -32
  251. package/dist/assets/TextInline-BWC2_5IX.css +0 -1
  252. package/dist/assets/TextInline.stories-DGBhhF71.js +0 -37
  253. package/dist/assets/TextareaField-CZ8v7yuT.css +0 -1
  254. package/dist/assets/Toast-BrvHWUik.css +0 -1
  255. package/dist/assets/Tooltip-xWfAzqNZ.css +0 -1
  256. package/dist/assets/layout-relative-BCl7bwOR.css +0 -1
  257. package/dist/assets/layout-relative-DIZ6zNub.css +0 -1
  258. package/dist/assets/layout-relative-PI7LimOc.css +0 -1
  259. package/dist/assets/layout-relative-UGlXPWqj.js +0 -1
  260. package/dist/assets/layout-relative.module-C63T27Fr.js +0 -1
  261. package/dist/assets/layout-relative.module-DIaUqnvq-DH_OPu7E.js +0 -1
  262. package/dist/assets/playground-D77Ee-EK.css +0 -1
  263. package/dist/assets/text-accent-BBah0rth.js +0 -1
  264. package/dist/assets/text-accent-BMdpzlaC.js +0 -1
  265. package/dist/assets/text-accent-Co1hrpvA.css +0 -1
  266. package/dist/assets/text-centered-DWGGTNIZ.css +0 -1
  267. package/dist/assets/text-centered-NqfVCsvd.css +0 -1
  268. package/dist/assets/text-centered-VuFsr_qt.js +0 -1
  269. package/dist/assets/text-centered-gMYE7PWw.js +0 -1
package/dist/project.json CHANGED
@@ -1 +1 @@
1
- {"generatedAt":1746703083991,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@types/sinonjs__fake-timers":"8.1.5"},"hasRouterPackage":false,"monorepo":"Lerna","packageManager":{"type":"yarn","version":"3.8.3"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true,"shouldExtractValuesFromUnion":true,"shouldRemoveUndefinedFromOptional":true,"propFilter":{"skipPropsWithName":"dsInternalSimulation"},"include":["/home/runner/work/design-system/design-system/packages/web-lib/src/components/**/*.tsx"]}},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"8.5.8","storybookVersionSpecifier":"8.5.8","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"3.2.4"},"@storybook/addon-a11y":{"version":"8.5.8"},"@storybook/addon-essentials":{"version":"8.5.8"},"@storybook/addon-links":{"version":"8.5.8"},"@storybook/blocks":{"version":"8.5.8"},"@storybook/components":{"version":"8.5.8"},"@storybook/experimental-addon-test":{"version":"8.5.8"},"@storybook/manager-api":{"version":"8.5.8"},"@storybook/react":{"version":"8.5.8"},"@storybook/react-vite":{"version":"8.5.8"},"@storybook/test":{"version":"8.5.8"},"storybook":{"version":"8.5.8"},"storybook-addon-code-editor":{"version":"3.2.0"}},"addons":{"$SNIP/node_modules/storybook-addon-code-editor":{"version":null},"$SNIP/node_modules/@storybook/addon-a11y":{"version":null},"$SNIP/node_modules/@storybook/addon-actions":{"version":null},"$SNIP/node_modules/@storybook/addon-links":{"version":null},"$SNIP/node_modules/@storybook/addon-essentials":{"version":null},"$SNIP/node_modules/@storybook/experimental-addon-test":{"version":null}}}
1
+ {"generatedAt":1747911985155,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@types/sinonjs__fake-timers":"8.1.5"},"hasRouterPackage":false,"monorepo":"Lerna","packageManager":{"type":"yarn","version":"3.8.3"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true,"shouldExtractValuesFromUnion":true,"shouldRemoveUndefinedFromOptional":true,"propFilter":{"skipPropsWithName":"dsInternalSimulation"},"include":["/home/runner/work/design-system/design-system/packages/web-lib/src/components/**/*.tsx"]}},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"8.5.8","storybookVersionSpecifier":"8.5.8","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"3.2.4"},"@storybook/addon-a11y":{"version":"8.5.8"},"@storybook/addon-essentials":{"version":"8.5.8"},"@storybook/addon-links":{"version":"8.5.8"},"@storybook/blocks":{"version":"8.5.8"},"@storybook/components":{"version":"8.5.8"},"@storybook/experimental-addon-test":{"version":"8.5.8"},"@storybook/manager-api":{"version":"8.5.8"},"@storybook/react":{"version":"8.5.8"},"@storybook/react-vite":{"version":"8.5.8"},"@storybook/test":{"version":"8.5.8"},"storybook":{"version":"8.5.8"},"storybook-addon-code-editor":{"version":"3.2.0"}},"addons":{"$SNIP/node_modules/storybook-addon-code-editor":{"version":null},"$SNIP/node_modules/@storybook/addon-a11y":{"version":null},"$SNIP/node_modules/@storybook/addon-actions":{"version":null},"$SNIP/node_modules/@storybook/addon-links":{"version":null},"$SNIP/node_modules/@storybook/addon-essentials":{"version":null},"$SNIP/node_modules/@storybook/experimental-addon-test":{"version":null}}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@preply/ds-docs",
3
- "version": "2.0.0",
3
+ "version": "2.1.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -21,7 +21,7 @@
21
21
  },
22
22
  "devDependencies": {
23
23
  "@chromatic-com/storybook": "^3.2.4",
24
- "@preply/ds-i18n": "2.0.0",
24
+ "@preply/ds-i18n": "2.1.0",
25
25
  "@storybook/addon-a11y": "8.5.8",
26
26
  "@storybook/addon-essentials": "8.5.8",
27
27
  "@storybook/addon-links": "8.5.8",
@@ -46,5 +46,5 @@
46
46
  "vite": "6.1.1",
47
47
  "vite-plugin-svgr": "4.3.0"
48
48
  },
49
- "gitHead": "fda62a0df754f7d7b17f13c9804fa99d18106c86"
49
+ "gitHead": "547ae27cb8b824ca473d3efb28c9440780355ad1"
50
50
  }
package/vite.config.ts CHANGED
@@ -15,4 +15,14 @@ export default defineConfig({
15
15
  include: '**/*.svg',
16
16
  }),
17
17
  ],
18
+ css: {
19
+ modules: {
20
+ /**
21
+ * Will generate classnames like `.Button__3xqOy`
22
+ * Placing hash after `__` so it can be stripped by a11y monitor
23
+ * @see https://github.com/preply/apollo/blob/master/yarn-workspace/packages/shared/src/a11y/a11yMonitor/tests/utils.ts
24
+ */
25
+ generateScopedName: '[local]__[hash:base64:5]',
26
+ },
27
+ },
18
28
  });
@@ -1,21 +0,0 @@
1
- import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as l}from"./index-BN6VMYqa.js";import{M as a}from"./index-DRVMKRNe.js";import{L as e}from"./LayoutGrid-BG29rjrt.js";import{d as c}from"./styled-components.browser.esm-BgpGX317.js";import{g as i}from"./getTokenVar-DU_DEzTd.js";import{s as u,c as p}from"./tokens-Di5DrZN4.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-9Hj_MNfh.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./classNames-BUL1Zq7e.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-DIaUqnvq-DH_OPu7E.js";import"./constants-DYYVurUY.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-UOns5Q7s.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Bwls0I02.js";import"./constants-BgBLeZzp.js";const n=["https://static.preply.com/ds/illustrations/tokyo-ui/airplain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/arrows-multiple.svg","https://static.preply.com/ds/illustrations/tokyo-ui/artist.svg","https://static.preply.com/ds/illustrations/tokyo-ui/awesome.svg","https://static.preply.com/ds/illustrations/tokyo-ui/back-to-school.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bar-graph.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bell.svg","https://static.preply.com/ds/illustrations/tokyo-ui/booking-a-lesson.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/brain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bubbles.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/checkmark.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clock.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clocks.svg","https://static.preply.com/ds/illustrations/tokyo-ui/coins.svg","https://static.preply.com/ds/illustrations/tokyo-ui/committed.svg","https://static.preply.com/ds/illustrations/tokyo-ui/cosmopolite.svg","https://static.preply.com/ds/illustrations/tokyo-ui/desk.svg","https://static.preply.com/ds/illustrations/tokyo-ui/discount-badge.svg","https://static.preply.com/ds/illustrations/tokyo-ui/dog.svg","https://static.preply.com/ds/illustrations/tokyo-ui/first-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/game-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started-down.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started.svg","https://static.preply.com/ds/illustrations/tokyo-ui/globe-spot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/great-homework.svg","https://static.preply.com/ds/illustrations/tokyo-ui/growth.svg","https://static.preply.com/ds/illustrations/tokyo-ui/guitar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-1.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/heart.svg","https://static.preply.com/ds/illustrations/tokyo-ui/it-guru.svg","https://static.preply.com/ds/illustrations/tokyo-ui/lamp-and-books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/language-flash-cards.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/making-progress.svg","https://static.preply.com/ds/illustrations/tokyo-ui/map.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messages.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messaging.svg","https://static.preply.com/ds/illustrations/tokyo-ui/mobile-app.svg","https://static.preply.com/ds/illustrations/tokyo-ui/notes.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pause-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pig.svg","https://static.preply.com/ds/illustrations/tokyo-ui/play-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-pink.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/present.svg","https://static.preply.com/ds/illustrations/tokyo-ui/professional.svg","https://static.preply.com/ds/illustrations/tokyo-ui/progress-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rising-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rock-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/routine-master.svg","https://static.preply.com/ds/illustrations/tokyo-ui/serious-learner.svg","https://static.preply.com/ds/illustrations/tokyo-ui/sheet.svg","https://static.preply.com/ds/illustrations/tokyo-ui/smiley.svg","https://static.preply.com/ds/illustrations/tokyo-ui/speech-bubble.svg","https://static.preply.com/ds/illustrations/tokyo-ui/star_coin.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stop-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stopwatch.svg","https://static.preply.com/ds/illustrations/tokyo-ui/testing-the-water.svg","https://static.preply.com/ds/illustrations/tokyo-ui/three-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/thumbs-up.svg","https://static.preply.com/ds/illustrations/tokyo-ui/you-did-great-today.svg","https://static.preply.com/ds/illustrations/tokyo-ui/warning.svg"],y=c.div`
2
- padding: ${i(u[12])};
3
- -webkit-background-size: 50px 50px;
4
- -moz-background-size: 50px 50px;
5
- background-size: 50px 50px;
6
- background-color: ${i(p.background.tertiary)};
7
- background-image: linear-gradient(
8
- 45deg,
9
- ${i(p.background.secondary)} 25%,
10
- transparent 25%,
11
- transparent 50%,
12
- ${i(p.background.secondary)} 50%,
13
- ${i(p.background.secondary)} 75%,
14
- transparent 75%,
15
- transparent
16
- );
17
- `,m=({svgUrl:s})=>t.jsx("div",{style:{width:"80%"},children:t.jsxs("a",{href:s,target:"_blank",rel:"noreferrer",children:[s.replace("https://static.preply.com/ds/illustrations/tokyo-ui/",""),t.jsx("img",{src:s,alt:"TODO:"})]})}),d=()=>t.jsx(y,{children:t.jsx(e,{columns:["25% 25% 25% 25%"],gap:"xs",children:n.map(s=>t.jsx(m,{svgUrl:s},s))})});function r(s){const o={a:"a",h1:"h1",p:"p",...l(),...s.components};return t.jsxs(t.Fragment,{children:[t.jsx(a,{title:"Guides/Assets/Illustration Explorer"}),`
18
- `,t.jsx(o.h1,{id:"illustration-explorer",children:"Illustration Explorer"}),`
19
- `,t.jsxs(o.p,{children:["Don't see the illustration you're looking for? You can follow ",t.jsx(o.a,{href:"https://preply.atlassian.net/wiki/spaces/PDS/pages/4332584962/Hosting+new+illustration",rel:"nofollow",children:"this guide"}),` to upload it yourself, it's super easy! Or reach out to us in
20
- `,t.jsx(o.a,{href:"https://preply.slack.com/archives/C024EAEHP6V",rel:"nofollow",children:"#design-system-public"}),"."]}),`
21
- `,t.jsx(d,{})]})}function V(s={}){const{wrapper:o}={...l(),...s.components};return o?t.jsx(o,{...s,children:t.jsx(r,{...s})}):r(s)}export{V as default};
@@ -1 +0,0 @@
1
- @keyframes _overlayShow_do5t6_1{0%{opacity:0}to{opacity:1}}@keyframes _contentShow_do5t6_1{0%{opacity:0;transform:translateY(var(--590b8d))}to{opacity:1;transform:translateY(0)}}._overlay_do5t6_21{background-color:var(--02a0d5);position:fixed;top:0;right:0;bottom:0;left:0}@media (prefers-reduced-motion: no-preference){._overlay_do5t6_21[data-state=open]{animation:_overlayShow_do5t6_1 .15s cubic-bezier(.4,0,.2,1)}}._content_do5t6_31{background-color:var(--3546c3);box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;padding:var(--f1b498);border-radius:var(--fa4b1a);width:90%;max-width:440px;height:fit-content;box-shadow:var(--df7dbb);display:flex;flex-direction:column;gap:var(--558c4c)}@media (prefers-reduced-motion: no-preference){._content_do5t6_31[data-state=open]{animation:_contentShow_do5t6_1 .15s cubic-bezier(.4,0,.2,1)}}._description_do5t6_52{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);margin:0}._actions_do5t6_58{display:flex;flex-direction:column;gap:var(--558c4c)}@media (min-width: 400px){._actions_do5t6_58{flex-direction:row;justify-content:flex-end}}
@@ -1,6 +0,0 @@
1
- import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Cb9e4tly.js";import{f as n}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as h,s as w,b as p}from"./classNames-BUL1Zq7e.js";import{w as e}from"./componentNames-Bwls0I02.js";import{g as x}from"./index-DdzHuZ-Y.js";import{A as c}from"./constants--ewUoBsO.js";import{A as g}from"./defaults-B1rzzf6M.js";const y="_Avatar_1lhfo_4",R={Avatar:y,"Avatar--size-2xs":"_Avatar--size-2xs_1lhfo_12","Avatar--size-xs":"_Avatar--size-xs_1lhfo_16","Avatar--size-s":"_Avatar--size-s_1lhfo_20","Avatar--size-m":"_Avatar--size-m_1lhfo_24","Avatar--size-l":"_Avatar--size-l_1lhfo_28","Avatar--size-xl":"_Avatar--size-xl_1lhfo_32","Avatar--size-24":"_Avatar--size-24_1lhfo_36","Avatar--size-32":"_Avatar--size-32_1lhfo_40","Avatar--size-48":"_Avatar--size-48_1lhfo_44","Avatar--size-64":"_Avatar--size-64_1lhfo_48","Avatar--size-96":"_Avatar--size-96_1lhfo_52","Avatar--size-160":"_Avatar--size-160_1lhfo_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_1lhfo_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_1lhfo_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_1lhfo_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_1lhfo_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_1lhfo_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_1lhfo_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_1lhfo_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_1lhfo_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_1lhfo_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_1lhfo_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_1lhfo_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_1lhfo_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_1lhfo_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_1lhfo_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_1lhfo_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_1lhfo_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_1lhfo_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_1lhfo_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_1lhfo_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_1lhfo_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_1lhfo_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_1lhfo_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_1lhfo_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_1lhfo_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_1lhfo_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_1lhfo_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_1lhfo_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_1lhfo_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_1lhfo_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_1lhfo_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_1lhfo_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_1lhfo_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_1lhfo_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_1lhfo_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_1lhfo_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_1lhfo_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_1lhfo_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_1lhfo_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_1lhfo_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_1lhfo_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_1lhfo_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_1lhfo_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_1lhfo_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_1lhfo_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_1lhfo_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_1lhfo_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_1lhfo_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_1lhfo_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_1lhfo_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_1lhfo_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_1lhfo_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_1lhfo_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_1lhfo_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_1lhfo_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_1lhfo_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_1lhfo_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_1lhfo_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_1lhfo_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_1lhfo_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_1lhfo_305","Avatar--round":"_Avatar--round_1lhfo_310"},s=f.forwardRef(function({size:r=g,round:l,src:t,alt:_="",dataset:v,crossOrigin:o,...A},m){const d=l??!0,z=h(R,e.Avatar,[w("size",r),p("round",void 0,d)]),u={...n(A),ref:m,className:z.join(" "),...x(v,{preplyDsComponent:e.Avatar})};return a.jsx("picture",{...u,children:a.jsx("img",{src:t||c,alt:_,crossOrigin:o})})});try{s.displayName="Avatar",s.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"xs"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:"ResponsiveProp<AvatarSize>"}]}},round:{defaultValue:null,description:"@deprecated this prop is deprecated and has no effect",name:"round",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},src:{defaultValue:null,description:`The avatar image URL.
2
- If not provided, the default placeholder image is used instead.`,name:"src",required:!1,type:{name:"enum",value:[{value:"string"}]}},alt:{defaultValue:{value:""},description:`A description of the image.
3
- This is recommended for accessibility purposes, specifically for users
4
- of screen readers.
5
- @example <Avatar src={...} alt="Foobar's profile" />`,name:"alt",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:`Use this to set data attributes on the DOM element for the purpose of
6
- e2e tests or integrating with external libraries.`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},crossOrigin:{defaultValue:null,description:"CORS policy for the image.",name:"crossOrigin",required:!1,type:{name:"enum",value:[{value:'""'},{value:'"anonymous"'},{value:'"use-credentials"'}]}}}}}catch{}export{s as A};
@@ -1 +0,0 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as d}from"./index-Cb9e4tly.js";import{f}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as h,s as w,b as u}from"./classNames-BUL1Zq7e.js";import{w as s}from"./componentNames-Bwls0I02.js";import{g as n}from"./index-DdzHuZ-Y.js";import{A as x}from"./constants--ewUoBsO.js";import{A as p}from"./defaults-B1rzzf6M.js";const c="_Avatar_1lhfo_4",C={Avatar:c,"Avatar--size-2xs":"_Avatar--size-2xs_1lhfo_12","Avatar--size-xs":"_Avatar--size-xs_1lhfo_16","Avatar--size-s":"_Avatar--size-s_1lhfo_20","Avatar--size-m":"_Avatar--size-m_1lhfo_24","Avatar--size-l":"_Avatar--size-l_1lhfo_28","Avatar--size-xl":"_Avatar--size-xl_1lhfo_32","Avatar--size-24":"_Avatar--size-24_1lhfo_36","Avatar--size-32":"_Avatar--size-32_1lhfo_40","Avatar--size-48":"_Avatar--size-48_1lhfo_44","Avatar--size-64":"_Avatar--size-64_1lhfo_48","Avatar--size-96":"_Avatar--size-96_1lhfo_52","Avatar--size-160":"_Avatar--size-160_1lhfo_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_1lhfo_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_1lhfo_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_1lhfo_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_1lhfo_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_1lhfo_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_1lhfo_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_1lhfo_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_1lhfo_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_1lhfo_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_1lhfo_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_1lhfo_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_1lhfo_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_1lhfo_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_1lhfo_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_1lhfo_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_1lhfo_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_1lhfo_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_1lhfo_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_1lhfo_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_1lhfo_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_1lhfo_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_1lhfo_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_1lhfo_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_1lhfo_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_1lhfo_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_1lhfo_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_1lhfo_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_1lhfo_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_1lhfo_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_1lhfo_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_1lhfo_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_1lhfo_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_1lhfo_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_1lhfo_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_1lhfo_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_1lhfo_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_1lhfo_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_1lhfo_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_1lhfo_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_1lhfo_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_1lhfo_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_1lhfo_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_1lhfo_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_1lhfo_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_1lhfo_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_1lhfo_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_1lhfo_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_1lhfo_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_1lhfo_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_1lhfo_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_1lhfo_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_1lhfo_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_1lhfo_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_1lhfo_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_1lhfo_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_1lhfo_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_1lhfo_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_1lhfo_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_1lhfo_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_1lhfo_305","Avatar--round":"_Avatar--round_1lhfo_310"},N=d.forwardRef(function({size:i=p,round:a,src:r,alt:_="",dataset:t,crossOrigin:l,...A},v){const o=a??!0,z=h(C,s.Avatar,[w("size",i),u("round",void 0,o)]),m={...f(A),ref:v,className:z.join(" "),...n(t,{preplyDsComponent:s.Avatar})};return e.jsx("picture",{...m,children:e.jsx("img",{src:r||x,alt:_,crossOrigin:l})})});N.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{defaultValue:{value:"'xs'",computed:!1},required:!1},alt:{defaultValue:{value:'""',computed:!1},required:!1}}};export{N as A};
@@ -1 +0,0 @@
1
- ._Avatar_1lhfo_4{display:inline-block}._Avatar_1lhfo_4 img{vertical-align:bottom;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_1lhfo_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_1lhfo_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_1lhfo_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_1lhfo_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_1lhfo_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_1lhfo_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_1lhfo_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_1lhfo_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_1lhfo_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_1lhfo_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_1lhfo_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_1lhfo_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_1lhfo_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_1lhfo_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_1lhfo_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_1lhfo_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_1lhfo_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_1lhfo_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_1lhfo_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_1lhfo_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_1lhfo_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_1lhfo_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_1lhfo_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_1lhfo_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_1lhfo_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_1lhfo_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_1lhfo_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_1lhfo_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_1lhfo_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_1lhfo_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_1lhfo_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_1lhfo_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_1lhfo_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_1lhfo_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_1lhfo_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_1lhfo_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_1lhfo_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_1lhfo_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_1lhfo_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_1lhfo_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_1lhfo_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_1lhfo_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_1lhfo_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_1lhfo_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_1lhfo_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_1lhfo_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_1lhfo_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_1lhfo_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_1lhfo_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_1lhfo_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_1lhfo_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_1lhfo_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_1lhfo_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_1lhfo_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_1lhfo_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_1lhfo_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_1lhfo_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_1lhfo_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_1lhfo_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_1lhfo_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_1lhfo_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_1lhfo_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_1lhfo_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_1lhfo_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_1lhfo_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_1lhfo_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_1lhfo_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_1lhfo_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_1lhfo_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_1lhfo_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_1lhfo_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_1lhfo_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_1lhfo_310 img{border-radius:var(--8517a6)}._Avatar_1lhfo_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}
@@ -1 +0,0 @@
1
- ._Avatar_1lhfo_4{display:inline-block}._Avatar_1lhfo_4 img{vertical-align:bottom;-o-object-fit:cover;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_1lhfo_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_1lhfo_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_1lhfo_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_1lhfo_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_1lhfo_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_1lhfo_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_1lhfo_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_1lhfo_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_1lhfo_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_1lhfo_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_1lhfo_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_1lhfo_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_1lhfo_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_1lhfo_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_1lhfo_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_1lhfo_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_1lhfo_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_1lhfo_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_1lhfo_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_1lhfo_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_1lhfo_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_1lhfo_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_1lhfo_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_1lhfo_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_1lhfo_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_1lhfo_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_1lhfo_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_1lhfo_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_1lhfo_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_1lhfo_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_1lhfo_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_1lhfo_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_1lhfo_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_1lhfo_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_1lhfo_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_1lhfo_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_1lhfo_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_1lhfo_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_1lhfo_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_1lhfo_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_1lhfo_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_1lhfo_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_1lhfo_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_1lhfo_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_1lhfo_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_1lhfo_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_1lhfo_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_1lhfo_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_1lhfo_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_1lhfo_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_1lhfo_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_1lhfo_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_1lhfo_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_1lhfo_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_1lhfo_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_1lhfo_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_1lhfo_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_1lhfo_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_1lhfo_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_1lhfo_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_1lhfo_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_1lhfo_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_1lhfo_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_1lhfo_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_1lhfo_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_1lhfo_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_1lhfo_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_1lhfo_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_1lhfo_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_1lhfo_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_1lhfo_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_1lhfo_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_1lhfo_310 img{border-radius:var(--8517a6)}._Avatar_1lhfo_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}
@@ -1 +0,0 @@
1
- ._AvatarWithStatus_1npcw_3{display:inline-block;position:relative}._AvatarWithStatus--indicator_1npcw_7{position:absolute;border-style:solid;border-radius:var(--0cf20e);border-width:var(--4a76d7);border-color:var(--e5a39b);background-color:var(--a95a51)}._AvatarWithStatus--online_1npcw_15 ._AvatarWithStatus--indicator_1npcw_7{background-color:var(--62b71e)}._AvatarWithStatus--size-2xs_1npcw_18 ._AvatarWithStatus--indicator_1npcw_7{width:var(--1cea5a);height:var(--1cea5a);right:var(--4b2086);bottom:var(--4b2086)}._AvatarWithStatus--size-xs_1npcw_24 ._AvatarWithStatus--indicator_1npcw_7{width:var(--540610);height:var(--540610);right:var(--20c0b1);bottom:var(--20c0b1)}._AvatarWithStatus--size-m_1npcw_30 ._AvatarWithStatus--indicator_1npcw_7{width:var(--8f1e94);height:var(--8f1e94);right:var(--705050);bottom:var(--705050)}._AvatarWithStatus--size-xl_1npcw_36 ._AvatarWithStatus--indicator_1npcw_7{width:var(--bdf712);height:var(--bdf712);right:var(--3b13f1);bottom:var(--3b13f1)}._AvatarWithStatus--size-64_1npcw_42 ._AvatarWithStatus--indicator_1npcw_7{width:var(--7d9a55);height:var(--7d9a55);right:var(--3e174a);bottom:var(--3e174a)}._AvatarWithStatus--size-96_1npcw_48 ._AvatarWithStatus--indicator_1npcw_7{width:var(--7d3ab7);height:var(--7d3ab7);right:var(--bd3f63);bottom:var(--bd3f63)}._AvatarWithStatus--size-160_1npcw_54 ._AvatarWithStatus--indicator_1npcw_7{width:var(--523f7d);height:var(--523f7d);right:var(--23067e);bottom:var(--23067e)}
@@ -1,41 +0,0 @@
1
- import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as w}from"./index-Cb9e4tly.js";import{f as j}from"./filterHTMLAttributes-DYdLqcvH.js";import{A as N}from"./Avatar-BWVdwHlY.js";import{m as C,b as q,s as T,a as V}from"./classNames-BUL1Zq7e.js";import{w as r}from"./componentNames-Bwls0I02.js";import{g as D}from"./index-DdzHuZ-Y.js";import{A as E}from"./defaults-B1rzzf6M.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./constants--ewUoBsO.js";const O="_AvatarWithStatus_1npcw_3",i={AvatarWithStatus:O,"AvatarWithStatus--indicator":"_AvatarWithStatus--indicator_1npcw_7","AvatarWithStatus--online":"_AvatarWithStatus--online_1npcw_15","AvatarWithStatus--size-2xs":"_AvatarWithStatus--size-2xs_1npcw_18","AvatarWithStatus--size-xs":"_AvatarWithStatus--size-xs_1npcw_24","AvatarWithStatus--size-m":"_AvatarWithStatus--size-m_1npcw_30","AvatarWithStatus--size-xl":"_AvatarWithStatus--size-xl_1npcw_36","AvatarWithStatus--size-64":"_AvatarWithStatus--size-64_1npcw_42","AvatarWithStatus--size-96":"_AvatarWithStatus--size-96_1npcw_48","AvatarWithStatus--size-160":"_AvatarWithStatus--size-160_1npcw_54"},e=w.forwardRef(function({online:f=!1,size:n=E,dataset:A,alt:_,crossOrigin:S,src:x,...W},g){const y=C(i,r.AvatarWithStatus,[q("online",void 0,f),T("size",n)]),z=[...V(i,r.AvatarWithStatus,["indicator"])],b={...j(W),ref:g,className:y.join(" "),...D(A,{preplyDsComponent:r.AvatarWithStatus})};return t.jsxs("div",{...b,children:[t.jsx("span",{className:z.join(" ")}),t.jsx("div",{children:t.jsx(N,{alt:_,crossOrigin:S,src:x,size:n})})]})});try{e.displayName="AvatarWithStatus",e.__docgenInfo={description:"",displayName:"AvatarWithStatus",props:{src:{defaultValue:null,description:`The avatar image URL.
2
- If not provided, the default placeholder image is used instead.`,name:"src",required:!1,type:{name:"enum",value:[{value:"string"}]}},alt:{defaultValue:null,description:`A description of the image.
3
- This is recommended for accessibility purposes, specifically for users
4
- of screen readers.
5
- @example <Avatar src={...} alt="Foobar's profile" />`,name:"alt",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:`Use this to set data attributes on the DOM element for the purpose of
6
- e2e tests or integrating with external libraries.`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},crossOrigin:{defaultValue:null,description:"CORS policy for the image.",name:"crossOrigin",required:!1,type:{name:"enum",value:[{value:'""'},{value:'"anonymous"'},{value:'"use-credentials"'}]}},online:{defaultValue:{value:"false"},description:"Controls the status of the visual indicator.",name:"online",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},size:{defaultValue:{value:"xs"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"m"'},{value:'"xl"'},{value:'"64"'},{value:'"96"'},{value:'"160"'}]}}}}}catch{}const B={title:"components/AvatarWithStatus",component:e},a=()=>t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsx(e,{size:"64",online:!0}),t.jsx(e,{size:"64",online:!1})]}),s={parameters:{chromatic:{disableSnapshot:!0}},args:{size:"64",src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",online:!1,dataset:{qaid:"avatar-with-status"}},argTypes:{src:{control:"text"},dataset:{control:"object"},alt:{control:"text"},online:{control:"boolean"}}};var o,l,u,c,p;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:`() => <div style={{
7
- display: 'flex',
8
- gap: '8px'
9
- }}>
10
- <AvatarWithStatus size="64" online />
11
- <AvatarWithStatus size="64" online={false} />
12
- </div>`,...(u=(l=a.parameters)==null?void 0:l.docs)==null?void 0:u.source},description:{story:`This component augments [Avatar](/docs/components-avatar--docs) to add a
13
- connection status indicator.`,...(p=(c=a.parameters)==null?void 0:c.docs)==null?void 0:p.description}}};var m,d,v;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`{
14
- parameters: {
15
- chromatic: {
16
- disableSnapshot: true
17
- }
18
- },
19
- args: {
20
- size: '64',
21
- src: './web-lib/src/components/Avatar/docs/static/avatar-1.png',
22
- online: false,
23
- dataset: {
24
- qaid: 'avatar-with-status'
25
- }
26
- },
27
- argTypes: {
28
- src: {
29
- control: 'text'
30
- },
31
- dataset: {
32
- control: 'object'
33
- },
34
- alt: {
35
- control: 'text'
36
- },
37
- online: {
38
- control: 'boolean'
39
- }
40
- }
41
- }`,...(v=(d=s.parameters)==null?void 0:d.docs)==null?void 0:v.source}}};const G=["Statuses","Playground"];export{s as Playground,a as Statuses,G as __namedExportsOrder,B as default};
@@ -1 +0,0 @@
1
- ._badge_tnpug_2{display:inline-flex;align-items:center;gap:var(--590b8d);border-radius:var(--5e8be4);padding:var(--05dd73) var(--66b80b);width:fit-content;color:var(--628fb7)}._badge_tnpug_2[data-size=small]{height:var(--76ac8f);font-size:var(--e3a55b);font-weight:var(--8cd94c);line-height:var(--732f40)}._badge_tnpug_2[data-size=medium]{height:var(--f316e1);font-size:var(--fdb733);font-weight:var(--9643c1);line-height:var(--754361)}._badge_tnpug_2[data-size=large]{height:var(--7789ee);padding:var(--590b8d) var(--813599);font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e)}._badge_tnpug_2[data-type=neutral]{background:var(--319b29)}._badge_tnpug_2[data-type=positive]{background:var(--1836a4)}._badge_tnpug_2[data-type=warning]{background:var(--b503b8)}._badge_tnpug_2[data-type=info]{background:var(--94a45e)}._badge_tnpug_2[data-type=critical]{background:var(--f15644)}._badge_tnpug_2[data-accent=unset]{color:var(--c9575b);background-color:var(--8f1238)}._badge_tnpug_2[data-accent=unset][data-inverted=true]{color:var(--55407f);background-color:var(--7c8c3c)}._badge_tnpug_2[data-accent=accent]{color:var(--dede3f);background-color:var(--eba8f8)}._badge_tnpug_2[data-accent=accent][data-inverted=true]{color:var(--732eb5);background-color:var(--54c075)}._badge_tnpug_2[data-accent=info]{color:var(--f3be0c);background-color:var(--7a1a33)}._badge_tnpug_2[data-accent=info][data-inverted=true]{color:var(--506df4);background-color:var(--fa3428)}._badge_tnpug_2[data-accent=positive]{color:var(--2a2719);background-color:var(--694afa)}._badge_tnpug_2[data-accent=positive][data-inverted=true]{color:var(--30c365);background-color:var(--47c404)}._badge_tnpug_2[data-accent=warning]{color:var(--84e571);background-color:var(--02372a)}._badge_tnpug_2[data-accent=warning][data-inverted=true]{color:var(--363237);background-color:var(--08fa29)}._badge_tnpug_2[data-accent=critical]{color:var(--036159);background-color:var(--22f022)}._badge_tnpug_2[data-accent=critical][data-inverted=true]{color:var(--90eeff);background-color:var(--cdb1f6)}._badge_tnpug_2[data-accent=tertiary]{color:var(--d7e14c);background-color:var(--a453d7)}._badge_tnpug_2[data-accent=tertiary][data-inverted=true]{color:var(--ab5158);background-color:var(--50e919)}
@@ -1 +0,0 @@
1
- ._Box_7bfdg_4{margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;color:var(--aface6);background-color:var(--786b9e);box-shadow:var(--a814c9);flex:1}._Box--box-radius-none_7bfdg_16{border-radius:var(--84e079)}._Box--box-radius-m_7bfdg_19{border-radius:var(--1c37d5)}._Box--box-radius-l_7bfdg_22{border-radius:var(--9e57e5)}._Box--box-radius-0_7bfdg_34{border-radius:var(--adc668)}._Box--box-radius-2_7bfdg_25{border-radius:var(--9817c7)}._Box--box-radius-4_7bfdg_28{border-radius:var(--7dcb5e)}._Box--box-radius-8_7bfdg_31{border-radius:var(--2071ea)}._Box--box-radius-12_7bfdg_46{border-radius:var(--c1925d)}._Box--box-radius-16_7bfdg_49{border-radius:var(--f3f949)}._Box--box-radius-24_7bfdg_52{border-radius:var(--67250f)}._Box--box-radius-32_7bfdg_55{border-radius:var(--fba602)}._Box--box-radius-48_7bfdg_58{border-radius:var(--f8b939)}._Box--box-radius-64_7bfdg_61{border-radius:var(--4d9939)}._Box--box-radius-96_7bfdg_64{border-radius:var(--a78cb4)}._Box--box-radius-160_7bfdg_67{border-radius:var(--439947)}@media (min-width: 400px){._Box--narrow-l--box-radius-none_7bfdg_71{border-radius:var(--84e079)}._Box--narrow-l--box-radius-m_7bfdg_74{border-radius:var(--1c37d5)}._Box--narrow-l--box-radius-l_7bfdg_77{border-radius:var(--9e57e5)}._Box--narrow-l--box-radius-0_7bfdg_89{border-radius:var(--adc668)}._Box--narrow-l--box-radius-2_7bfdg_80{border-radius:var(--9817c7)}._Box--narrow-l--box-radius-4_7bfdg_83{border-radius:var(--7dcb5e)}._Box--narrow-l--box-radius-8_7bfdg_86{border-radius:var(--2071ea)}._Box--narrow-l--box-radius-12_7bfdg_101{border-radius:var(--c1925d)}._Box--narrow-l--box-radius-16_7bfdg_104{border-radius:var(--f3f949)}._Box--narrow-l--box-radius-24_7bfdg_107{border-radius:var(--67250f)}._Box--narrow-l--box-radius-32_7bfdg_110{border-radius:var(--fba602)}._Box--narrow-l--box-radius-48_7bfdg_113{border-radius:var(--f8b939)}._Box--narrow-l--box-radius-64_7bfdg_116{border-radius:var(--4d9939)}._Box--narrow-l--box-radius-96_7bfdg_119{border-radius:var(--a78cb4)}._Box--narrow-l--box-radius-160_7bfdg_122{border-radius:var(--439947)}}@media (min-width: 700px){._Box--medium-s--box-radius-none_7bfdg_127{border-radius:var(--84e079)}._Box--medium-s--box-radius-m_7bfdg_130{border-radius:var(--1c37d5)}._Box--medium-s--box-radius-l_7bfdg_133{border-radius:var(--9e57e5)}._Box--medium-s--box-radius-0_7bfdg_145{border-radius:var(--adc668)}._Box--medium-s--box-radius-2_7bfdg_136{border-radius:var(--9817c7)}._Box--medium-s--box-radius-4_7bfdg_139{border-radius:var(--7dcb5e)}._Box--medium-s--box-radius-8_7bfdg_142{border-radius:var(--2071ea)}._Box--medium-s--box-radius-12_7bfdg_157{border-radius:var(--c1925d)}._Box--medium-s--box-radius-16_7bfdg_160{border-radius:var(--f3f949)}._Box--medium-s--box-radius-24_7bfdg_163{border-radius:var(--67250f)}._Box--medium-s--box-radius-32_7bfdg_166{border-radius:var(--fba602)}._Box--medium-s--box-radius-48_7bfdg_169{border-radius:var(--f8b939)}._Box--medium-s--box-radius-64_7bfdg_172{border-radius:var(--4d9939)}._Box--medium-s--box-radius-96_7bfdg_175{border-radius:var(--a78cb4)}._Box--medium-s--box-radius-160_7bfdg_178{border-radius:var(--439947)}}@media (min-width: 880px){._Box--medium-l--box-radius-none_7bfdg_183{border-radius:var(--84e079)}._Box--medium-l--box-radius-m_7bfdg_186{border-radius:var(--1c37d5)}._Box--medium-l--box-radius-l_7bfdg_189{border-radius:var(--9e57e5)}._Box--medium-l--box-radius-0_7bfdg_201{border-radius:var(--adc668)}._Box--medium-l--box-radius-2_7bfdg_192{border-radius:var(--9817c7)}._Box--medium-l--box-radius-4_7bfdg_195{border-radius:var(--7dcb5e)}._Box--medium-l--box-radius-8_7bfdg_198{border-radius:var(--2071ea)}._Box--medium-l--box-radius-12_7bfdg_213{border-radius:var(--c1925d)}._Box--medium-l--box-radius-16_7bfdg_216{border-radius:var(--f3f949)}._Box--medium-l--box-radius-24_7bfdg_219{border-radius:var(--67250f)}._Box--medium-l--box-radius-32_7bfdg_222{border-radius:var(--fba602)}._Box--medium-l--box-radius-48_7bfdg_225{border-radius:var(--f8b939)}._Box--medium-l--box-radius-64_7bfdg_228{border-radius:var(--4d9939)}._Box--medium-l--box-radius-96_7bfdg_231{border-radius:var(--a78cb4)}._Box--medium-l--box-radius-160_7bfdg_234{border-radius:var(--439947)}}@media (min-width: 1200px){._Box--wide-s--box-radius-none_7bfdg_239{border-radius:var(--84e079)}._Box--wide-s--box-radius-m_7bfdg_242{border-radius:var(--1c37d5)}._Box--wide-s--box-radius-l_7bfdg_245{border-radius:var(--9e57e5)}._Box--wide-s--box-radius-0_7bfdg_257{border-radius:var(--adc668)}._Box--wide-s--box-radius-2_7bfdg_248{border-radius:var(--9817c7)}._Box--wide-s--box-radius-4_7bfdg_251{border-radius:var(--7dcb5e)}._Box--wide-s--box-radius-8_7bfdg_254{border-radius:var(--2071ea)}._Box--wide-s--box-radius-12_7bfdg_269{border-radius:var(--c1925d)}._Box--wide-s--box-radius-16_7bfdg_272{border-radius:var(--f3f949)}._Box--wide-s--box-radius-24_7bfdg_275{border-radius:var(--67250f)}._Box--wide-s--box-radius-32_7bfdg_278{border-radius:var(--fba602)}._Box--wide-s--box-radius-48_7bfdg_281{border-radius:var(--f8b939)}._Box--wide-s--box-radius-64_7bfdg_284{border-radius:var(--4d9939)}._Box--wide-s--box-radius-96_7bfdg_287{border-radius:var(--a78cb4)}._Box--wide-s--box-radius-160_7bfdg_290{border-radius:var(--439947)}}@media (min-width: 1900px){._Box--wide-l--box-radius-none_7bfdg_295{border-radius:var(--84e079)}._Box--wide-l--box-radius-m_7bfdg_298{border-radius:var(--1c37d5)}._Box--wide-l--box-radius-l_7bfdg_301{border-radius:var(--9e57e5)}._Box--wide-l--box-radius-0_7bfdg_313{border-radius:var(--adc668)}._Box--wide-l--box-radius-2_7bfdg_304{border-radius:var(--9817c7)}._Box--wide-l--box-radius-4_7bfdg_307{border-radius:var(--7dcb5e)}._Box--wide-l--box-radius-8_7bfdg_310{border-radius:var(--2071ea)}._Box--wide-l--box-radius-12_7bfdg_325{border-radius:var(--c1925d)}._Box--wide-l--box-radius-16_7bfdg_328{border-radius:var(--f3f949)}._Box--wide-l--box-radius-24_7bfdg_331{border-radius:var(--67250f)}._Box--wide-l--box-radius-32_7bfdg_334{border-radius:var(--fba602)}._Box--wide-l--box-radius-48_7bfdg_337{border-radius:var(--f8b939)}._Box--wide-l--box-radius-64_7bfdg_340{border-radius:var(--4d9939)}._Box--wide-l--box-radius-96_7bfdg_343{border-radius:var(--a78cb4)}._Box--wide-l--box-radius-160_7bfdg_346{border-radius:var(--439947)}}._Box--background-white_7bfdg_350{background-color:var(--145676)}._Box--background-gray-100_7bfdg_353{background-color:var(--55407f)}._Box--background-gray-200_7bfdg_356{background-color:var(--8f1238)}._Box--background-gray-300_7bfdg_359{background-color:var(--da403c)}._Box--background-gray-400_7bfdg_362{background-color:var(--7c8c3c)}._Box--background-gray-500_7bfdg_365{background-color:var(--c9575b)}._Box--background-gray-600_7bfdg_368{background-color:var(--2fb6f7)}._Box--background-teal-100_7bfdg_371{background-color:var(--54ed1d)}._Box--background-teal-200_7bfdg_374{background-color:var(--b706bf)}._Box--background-teal-300_7bfdg_377{background-color:var(--4adefb)}._Box--background-teal-400_7bfdg_380{background-color:var(--de8a40)}._Box--background-teal-500_7bfdg_383{background-color:var(--574543)}._Box--background-green-100_7bfdg_386{background-color:var(--1383a7)}._Box--background-green-200_7bfdg_389{background-color:var(--9f1066)}._Box--background-green-300_7bfdg_392{background-color:var(--d4cf94)}._Box--background-green-400_7bfdg_395{background-color:var(--bbfa9f)}._Box--background-green-500_7bfdg_398{background-color:var(--5f8b30)}._Box--background-yellow-100_7bfdg_401{background-color:var(--c7d8be)}._Box--background-yellow-200_7bfdg_404{background-color:var(--17bab8)}._Box--background-yellow-300_7bfdg_407{background-color:var(--f017e5)}._Box--background-yellow-400_7bfdg_410{background-color:var(--2242ed)}._Box--background-yellow-500_7bfdg_413{background-color:var(--e40de4)}._Box--background-red-100_7bfdg_416{background-color:var(--ecb5d5)}._Box--background-red-200_7bfdg_419{background-color:var(--5b5cb0)}._Box--background-red-300_7bfdg_422{background-color:var(--d55c71)}._Box--background-red-400_7bfdg_425{background-color:var(--4e47fe)}._Box--background-red-500_7bfdg_428{background-color:var(--3e7877)}._Box--background-blue-100_7bfdg_431{background-color:var(--21906f)}._Box--background-blue-200_7bfdg_434{background-color:var(--5d87f3)}._Box--background-blue-300_7bfdg_437{background-color:var(--201e14)}._Box--background-blue-400_7bfdg_440{background-color:var(--e1c27c)}._Box--background-blue-500_7bfdg_443{background-color:var(--6a1420)}._Box--background-magenta-100_7bfdg_446{background-color:var(--1a9963)}._Box--background-magenta-200_7bfdg_449{background-color:var(--b774df)}._Box--background-magenta-300_7bfdg_452{background-color:var(--f72cdd)}._Box--background-magenta-400_7bfdg_455{background-color:var(--6cbd80)}._Box--background-magenta-500_7bfdg_458{background-color:var(--5893e7)}._Box--background-primary_7bfdg_461{background-color:var(--3546c3)}._Box--background-secondary_7bfdg_464{background-color:var(--302ecf)}._Box--background-tertiary_7bfdg_467{background-color:var(--a5c761)}._Box--background-overlay_7bfdg_470{background-color:var(--02a0d5)}._Box--background-disabled_7bfdg_473{background-color:var(--319b29)}._Box--background-brand_7bfdg_476{background-color:var(--cd91ab)}._Box--background-brandB2b_7bfdg_479{background-color:var(--706789)}._Box--background-accentLight_7bfdg_482{background-color:var(--560eda)}._Box--background-accentDark_7bfdg_485{background-color:var(--e4c520)}._Box--background-positiveLight_7bfdg_488{background-color:var(--1836a4)}._Box--background-positiveDark_7bfdg_491{background-color:var(--ae7f1f)}._Box--background-infoLight_7bfdg_494{background-color:var(--94a45e)}._Box--background-infoDark_7bfdg_497{background-color:var(--79dffb)}._Box--background-warningLight_7bfdg_500{background-color:var(--b503b8)}._Box--background-warningDark_7bfdg_503{background-color:var(--34fc43)}._Box--background-criticalLight_7bfdg_506{background-color:var(--f15644)}._Box--background-criticalDark_7bfdg_509{background-color:var(--87fcf8)}._Box--background-statusOnline_7bfdg_512{background-color:var(--cbc115)}._Box--background-statusOffline_7bfdg_515{background-color:var(--7ff085)}._Box--background-primaryInverted_7bfdg_518{background-color:var(--4983fe)}._Box--background-secondaryInverted_7bfdg_521{background-color:var(--19649f)}._Box--background-tertiaryInverted_7bfdg_524{background-color:var(--a469f2)}
@@ -1,44 +0,0 @@
1
- import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{H as l}from"./Heading-DcJnmvUa.js";import{L as g}from"./LayoutFlex-D2upWEjL.js";import{T as t}from"./Text-nWyCR02l.js";import{r as T}from"./index-Cb9e4tly.js";import{f as A}from"./filterHTMLAttributes-DYdLqcvH.js";import{g as q}from"./layout-relative.module-C63T27Fr.js";import{m as H,s as r}from"./classNames-BUL1Zq7e.js";import{w as u}from"./componentNames-Bwls0I02.js";import{g as O}from"./index-DdzHuZ-Y.js";import{L as N,c as j,d as E}from"./defaults-B1rzzf6M.js";import{a as I,S as R}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./text-accent-BMdpzlaC.js";import"./text-centered-VuFsr_qt.js";import"./_commonjsHelpers-Cpj98o6Y.js";const V="_Box_7bfdg_4",U={Box:V,"Box--box-radius-none":"_Box--box-radius-none_7bfdg_16","Box--box-radius-m":"_Box--box-radius-m_7bfdg_19","Box--box-radius-l":"_Box--box-radius-l_7bfdg_22","Box--box-radius-2":"_Box--box-radius-2_7bfdg_25","Box--box-radius-4":"_Box--box-radius-4_7bfdg_28","Box--box-radius-8":"_Box--box-radius-8_7bfdg_31","Box--box-radius-0":"_Box--box-radius-0_7bfdg_34","Box--box-radius-12":"_Box--box-radius-12_7bfdg_46","Box--box-radius-16":"_Box--box-radius-16_7bfdg_49","Box--box-radius-24":"_Box--box-radius-24_7bfdg_52","Box--box-radius-32":"_Box--box-radius-32_7bfdg_55","Box--box-radius-48":"_Box--box-radius-48_7bfdg_58","Box--box-radius-64":"_Box--box-radius-64_7bfdg_61","Box--box-radius-96":"_Box--box-radius-96_7bfdg_64","Box--box-radius-160":"_Box--box-radius-160_7bfdg_67","Box--narrow-l--box-radius-none":"_Box--narrow-l--box-radius-none_7bfdg_71","Box--narrow-l--box-radius-m":"_Box--narrow-l--box-radius-m_7bfdg_74","Box--narrow-l--box-radius-l":"_Box--narrow-l--box-radius-l_7bfdg_77","Box--narrow-l--box-radius-2":"_Box--narrow-l--box-radius-2_7bfdg_80","Box--narrow-l--box-radius-4":"_Box--narrow-l--box-radius-4_7bfdg_83","Box--narrow-l--box-radius-8":"_Box--narrow-l--box-radius-8_7bfdg_86","Box--narrow-l--box-radius-0":"_Box--narrow-l--box-radius-0_7bfdg_89","Box--narrow-l--box-radius-12":"_Box--narrow-l--box-radius-12_7bfdg_101","Box--narrow-l--box-radius-16":"_Box--narrow-l--box-radius-16_7bfdg_104","Box--narrow-l--box-radius-24":"_Box--narrow-l--box-radius-24_7bfdg_107","Box--narrow-l--box-radius-32":"_Box--narrow-l--box-radius-32_7bfdg_110","Box--narrow-l--box-radius-48":"_Box--narrow-l--box-radius-48_7bfdg_113","Box--narrow-l--box-radius-64":"_Box--narrow-l--box-radius-64_7bfdg_116","Box--narrow-l--box-radius-96":"_Box--narrow-l--box-radius-96_7bfdg_119","Box--narrow-l--box-radius-160":"_Box--narrow-l--box-radius-160_7bfdg_122","Box--medium-s--box-radius-none":"_Box--medium-s--box-radius-none_7bfdg_127","Box--medium-s--box-radius-m":"_Box--medium-s--box-radius-m_7bfdg_130","Box--medium-s--box-radius-l":"_Box--medium-s--box-radius-l_7bfdg_133","Box--medium-s--box-radius-2":"_Box--medium-s--box-radius-2_7bfdg_136","Box--medium-s--box-radius-4":"_Box--medium-s--box-radius-4_7bfdg_139","Box--medium-s--box-radius-8":"_Box--medium-s--box-radius-8_7bfdg_142","Box--medium-s--box-radius-0":"_Box--medium-s--box-radius-0_7bfdg_145","Box--medium-s--box-radius-12":"_Box--medium-s--box-radius-12_7bfdg_157","Box--medium-s--box-radius-16":"_Box--medium-s--box-radius-16_7bfdg_160","Box--medium-s--box-radius-24":"_Box--medium-s--box-radius-24_7bfdg_163","Box--medium-s--box-radius-32":"_Box--medium-s--box-radius-32_7bfdg_166","Box--medium-s--box-radius-48":"_Box--medium-s--box-radius-48_7bfdg_169","Box--medium-s--box-radius-64":"_Box--medium-s--box-radius-64_7bfdg_172","Box--medium-s--box-radius-96":"_Box--medium-s--box-radius-96_7bfdg_175","Box--medium-s--box-radius-160":"_Box--medium-s--box-radius-160_7bfdg_178","Box--medium-l--box-radius-none":"_Box--medium-l--box-radius-none_7bfdg_183","Box--medium-l--box-radius-m":"_Box--medium-l--box-radius-m_7bfdg_186","Box--medium-l--box-radius-l":"_Box--medium-l--box-radius-l_7bfdg_189","Box--medium-l--box-radius-2":"_Box--medium-l--box-radius-2_7bfdg_192","Box--medium-l--box-radius-4":"_Box--medium-l--box-radius-4_7bfdg_195","Box--medium-l--box-radius-8":"_Box--medium-l--box-radius-8_7bfdg_198","Box--medium-l--box-radius-0":"_Box--medium-l--box-radius-0_7bfdg_201","Box--medium-l--box-radius-12":"_Box--medium-l--box-radius-12_7bfdg_213","Box--medium-l--box-radius-16":"_Box--medium-l--box-radius-16_7bfdg_216","Box--medium-l--box-radius-24":"_Box--medium-l--box-radius-24_7bfdg_219","Box--medium-l--box-radius-32":"_Box--medium-l--box-radius-32_7bfdg_222","Box--medium-l--box-radius-48":"_Box--medium-l--box-radius-48_7bfdg_225","Box--medium-l--box-radius-64":"_Box--medium-l--box-radius-64_7bfdg_228","Box--medium-l--box-radius-96":"_Box--medium-l--box-radius-96_7bfdg_231","Box--medium-l--box-radius-160":"_Box--medium-l--box-radius-160_7bfdg_234","Box--wide-s--box-radius-none":"_Box--wide-s--box-radius-none_7bfdg_239","Box--wide-s--box-radius-m":"_Box--wide-s--box-radius-m_7bfdg_242","Box--wide-s--box-radius-l":"_Box--wide-s--box-radius-l_7bfdg_245","Box--wide-s--box-radius-2":"_Box--wide-s--box-radius-2_7bfdg_248","Box--wide-s--box-radius-4":"_Box--wide-s--box-radius-4_7bfdg_251","Box--wide-s--box-radius-8":"_Box--wide-s--box-radius-8_7bfdg_254","Box--wide-s--box-radius-0":"_Box--wide-s--box-radius-0_7bfdg_257","Box--wide-s--box-radius-12":"_Box--wide-s--box-radius-12_7bfdg_269","Box--wide-s--box-radius-16":"_Box--wide-s--box-radius-16_7bfdg_272","Box--wide-s--box-radius-24":"_Box--wide-s--box-radius-24_7bfdg_275","Box--wide-s--box-radius-32":"_Box--wide-s--box-radius-32_7bfdg_278","Box--wide-s--box-radius-48":"_Box--wide-s--box-radius-48_7bfdg_281","Box--wide-s--box-radius-64":"_Box--wide-s--box-radius-64_7bfdg_284","Box--wide-s--box-radius-96":"_Box--wide-s--box-radius-96_7bfdg_287","Box--wide-s--box-radius-160":"_Box--wide-s--box-radius-160_7bfdg_290","Box--wide-l--box-radius-none":"_Box--wide-l--box-radius-none_7bfdg_295","Box--wide-l--box-radius-m":"_Box--wide-l--box-radius-m_7bfdg_298","Box--wide-l--box-radius-l":"_Box--wide-l--box-radius-l_7bfdg_301","Box--wide-l--box-radius-2":"_Box--wide-l--box-radius-2_7bfdg_304","Box--wide-l--box-radius-4":"_Box--wide-l--box-radius-4_7bfdg_307","Box--wide-l--box-radius-8":"_Box--wide-l--box-radius-8_7bfdg_310","Box--wide-l--box-radius-0":"_Box--wide-l--box-radius-0_7bfdg_313","Box--wide-l--box-radius-12":"_Box--wide-l--box-radius-12_7bfdg_325","Box--wide-l--box-radius-16":"_Box--wide-l--box-radius-16_7bfdg_328","Box--wide-l--box-radius-24":"_Box--wide-l--box-radius-24_7bfdg_331","Box--wide-l--box-radius-32":"_Box--wide-l--box-radius-32_7bfdg_334","Box--wide-l--box-radius-48":"_Box--wide-l--box-radius-48_7bfdg_337","Box--wide-l--box-radius-64":"_Box--wide-l--box-radius-64_7bfdg_340","Box--wide-l--box-radius-96":"_Box--wide-l--box-radius-96_7bfdg_343","Box--wide-l--box-radius-160":"_Box--wide-l--box-radius-160_7bfdg_346","Box--background-white":"_Box--background-white_7bfdg_350","Box--background-gray-100":"_Box--background-gray-100_7bfdg_353","Box--background-gray-200":"_Box--background-gray-200_7bfdg_356","Box--background-gray-300":"_Box--background-gray-300_7bfdg_359","Box--background-gray-400":"_Box--background-gray-400_7bfdg_362","Box--background-gray-500":"_Box--background-gray-500_7bfdg_365","Box--background-gray-600":"_Box--background-gray-600_7bfdg_368","Box--background-teal-100":"_Box--background-teal-100_7bfdg_371","Box--background-teal-200":"_Box--background-teal-200_7bfdg_374","Box--background-teal-300":"_Box--background-teal-300_7bfdg_377","Box--background-teal-400":"_Box--background-teal-400_7bfdg_380","Box--background-teal-500":"_Box--background-teal-500_7bfdg_383","Box--background-green-100":"_Box--background-green-100_7bfdg_386","Box--background-green-200":"_Box--background-green-200_7bfdg_389","Box--background-green-300":"_Box--background-green-300_7bfdg_392","Box--background-green-400":"_Box--background-green-400_7bfdg_395","Box--background-green-500":"_Box--background-green-500_7bfdg_398","Box--background-yellow-100":"_Box--background-yellow-100_7bfdg_401","Box--background-yellow-200":"_Box--background-yellow-200_7bfdg_404","Box--background-yellow-300":"_Box--background-yellow-300_7bfdg_407","Box--background-yellow-400":"_Box--background-yellow-400_7bfdg_410","Box--background-yellow-500":"_Box--background-yellow-500_7bfdg_413","Box--background-red-100":"_Box--background-red-100_7bfdg_416","Box--background-red-200":"_Box--background-red-200_7bfdg_419","Box--background-red-300":"_Box--background-red-300_7bfdg_422","Box--background-red-400":"_Box--background-red-400_7bfdg_425","Box--background-red-500":"_Box--background-red-500_7bfdg_428","Box--background-blue-100":"_Box--background-blue-100_7bfdg_431","Box--background-blue-200":"_Box--background-blue-200_7bfdg_434","Box--background-blue-300":"_Box--background-blue-300_7bfdg_437","Box--background-blue-400":"_Box--background-blue-400_7bfdg_440","Box--background-blue-500":"_Box--background-blue-500_7bfdg_443","Box--background-magenta-100":"_Box--background-magenta-100_7bfdg_446","Box--background-magenta-200":"_Box--background-magenta-200_7bfdg_449","Box--background-magenta-300":"_Box--background-magenta-300_7bfdg_452","Box--background-magenta-400":"_Box--background-magenta-400_7bfdg_455","Box--background-magenta-500":"_Box--background-magenta-500_7bfdg_458","Box--background-primary":"_Box--background-primary_7bfdg_461","Box--background-secondary":"_Box--background-secondary_7bfdg_464","Box--background-tertiary":"_Box--background-tertiary_7bfdg_467","Box--background-overlay":"_Box--background-overlay_7bfdg_470","Box--background-disabled":"_Box--background-disabled_7bfdg_473","Box--background-brand":"_Box--background-brand_7bfdg_476","Box--background-brandB2b":"_Box--background-brandB2b_7bfdg_479","Box--background-accentLight":"_Box--background-accentLight_7bfdg_482","Box--background-accentDark":"_Box--background-accentDark_7bfdg_485","Box--background-positiveLight":"_Box--background-positiveLight_7bfdg_488","Box--background-positiveDark":"_Box--background-positiveDark_7bfdg_491","Box--background-infoLight":"_Box--background-infoLight_7bfdg_494","Box--background-infoDark":"_Box--background-infoDark_7bfdg_497","Box--background-warningLight":"_Box--background-warningLight_7bfdg_500","Box--background-warningDark":"_Box--background-warningDark_7bfdg_503","Box--background-criticalLight":"_Box--background-criticalLight_7bfdg_506","Box--background-criticalDark":"_Box--background-criticalDark_7bfdg_509","Box--background-statusOnline":"_Box--background-statusOnline_7bfdg_512","Box--background-statusOffline":"_Box--background-statusOffline_7bfdg_515","Box--background-primaryInverted":"_Box--background-primaryInverted_7bfdg_518","Box--background-secondaryInverted":"_Box--background-secondaryInverted_7bfdg_521","Box--background-tertiaryInverted":"_Box--background-tertiaryInverted_7bfdg_524"},d=T.forwardRef(function({children:c,background:m,radius:f=j,padding:v=E,tag:k,dataset:p,...w},y){const h=H(U,u.Box,[r("box-radius",f),r("background",m)]),L=q(v),S=k??N,D=[...h,...L],P={...A(w),ref:y,className:D.join(" "),...O(p,{preplyDsComponent:u.Box})};return o.jsx(S,{...P,children:c})});try{d.displayName="Box",d.__docgenInfo={description:"A styleable container.\n\nUse this with `Layout*` components to create complex content containers.",displayName:"Box",props:{background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"disabled"'},{value:'"accentDark"'},{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'},{value:'"overlay"'},{value:'"brand"'},{value:'"brandB2b"'},{value:'"accentLight"'},{value:'"positiveLight"'},{value:'"positiveDark"'},{value:'"infoLight"'},{value:'"infoDark"'},{value:'"warningLight"'},{value:'"warningDark"'},{value:'"criticalLight"'},{value:'"criticalDark"'},{value:'"statusOnline"'},{value:'"statusOffline"'},{value:'"primaryInverted"'},{value:'"secondaryInverted"'},{value:'"tertiaryInverted"'}]}},radius:{defaultValue:{value:"m"},description:"",name:"radius",required:!1,type:{name:"enum",value:[{value:'"m"'},{value:'"l"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"0"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:"ResponsiveProp<BoxRadius>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"div"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"p"'},{value:'"span"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},padding:{defaultValue:{value:"s"},description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"[Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing, Spacing]"},{value:"[BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding, BoxPadding]"},{value:"ResponsiveProp<ShortHand<Spacing> | ShortHand<BoxPadding>>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const ro={title:"components/Box",component:d,argTypes:{radius:{description:R},padding:{description:I}}},a=()=>o.jsx(d,{background:"positiveLight",children:o.jsxs(g,{gap:"xs",direction:"column",children:[o.jsx(l,{level:"h3",accent:"positive",children:"Heading"}),o.jsx(t,{accent:"positive",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]})});a.storyName="Box";const e={parameters:{chromatic:{disableSnapshot:!0}},args:{background:void 0,radius:void 0,padding:void 0,children:o.jsxs(g,{gap:"16",direction:"column",children:[o.jsx(l,{variant:"large",tag:"h3",children:"Heading"}),o.jsx(t,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]}),dataset:{qaid:"box"}},argTypes:{children:{control:!1},dataset:{control:"object"}}};var i,x,s;a.parameters={...a.parameters,docs:{...(i=a.parameters)==null?void 0:i.docs,source:{originalSource:`() => <Box background="positiveLight">
2
- <LayoutFlex gap="xs" direction="column">
3
- <Heading level="h3" accent="positive">
4
- Heading
5
- </Heading>
6
- <Text accent="positive">
7
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit
8
- amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et
9
- vitae eros
10
- </Text>
11
- </LayoutFlex>
12
- </Box>`,...(s=(x=a.parameters)==null?void 0:x.docs)==null?void 0:s.source}}};var b,n,_;e.parameters={...e.parameters,docs:{...(b=e.parameters)==null?void 0:b.docs,source:{originalSource:`{
13
- parameters: {
14
- chromatic: {
15
- disableSnapshot: true
16
- }
17
- },
18
- args: {
19
- background: undefined,
20
- radius: undefined,
21
- padding: undefined,
22
- children: <LayoutFlex gap="16" direction="column">
23
- <Heading variant="large" tag="h3">
24
- Heading
25
- </Heading>
26
- <Text>
27
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare
28
- sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis
29
- posuere et vitae eros
30
- </Text>
31
- </LayoutFlex>,
32
- dataset: {
33
- qaid: 'box'
34
- }
35
- },
36
- argTypes: {
37
- children: {
38
- control: false
39
- },
40
- dataset: {
41
- control: 'object'
42
- }
43
- }
44
- }`,...(_=(n=e.parameters)==null?void 0:n.docs)==null?void 0:_.source}}};const uo=["Base","Playground"];export{a as Base,e as Playground,uo as __namedExportsOrder,ro as default};
@@ -1,20 +0,0 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Cb9e4tly.js";import{r as t}from"./render-icon-BT0Aq7PA.js";import{B as y}from"./ButtonBase-CJjNfOwu.js";import{a as g}from"./classNames-BUL1Zq7e.js";import{w as u}from"./componentNames-Bwls0I02.js";import{B as T,a as B}from"./defaults-B1rzzf6M.js";const h={"Button--icon":"_Button--icon_3o0wv_5"},r=f.forwardRef(function({variant:i=B,size:s=T,url:m,a11yLabel:d,leadingSvgIcon:a,trailingSvgIcon:n,children:v,...p},c){const l=[...g(h,u.Button,["icon"])];return e.jsxs(y,{...p,ref:c,isIconButton:!1,variant:i,size:s,url:m,a11yLabel:d,preplyDsComponent:u.Button,children:[!!a&&e.jsx("span",{className:l.join(" "),children:t(a,{"aria-hidden":"true",focusable:"false"})}),v,!!n&&e.jsx("span",{className:l.join(" "),children:t(n,{"aria-hidden":"true",focusable:"false"})})]})});try{r.displayName="Button",r.__docgenInfo={description:"",displayName:"Button",props:{size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"critical"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"inverted"'},{value:'"newFeature"'},{value:'"ai"'}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
2
-
3
- Allows rendering the button using a different React element or component.
4
- This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
5
- @example // Render as a react router link component
6
- import { Link } from 'react-router-dom';
7
-
8
- <ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon.
9
- @example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
10
-
11
- <Button leadingSvgIcon={TokyoUITag}>Button</Button>
12
- or
13
- <Button leadingSvgIcon={<TokyoUITag />}>Button</Button>`,name:"leadingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},trailingSvgIcon:{defaultValue:null,description:`@deprecated Trailing icons have been removed from the platform.
14
-
15
- The trailing SVG icon.
16
- @example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
17
-
18
- <Button trailingSvgIcon={TokyoUITag}>Button</Button>
19
- or
20
- <Button trailingSvgIcon={<TokyoUITag />}>Button</Button>`,name:"trailingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLAnchorElement | HTMLButtonElement | null) => void"},{value:"RefObject<HTMLAnchorElement | HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{r as B};
@@ -1 +0,0 @@
1
- ._Button--icon_3o0wv_5{display:flex;margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}._Button--icon_3o0wv_5 svg{width:var(--f316e1);height:var(--f316e1)}._Button--icon_3o0wv_5 svg path{fill:currentColor}
@@ -1 +0,0 @@
1
- ._Heading_1ucgn_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);margin:0}._Heading--level-h1-normal_1ucgn_11{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--level-h1-large_1ucgn_17{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--level-h2-normal_1ucgn_23{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--level-h2-large_1ucgn_29{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--level-h3-normal_1ucgn_35{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--level-h3-large_1ucgn_41{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--level-h4-normal_1ucgn_47{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--level-h4-large_1ucgn_53{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--level-h5-normal_1ucgn_59{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--level-h5-large_1ucgn_65{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}@media (min-width: 400px){._Heading--narrow-l--level-h1-normal_1ucgn_72{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--narrow-l--level-h1-large_1ucgn_78{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--narrow-l--level-h2-normal_1ucgn_84{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--narrow-l--level-h2-large_1ucgn_90{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--narrow-l--level-h3-normal_1ucgn_96{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--narrow-l--level-h3-large_1ucgn_102{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--narrow-l--level-h4-normal_1ucgn_108{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--narrow-l--level-h4-large_1ucgn_114{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--narrow-l--level-h5-normal_1ucgn_120{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--narrow-l--level-h5-large_1ucgn_126{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 700px){._Heading--medium-s--level-h1-normal_1ucgn_134{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-s--level-h1-large_1ucgn_140{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-s--level-h2-normal_1ucgn_146{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-s--level-h2-large_1ucgn_152{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-s--level-h3-normal_1ucgn_158{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-s--level-h3-large_1ucgn_164{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-s--level-h4-normal_1ucgn_170{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-s--level-h4-large_1ucgn_176{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-s--level-h5-normal_1ucgn_182{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-s--level-h5-large_1ucgn_188{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 880px){._Heading--medium-l--level-h1-normal_1ucgn_196{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-l--level-h1-large_1ucgn_202{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-l--level-h2-normal_1ucgn_208{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-l--level-h2-large_1ucgn_214{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-l--level-h3-normal_1ucgn_220{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-l--level-h3-large_1ucgn_226{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-l--level-h4-normal_1ucgn_232{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-l--level-h4-large_1ucgn_238{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-l--level-h5-normal_1ucgn_244{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-l--level-h5-large_1ucgn_250{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1200px){._Heading--wide-s--level-h1-normal_1ucgn_258{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-s--level-h1-large_1ucgn_264{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-s--level-h2-normal_1ucgn_270{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-s--level-h2-large_1ucgn_276{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-s--level-h3-normal_1ucgn_282{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-s--level-h3-large_1ucgn_288{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-s--level-h4-normal_1ucgn_294{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-s--level-h4-large_1ucgn_300{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-s--level-h5-normal_1ucgn_306{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-s--level-h5-large_1ucgn_312{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1900px){._Heading--wide-l--level-h1-normal_1ucgn_320{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-l--level-h1-large_1ucgn_326{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-l--level-h2-normal_1ucgn_332{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-l--level-h2-large_1ucgn_338{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-l--level-h3-normal_1ucgn_344{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-l--level-h3-large_1ucgn_350{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-l--level-h4-normal_1ucgn_356{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-l--level-h4-large_1ucgn_362{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-l--level-h5-normal_1ucgn_368{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-l--level-h5-large_1ucgn_374{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}._Heading--variant-massive_1ucgn_381{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--variant-huge_1ucgn_387{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--variant-extraLarge_1ucgn_393{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--variant-large_1ucgn_399{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--variant-medium_1ucgn_405{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--variant-small_1ucgn_411{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}@media (min-width: 400px){._Heading--narrow-l--variant-massive_1ucgn_418{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--narrow-l--variant-huge_1ucgn_424{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--narrow-l--variant-extraLarge_1ucgn_430{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--narrow-l--variant-large_1ucgn_436{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--narrow-l--variant-medium_1ucgn_442{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--narrow-l--variant-small_1ucgn_448{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 700px){._Heading--medium-s--variant-massive_1ucgn_456{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-s--variant-huge_1ucgn_462{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-s--variant-extraLarge_1ucgn_468{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-s--variant-large_1ucgn_474{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-s--variant-medium_1ucgn_480{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-s--variant-small_1ucgn_486{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 880px){._Heading--medium-l--variant-massive_1ucgn_494{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-l--variant-huge_1ucgn_500{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-l--variant-extraLarge_1ucgn_506{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-l--variant-large_1ucgn_512{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-l--variant-medium_1ucgn_518{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-l--variant-small_1ucgn_524{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1200px){._Heading--wide-s--variant-massive_1ucgn_532{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-s--variant-huge_1ucgn_538{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-s--variant-extraLarge_1ucgn_544{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-s--variant-large_1ucgn_550{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-s--variant-medium_1ucgn_556{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-s--variant-small_1ucgn_562{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1900px){._Heading--wide-l--variant-massive_1ucgn_570{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-l--variant-huge_1ucgn_576{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-l--variant-extraLarge_1ucgn_582{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-l--variant-large_1ucgn_588{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-l--variant-medium_1ucgn_594{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-l--variant-small_1ucgn_600{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@-webkit-keyframes _spin_1x6u0_1{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes _spin_1x6u0_1{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}._Spinner_1x6u0_12{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._Spinner--size-default_1x6u0_15>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--size-large_1x6u0_19>*{width:var(--77547f);height:var(--77547f)}@media (min-width: 400px){._Spinner--narrow-l--size-default_1x6u0_24>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--narrow-l--size-large_1x6u0_28>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 700px){._Spinner--medium-s--size-default_1x6u0_34>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--medium-s--size-large_1x6u0_38>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 880px){._Spinner--medium-l--size-default_1x6u0_44>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--medium-l--size-large_1x6u0_48>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1200px){._Spinner--wide-s--size-default_1x6u0_54>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--wide-s--size-large_1x6u0_58>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1900px){._Spinner--wide-l--size-default_1x6u0_64>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--wide-l--size-large_1x6u0_68>*{width:var(--77547f);height:var(--77547f)}}._Spinner--static_1x6u0_73{display:none}._Spinner--static_1x6u0_73 svg{fill:currentColor}._Spinner--animated_1x6u0_79{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._Spinner--animated_1x6u0_79 svg{stroke:currentColor;stroke-linecap:round;stroke-width:3px;-webkit-animation:_spin_1x6u0_1 1s cubic-bezier(.46,.17,.58,.87) infinite;animation:_spin_1x6u0_1 1s cubic-bezier(.46,.17,.58,.87) infinite}@media (prefers-reduced-motion){._Spinner--static_1x6u0_73{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._Spinner--animated_1x6u0_79{display:none}}._button-width--width-full_1lsy8_5{width:100%}._button-width--width-auto_1lsy8_8{width:auto}@media (min-width: 400px){._button-width--narrow-l--width-full_1lsy8_12{width:100%}._button-width--narrow-l--width-auto_1lsy8_15{width:auto}}@media (min-width: 700px){._button-width--medium-s--width-full_1lsy8_20{width:100%}._button-width--medium-s--width-auto_1lsy8_23{width:auto}}@media (min-width: 880px){._button-width--medium-l--width-full_1lsy8_28{width:100%}._button-width--medium-l--width-auto_1lsy8_31{width:auto}}@media (min-width: 1200px){._button-width--wide-s--width-full_1lsy8_36{width:100%}._button-width--wide-s--width-auto_1lsy8_39{width:auto}}@media (min-width: 1900px){._button-width--wide-l--width-full_1lsy8_44{width:100%}._button-width--wide-l--width-auto_1lsy8_47{width:auto}}._ButtonBase_1lsy8_51{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);color:var(--aface6);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--d61910);text-align:center;-webkit-text-decoration:none;text-decoration:none;background-color:transparent;border-radius:var(--8d5131);border-width:var(--0b1b71);border-style:solid;border-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}._ButtonBase--content_1lsy8_77{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--0aee7b);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:baseline}._ButtonBase--is-icon-button_1lsy8_84 ._ButtonBase--content_1lsy8_77 svg{width:var(--f02c4e);height:var(--f02c4e)}._ButtonBase--is-icon-button_1lsy8_84 ._ButtonBase--content_1lsy8_77 svg path{fill:currentColor}._ButtonBase--busy_1lsy8_91{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._ButtonBase_1lsy8_51[disabled],._ButtonBase_1lsy8_51[disabled]:hover{cursor:not-allowed;color:var(--a8b89c);background-color:var(--04daeb);border-color:var(--e05289)}._ButtonBase_1lsy8_51:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._ButtonBase--is-busy_1lsy8_114{cursor:default;pointer-events:none}._ButtonBase--is-busy_1lsy8_114 ._ButtonBase--content_1lsy8_77{visibility:hidden}._ButtonBase--width-full_1lsy8_121{width:100%}._ButtonBase--width-auto_1lsy8_124{width:auto}@media (min-width: 400px){._ButtonBase--narrow-l--width-full_1lsy8_128{width:100%}._ButtonBase--narrow-l--width-auto_1lsy8_131{width:auto}}@media (min-width: 700px){._ButtonBase--medium-s--width-full_1lsy8_136{width:100%}._ButtonBase--medium-s--width-auto_1lsy8_139{width:auto}}@media (min-width: 880px){._ButtonBase--medium-l--width-full_1lsy8_144{width:100%}._ButtonBase--medium-l--width-auto_1lsy8_147{width:auto}}@media (min-width: 1200px){._ButtonBase--wide-s--width-full_1lsy8_152{width:100%}._ButtonBase--wide-s--width-auto_1lsy8_155{width:auto}}@media (min-width: 1900px){._ButtonBase--wide-l--width-full_1lsy8_160{width:100%}._ButtonBase--wide-l--width-auto_1lsy8_163{width:auto}}._ButtonBase--size-xs_1lsy8_167{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--is-icon-button-size-xs_1lsy8_176{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--size-s_1lsy8_181{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--is-icon-button-size-s_1lsy8_190{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--size-m_1lsy8_195{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--is-icon-button-size-m_1lsy8_204{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--size-l_1lsy8_209{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--is-icon-button-size-l_1lsy8_218{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--size-xl_1lsy8_223{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--is-icon-button-size-xl_1lsy8_232{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--size-large_1lsy8_237{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--is-icon-button-size-large_1lsy8_246{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--size-medium_1lsy8_251{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--is-icon-button-size-medium_1lsy8_260{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--size-small_1lsy8_265{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--is-icon-button-size-small_1lsy8_274{width:var(--5eca09);height:var(--5eca09);padding:0}@media (min-width: 400px){._ButtonBase--narrow-l--size-xs_1lsy8_280{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--narrow-l--is-icon-button-size-xs_1lsy8_289{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--narrow-l--size-s_1lsy8_294{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--narrow-l--is-icon-button-size-s_1lsy8_303{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--narrow-l--size-m_1lsy8_308{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--narrow-l--is-icon-button-size-m_1lsy8_317{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--narrow-l--size-l_1lsy8_322{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--narrow-l--is-icon-button-size-l_1lsy8_331{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--narrow-l--size-xl_1lsy8_336{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--narrow-l--is-icon-button-size-xl_1lsy8_345{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--narrow-l--size-large_1lsy8_350{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--narrow-l--is-icon-button-size-large_1lsy8_359{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--narrow-l--size-medium_1lsy8_364{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--narrow-l--is-icon-button-size-medium_1lsy8_373{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--narrow-l--size-small_1lsy8_378{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--narrow-l--is-icon-button-size-small_1lsy8_387{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 700px){._ButtonBase--medium-s--size-xs_1lsy8_394{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--medium-s--is-icon-button-size-xs_1lsy8_403{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-s--size-s_1lsy8_408{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--medium-s--is-icon-button-size-s_1lsy8_417{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-s--size-m_1lsy8_422{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--medium-s--is-icon-button-size-m_1lsy8_431{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-s--size-l_1lsy8_436{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--medium-s--is-icon-button-size-l_1lsy8_445{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-s--size-xl_1lsy8_450{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--medium-s--is-icon-button-size-xl_1lsy8_459{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-s--size-large_1lsy8_464{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--medium-s--is-icon-button-size-large_1lsy8_473{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-s--size-medium_1lsy8_478{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--medium-s--is-icon-button-size-medium_1lsy8_487{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-s--size-small_1lsy8_492{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--medium-s--is-icon-button-size-small_1lsy8_501{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 880px){._ButtonBase--medium-l--size-xs_1lsy8_508{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--medium-l--is-icon-button-size-xs_1lsy8_517{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-l--size-s_1lsy8_522{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--medium-l--is-icon-button-size-s_1lsy8_531{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-l--size-m_1lsy8_536{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--medium-l--is-icon-button-size-m_1lsy8_545{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-l--size-l_1lsy8_550{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--medium-l--is-icon-button-size-l_1lsy8_559{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-l--size-xl_1lsy8_564{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--medium-l--is-icon-button-size-xl_1lsy8_573{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-l--size-large_1lsy8_578{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--medium-l--is-icon-button-size-large_1lsy8_587{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-l--size-medium_1lsy8_592{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--medium-l--is-icon-button-size-medium_1lsy8_601{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-l--size-small_1lsy8_606{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--medium-l--is-icon-button-size-small_1lsy8_615{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1200px){._ButtonBase--wide-s--size-xs_1lsy8_622{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--wide-s--is-icon-button-size-xs_1lsy8_631{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-s--size-s_1lsy8_636{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--wide-s--is-icon-button-size-s_1lsy8_645{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-s--size-m_1lsy8_650{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--wide-s--is-icon-button-size-m_1lsy8_659{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-s--size-l_1lsy8_664{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--wide-s--is-icon-button-size-l_1lsy8_673{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-s--size-xl_1lsy8_678{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--wide-s--is-icon-button-size-xl_1lsy8_687{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-s--size-large_1lsy8_692{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--wide-s--is-icon-button-size-large_1lsy8_701{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-s--size-medium_1lsy8_706{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--wide-s--is-icon-button-size-medium_1lsy8_715{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-s--size-small_1lsy8_720{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--wide-s--is-icon-button-size-small_1lsy8_729{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1900px){._ButtonBase--wide-l--size-xs_1lsy8_736{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--wide-l--is-icon-button-size-xs_1lsy8_745{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-l--size-s_1lsy8_750{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--wide-l--is-icon-button-size-s_1lsy8_759{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-l--size-m_1lsy8_764{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--wide-l--is-icon-button-size-m_1lsy8_773{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-l--size-l_1lsy8_778{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--wide-l--is-icon-button-size-l_1lsy8_787{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-l--size-xl_1lsy8_792{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--wide-l--is-icon-button-size-xl_1lsy8_801{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-l--size-large_1lsy8_806{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--wide-l--is-icon-button-size-large_1lsy8_815{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-l--size-medium_1lsy8_820{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--wide-l--is-icon-button-size-medium_1lsy8_829{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-l--size-small_1lsy8_834{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--wide-l--is-icon-button-size-small_1lsy8_843{width:var(--5eca09);height:var(--5eca09);padding:0}}._ButtonBase--variant-primary_1lsy8_849{color:var(--d2baa6);background-color:var(--508b34);border-color:var(--44bfe9);-webkit-text-decoration:var(--74cfa2);text-decoration:var(--74cfa2)}._ButtonBase--variant-primary--dsInternalSimulation-hover_1lsy8_855{color:var(--df6151);background-color:var(--902b50)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primary_1lsy8_849:hover{color:var(--df6151);background-color:var(--902b50)}}._ButtonBase--variant-primary_1lsy8_849[disabled],._ButtonBase--variant-primary_1lsy8_849[disabled]:hover{border-color:var(--f0720e)}._ButtonBase--variant-primary_1lsy8_849:active,._ButtonBase--variant-primary--dsInternalSimulation-active_1lsy8_870{color:var(--15cee1);background-color:var(--c1c1ca)}._ButtonBase--variant-secondary_1lsy8_874{color:var(--1614c9);background-color:var(--e56164);border-color:var(--ab736c);-webkit-text-decoration:var(--c6c73d);text-decoration:var(--c6c73d)}._ButtonBase--variant-secondary--dsInternalSimulation-hover_1lsy8_880{color:var(--0d6ae2);background-color:var(--0d124d)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-secondary_1lsy8_874:hover{color:var(--0d6ae2);background-color:var(--0d124d)}}._ButtonBase--variant-secondary_1lsy8_874[disabled],._ButtonBase--variant-secondary_1lsy8_874[disabled]:hover{border-color:var(--3f0f51)}._ButtonBase--variant-secondary_1lsy8_874:active,._ButtonBase--variant-secondary--dsInternalSimulation-active_1lsy8_895{color:var(--22cb4c);background-color:var(--33b439)}._ButtonBase--variant-tertiary_1lsy8_899{color:var(--937543);background-color:var(--28f3c1);border-color:var(--10556e);-webkit-text-decoration:var(--ce0e6a);text-decoration:var(--ce0e6a)}._ButtonBase--variant-tertiary--dsInternalSimulation-hover_1lsy8_905{color:var(--175a77);background-color:var(--ec17be)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-tertiary_1lsy8_899:hover{color:var(--175a77);background-color:var(--ec17be)}}._ButtonBase--variant-tertiary_1lsy8_899[disabled],._ButtonBase--variant-tertiary_1lsy8_899[disabled]:hover{border-color:var(--fd08b7)}._ButtonBase--variant-tertiary_1lsy8_899:active,._ButtonBase--variant-tertiary--dsInternalSimulation-active_1lsy8_920{color:var(--8274ee);background-color:var(--b0bf50)}._ButtonBase--variant-quaternary_1lsy8_924{color:var(--9cf6ec);background-color:var(--e46449);border-color:var(--0e9e01);-webkit-text-decoration:var(--5c0a2f);text-decoration:var(--5c0a2f)}._ButtonBase--variant-quaternary--dsInternalSimulation-hover_1lsy8_930{color:var(--6609c6);background-color:var(--afc176)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-quaternary_1lsy8_924:hover{color:var(--6609c6);background-color:var(--afc176)}}._ButtonBase--variant-quaternary_1lsy8_924[disabled],._ButtonBase--variant-quaternary_1lsy8_924[disabled]:hover{border-color:var(--3e2684)}._ButtonBase--variant-quaternary_1lsy8_924:active,._ButtonBase--variant-quaternary--dsInternalSimulation-active_1lsy8_945{color:var(--e9f226);background-color:var(--2ee553)}._ButtonBase--variant-ghost_1lsy8_949{color:var(--255ddc);background-color:var(--64bffa);border-color:var(--39e128);-webkit-text-decoration:var(--31d455);text-decoration:var(--31d455)}._ButtonBase--variant-ghost--dsInternalSimulation-hover_1lsy8_955{color:var(--e69072);background-color:var(--3b749f)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ghost_1lsy8_949:hover{color:var(--e69072);background-color:var(--3b749f)}}._ButtonBase--variant-ghost_1lsy8_949[disabled],._ButtonBase--variant-ghost_1lsy8_949[disabled]:hover{border-color:var(--af2d26)}._ButtonBase--variant-ghost_1lsy8_949:active,._ButtonBase--variant-ghost--dsInternalSimulation-active_1lsy8_970{color:var(--ddf285);background-color:var(--6beb48)}._ButtonBase--variant-ghost--is-selected_1lsy8_974{color:var(--5f5238);background-color:var(--a5cfbe)}._ButtonBase--variant-plain_1lsy8_978{color:var(--122a99);background-color:var(--bbb356);border-color:var(--0cad84);-webkit-text-decoration:var(--d2d32f);text-decoration:var(--d2d32f)}._ButtonBase--variant-plain--dsInternalSimulation-hover_1lsy8_984{color:var(--1265db);background-color:var(--df2aca)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-plain_1lsy8_978:hover{color:var(--1265db);background-color:var(--df2aca)}}._ButtonBase--variant-plain_1lsy8_978[disabled],._ButtonBase--variant-plain_1lsy8_978[disabled]:hover{border-color:var(--c6b607)}._ButtonBase--variant-plain_1lsy8_978:active,._ButtonBase--variant-plain--dsInternalSimulation-active_1lsy8_999{color:var(--a41624);background-color:var(--435fa5)}._ButtonBase--variant-dangerous_1lsy8_1003{color:var(--efde5b);background-color:var(--118bda);border-color:var(--ab5970);-webkit-text-decoration:var(--0bf14c);text-decoration:var(--0bf14c)}._ButtonBase--variant-dangerous--dsInternalSimulation-hover_1lsy8_1009{color:var(--6f5d5d);background-color:var(--e0b0f4)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-dangerous_1lsy8_1003:hover{color:var(--6f5d5d);background-color:var(--e0b0f4)}}._ButtonBase--variant-dangerous_1lsy8_1003[disabled],._ButtonBase--variant-dangerous_1lsy8_1003[disabled]:hover{border-color:var(--7deffa)}._ButtonBase--variant-dangerous_1lsy8_1003:active,._ButtonBase--variant-dangerous--dsInternalSimulation-active_1lsy8_1024{color:var(--6b4e92);background-color:var(--a5eaa1)}._ButtonBase--variant-critical_1lsy8_1028{color:var(--f68030);background-color:var(--faae28);border-color:var(--b357d0);-webkit-text-decoration:var(--91f4fa);text-decoration:var(--91f4fa)}._ButtonBase--variant-critical--dsInternalSimulation-hover_1lsy8_1034{color:var(--c3136e);background-color:var(--064c43)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-critical_1lsy8_1028:hover{color:var(--c3136e);background-color:var(--064c43)}}._ButtonBase--variant-critical_1lsy8_1028[disabled],._ButtonBase--variant-critical_1lsy8_1028[disabled]:hover{border-color:var(--e117c7)}._ButtonBase--variant-critical_1lsy8_1028:active,._ButtonBase--variant-critical--dsInternalSimulation-active_1lsy8_1049{color:var(--f9fba8);background-color:var(--152a7a)}._ButtonBase--variant-onColor_1lsy8_1053{color:var(--96343f);background-color:var(--d64a99);border-color:var(--d2723c);-webkit-text-decoration:var(--af7137);text-decoration:var(--af7137)}._ButtonBase--variant-onColor--dsInternalSimulation-hover_1lsy8_1059{color:var(--145384);background-color:var(--549e56)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-onColor_1lsy8_1053:hover{color:var(--145384);background-color:var(--549e56)}}._ButtonBase--variant-onColor_1lsy8_1053[disabled],._ButtonBase--variant-onColor_1lsy8_1053[disabled]:hover{border-color:var(--e1a214)}._ButtonBase--variant-onColor_1lsy8_1053:active,._ButtonBase--variant-onColor--dsInternalSimulation-active_1lsy8_1074{color:var(--f772e8);background-color:var(--936fce)}._ButtonBase--variant-classroom_1lsy8_1078{color:var(--8d482c);background-color:var(--7a038f);border-color:var(--38faba);-webkit-text-decoration:var(--4d5ea8);text-decoration:var(--4d5ea8)}._ButtonBase--variant-classroom--dsInternalSimulation-hover_1lsy8_1084{color:var(--55bfda);background-color:var(--077a93)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-classroom_1lsy8_1078:hover{color:var(--55bfda);background-color:var(--077a93)}}._ButtonBase--variant-classroom_1lsy8_1078[disabled],._ButtonBase--variant-classroom_1lsy8_1078[disabled]:hover{border-color:var(--659377)}._ButtonBase--variant-classroom_1lsy8_1078:active,._ButtonBase--variant-classroom--dsInternalSimulation-active_1lsy8_1099{color:var(--b62751);background-color:var(--45d93a)}._ButtonBase--variant-classroom--is-selected_1lsy8_1103{color:var(--a0b42b);background-color:var(--16a985)}._ButtonBase--variant-primaryB2b_1lsy8_1107{color:var(--4a94de);background-color:var(--6c36b5);border-color:var(--4a9eb5);-webkit-text-decoration:var(--6c9741);text-decoration:var(--6c9741)}._ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_1lsy8_1113{color:var(--3e45d7);background-color:var(--dcdb32)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryB2b_1lsy8_1107:hover{color:var(--3e45d7);background-color:var(--dcdb32)}}._ButtonBase--variant-primaryB2b_1lsy8_1107[disabled],._ButtonBase--variant-primaryB2b_1lsy8_1107[disabled]:hover{border-color:var(--e7f949)}._ButtonBase--variant-primaryB2b_1lsy8_1107:active,._ButtonBase--variant-primaryB2b--dsInternalSimulation-active_1lsy8_1128{color:var(--cb03bc);background-color:var(--fc3d8b)}._ButtonBase--variant-primaryTutor_1lsy8_1132{color:var(--c93681);background-color:var(--4aa1b1);border-color:var(--f103e9);-webkit-text-decoration:var(--6e7352);text-decoration:var(--6e7352)}._ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_1lsy8_1138{color:var(--e91696);background-color:var(--46a009)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryTutor_1lsy8_1132:hover{color:var(--e91696);background-color:var(--46a009)}}._ButtonBase--variant-primaryTutor_1lsy8_1132[disabled],._ButtonBase--variant-primaryTutor_1lsy8_1132[disabled]:hover{border-color:var(--f6a20e)}._ButtonBase--variant-primaryTutor_1lsy8_1132:active,._ButtonBase--variant-primaryTutor--dsInternalSimulation-active_1lsy8_1153{color:var(--58d992);background-color:var(--dd5a43)}._ButtonBase--variant-inverted_1lsy8_1157{color:var(--81b7df);background-color:var(--c54155);border-color:var(--fe1378);-webkit-text-decoration:var(--fb8624);text-decoration:var(--fb8624)}._ButtonBase--variant-inverted--dsInternalSimulation-hover_1lsy8_1163{color:var(--79a09e);background-color:var(--8a16b5)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-inverted_1lsy8_1157:hover{color:var(--79a09e);background-color:var(--8a16b5)}}._ButtonBase--variant-inverted_1lsy8_1157[disabled],._ButtonBase--variant-inverted_1lsy8_1157[disabled]:hover{border-color:var(--e797f1)}._ButtonBase--variant-inverted_1lsy8_1157:active,._ButtonBase--variant-inverted--dsInternalSimulation-active_1lsy8_1178{color:var(--77e945);background-color:var(--de59a1)}._ButtonBase--variant-newFeature_1lsy8_1182{color:var(--ad44c3);background-color:var(--7dbfce);border-color:var(--a7eddc);-webkit-text-decoration:var(--fd7ece);text-decoration:var(--fd7ece)}._ButtonBase--variant-newFeature--dsInternalSimulation-hover_1lsy8_1188{color:var(--ddcea1);background-color:var(--dd2815)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-newFeature_1lsy8_1182:hover{color:var(--ddcea1);background-color:var(--dd2815)}}._ButtonBase--variant-newFeature_1lsy8_1182[disabled],._ButtonBase--variant-newFeature_1lsy8_1182[disabled]:hover{border-color:var(--7d2338)}._ButtonBase--variant-newFeature_1lsy8_1182:active,._ButtonBase--variant-newFeature--dsInternalSimulation-active_1lsy8_1203{color:var(--d4762b);background-color:var(--b3e453)}._ButtonBase--variant-ai_1lsy8_1207{color:var(--aa08fb);background-color:var(--1bdcc0);border-color:var(--8e8894);-webkit-text-decoration:var(--c82204);text-decoration:var(--c82204)}._ButtonBase--variant-ai--dsInternalSimulation-hover_1lsy8_1213{color:var(--59b757);background-color:var(--f043dc)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ai_1lsy8_1207:hover{color:var(--59b757);background-color:var(--f043dc)}}._ButtonBase--variant-ai_1lsy8_1207[disabled],._ButtonBase--variant-ai_1lsy8_1207[disabled]:hover{border-color:var(--6ac212)}._ButtonBase--variant-ai_1lsy8_1207:active,._ButtonBase--variant-ai--dsInternalSimulation-active_1lsy8_1228{color:var(--349ae3);background-color:var(--5bba7d)}._ButtonBase--variant-ai_1lsy8_1207{-o-border-image:var(--0b0037);border-image:var(--0b0037)}._ButtonBase--variant-ai_1lsy8_1207[disabled],._ButtonBase--variant-ai_1lsy8_1207[disabled]:hover{-o-border-image:none;border-image:none;-o-border-image:initial;border-image:initial;border-color:var(--6ac212)}._ButtonBase--no-wrap_1lsy8_1240{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}._Button--icon_3o0wv_5{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}._Button--icon_3o0wv_5 svg{width:var(--f316e1);height:var(--f316e1)}._Button--icon_3o0wv_5 svg path{fill:currentColor}