@preply/ds-docs 1.3.0 → 1.4.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 (248) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-8tg2E-qV.js → 00.LayoutFlex.stories-ed2lpBeG.js} +1 -1
  2. package/dist/assets/{00.applications-D2_tGfRf.js → 00.applications-DLWUENDG.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-C690JGQk.js → 00.favicons.guide-D5-20tQH.js} +1 -1
  4. package/dist/assets/{00.token-explorer-y6W0f5Yb.js → 00.token-explorer-BIc8vy7H.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-D7HIJt3_.js → 00.using-responsive-props-CY9p8v_u.js} +1 -1
  6. package/dist/assets/01.semantic-tokens-CThrY5Ts.js +2 -0
  7. package/dist/assets/{01.using-shorthand-props-D5OpTPkW.js → 01.using-shorthand-props-C_vbhNfL.js} +1 -1
  8. package/dist/assets/{10.Combinations.stories-Ct6685NI.js → 10.Combinations.stories-Bj20QCLY.js} +1 -1
  9. package/dist/assets/{10.fonts.guide-D9i9sQJH.js → 10.fonts.guide-Dy8fgLU5.js} +1 -1
  10. package/dist/assets/{10.ssr-DSJl1ffD.js → 10.ssr-D9v_dR0o.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer-I7XhZ4Xm.js → 11.languageFont.explorer-BZuqA2Qd.js} +1 -1
  12. package/dist/assets/{11.ssr.app-router-BuXrSise.js → 11.ssr.app-router-CU9S0P9E.js} +1 -1
  13. package/dist/assets/{20.libraries-D_xIp-Wv.js → 20.libraries-CG6__ozS.js} +1 -1
  14. package/dist/assets/{30.icons.explorer-PH1cdaPD.js → 30.icons.explorer-CK_LzlUE.js} +1 -1
  15. package/dist/assets/{30.storybook-CEe-PiYy.js → 30.storybook-Be_FRDz_.js} +1 -1
  16. package/dist/assets/{40.illustrations.explorer-D7eLGfu0.js → 40.illustrations.explorer-lGFuCzSa.js} +1 -1
  17. package/dist/assets/{90.advanced-BE9PXRjl.js → 90.advanced-C4czMsOy.js} +1 -1
  18. package/dist/assets/AlertDialog-CSUTu5O6.css +1 -0
  19. package/dist/assets/AlertDialog.stories-DlRWBYYU.js +142 -0
  20. package/dist/assets/Avatar-CmnrM37w.js +6 -0
  21. package/dist/assets/Avatar-JE3Hcbkv.css +1 -0
  22. package/dist/assets/Avatar-_W1s5JpT.css +1 -0
  23. package/dist/assets/Avatar-iqWOn9Tl.js +1 -0
  24. package/dist/assets/{Avatar.stories-Bt8pPC1s.js → Avatar.stories-OTgx0pcM.js} +1 -1
  25. package/dist/assets/AvatarWithStatus-pddO2Nza.css +1 -0
  26. package/dist/assets/{AvatarWithStatus.stories-DZOf0a9g.js → AvatarWithStatus.stories--mF91ETX.js} +2 -2
  27. package/dist/assets/Badge-DcbG4N4-.css +1 -0
  28. package/dist/assets/{Badge.stories-BEJXe-bl.js → Badge.stories-D8nghiXL.js} +2 -2
  29. package/dist/assets/Box-CJkXzUjZ.css +1 -0
  30. package/dist/assets/Box.stories-DxW6l-HA.js +44 -0
  31. package/dist/assets/Button-B1mdczvv.js +1 -0
  32. package/dist/assets/Button-C6kEKm6h.css +1 -0
  33. package/dist/assets/Button-CHTJqu07.css +1 -0
  34. package/dist/assets/{Button-CGkNG45w.js → Button-DqwK0S70.js} +1 -1
  35. package/dist/assets/{Button.stories-CkilfUVx.js → Button.stories-oW-QBb5C.js} +1 -1
  36. package/dist/assets/{ButtonBase-CoA6K-It.css → ButtonBase-CuGZo0xf.css} +1 -1
  37. package/dist/assets/ButtonBase-D31GBWHv.js +8 -0
  38. package/dist/assets/Chips-Dejf8Sh_.css +1 -0
  39. package/dist/assets/{Chips.stories-BazAHlkw.js → Chips.stories-DiprPB2i.js} +1 -1
  40. package/dist/assets/{Color-YHDXOIA2-C4y61ek1.js → Color-YHDXOIA2-C2h0aGNO.js} +1 -1
  41. package/dist/assets/Dialog-DwZQYtV6.css +1 -0
  42. package/dist/assets/{Dialog.stories-tKAuFOhG.js → Dialog.stories-CAPNnMI_.js} +16 -16
  43. package/dist/assets/{DocsRenderer-CFRXHY34-CKni1BW8.js → DocsRenderer-CFRXHY34-C35smYsV.js} +1 -1
  44. package/dist/assets/FieldAdditionalText-CUu6JGoC.css +1 -0
  45. package/dist/assets/{FieldAdditionalText-DuEWaFeu.js → FieldAdditionalText-lW7Q1VGp.js} +1 -1
  46. package/dist/assets/{FieldAdditionalText.stories-BKzJywVE.js → FieldAdditionalText.stories-DcGxrOlS.js} +1 -1
  47. package/dist/assets/{FieldButton-D-la2Jzn.js → FieldButton-QHhW28uq.js} +1 -1
  48. package/dist/assets/{FieldButton-DnMkKpFP.css → FieldButton-k7TvuQHy.css} +1 -1
  49. package/dist/assets/{FieldButton.stories-DNCX_6wX.js → FieldButton.stories-vBmg2O9Q.js} +1 -1
  50. package/dist/assets/{FieldLayout-ucPtI83J.js → FieldLayout-BGkL1EMg.js} +1 -1
  51. package/dist/assets/FieldLayout-CG9n-WOS.css +1 -0
  52. package/dist/assets/{FieldLayout.stories-BaXyFyV0.js → FieldLayout.stories-CtD6-C6l.js} +1 -1
  53. package/dist/assets/FieldLayoutBase-CoIn-2cd.css +1 -0
  54. package/dist/assets/{FieldLayoutBase-BmwMSdWE.js → FieldLayoutBase-DQbxDQVA.js} +3 -3
  55. package/dist/assets/Heading-CifnBvGj.js +2 -0
  56. package/dist/assets/{Heading-DamS8I5F.css → Heading-DeYpQLgb.css} +1 -1
  57. package/dist/assets/{Heading.stories-DRr8Hoa4.js → Heading.stories-CROOXvlq.js} +1 -1
  58. package/dist/assets/Icon-BVvspUlo.js +1 -0
  59. package/dist/assets/Icon-BwwIOKM_.js +8 -0
  60. package/dist/assets/Icon-ByJ3-8OT.css +1 -0
  61. package/dist/assets/Icon-DghDQiVd.css +1 -0
  62. package/dist/assets/{Icon-RSC-CovqgG20.js → Icon-RSC-BOyrffYC.js} +1 -1
  63. package/dist/assets/{Icon.stories-CaNkb_vC.js → Icon.stories-BqehTDt3.js} +1 -1
  64. package/dist/assets/{IconButton-Bh5Ni2UR.js → IconButton-CI9clg4P.js} +1 -1
  65. package/dist/assets/InputText-DmOW3mdD.js +5 -0
  66. package/dist/assets/{LayoutFlex-gmvguImq.js → LayoutFlex-CaenMVBF.js} +1 -1
  67. package/dist/assets/{LayoutFlex-CDowjZxB.js → LayoutFlex-JnKYDcpC.js} +1 -1
  68. package/dist/assets/LayoutFlexItem-BM0Abp7Y.js +1 -0
  69. package/dist/assets/LayoutFlexItem-Dv67D5k3.css +1 -0
  70. package/dist/assets/LayoutGrid-BG6JKtyy.css +1 -0
  71. package/dist/assets/LayoutGrid-BhioG4bL.js +1 -0
  72. package/dist/assets/LayoutGrid-CJQpEAmZ.css +1 -0
  73. package/dist/assets/{LayoutGrid.stories-CQPljoqP.js → LayoutGrid.stories-Dv8lBJmB.js} +3 -3
  74. package/dist/assets/LayoutGridItem-BDT0sqW-.css +1 -0
  75. package/dist/assets/LayoutGridItem-CdnUXNtY.js +1 -0
  76. package/dist/assets/Link-vYql_2wB.css +1 -0
  77. package/dist/assets/{Link.stories-zLAuWX9B.js → Link.stories-DXbiFw9-.js} +4 -4
  78. package/dist/assets/Loader-DLP0PI5-.css +1 -0
  79. package/dist/assets/{Loader.stories-BboqpWt8.js → Loader.stories-DvgUtUpE.js} +2 -2
  80. package/dist/assets/{NumberField.stories-BpHFB9CV.js → NumberField.stories-BQIOdo90.js} +2 -2
  81. package/dist/assets/{ObserveIntersection-Ccn6ggRl.js → ObserveIntersection-D396wl1Z.js} +1 -1
  82. package/dist/assets/{ObserveIntersection.stories-CK5RwCMK.js → ObserveIntersection.stories-DIe0cEvy.js} +1 -1
  83. package/dist/assets/{OnboardingTooltip-x2DszDmR.js → OnboardingTooltip-IYSphueI.js} +1 -1
  84. package/dist/assets/OnboardingTooltip-RxaiJe-3.css +1 -0
  85. package/dist/assets/{OnboardingTooltip.stories-YGWZh7wP.js → OnboardingTooltip.stories-DnfLcLUg.js} +1 -1
  86. package/dist/assets/{OnboardingTooltip.tests.stories-BK5MQVED.js → OnboardingTooltip.tests.stories-DobHu21P.js} +1 -1
  87. package/dist/assets/{OnboardingTour-X5M_cS7-.js → OnboardingTour-2YaW_XWj.js} +1 -1
  88. package/dist/assets/{OnboardingTour-BP4h7xR5.css → OnboardingTour-Dr4ZlIUd.css} +1 -1
  89. package/dist/assets/{OnboardingTour.stories-BXsH2xpO.js → OnboardingTour.stories-BUBpjiez.js} +2 -2
  90. package/dist/assets/{OnboardingTour.tests.stories-DPOUFVqx.js → OnboardingTour.tests.stories-Buou9m4A.js} +1 -1
  91. package/dist/assets/PasswordField.stories-BevSwKGm.js +203 -0
  92. package/dist/assets/{PortalElementProvider-C0EkDknq.js → PortalElementProvider-DidBkzFe.js} +1 -1
  93. package/dist/assets/PreplyLogo-CBB3sPr3.css +1 -0
  94. package/dist/assets/{PreplyLogo.stories-DmXcvjgv.js → PreplyLogo.stories-BReIYVeE.js} +1 -1
  95. package/dist/assets/{ProgressBar-MHmjD13J.css → ProgressBar-D5aTIWY3.css} +1 -1
  96. package/dist/assets/{ProgressBar.stories-zcVtMh1i.js → ProgressBar.stories-wrAgHPrO.js} +1 -1
  97. package/dist/assets/{ProgressSteps-DKRENNWi.js → ProgressSteps-DWp2S1-b.js} +1 -1
  98. package/dist/assets/ProgressSteps-s9ACrzTy.css +1 -0
  99. package/dist/assets/{ProgressSteps.stories-BI9GvwsT.js → ProgressSteps.stories-CsWQLVog.js} +1 -1
  100. package/dist/assets/RootProvider-o_gxYeLh.js +1 -0
  101. package/dist/assets/SelectField-N7X7yUPn.css +1 -0
  102. package/dist/assets/SelectField.stories-9iipR200.js +182 -0
  103. package/dist/assets/{ShowOnIntersection.stories-D4B8EpSn.js → ShowOnIntersection.stories-BYz5GE4A.js} +1 -1
  104. package/dist/assets/Spinner-CVHMc-T0.css +1 -0
  105. package/dist/assets/{Spinner-DvSs1_DJ.js → Spinner-Dsa9X0G6.js} +1 -1
  106. package/dist/assets/Steps-CQWsOQKy.css +1 -0
  107. package/dist/assets/{Steps-BA9vRUSH.js → Steps-ifU4R9DW.js} +2 -2
  108. package/dist/assets/{Steps.stories-CArtTlc9.js → Steps.stories-DkI3jK5X.js} +1 -1
  109. package/dist/assets/{Text-D1nuTHlP.css → Text-BWNSh4D5.css} +1 -1
  110. package/dist/assets/Text-CDqVYAcD.js +1 -0
  111. package/dist/assets/Text-CdCGNBj4.js +1 -0
  112. package/dist/assets/{Text.stories-NYehfxgE.js → Text.stories-B8iegpqH.js} +1 -1
  113. package/dist/assets/TextField-DAwVD2CM.css +1 -0
  114. package/dist/assets/TextField-q53ruCuh.js +1 -0
  115. package/dist/assets/{TextField.stories-BY1H4a9E.js → TextField.stories-Beeq1JfY.js} +1 -1
  116. package/dist/assets/TextHighlighted-BHCtybuo.css +1 -0
  117. package/dist/assets/TextHighlighted-BdF2_CZo.js +1 -0
  118. package/dist/assets/{TextHighlighted.stories-CU-YQh0c.js → TextHighlighted.stories-DdbLv0RQ.js} +1 -1
  119. package/dist/assets/TextInline-CDFHfvph.css +1 -0
  120. package/dist/assets/{TextInline.stories-DxQqdyQA.js → TextInline.stories-aCVFO11z.js} +2 -2
  121. package/dist/assets/TextareaField.stories-bA314Jtt.js +221 -0
  122. package/dist/assets/Toast-BBn7aSpe.css +1 -0
  123. package/dist/assets/{Toast.stories-CSVzAKHh.js → Toast.stories-BZFlc1-_.js} +2 -2
  124. package/dist/assets/{Tooltip-CgNSV1zx.js → Tooltip-BvCJt9jJ.js} +1 -1
  125. package/dist/assets/Tooltip-Mm-tBuF2.css +1 -0
  126. package/dist/assets/{Tooltip.stories-BF2zDAu3.js → Tooltip.stories-Crh2sW9L.js} +1 -1
  127. package/dist/assets/{Tooltip.tests.stories-C_Osfge1.js → Tooltip.tests.stories-bmaSwgkR.js} +1 -1
  128. package/dist/assets/{breakpoints-Cxi56OGx.js → breakpoints-BELcY-aB.js} +1 -1
  129. package/dist/assets/{breakpoints-DAR-E6eG.js → breakpoints-CIpR6Rpt.js} +1 -1
  130. package/dist/assets/{breakpoints-BByG6q2q.js → breakpoints-_joXL0S9.js} +1 -1
  131. package/dist/assets/{changelog-DCnSoaQc.js → changelog-DdodvQsh.js} +200 -185
  132. package/dist/assets/{entry-preview-Rs3WVjAk.js → entry-preview-DNvfsvqm.js} +1 -1
  133. package/dist/assets/{getTokenVar-CD9sYO_0.js → getTokenVar-RiIceD0Y.js} +1 -1
  134. package/dist/assets/{hover-fULXOCaM.js → hover-BIABQ7bm.js} +1 -1
  135. package/dist/assets/{hover-BYUspDz3.js → hover-D2OphZ3W.js} +1 -1
  136. package/dist/assets/{hover-BILa1Jbh.js → hover-DDVoGg-g.js} +1 -1
  137. package/dist/assets/{iframe-vWKo2WPz.js → iframe-B08s_jqc.js} +2 -2
  138. package/dist/assets/{index-CWwb_nwj.js → index-B-5rsJjr.js} +1 -1
  139. package/dist/assets/{index-Cif9ZBgo.js → index-B77PBZuV.js} +1 -1
  140. package/dist/assets/{index-D1KM2TH6.js → index-BGAhMoqL.js} +3 -3
  141. package/dist/assets/index-BnaDsecG.js +7 -0
  142. package/dist/assets/{index-BoUZTGSt.js → index-CJrO-Wtu.js} +1 -1
  143. package/dist/assets/{index-F5yHvirT.js → index-DSa6qU7h.js} +1 -1
  144. package/dist/assets/{index-DlTEQ-d3.js → index-DmM0DblE.js} +1 -1
  145. package/dist/assets/{index-rt3jK62F.js → index-ODU_8Fga.js} +1 -1
  146. package/dist/assets/{intro-DZn3DHvI.js → intro-9BhCdV9M.js} +1 -1
  147. package/dist/assets/layout-relative-0-BGcS53.css +1 -0
  148. package/dist/assets/layout-relative-D-nYASza.css +1 -0
  149. package/dist/assets/layout-relative-DZ8FL-vJ.js +1 -0
  150. package/dist/assets/layout-relative-DiL5t_eA.css +1 -0
  151. package/dist/assets/layout-relative.module-Bf3FithH.js +1 -0
  152. package/dist/assets/layout-relative.module-CXJ9jc4G--YD8TQc4.js +1 -0
  153. package/dist/assets/{migrating-from-less-xfxGGfRQ.js → migrating-from-less-DX0PnZZJ.js} +1 -1
  154. package/dist/assets/options-DSKYF8ow.js +1 -0
  155. package/dist/assets/playground-BQGD3iU0.css +1 -0
  156. package/dist/assets/playground.stories-IM0Bn8my.js +857 -0
  157. package/dist/assets/{preview-BvnzZDeA.js → preview-DSwUvj7R.js} +1 -1
  158. package/dist/assets/{preview-uG6E6GFr.js → preview-D_cPBI7P.js} +2 -2
  159. package/dist/assets/{preview-D6yuuWfR.js → preview-E8zsGlo4.js} +1 -1
  160. package/dist/assets/text-accent-0oTyB6kb.css +1 -0
  161. package/dist/assets/text-accent-BMcamJQk.js +1 -0
  162. package/dist/assets/text-accent-CrnHOlvW.js +1 -0
  163. package/dist/assets/text-centered-1sU8-E1D.js +1 -0
  164. package/dist/assets/text-centered-BSdMMoT9.js +1 -0
  165. package/dist/assets/text-centered-BttmHjSJ.css +1 -0
  166. package/dist/assets/text-centered-V2JhT89g.css +1 -0
  167. package/dist/assets/{tokens-CIIxcXCS.js → tokens-D2SDDihU.js} +1 -1
  168. package/dist/assets/{tokens-C8usiAXt.js → tokens-DRcTh2ws.js} +1 -1
  169. package/dist/assets/tokens-Di5DrZN4.js +1 -0
  170. package/dist/assets/{tokens-RhSryCef.js → tokens-yG_wYklp.js} +1 -1
  171. package/dist/assets/{usePortalElement-DNdIYdAm.js → usePortalElement-aOX_O1I5.js} +1 -1
  172. package/dist/assets/{welcome-Dvt2b5nq.js → welcome-CGkWDS9u.js} +1 -1
  173. package/dist/assets/{zeroheight-LFw34vvi.js → zeroheight-CH9deXT2.js} +1 -1
  174. package/dist/iframe.html +1 -1
  175. package/dist/preview-stats.json +1371 -1188
  176. package/dist/project.json +1 -1
  177. package/package.json +3 -3
  178. package/dist/assets/01.semantic-tokens-Dy0yYUja.js +0 -2
  179. package/dist/assets/AlertDialog-DW9_6AZ8.css +0 -1
  180. package/dist/assets/AlertDialog.stories-DL75XA8r.js +0 -148
  181. package/dist/assets/Avatar-B2F4MHTO.css +0 -1
  182. package/dist/assets/Avatar-BhQ7jOQj.js +0 -6
  183. package/dist/assets/Avatar-BmAsMdOp.css +0 -1
  184. package/dist/assets/Avatar-Bwsmc9lX.js +0 -1
  185. package/dist/assets/AvatarWithStatus-pY3sCrjp.css +0 -1
  186. package/dist/assets/Badge-CpgrOePP.css +0 -1
  187. package/dist/assets/Box-CM3YGFU2.css +0 -1
  188. package/dist/assets/Box.stories-CH6Mdgpt.js +0 -44
  189. package/dist/assets/Button-BC_jw4NG.css +0 -1
  190. package/dist/assets/ButtonBase-DGRySlif.js +0 -8
  191. package/dist/assets/Chips-npNdfrcI.css +0 -1
  192. package/dist/assets/Dialog-D_4XJPhu.css +0 -1
  193. package/dist/assets/FieldAdditionalText-CwUpaFS0.css +0 -1
  194. package/dist/assets/FieldLayout-n59cZav_.css +0 -1
  195. package/dist/assets/FieldLayoutBase-DfX79WCU.css +0 -1
  196. package/dist/assets/Heading-BBi-mqnb.css +0 -1
  197. package/dist/assets/Heading-D5Sdpx6j.js +0 -2
  198. package/dist/assets/Heading-DIKUudVW.js +0 -1
  199. package/dist/assets/Icon-C6rDUkYo.js +0 -8
  200. package/dist/assets/Icon-CL5fP8-X.css +0 -1
  201. package/dist/assets/Icon-Cm_cf2-0.css +0 -1
  202. package/dist/assets/Icon-D7dTFAZz.js +0 -1
  203. package/dist/assets/InputText-DcyrRnV_.js +0 -5
  204. package/dist/assets/LayoutFlexItem-B-sXwsal.js +0 -1
  205. package/dist/assets/LayoutFlexItem-BelX-aXB.css +0 -1
  206. package/dist/assets/LayoutGrid-DfeGijvV.css +0 -1
  207. package/dist/assets/LayoutGrid-QZAfTQn5.js +0 -1
  208. package/dist/assets/LayoutGrid-aWJCovC4.css +0 -1
  209. package/dist/assets/LayoutGridItem-BTVKItd4.css +0 -1
  210. package/dist/assets/LayoutGridItem-ChTN54lj.js +0 -1
  211. package/dist/assets/Link-Be5EvvvY.css +0 -1
  212. package/dist/assets/Loader-COd8FTp8.css +0 -1
  213. package/dist/assets/OnboardingTooltip-CWEDWsqF.css +0 -1
  214. package/dist/assets/PasswordField.stories-Dmzyz9HV.js +0 -203
  215. package/dist/assets/PreplyLogo-D-EL1nAu.css +0 -1
  216. package/dist/assets/ProgressSteps-aaWTTKJv.css +0 -1
  217. package/dist/assets/RootProvider-_OxBHGC3.js +0 -1
  218. package/dist/assets/SelectField-DRuLQN6Y.css +0 -1
  219. package/dist/assets/SelectField.stories-D3P13J7b.js +0 -182
  220. package/dist/assets/Spinner-CdCa7n5q.css +0 -1
  221. package/dist/assets/Steps-BvugtWzT.css +0 -1
  222. package/dist/assets/Text-DEPGSVyh.js +0 -1
  223. package/dist/assets/Text-DYAggeGe.js +0 -1
  224. package/dist/assets/TextField-CyKhijoj.css +0 -1
  225. package/dist/assets/TextField-DphTmQSZ.js +0 -1
  226. package/dist/assets/TextHighlighted-BpMBas3S.js +0 -1
  227. package/dist/assets/TextHighlighted-D5caZ97j.css +0 -1
  228. package/dist/assets/TextInline-CcXMe67Y.css +0 -1
  229. package/dist/assets/TextareaField.stories-CYQV7fgs.js +0 -221
  230. package/dist/assets/Toast-CLpvlMPv.css +0 -1
  231. package/dist/assets/Tooltip-C6hVxAqp.css +0 -1
  232. package/dist/assets/layout-relative-B5qIaygx.css +0 -1
  233. package/dist/assets/layout-relative-BtZgANvD.css +0 -1
  234. package/dist/assets/layout-relative-Css93Y6Y.css +0 -1
  235. package/dist/assets/layout-relative-DHMpxpbw.js +0 -1
  236. package/dist/assets/layout-relative.module-CictnSCd.js +0 -1
  237. package/dist/assets/layout-relative.module-CuJ1jHGm-eCgTXz_W.js +0 -1
  238. package/dist/assets/options-8hBtriF-.js +0 -1
  239. package/dist/assets/playground-CqRPyHSX.css +0 -1
  240. package/dist/assets/playground.stories-Bc2EUyjN.js +0 -857
  241. package/dist/assets/text-accent-BUKnCsGG.css +0 -1
  242. package/dist/assets/text-accent-CvjwTDtK.js +0 -1
  243. package/dist/assets/text-accent-DL4_rrDH.js +0 -1
  244. package/dist/assets/text-centered-B1nRgYwv.js +0 -1
  245. package/dist/assets/text-centered-BCCtSPST.css +0 -1
  246. package/dist/assets/text-centered-BMzFcUqk.css +0 -1
  247. package/dist/assets/text-centered-DqK_kb5q.js +0 -1
  248. package/dist/assets/tokens-CkwKC70_.js +0 -1
@@ -0,0 +1,6 @@
1
+ import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as o}from"./index-Cb9e4tly.js";import{f as n}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as j,s as w,b as x}from"./classNames-BUL1Zq7e.js";import{w as e}from"./componentNames-Bwls0I02.js";import{g as c}from"./index-DdzHuZ-Y.js";import{A as f}from"./constants--ewUoBsO.js";import{A as g}from"./defaults-B1rzzf6M.js";const y="_Avatar_zjvlp_4",h={Avatar:y,"Avatar--size-2xs":"_Avatar--size-2xs_zjvlp_12","Avatar--size-xs":"_Avatar--size-xs_zjvlp_16","Avatar--size-s":"_Avatar--size-s_zjvlp_20","Avatar--size-m":"_Avatar--size-m_zjvlp_24","Avatar--size-l":"_Avatar--size-l_zjvlp_28","Avatar--size-xl":"_Avatar--size-xl_zjvlp_32","Avatar--size-24":"_Avatar--size-24_zjvlp_36","Avatar--size-32":"_Avatar--size-32_zjvlp_40","Avatar--size-48":"_Avatar--size-48_zjvlp_44","Avatar--size-64":"_Avatar--size-64_zjvlp_48","Avatar--size-96":"_Avatar--size-96_zjvlp_52","Avatar--size-160":"_Avatar--size-160_zjvlp_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_zjvlp_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_zjvlp_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_zjvlp_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_zjvlp_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_zjvlp_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_zjvlp_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_zjvlp_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_zjvlp_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_zjvlp_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_zjvlp_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_zjvlp_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_zjvlp_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_zjvlp_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_zjvlp_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_zjvlp_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_zjvlp_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_zjvlp_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_zjvlp_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_zjvlp_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_zjvlp_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_zjvlp_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_zjvlp_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_zjvlp_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_zjvlp_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_zjvlp_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_zjvlp_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_zjvlp_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_zjvlp_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_zjvlp_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_zjvlp_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_zjvlp_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_zjvlp_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_zjvlp_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_zjvlp_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_zjvlp_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_zjvlp_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_zjvlp_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_zjvlp_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_zjvlp_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_zjvlp_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_zjvlp_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_zjvlp_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_zjvlp_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_zjvlp_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_zjvlp_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_zjvlp_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_zjvlp_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_zjvlp_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_zjvlp_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_zjvlp_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_zjvlp_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_zjvlp_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_zjvlp_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_zjvlp_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_zjvlp_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_zjvlp_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_zjvlp_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_zjvlp_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_zjvlp_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_zjvlp_305","Avatar--round":"_Avatar--round_zjvlp_310"},s=o.forwardRef(function({size:r=g,round:v,src:l,alt:t="",dataset:_,crossOrigin:z,...A},m){const d=v??!0,p=j(h,e.Avatar,[w("size",r),x("round",void 0,d)]),u={...n(A),ref:m,className:p.join(" "),...c(_,{preplyDsComponent:e.Avatar})};return a.jsx("picture",{...u,children:a.jsx("img",{src:l||f,alt:t,crossOrigin:z})})});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};
@@ -0,0 +1 @@
1
+ ._Avatar_zjvlp_4{display:inline-block}._Avatar_zjvlp_4 img{vertical-align:bottom;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_zjvlp_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_zjvlp_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_zjvlp_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_zjvlp_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_zjvlp_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_zjvlp_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_zjvlp_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_zjvlp_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_zjvlp_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_zjvlp_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_zjvlp_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_zjvlp_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_zjvlp_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_zjvlp_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_zjvlp_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_zjvlp_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_zjvlp_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_zjvlp_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_zjvlp_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_zjvlp_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_zjvlp_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_zjvlp_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_zjvlp_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_zjvlp_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_zjvlp_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_zjvlp_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_zjvlp_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_zjvlp_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_zjvlp_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_zjvlp_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_zjvlp_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_zjvlp_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_zjvlp_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_zjvlp_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_zjvlp_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_zjvlp_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_zjvlp_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_zjvlp_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_zjvlp_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_zjvlp_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_zjvlp_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_zjvlp_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_zjvlp_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_zjvlp_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_zjvlp_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_zjvlp_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_zjvlp_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_zjvlp_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_zjvlp_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_zjvlp_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_zjvlp_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_zjvlp_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_zjvlp_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_zjvlp_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_zjvlp_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_zjvlp_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_zjvlp_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_zjvlp_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_zjvlp_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_zjvlp_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_zjvlp_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_zjvlp_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_zjvlp_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_zjvlp_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_zjvlp_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_zjvlp_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_zjvlp_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_zjvlp_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_zjvlp_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_zjvlp_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_zjvlp_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_zjvlp_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_zjvlp_310 img{border-radius:var(--8517a6)}._Avatar_zjvlp_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}
@@ -0,0 +1 @@
1
+ ._Avatar_zjvlp_4{display:inline-block}._Avatar_zjvlp_4 img{vertical-align:bottom;-o-object-fit:cover;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_zjvlp_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_zjvlp_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_zjvlp_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_zjvlp_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_zjvlp_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_zjvlp_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_zjvlp_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_zjvlp_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_zjvlp_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_zjvlp_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_zjvlp_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_zjvlp_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_zjvlp_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_zjvlp_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_zjvlp_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_zjvlp_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_zjvlp_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_zjvlp_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_zjvlp_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_zjvlp_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_zjvlp_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_zjvlp_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_zjvlp_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_zjvlp_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_zjvlp_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_zjvlp_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_zjvlp_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_zjvlp_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_zjvlp_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_zjvlp_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_zjvlp_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_zjvlp_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_zjvlp_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_zjvlp_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_zjvlp_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_zjvlp_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_zjvlp_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_zjvlp_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_zjvlp_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_zjvlp_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_zjvlp_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_zjvlp_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_zjvlp_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_zjvlp_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_zjvlp_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_zjvlp_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_zjvlp_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_zjvlp_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_zjvlp_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_zjvlp_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_zjvlp_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_zjvlp_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_zjvlp_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_zjvlp_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_zjvlp_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_zjvlp_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_zjvlp_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_zjvlp_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_zjvlp_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_zjvlp_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_zjvlp_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_zjvlp_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_zjvlp_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_zjvlp_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_zjvlp_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_zjvlp_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_zjvlp_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_zjvlp_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_zjvlp_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_zjvlp_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_zjvlp_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_zjvlp_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_zjvlp_310 img{border-radius:var(--8517a6)}._Avatar_zjvlp_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}
@@ -0,0 +1 @@
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as p}from"./index-Cb9e4tly.js";import{f as j}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as w,s as o,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 f}from"./defaults-B1rzzf6M.js";const c="_Avatar_zjvlp_4",C={Avatar:c,"Avatar--size-2xs":"_Avatar--size-2xs_zjvlp_12","Avatar--size-xs":"_Avatar--size-xs_zjvlp_16","Avatar--size-s":"_Avatar--size-s_zjvlp_20","Avatar--size-m":"_Avatar--size-m_zjvlp_24","Avatar--size-l":"_Avatar--size-l_zjvlp_28","Avatar--size-xl":"_Avatar--size-xl_zjvlp_32","Avatar--size-24":"_Avatar--size-24_zjvlp_36","Avatar--size-32":"_Avatar--size-32_zjvlp_40","Avatar--size-48":"_Avatar--size-48_zjvlp_44","Avatar--size-64":"_Avatar--size-64_zjvlp_48","Avatar--size-96":"_Avatar--size-96_zjvlp_52","Avatar--size-160":"_Avatar--size-160_zjvlp_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_zjvlp_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_zjvlp_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_zjvlp_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_zjvlp_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_zjvlp_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_zjvlp_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_zjvlp_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_zjvlp_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_zjvlp_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_zjvlp_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_zjvlp_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_zjvlp_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_zjvlp_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_zjvlp_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_zjvlp_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_zjvlp_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_zjvlp_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_zjvlp_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_zjvlp_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_zjvlp_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_zjvlp_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_zjvlp_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_zjvlp_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_zjvlp_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_zjvlp_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_zjvlp_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_zjvlp_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_zjvlp_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_zjvlp_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_zjvlp_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_zjvlp_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_zjvlp_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_zjvlp_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_zjvlp_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_zjvlp_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_zjvlp_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_zjvlp_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_zjvlp_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_zjvlp_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_zjvlp_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_zjvlp_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_zjvlp_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_zjvlp_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_zjvlp_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_zjvlp_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_zjvlp_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_zjvlp_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_zjvlp_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_zjvlp_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_zjvlp_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_zjvlp_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_zjvlp_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_zjvlp_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_zjvlp_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_zjvlp_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_zjvlp_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_zjvlp_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_zjvlp_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_zjvlp_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_zjvlp_305","Avatar--round":"_Avatar--round_zjvlp_310"},N=p.forwardRef(function({size:i=f,round:a,src:r,alt:v="",dataset:_,crossOrigin:z,...t},l){const A=a??!0,m=w(C,s.Avatar,[o("size",i),u("round",void 0,A)]),d={...j(t),ref:l,className:m.join(" "),...n(_,{preplyDsComponent:s.Avatar})};return e.jsx("picture",{...d,children:e.jsx("img",{src:r||x,alt:v,crossOrigin:z})})});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,4 +1,4 @@
1
- import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{S as d}from"./consts-KAYct7Gj.js";import{A as t}from"./Avatar-BhQ7jOQj.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./classNames-BUL1Zq7e.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./constants--ewUoBsO.js";import"./defaults-B1rzzf6M.js";const y={title:"components/Avatar",component:t,argTypes:{size:{description:d}}},s=()=>a.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"end"},children:[a.jsx(t,{size:"160"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",size:"96"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-2.png",size:"64"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-3.png",size:"48"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-4.png",size:"32"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-5.png",size:"24"})]}),r={parameters:{chromatic:{disableSnapshot:!0}},args:{size:"32",src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",dataset:{qaid:"avatar"}},argTypes:{src:{control:"text"},dataset:{control:"object"},alt:{control:"text"},round:{table:{disable:!0}}}};var e,o,n;s.parameters={...s.parameters,docs:{...(e=s.parameters)==null?void 0:e.docs,source:{originalSource:`() => <div style={{
1
+ import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{S as d}from"./consts-KAYct7Gj.js";import{A as t}from"./Avatar-CmnrM37w.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./classNames-BUL1Zq7e.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./constants--ewUoBsO.js";import"./defaults-B1rzzf6M.js";const y={title:"components/Avatar",component:t,argTypes:{size:{description:d}}},s=()=>a.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"end"},children:[a.jsx(t,{size:"160"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",size:"96"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-2.png",size:"64"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-3.png",size:"48"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-4.png",size:"32"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-5.png",size:"24"})]}),r={parameters:{chromatic:{disableSnapshot:!0}},args:{size:"32",src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",dataset:{qaid:"avatar"}},argTypes:{src:{control:"text"},dataset:{control:"object"},alt:{control:"text"},round:{table:{disable:!0}}}};var e,o,n;s.parameters={...s.parameters,docs:{...(e=s.parameters)==null?void 0:e.docs,source:{originalSource:`() => <div style={{
2
2
  display: 'flex',
3
3
  gap: '8px',
4
4
  alignItems: 'end'
@@ -0,0 +1 @@
1
+ ._AvatarWithStatus_t1yoj_3{display:inline-block;position:relative}._AvatarWithStatus--indicator_t1yoj_7{position:absolute;border-style:solid;border-radius:var(--0cf20e);border-width:var(--4a76d7);border-color:var(--e5a39b);background-color:var(--a95a51)}._AvatarWithStatus--online_t1yoj_15 ._AvatarWithStatus--indicator_t1yoj_7{background-color:var(--62b71e)}._AvatarWithStatus--size-2xs_t1yoj_18 ._AvatarWithStatus--indicator_t1yoj_7{width:var(--1cea5a);height:var(--1cea5a);right:var(--4b2086);bottom:var(--4b2086)}._AvatarWithStatus--size-xs_t1yoj_24 ._AvatarWithStatus--indicator_t1yoj_7{width:var(--540610);height:var(--540610);right:var(--20c0b1);bottom:var(--20c0b1)}._AvatarWithStatus--size-m_t1yoj_30 ._AvatarWithStatus--indicator_t1yoj_7{width:var(--8f1e94);height:var(--8f1e94);right:var(--705050);bottom:var(--705050)}._AvatarWithStatus--size-xl_t1yoj_36 ._AvatarWithStatus--indicator_t1yoj_7{width:var(--bdf712);height:var(--bdf712);right:var(--3b13f1);bottom:var(--3b13f1)}._AvatarWithStatus--size-64_t1yoj_42 ._AvatarWithStatus--indicator_t1yoj_7{width:var(--7d9a55);height:var(--7d9a55);right:var(--3e174a);bottom:var(--3e174a)}._AvatarWithStatus--size-96_t1yoj_48 ._AvatarWithStatus--indicator_t1yoj_7{width:var(--7d3ab7);height:var(--7d3ab7);right:var(--bd3f63);bottom:var(--bd3f63)}._AvatarWithStatus--size-160_t1yoj_54 ._AvatarWithStatus--indicator_t1yoj_7{width:var(--523f7d);height:var(--523f7d);right:var(--23067e);bottom:var(--23067e)}
@@ -1,9 +1,9 @@
1
- import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as j}from"./index-Cb9e4tly.js";import{f as N}from"./filterHTMLAttributes-DYdLqcvH.js";import{A as C}from"./Avatar-BhQ7jOQj.js";import{m as q,b as w,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_4rxz0_3",n={AvatarWithStatus:O,"AvatarWithStatus--indicator":"_AvatarWithStatus--indicator_4rxz0_7","AvatarWithStatus--online":"_AvatarWithStatus--online_4rxz0_15","AvatarWithStatus--size-2xs":"_AvatarWithStatus--size-2xs_4rxz0_18","AvatarWithStatus--size-xs":"_AvatarWithStatus--size-xs_4rxz0_24","AvatarWithStatus--size-m":"_AvatarWithStatus--size-m_4rxz0_30","AvatarWithStatus--size-xl":"_AvatarWithStatus--size-xl_4rxz0_36","AvatarWithStatus--size-64":"_AvatarWithStatus--size-64_4rxz0_42","AvatarWithStatus--size-96":"_AvatarWithStatus--size-96_4rxz0_48","AvatarWithStatus--size-160":"_AvatarWithStatus--size-160_4rxz0_54"},e=j.forwardRef(function({online:f=!1,size:i=E,dataset:A,alt:x,crossOrigin:_,src:S,...z},W){const g=q(n,r.AvatarWithStatus,[w("online",void 0,f),T("size",i)]),y=[...V(n,r.AvatarWithStatus,["indicator"])],b={...N(z),ref:W,className:g.join(" "),...D(A,{preplyDsComponent:r.AvatarWithStatus})};return t.jsxs("div",{...b,children:[t.jsx("span",{className:y.join(" ")}),t.jsx("div",{children:t.jsx(C,{alt:x,crossOrigin:_,src:S,size:i})})]})});try{e.displayName="AvatarWithStatus",e.__docgenInfo={description:"",displayName:"AvatarWithStatus",props:{src:{defaultValue:null,description:`The avatar image URL.
1
+ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as b}from"./index-Cb9e4tly.js";import{f as N}from"./filterHTMLAttributes-DYdLqcvH.js";import{A as C}from"./Avatar-CmnrM37w.js";import{m as q,b as w,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_t1yoj_3",o={AvatarWithStatus:O,"AvatarWithStatus--indicator":"_AvatarWithStatus--indicator_t1yoj_7","AvatarWithStatus--online":"_AvatarWithStatus--online_t1yoj_15","AvatarWithStatus--size-2xs":"_AvatarWithStatus--size-2xs_t1yoj_18","AvatarWithStatus--size-xs":"_AvatarWithStatus--size-xs_t1yoj_24","AvatarWithStatus--size-m":"_AvatarWithStatus--size-m_t1yoj_30","AvatarWithStatus--size-xl":"_AvatarWithStatus--size-xl_t1yoj_36","AvatarWithStatus--size-64":"_AvatarWithStatus--size-64_t1yoj_42","AvatarWithStatus--size-96":"_AvatarWithStatus--size-96_t1yoj_48","AvatarWithStatus--size-160":"_AvatarWithStatus--size-160_t1yoj_54"},e=b.forwardRef(function({online:f=!1,size:i=E,dataset:A,alt:_,crossOrigin:S,src:y,...x},W){const g=q(o,r.AvatarWithStatus,[w("online",void 0,f),T("size",i)]),j=[...V(o,r.AvatarWithStatus,["indicator"])],z={...N(x),ref:W,className:g.join(" "),...D(A,{preplyDsComponent:r.AvatarWithStatus})};return t.jsxs("div",{...z,children:[t.jsx("span",{className:j.join(" ")}),t.jsx("div",{children:t.jsx(C,{alt:_,crossOrigin:S,src:y,size:i})})]})});try{e.displayName="AvatarWithStatus",e.__docgenInfo={description:"",displayName:"AvatarWithStatus",props:{src:{defaultValue:null,description:`The avatar image URL.
2
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
3
  This is recommended for accessibility purposes, specifically for users
4
4
  of screen readers.
5
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,m;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:`() => <div style={{
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 n,l,u,c,m;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:`() => <div style={{
7
7
  display: 'flex',
8
8
  gap: '8px'
9
9
  }}>
@@ -0,0 +1 @@
1
+ ._badge_cwsz7_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_cwsz7_2[data-size=small]{height:var(--76ac8f);font-size:var(--e3a55b);font-weight:var(--8cd94c);line-height:var(--732f40)}._badge_cwsz7_2[data-size=medium]{height:var(--f316e1);font-size:var(--fdb733);font-weight:var(--9643c1);line-height:var(--754361)}._badge_cwsz7_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_cwsz7_2[data-type=neutral]{background:var(--319b29)}._badge_cwsz7_2[data-type=positive]{background:var(--1836a4)}._badge_cwsz7_2[data-type=warning]{background:var(--b503b8)}._badge_cwsz7_2[data-type=info]{background:var(--94a45e)}._badge_cwsz7_2[data-type=critical]{background:var(--f15644)}._badge_cwsz7_2[data-accent=unset]{color:var(--c9575b);background-color:var(--8f1238)}._badge_cwsz7_2[data-accent=unset][data-inverted=true]{color:var(--55407f);background-color:var(--7c8c3c)}._badge_cwsz7_2[data-accent=accent]{color:var(--dede3f);background-color:var(--eba8f8)}._badge_cwsz7_2[data-accent=accent][data-inverted=true]{color:var(--732eb5);background-color:var(--54c075)}._badge_cwsz7_2[data-accent=info]{color:var(--f3be0c);background-color:var(--7a1a33)}._badge_cwsz7_2[data-accent=info][data-inverted=true]{color:var(--506df4);background-color:var(--fa3428)}._badge_cwsz7_2[data-accent=positive]{color:var(--2a2719);background-color:var(--694afa)}._badge_cwsz7_2[data-accent=positive][data-inverted=true]{color:var(--30c365);background-color:var(--47c404)}._badge_cwsz7_2[data-accent=warning]{color:var(--84e571);background-color:var(--02372a)}._badge_cwsz7_2[data-accent=warning][data-inverted=true]{color:var(--363237);background-color:var(--08fa29)}._badge_cwsz7_2[data-accent=critical]{color:var(--036159);background-color:var(--22f022)}._badge_cwsz7_2[data-accent=critical][data-inverted=true]{color:var(--90eeff);background-color:var(--cdb1f6)}._badge_cwsz7_2[data-accent=tertiary]{color:var(--d7e14c);background-color:var(--a453d7)}._badge_cwsz7_2[data-accent=tertiary][data-inverted=true]{color:var(--ab5158);background-color:var(--50e919)}
@@ -1,9 +1,9 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as l}from"./TokyoUITag-CS4uarg6.js";import{L as T}from"./LayoutFlex-gmvguImq.js";import{r as N}from"./index-Cb9e4tly.js";import{f as q}from"./filterHTMLAttributes-DYdLqcvH.js";import{I as C}from"./Icon-C6rDUkYo.js";import{g as L}from"./index-DdzHuZ-Y.js";import{w as U}from"./componentNames-Bwls0I02.js";import"./index-ChsGqxH_.js";import"./layout-relative.module-CictnSCd.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-CvjwTDtK.js";import"./render-icon-BT0Aq7PA.js";const k="_badge_1bohn_2",F={badge:k},E=n=>{switch(n){case"xs":return"small";case"s":return"medium";case"m":return"large";default:return n}},a=N.forwardRef(function({type:o="neutral",size:d="medium",leadingSvgIcon:c,dataset:S,children:j,accent:u,inverted:m,...z},_){const p=E(d),t={...S,size:p};u===void 0&&m===void 0?t.type=o:(t.accent=u||"unset",t.inverted=!!m);const V={...q(z),ref:_,className:F.badge,...L(t,{preplyDsComponent:U.Badge})},w=o==="neutral"?"primary":o;return e.jsxs("span",{...V,children:[!!c&&p!=="small"&&e.jsx(C,{accent:w,size:d==="large"?"24":"16",svg:c}),j]})});try{a.displayName="Badge",a.__docgenInfo={description:"",displayName:"Badge",props:{type:{defaultValue:{value:"neutral"},description:"The type of the badge.",name:"type",required:!1,type:{name:"enum",value:[{value:'"critical"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"neutral"'}]}},size:{defaultValue:{value:"medium"},description:"The size of the badge.",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon. Only displayed in \`medium\` and \`large\` sizes.
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as l}from"./TokyoUITag-CS4uarg6.js";import{L as T}from"./LayoutFlex-CaenMVBF.js";import{r as N}from"./index-Cb9e4tly.js";import{f as q}from"./filterHTMLAttributes-DYdLqcvH.js";import{I as C}from"./Icon-BwwIOKM_.js";import{g as L}from"./index-DdzHuZ-Y.js";import{w as U}from"./componentNames-Bwls0I02.js";import"./index-ChsGqxH_.js";import"./layout-relative.module-Bf3FithH.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-CrnHOlvW.js";import"./render-icon-BT0Aq7PA.js";const k="_badge_cwsz7_2",F={badge:k},E=n=>{switch(n){case"xs":return"small";case"s":return"medium";case"m":return"large";default:return n}},a=N.forwardRef(function({type:o="neutral",size:d="medium",leadingSvgIcon:c,dataset:S,children:z,accent:u,inverted:m,...j},_){const p=E(d),t={...S,size:p};u===void 0&&m===void 0?t.type=o:(t.accent=u||"unset",t.inverted=!!m);const V={...q(j),ref:_,className:F.badge,...L(t,{preplyDsComponent:U.Badge})},w=o==="neutral"?"primary":o;return e.jsxs("span",{...V,children:[!!c&&p!=="small"&&e.jsx(C,{accent:w,size:d==="large"?"24":"16",svg:c}),z]})});try{a.displayName="Badge",a.__docgenInfo={description:"",displayName:"Badge",props:{type:{defaultValue:{value:"neutral"},description:"The type of the badge.",name:"type",required:!1,type:{name:"enum",value:[{value:'"neutral"'},{value:'"info"'},{value:'"positive"'},{value:'"warning"'},{value:'"critical"'}]}},size:{defaultValue:{value:"medium"},description:"The size of the badge.",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon. Only displayed in \`medium\` and \`large\` sizes.
2
2
  @example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
3
3
 
4
4
  <Badge leadingSvgIcon={TokyoUITag}>Badge</Badge>
5
5
  or
6
- <Badge leadingSvgIcon={<TokyoUITag />}>Badge</Badge>`,name:"leadingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},assistiveText:{defaultValue:null,description:"@deprecated badge children should have all necessary information",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},accent:{defaultValue:null,description:"@deprecated Use `type` instead.",name:"accent",required:!1,type:{name:"enum",value:[{value:'"tertiary"'},{value:'"critical"'},{value:'"accent"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'}]}},inverted:{defaultValue:null,description:"@deprecated inverted badge is deprecated & will be removed in the future releases",name:"inverted",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}const $={title:"components/Badge",component:a},r=()=>e.jsxs(T,{gap:"16",children:[e.jsx(a,{type:"neutral",children:"Neutral"}),e.jsx(a,{type:"positive",children:"Positive"}),e.jsx(a,{type:"info",children:"Info"}),e.jsx(a,{type:"warning",children:"Warning"}),e.jsx(a,{type:"critical",children:"Critical"})]}),s=()=>e.jsxs(T,{gap:"16",alignItems:"center",children:[e.jsx(a,{size:"small",leadingSvgIcon:l,children:"Small"}),e.jsx(a,{size:"medium",leadingSvgIcon:l,children:"Medium"}),e.jsx(a,{size:"large",leadingSvgIcon:l,children:"Large"})]}),i={parameters:{chromatic:{disableSnapshot:!0}},args:{type:"neutral",size:"medium",children:"Badge",dataset:{qaid:"badge"}},argTypes:{dataset:{control:"object"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":l},control:"select"},assistiveText:{table:{disable:!0}},accent:{table:{disable:!0}},inverted:{table:{disable:!0}}}};var g,v,y;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`() => <LayoutFlex gap="16">
6
+ <Badge leadingSvgIcon={<TokyoUITag />}>Badge</Badge>`,name:"leadingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},assistiveText:{defaultValue:null,description:"@deprecated badge children should have all necessary information",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},accent:{defaultValue:null,description:"@deprecated Use `type` instead.",name:"accent",required:!1,type:{name:"enum",value:[{value:'"info"'},{value:'"positive"'},{value:'"warning"'},{value:'"critical"'},{value:'"accent"'},{value:'"tertiary"'}]}},inverted:{defaultValue:null,description:"@deprecated inverted badge is deprecated & will be removed in the future releases",name:"inverted",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}const $={title:"components/Badge",component:a},r=()=>e.jsxs(T,{gap:"16",children:[e.jsx(a,{type:"neutral",children:"Neutral"}),e.jsx(a,{type:"positive",children:"Positive"}),e.jsx(a,{type:"info",children:"Info"}),e.jsx(a,{type:"warning",children:"Warning"}),e.jsx(a,{type:"critical",children:"Critical"})]}),s=()=>e.jsxs(T,{gap:"16",alignItems:"center",children:[e.jsx(a,{size:"small",leadingSvgIcon:l,children:"Small"}),e.jsx(a,{size:"medium",leadingSvgIcon:l,children:"Medium"}),e.jsx(a,{size:"large",leadingSvgIcon:l,children:"Large"})]}),i={parameters:{chromatic:{disableSnapshot:!0}},args:{type:"neutral",size:"medium",children:"Badge",dataset:{qaid:"badge"}},argTypes:{dataset:{control:"object"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":l},control:"select"},assistiveText:{table:{disable:!0}},accent:{table:{disable:!0}},inverted:{table:{disable:!0}}}};var g,v,y;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`() => <LayoutFlex gap="16">
7
7
  <Badge type="neutral">Neutral</Badge>
8
8
  <Badge type="positive">Positive</Badge>
9
9
  <Badge type="info">Info</Badge>
@@ -0,0 +1 @@
1
+ ._Box_5p01k_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_5p01k_16{border-radius:var(--84e079)}._Box--box-radius-m_5p01k_19{border-radius:var(--1c37d5)}._Box--box-radius-l_5p01k_22{border-radius:var(--9e57e5)}._Box--box-radius-0_5p01k_34{border-radius:var(--adc668)}._Box--box-radius-2_5p01k_25{border-radius:var(--9817c7)}._Box--box-radius-4_5p01k_28{border-radius:var(--7dcb5e)}._Box--box-radius-8_5p01k_31{border-radius:var(--2071ea)}._Box--box-radius-12_5p01k_46{border-radius:var(--c1925d)}._Box--box-radius-16_5p01k_49{border-radius:var(--f3f949)}._Box--box-radius-24_5p01k_52{border-radius:var(--67250f)}._Box--box-radius-32_5p01k_55{border-radius:var(--fba602)}._Box--box-radius-48_5p01k_58{border-radius:var(--f8b939)}._Box--box-radius-64_5p01k_61{border-radius:var(--4d9939)}._Box--box-radius-96_5p01k_64{border-radius:var(--a78cb4)}._Box--box-radius-160_5p01k_67{border-radius:var(--439947)}@media (min-width: 400px){._Box--narrow-l--box-radius-none_5p01k_71{border-radius:var(--84e079)}._Box--narrow-l--box-radius-m_5p01k_74{border-radius:var(--1c37d5)}._Box--narrow-l--box-radius-l_5p01k_77{border-radius:var(--9e57e5)}._Box--narrow-l--box-radius-0_5p01k_89{border-radius:var(--adc668)}._Box--narrow-l--box-radius-2_5p01k_80{border-radius:var(--9817c7)}._Box--narrow-l--box-radius-4_5p01k_83{border-radius:var(--7dcb5e)}._Box--narrow-l--box-radius-8_5p01k_86{border-radius:var(--2071ea)}._Box--narrow-l--box-radius-12_5p01k_101{border-radius:var(--c1925d)}._Box--narrow-l--box-radius-16_5p01k_104{border-radius:var(--f3f949)}._Box--narrow-l--box-radius-24_5p01k_107{border-radius:var(--67250f)}._Box--narrow-l--box-radius-32_5p01k_110{border-radius:var(--fba602)}._Box--narrow-l--box-radius-48_5p01k_113{border-radius:var(--f8b939)}._Box--narrow-l--box-radius-64_5p01k_116{border-radius:var(--4d9939)}._Box--narrow-l--box-radius-96_5p01k_119{border-radius:var(--a78cb4)}._Box--narrow-l--box-radius-160_5p01k_122{border-radius:var(--439947)}}@media (min-width: 700px){._Box--medium-s--box-radius-none_5p01k_127{border-radius:var(--84e079)}._Box--medium-s--box-radius-m_5p01k_130{border-radius:var(--1c37d5)}._Box--medium-s--box-radius-l_5p01k_133{border-radius:var(--9e57e5)}._Box--medium-s--box-radius-0_5p01k_145{border-radius:var(--adc668)}._Box--medium-s--box-radius-2_5p01k_136{border-radius:var(--9817c7)}._Box--medium-s--box-radius-4_5p01k_139{border-radius:var(--7dcb5e)}._Box--medium-s--box-radius-8_5p01k_142{border-radius:var(--2071ea)}._Box--medium-s--box-radius-12_5p01k_157{border-radius:var(--c1925d)}._Box--medium-s--box-radius-16_5p01k_160{border-radius:var(--f3f949)}._Box--medium-s--box-radius-24_5p01k_163{border-radius:var(--67250f)}._Box--medium-s--box-radius-32_5p01k_166{border-radius:var(--fba602)}._Box--medium-s--box-radius-48_5p01k_169{border-radius:var(--f8b939)}._Box--medium-s--box-radius-64_5p01k_172{border-radius:var(--4d9939)}._Box--medium-s--box-radius-96_5p01k_175{border-radius:var(--a78cb4)}._Box--medium-s--box-radius-160_5p01k_178{border-radius:var(--439947)}}@media (min-width: 880px){._Box--medium-l--box-radius-none_5p01k_183{border-radius:var(--84e079)}._Box--medium-l--box-radius-m_5p01k_186{border-radius:var(--1c37d5)}._Box--medium-l--box-radius-l_5p01k_189{border-radius:var(--9e57e5)}._Box--medium-l--box-radius-0_5p01k_201{border-radius:var(--adc668)}._Box--medium-l--box-radius-2_5p01k_192{border-radius:var(--9817c7)}._Box--medium-l--box-radius-4_5p01k_195{border-radius:var(--7dcb5e)}._Box--medium-l--box-radius-8_5p01k_198{border-radius:var(--2071ea)}._Box--medium-l--box-radius-12_5p01k_213{border-radius:var(--c1925d)}._Box--medium-l--box-radius-16_5p01k_216{border-radius:var(--f3f949)}._Box--medium-l--box-radius-24_5p01k_219{border-radius:var(--67250f)}._Box--medium-l--box-radius-32_5p01k_222{border-radius:var(--fba602)}._Box--medium-l--box-radius-48_5p01k_225{border-radius:var(--f8b939)}._Box--medium-l--box-radius-64_5p01k_228{border-radius:var(--4d9939)}._Box--medium-l--box-radius-96_5p01k_231{border-radius:var(--a78cb4)}._Box--medium-l--box-radius-160_5p01k_234{border-radius:var(--439947)}}@media (min-width: 1200px){._Box--wide-s--box-radius-none_5p01k_239{border-radius:var(--84e079)}._Box--wide-s--box-radius-m_5p01k_242{border-radius:var(--1c37d5)}._Box--wide-s--box-radius-l_5p01k_245{border-radius:var(--9e57e5)}._Box--wide-s--box-radius-0_5p01k_257{border-radius:var(--adc668)}._Box--wide-s--box-radius-2_5p01k_248{border-radius:var(--9817c7)}._Box--wide-s--box-radius-4_5p01k_251{border-radius:var(--7dcb5e)}._Box--wide-s--box-radius-8_5p01k_254{border-radius:var(--2071ea)}._Box--wide-s--box-radius-12_5p01k_269{border-radius:var(--c1925d)}._Box--wide-s--box-radius-16_5p01k_272{border-radius:var(--f3f949)}._Box--wide-s--box-radius-24_5p01k_275{border-radius:var(--67250f)}._Box--wide-s--box-radius-32_5p01k_278{border-radius:var(--fba602)}._Box--wide-s--box-radius-48_5p01k_281{border-radius:var(--f8b939)}._Box--wide-s--box-radius-64_5p01k_284{border-radius:var(--4d9939)}._Box--wide-s--box-radius-96_5p01k_287{border-radius:var(--a78cb4)}._Box--wide-s--box-radius-160_5p01k_290{border-radius:var(--439947)}}@media (min-width: 1900px){._Box--wide-l--box-radius-none_5p01k_295{border-radius:var(--84e079)}._Box--wide-l--box-radius-m_5p01k_298{border-radius:var(--1c37d5)}._Box--wide-l--box-radius-l_5p01k_301{border-radius:var(--9e57e5)}._Box--wide-l--box-radius-0_5p01k_313{border-radius:var(--adc668)}._Box--wide-l--box-radius-2_5p01k_304{border-radius:var(--9817c7)}._Box--wide-l--box-radius-4_5p01k_307{border-radius:var(--7dcb5e)}._Box--wide-l--box-radius-8_5p01k_310{border-radius:var(--2071ea)}._Box--wide-l--box-radius-12_5p01k_325{border-radius:var(--c1925d)}._Box--wide-l--box-radius-16_5p01k_328{border-radius:var(--f3f949)}._Box--wide-l--box-radius-24_5p01k_331{border-radius:var(--67250f)}._Box--wide-l--box-radius-32_5p01k_334{border-radius:var(--fba602)}._Box--wide-l--box-radius-48_5p01k_337{border-radius:var(--f8b939)}._Box--wide-l--box-radius-64_5p01k_340{border-radius:var(--4d9939)}._Box--wide-l--box-radius-96_5p01k_343{border-radius:var(--a78cb4)}._Box--wide-l--box-radius-160_5p01k_346{border-radius:var(--439947)}}._Box--background-white_5p01k_350{background-color:var(--145676)}._Box--background-gray-100_5p01k_353{background-color:var(--55407f)}._Box--background-gray-200_5p01k_356{background-color:var(--8f1238)}._Box--background-gray-300_5p01k_359{background-color:var(--da403c)}._Box--background-gray-400_5p01k_362{background-color:var(--7c8c3c)}._Box--background-gray-500_5p01k_365{background-color:var(--c9575b)}._Box--background-gray-600_5p01k_368{background-color:var(--2fb6f7)}._Box--background-teal-100_5p01k_371{background-color:var(--54ed1d)}._Box--background-teal-200_5p01k_374{background-color:var(--b706bf)}._Box--background-teal-300_5p01k_377{background-color:var(--4adefb)}._Box--background-teal-400_5p01k_380{background-color:var(--de8a40)}._Box--background-teal-500_5p01k_383{background-color:var(--574543)}._Box--background-green-100_5p01k_386{background-color:var(--1383a7)}._Box--background-green-200_5p01k_389{background-color:var(--9f1066)}._Box--background-green-300_5p01k_392{background-color:var(--d4cf94)}._Box--background-green-400_5p01k_395{background-color:var(--bbfa9f)}._Box--background-green-500_5p01k_398{background-color:var(--5f8b30)}._Box--background-yellow-100_5p01k_401{background-color:var(--c7d8be)}._Box--background-yellow-200_5p01k_404{background-color:var(--17bab8)}._Box--background-yellow-300_5p01k_407{background-color:var(--f017e5)}._Box--background-yellow-400_5p01k_410{background-color:var(--2242ed)}._Box--background-yellow-500_5p01k_413{background-color:var(--e40de4)}._Box--background-red-100_5p01k_416{background-color:var(--ecb5d5)}._Box--background-red-200_5p01k_419{background-color:var(--5b5cb0)}._Box--background-red-300_5p01k_422{background-color:var(--d55c71)}._Box--background-red-400_5p01k_425{background-color:var(--4e47fe)}._Box--background-red-500_5p01k_428{background-color:var(--3e7877)}._Box--background-blue-100_5p01k_431{background-color:var(--21906f)}._Box--background-blue-200_5p01k_434{background-color:var(--5d87f3)}._Box--background-blue-300_5p01k_437{background-color:var(--201e14)}._Box--background-blue-400_5p01k_440{background-color:var(--e1c27c)}._Box--background-blue-500_5p01k_443{background-color:var(--6a1420)}._Box--background-magenta-100_5p01k_446{background-color:var(--1a9963)}._Box--background-magenta-200_5p01k_449{background-color:var(--b774df)}._Box--background-magenta-300_5p01k_452{background-color:var(--f72cdd)}._Box--background-magenta-400_5p01k_455{background-color:var(--6cbd80)}._Box--background-magenta-500_5p01k_458{background-color:var(--5893e7)}._Box--background-primary_5p01k_461{background-color:var(--3546c3)}._Box--background-secondary_5p01k_464{background-color:var(--302ecf)}._Box--background-tertiary_5p01k_467{background-color:var(--a5c761)}._Box--background-overlay_5p01k_470{background-color:var(--02a0d5)}._Box--background-disabled_5p01k_473{background-color:var(--319b29)}._Box--background-brand_5p01k_476{background-color:var(--cd91ab)}._Box--background-brandB2b_5p01k_479{background-color:var(--706789)}._Box--background-accentLight_5p01k_482{background-color:var(--560eda)}._Box--background-accentDark_5p01k_485{background-color:var(--e4c520)}._Box--background-positiveLight_5p01k_488{background-color:var(--1836a4)}._Box--background-positiveDark_5p01k_491{background-color:var(--ae7f1f)}._Box--background-infoLight_5p01k_494{background-color:var(--94a45e)}._Box--background-infoDark_5p01k_497{background-color:var(--79dffb)}._Box--background-warningLight_5p01k_500{background-color:var(--b503b8)}._Box--background-warningDark_5p01k_503{background-color:var(--34fc43)}._Box--background-criticalLight_5p01k_506{background-color:var(--f15644)}._Box--background-criticalDark_5p01k_509{background-color:var(--87fcf8)}._Box--background-statusOnline_5p01k_512{background-color:var(--cbc115)}._Box--background-statusOffline_5p01k_515{background-color:var(--7ff085)}._Box--background-primaryInverted_5p01k_518{background-color:var(--4983fe)}._Box--background-secondaryInverted_5p01k_521{background-color:var(--19649f)}._Box--background-tertiaryInverted_5p01k_524{background-color:var(--a469f2)}
@@ -0,0 +1,44 @@
1
+ import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{H as t}from"./Heading-CifnBvGj.js";import{L as b}from"./LayoutFlex-CaenMVBF.js";import{T as B}from"./Text-CDqVYAcD.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-Bf3FithH.js";import{m as H,s as u}from"./classNames-BUL1Zq7e.js";import{w as d}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-CrnHOlvW.js";import"./text-centered-1sU8-E1D.js";import"./_commonjsHelpers-Cpj98o6Y.js";const V="_Box_5p01k_4",U={Box:V,"Box--box-radius-none":"_Box--box-radius-none_5p01k_16","Box--box-radius-m":"_Box--box-radius-m_5p01k_19","Box--box-radius-l":"_Box--box-radius-l_5p01k_22","Box--box-radius-2":"_Box--box-radius-2_5p01k_25","Box--box-radius-4":"_Box--box-radius-4_5p01k_28","Box--box-radius-8":"_Box--box-radius-8_5p01k_31","Box--box-radius-0":"_Box--box-radius-0_5p01k_34","Box--box-radius-12":"_Box--box-radius-12_5p01k_46","Box--box-radius-16":"_Box--box-radius-16_5p01k_49","Box--box-radius-24":"_Box--box-radius-24_5p01k_52","Box--box-radius-32":"_Box--box-radius-32_5p01k_55","Box--box-radius-48":"_Box--box-radius-48_5p01k_58","Box--box-radius-64":"_Box--box-radius-64_5p01k_61","Box--box-radius-96":"_Box--box-radius-96_5p01k_64","Box--box-radius-160":"_Box--box-radius-160_5p01k_67","Box--narrow-l--box-radius-none":"_Box--narrow-l--box-radius-none_5p01k_71","Box--narrow-l--box-radius-m":"_Box--narrow-l--box-radius-m_5p01k_74","Box--narrow-l--box-radius-l":"_Box--narrow-l--box-radius-l_5p01k_77","Box--narrow-l--box-radius-2":"_Box--narrow-l--box-radius-2_5p01k_80","Box--narrow-l--box-radius-4":"_Box--narrow-l--box-radius-4_5p01k_83","Box--narrow-l--box-radius-8":"_Box--narrow-l--box-radius-8_5p01k_86","Box--narrow-l--box-radius-0":"_Box--narrow-l--box-radius-0_5p01k_89","Box--narrow-l--box-radius-12":"_Box--narrow-l--box-radius-12_5p01k_101","Box--narrow-l--box-radius-16":"_Box--narrow-l--box-radius-16_5p01k_104","Box--narrow-l--box-radius-24":"_Box--narrow-l--box-radius-24_5p01k_107","Box--narrow-l--box-radius-32":"_Box--narrow-l--box-radius-32_5p01k_110","Box--narrow-l--box-radius-48":"_Box--narrow-l--box-radius-48_5p01k_113","Box--narrow-l--box-radius-64":"_Box--narrow-l--box-radius-64_5p01k_116","Box--narrow-l--box-radius-96":"_Box--narrow-l--box-radius-96_5p01k_119","Box--narrow-l--box-radius-160":"_Box--narrow-l--box-radius-160_5p01k_122","Box--medium-s--box-radius-none":"_Box--medium-s--box-radius-none_5p01k_127","Box--medium-s--box-radius-m":"_Box--medium-s--box-radius-m_5p01k_130","Box--medium-s--box-radius-l":"_Box--medium-s--box-radius-l_5p01k_133","Box--medium-s--box-radius-2":"_Box--medium-s--box-radius-2_5p01k_136","Box--medium-s--box-radius-4":"_Box--medium-s--box-radius-4_5p01k_139","Box--medium-s--box-radius-8":"_Box--medium-s--box-radius-8_5p01k_142","Box--medium-s--box-radius-0":"_Box--medium-s--box-radius-0_5p01k_145","Box--medium-s--box-radius-12":"_Box--medium-s--box-radius-12_5p01k_157","Box--medium-s--box-radius-16":"_Box--medium-s--box-radius-16_5p01k_160","Box--medium-s--box-radius-24":"_Box--medium-s--box-radius-24_5p01k_163","Box--medium-s--box-radius-32":"_Box--medium-s--box-radius-32_5p01k_166","Box--medium-s--box-radius-48":"_Box--medium-s--box-radius-48_5p01k_169","Box--medium-s--box-radius-64":"_Box--medium-s--box-radius-64_5p01k_172","Box--medium-s--box-radius-96":"_Box--medium-s--box-radius-96_5p01k_175","Box--medium-s--box-radius-160":"_Box--medium-s--box-radius-160_5p01k_178","Box--medium-l--box-radius-none":"_Box--medium-l--box-radius-none_5p01k_183","Box--medium-l--box-radius-m":"_Box--medium-l--box-radius-m_5p01k_186","Box--medium-l--box-radius-l":"_Box--medium-l--box-radius-l_5p01k_189","Box--medium-l--box-radius-2":"_Box--medium-l--box-radius-2_5p01k_192","Box--medium-l--box-radius-4":"_Box--medium-l--box-radius-4_5p01k_195","Box--medium-l--box-radius-8":"_Box--medium-l--box-radius-8_5p01k_198","Box--medium-l--box-radius-0":"_Box--medium-l--box-radius-0_5p01k_201","Box--medium-l--box-radius-12":"_Box--medium-l--box-radius-12_5p01k_213","Box--medium-l--box-radius-16":"_Box--medium-l--box-radius-16_5p01k_216","Box--medium-l--box-radius-24":"_Box--medium-l--box-radius-24_5p01k_219","Box--medium-l--box-radius-32":"_Box--medium-l--box-radius-32_5p01k_222","Box--medium-l--box-radius-48":"_Box--medium-l--box-radius-48_5p01k_225","Box--medium-l--box-radius-64":"_Box--medium-l--box-radius-64_5p01k_228","Box--medium-l--box-radius-96":"_Box--medium-l--box-radius-96_5p01k_231","Box--medium-l--box-radius-160":"_Box--medium-l--box-radius-160_5p01k_234","Box--wide-s--box-radius-none":"_Box--wide-s--box-radius-none_5p01k_239","Box--wide-s--box-radius-m":"_Box--wide-s--box-radius-m_5p01k_242","Box--wide-s--box-radius-l":"_Box--wide-s--box-radius-l_5p01k_245","Box--wide-s--box-radius-2":"_Box--wide-s--box-radius-2_5p01k_248","Box--wide-s--box-radius-4":"_Box--wide-s--box-radius-4_5p01k_251","Box--wide-s--box-radius-8":"_Box--wide-s--box-radius-8_5p01k_254","Box--wide-s--box-radius-0":"_Box--wide-s--box-radius-0_5p01k_257","Box--wide-s--box-radius-12":"_Box--wide-s--box-radius-12_5p01k_269","Box--wide-s--box-radius-16":"_Box--wide-s--box-radius-16_5p01k_272","Box--wide-s--box-radius-24":"_Box--wide-s--box-radius-24_5p01k_275","Box--wide-s--box-radius-32":"_Box--wide-s--box-radius-32_5p01k_278","Box--wide-s--box-radius-48":"_Box--wide-s--box-radius-48_5p01k_281","Box--wide-s--box-radius-64":"_Box--wide-s--box-radius-64_5p01k_284","Box--wide-s--box-radius-96":"_Box--wide-s--box-radius-96_5p01k_287","Box--wide-s--box-radius-160":"_Box--wide-s--box-radius-160_5p01k_290","Box--wide-l--box-radius-none":"_Box--wide-l--box-radius-none_5p01k_295","Box--wide-l--box-radius-m":"_Box--wide-l--box-radius-m_5p01k_298","Box--wide-l--box-radius-l":"_Box--wide-l--box-radius-l_5p01k_301","Box--wide-l--box-radius-2":"_Box--wide-l--box-radius-2_5p01k_304","Box--wide-l--box-radius-4":"_Box--wide-l--box-radius-4_5p01k_307","Box--wide-l--box-radius-8":"_Box--wide-l--box-radius-8_5p01k_310","Box--wide-l--box-radius-0":"_Box--wide-l--box-radius-0_5p01k_313","Box--wide-l--box-radius-12":"_Box--wide-l--box-radius-12_5p01k_325","Box--wide-l--box-radius-16":"_Box--wide-l--box-radius-16_5p01k_328","Box--wide-l--box-radius-24":"_Box--wide-l--box-radius-24_5p01k_331","Box--wide-l--box-radius-32":"_Box--wide-l--box-radius-32_5p01k_334","Box--wide-l--box-radius-48":"_Box--wide-l--box-radius-48_5p01k_337","Box--wide-l--box-radius-64":"_Box--wide-l--box-radius-64_5p01k_340","Box--wide-l--box-radius-96":"_Box--wide-l--box-radius-96_5p01k_343","Box--wide-l--box-radius-160":"_Box--wide-l--box-radius-160_5p01k_346","Box--background-white":"_Box--background-white_5p01k_350","Box--background-gray-100":"_Box--background-gray-100_5p01k_353","Box--background-gray-200":"_Box--background-gray-200_5p01k_356","Box--background-gray-300":"_Box--background-gray-300_5p01k_359","Box--background-gray-400":"_Box--background-gray-400_5p01k_362","Box--background-gray-500":"_Box--background-gray-500_5p01k_365","Box--background-gray-600":"_Box--background-gray-600_5p01k_368","Box--background-teal-100":"_Box--background-teal-100_5p01k_371","Box--background-teal-200":"_Box--background-teal-200_5p01k_374","Box--background-teal-300":"_Box--background-teal-300_5p01k_377","Box--background-teal-400":"_Box--background-teal-400_5p01k_380","Box--background-teal-500":"_Box--background-teal-500_5p01k_383","Box--background-green-100":"_Box--background-green-100_5p01k_386","Box--background-green-200":"_Box--background-green-200_5p01k_389","Box--background-green-300":"_Box--background-green-300_5p01k_392","Box--background-green-400":"_Box--background-green-400_5p01k_395","Box--background-green-500":"_Box--background-green-500_5p01k_398","Box--background-yellow-100":"_Box--background-yellow-100_5p01k_401","Box--background-yellow-200":"_Box--background-yellow-200_5p01k_404","Box--background-yellow-300":"_Box--background-yellow-300_5p01k_407","Box--background-yellow-400":"_Box--background-yellow-400_5p01k_410","Box--background-yellow-500":"_Box--background-yellow-500_5p01k_413","Box--background-red-100":"_Box--background-red-100_5p01k_416","Box--background-red-200":"_Box--background-red-200_5p01k_419","Box--background-red-300":"_Box--background-red-300_5p01k_422","Box--background-red-400":"_Box--background-red-400_5p01k_425","Box--background-red-500":"_Box--background-red-500_5p01k_428","Box--background-blue-100":"_Box--background-blue-100_5p01k_431","Box--background-blue-200":"_Box--background-blue-200_5p01k_434","Box--background-blue-300":"_Box--background-blue-300_5p01k_437","Box--background-blue-400":"_Box--background-blue-400_5p01k_440","Box--background-blue-500":"_Box--background-blue-500_5p01k_443","Box--background-magenta-100":"_Box--background-magenta-100_5p01k_446","Box--background-magenta-200":"_Box--background-magenta-200_5p01k_449","Box--background-magenta-300":"_Box--background-magenta-300_5p01k_452","Box--background-magenta-400":"_Box--background-magenta-400_5p01k_455","Box--background-magenta-500":"_Box--background-magenta-500_5p01k_458","Box--background-primary":"_Box--background-primary_5p01k_461","Box--background-secondary":"_Box--background-secondary_5p01k_464","Box--background-tertiary":"_Box--background-tertiary_5p01k_467","Box--background-overlay":"_Box--background-overlay_5p01k_470","Box--background-disabled":"_Box--background-disabled_5p01k_473","Box--background-brand":"_Box--background-brand_5p01k_476","Box--background-brandB2b":"_Box--background-brandB2b_5p01k_479","Box--background-accentLight":"_Box--background-accentLight_5p01k_482","Box--background-accentDark":"_Box--background-accentDark_5p01k_485","Box--background-positiveLight":"_Box--background-positiveLight_5p01k_488","Box--background-positiveDark":"_Box--background-positiveDark_5p01k_491","Box--background-infoLight":"_Box--background-infoLight_5p01k_494","Box--background-infoDark":"_Box--background-infoDark_5p01k_497","Box--background-warningLight":"_Box--background-warningLight_5p01k_500","Box--background-warningDark":"_Box--background-warningDark_5p01k_503","Box--background-criticalLight":"_Box--background-criticalLight_5p01k_506","Box--background-criticalDark":"_Box--background-criticalDark_5p01k_509","Box--background-statusOnline":"_Box--background-statusOnline_5p01k_512","Box--background-statusOffline":"_Box--background-statusOffline_5p01k_515","Box--background-primaryInverted":"_Box--background-primaryInverted_5p01k_518","Box--background-secondaryInverted":"_Box--background-secondaryInverted_5p01k_521","Box--background-tertiaryInverted":"_Box--background-tertiaryInverted_5p01k_524"},r=T.forwardRef(function({children:c,background:p,radius:m=j,padding:g=E,tag:v,dataset:w,...y},f){const h=H(U,d.Box,[u("box-radius",m),u("background",p)]),L=q(g),S=v??N,D=[...h,...L],P={...A(y),ref:f,className:D.join(" "),...O(w,{preplyDsComponent:d.Box})};return o.jsx(S,{...P,children:c})});try{r.displayName="Box",r.__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:'"tertiary"'},{value:'"primary"'},{value:'"secondary"'},{value:'"accentDark"'},{value:'"disabled"'},{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:r,argTypes:{radius:{description:R},padding:{description:I}}},a=()=>o.jsx(r,{background:"positiveLight",children:o.jsxs(b,{gap:"xs",direction:"column",children:[o.jsx(t,{level:"h3",accent:"positive",children:"Heading"}),o.jsx(B,{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(b,{gap:"16",direction:"column",children:[o.jsx(t,{variant:"large",tag:"h3",children:"Heading"}),o.jsx(B,{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 n,_,l;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.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
+ }`,...(l=(_=e.parameters)==null?void 0:_.docs)==null?void 0:l.source}}};const uo=["Base","Playground"];export{a as Base,e as Playground,uo as __namedExportsOrder,ro as default};
@@ -0,0 +1 @@
1
+ import{j as l}from"./jsx-runtime-BTJTZTIL.js";import{r as a}from"./index-Cb9e4tly.js";import{g as te,a as ie}from"./text-accent-BMcamJQk.js";import{g as le}from"./text-centered-BSdMMoT9.js";import{f as M}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as R,s as v,b as B,a as c}from"./classNames-BUL1Zq7e.js";import{w as H}from"./componentNames-Bwls0I02.js";import{g as O,a as se}from"./index-DdzHuZ-Y.js";import{r as U}from"./render-icon-Du0nasoi.js";import{S as oe,a as V,B as K}from"./defaults-B1rzzf6M.js";import{u as de}from"./useHostname-Y3PlXofY.js";import{m as re}from"./index-CC6DAVyL.js";const ue="_Heading_1nyhm_4",_e={Heading:ue,"Heading--level-h1-normal":"_Heading--level-h1-normal_1nyhm_11","Heading--level-h1-large":"_Heading--level-h1-large_1nyhm_17","Heading--level-h2-normal":"_Heading--level-h2-normal_1nyhm_23","Heading--level-h2-large":"_Heading--level-h2-large_1nyhm_29","Heading--level-h3-normal":"_Heading--level-h3-normal_1nyhm_35","Heading--level-h3-large":"_Heading--level-h3-large_1nyhm_41","Heading--level-h4-normal":"_Heading--level-h4-normal_1nyhm_47","Heading--level-h4-large":"_Heading--level-h4-large_1nyhm_53","Heading--level-h5-normal":"_Heading--level-h5-normal_1nyhm_59","Heading--level-h5-large":"_Heading--level-h5-large_1nyhm_65","Heading--narrow-l--level-h1-normal":"_Heading--narrow-l--level-h1-normal_1nyhm_72","Heading--narrow-l--level-h1-large":"_Heading--narrow-l--level-h1-large_1nyhm_78","Heading--narrow-l--level-h2-normal":"_Heading--narrow-l--level-h2-normal_1nyhm_84","Heading--narrow-l--level-h2-large":"_Heading--narrow-l--level-h2-large_1nyhm_90","Heading--narrow-l--level-h3-normal":"_Heading--narrow-l--level-h3-normal_1nyhm_96","Heading--narrow-l--level-h3-large":"_Heading--narrow-l--level-h3-large_1nyhm_102","Heading--narrow-l--level-h4-normal":"_Heading--narrow-l--level-h4-normal_1nyhm_108","Heading--narrow-l--level-h4-large":"_Heading--narrow-l--level-h4-large_1nyhm_114","Heading--narrow-l--level-h5-normal":"_Heading--narrow-l--level-h5-normal_1nyhm_120","Heading--narrow-l--level-h5-large":"_Heading--narrow-l--level-h5-large_1nyhm_126","Heading--medium-s--level-h1-normal":"_Heading--medium-s--level-h1-normal_1nyhm_134","Heading--medium-s--level-h1-large":"_Heading--medium-s--level-h1-large_1nyhm_140","Heading--medium-s--level-h2-normal":"_Heading--medium-s--level-h2-normal_1nyhm_146","Heading--medium-s--level-h2-large":"_Heading--medium-s--level-h2-large_1nyhm_152","Heading--medium-s--level-h3-normal":"_Heading--medium-s--level-h3-normal_1nyhm_158","Heading--medium-s--level-h3-large":"_Heading--medium-s--level-h3-large_1nyhm_164","Heading--medium-s--level-h4-normal":"_Heading--medium-s--level-h4-normal_1nyhm_170","Heading--medium-s--level-h4-large":"_Heading--medium-s--level-h4-large_1nyhm_176","Heading--medium-s--level-h5-normal":"_Heading--medium-s--level-h5-normal_1nyhm_182","Heading--medium-s--level-h5-large":"_Heading--medium-s--level-h5-large_1nyhm_188","Heading--medium-l--level-h1-normal":"_Heading--medium-l--level-h1-normal_1nyhm_196","Heading--medium-l--level-h1-large":"_Heading--medium-l--level-h1-large_1nyhm_202","Heading--medium-l--level-h2-normal":"_Heading--medium-l--level-h2-normal_1nyhm_208","Heading--medium-l--level-h2-large":"_Heading--medium-l--level-h2-large_1nyhm_214","Heading--medium-l--level-h3-normal":"_Heading--medium-l--level-h3-normal_1nyhm_220","Heading--medium-l--level-h3-large":"_Heading--medium-l--level-h3-large_1nyhm_226","Heading--medium-l--level-h4-normal":"_Heading--medium-l--level-h4-normal_1nyhm_232","Heading--medium-l--level-h4-large":"_Heading--medium-l--level-h4-large_1nyhm_238","Heading--medium-l--level-h5-normal":"_Heading--medium-l--level-h5-normal_1nyhm_244","Heading--medium-l--level-h5-large":"_Heading--medium-l--level-h5-large_1nyhm_250","Heading--wide-s--level-h1-normal":"_Heading--wide-s--level-h1-normal_1nyhm_258","Heading--wide-s--level-h1-large":"_Heading--wide-s--level-h1-large_1nyhm_264","Heading--wide-s--level-h2-normal":"_Heading--wide-s--level-h2-normal_1nyhm_270","Heading--wide-s--level-h2-large":"_Heading--wide-s--level-h2-large_1nyhm_276","Heading--wide-s--level-h3-normal":"_Heading--wide-s--level-h3-normal_1nyhm_282","Heading--wide-s--level-h3-large":"_Heading--wide-s--level-h3-large_1nyhm_288","Heading--wide-s--level-h4-normal":"_Heading--wide-s--level-h4-normal_1nyhm_294","Heading--wide-s--level-h4-large":"_Heading--wide-s--level-h4-large_1nyhm_300","Heading--wide-s--level-h5-normal":"_Heading--wide-s--level-h5-normal_1nyhm_306","Heading--wide-s--level-h5-large":"_Heading--wide-s--level-h5-large_1nyhm_312","Heading--wide-l--level-h1-normal":"_Heading--wide-l--level-h1-normal_1nyhm_320","Heading--wide-l--level-h1-large":"_Heading--wide-l--level-h1-large_1nyhm_326","Heading--wide-l--level-h2-normal":"_Heading--wide-l--level-h2-normal_1nyhm_332","Heading--wide-l--level-h2-large":"_Heading--wide-l--level-h2-large_1nyhm_338","Heading--wide-l--level-h3-normal":"_Heading--wide-l--level-h3-normal_1nyhm_344","Heading--wide-l--level-h3-large":"_Heading--wide-l--level-h3-large_1nyhm_350","Heading--wide-l--level-h4-normal":"_Heading--wide-l--level-h4-normal_1nyhm_356","Heading--wide-l--level-h4-large":"_Heading--wide-l--level-h4-large_1nyhm_362","Heading--wide-l--level-h5-normal":"_Heading--wide-l--level-h5-normal_1nyhm_368","Heading--wide-l--level-h5-large":"_Heading--wide-l--level-h5-large_1nyhm_374","Heading--variant-massive":"_Heading--variant-massive_1nyhm_381","Heading--variant-huge":"_Heading--variant-huge_1nyhm_387","Heading--variant-extraLarge":"_Heading--variant-extraLarge_1nyhm_393","Heading--variant-large":"_Heading--variant-large_1nyhm_399","Heading--variant-medium":"_Heading--variant-medium_1nyhm_405","Heading--variant-small":"_Heading--variant-small_1nyhm_411","Heading--narrow-l--variant-massive":"_Heading--narrow-l--variant-massive_1nyhm_418","Heading--narrow-l--variant-huge":"_Heading--narrow-l--variant-huge_1nyhm_424","Heading--narrow-l--variant-extraLarge":"_Heading--narrow-l--variant-extraLarge_1nyhm_430","Heading--narrow-l--variant-large":"_Heading--narrow-l--variant-large_1nyhm_436","Heading--narrow-l--variant-medium":"_Heading--narrow-l--variant-medium_1nyhm_442","Heading--narrow-l--variant-small":"_Heading--narrow-l--variant-small_1nyhm_448","Heading--medium-s--variant-massive":"_Heading--medium-s--variant-massive_1nyhm_456","Heading--medium-s--variant-huge":"_Heading--medium-s--variant-huge_1nyhm_462","Heading--medium-s--variant-extraLarge":"_Heading--medium-s--variant-extraLarge_1nyhm_468","Heading--medium-s--variant-large":"_Heading--medium-s--variant-large_1nyhm_474","Heading--medium-s--variant-medium":"_Heading--medium-s--variant-medium_1nyhm_480","Heading--medium-s--variant-small":"_Heading--medium-s--variant-small_1nyhm_486","Heading--medium-l--variant-massive":"_Heading--medium-l--variant-massive_1nyhm_494","Heading--medium-l--variant-huge":"_Heading--medium-l--variant-huge_1nyhm_500","Heading--medium-l--variant-extraLarge":"_Heading--medium-l--variant-extraLarge_1nyhm_506","Heading--medium-l--variant-large":"_Heading--medium-l--variant-large_1nyhm_512","Heading--medium-l--variant-medium":"_Heading--medium-l--variant-medium_1nyhm_518","Heading--medium-l--variant-small":"_Heading--medium-l--variant-small_1nyhm_524","Heading--wide-s--variant-massive":"_Heading--wide-s--variant-massive_1nyhm_532","Heading--wide-s--variant-huge":"_Heading--wide-s--variant-huge_1nyhm_538","Heading--wide-s--variant-extraLarge":"_Heading--wide-s--variant-extraLarge_1nyhm_544","Heading--wide-s--variant-large":"_Heading--wide-s--variant-large_1nyhm_550","Heading--wide-s--variant-medium":"_Heading--wide-s--variant-medium_1nyhm_556","Heading--wide-s--variant-small":"_Heading--wide-s--variant-small_1nyhm_562","Heading--wide-l--variant-massive":"_Heading--wide-l--variant-massive_1nyhm_570","Heading--wide-l--variant-huge":"_Heading--wide-l--variant-huge_1nyhm_576","Heading--wide-l--variant-extraLarge":"_Heading--wide-l--variant-extraLarge_1nyhm_582","Heading--wide-l--variant-large":"_Heading--wide-l--variant-large_1nyhm_588","Heading--wide-l--variant-medium":"_Heading--wide-l--variant-medium_1nyhm_594","Heading--wide-l--variant-small":"_Heading--wide-l--variant-small_1nyhm_600"},me=a.forwardRef(function({children:e,variant:t,accent:i,level:s,large:d=!1,tag:r,color:u,centered:h,dataset:g,id:_,...b},p){const z=r||s||"h1",m=R(_e,H.Heading,t?v("variant",t):B(`level-${s}-large`,`level-${s}-normal`,d)),o=le(h),x=te(!(i?void 0:u),i),I=ie(u),C=["preply-ds-heading",...m,...o,...x,...I],y={...M(b),className:C.join(" "),...O(g,{preplyDsComponent:H.Heading}),id:_,ref:p};return l.jsx(z,{...y,children:e})});me.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{large:{defaultValue:{value:"false",computed:!1},required:!1}}};const Be="_Spinner_8qno6_12",ve="_spin_8qno6_1",j={Spinner:Be,"Spinner--size-default":"_Spinner--size-default_8qno6_15","Spinner--size-large":"_Spinner--size-large_8qno6_19","Spinner--narrow-l--size-default":"_Spinner--narrow-l--size-default_8qno6_24","Spinner--narrow-l--size-large":"_Spinner--narrow-l--size-large_8qno6_28","Spinner--medium-s--size-default":"_Spinner--medium-s--size-default_8qno6_34","Spinner--medium-s--size-large":"_Spinner--medium-s--size-large_8qno6_38","Spinner--medium-l--size-default":"_Spinner--medium-l--size-default_8qno6_44","Spinner--medium-l--size-large":"_Spinner--medium-l--size-large_8qno6_48","Spinner--wide-s--size-default":"_Spinner--wide-s--size-default_8qno6_54","Spinner--wide-s--size-large":"_Spinner--wide-s--size-large_8qno6_58","Spinner--wide-l--size-default":"_Spinner--wide-l--size-default_8qno6_64","Spinner--wide-l--size-large":"_Spinner--wide-l--size-large_8qno6_68","Spinner--static":"_Spinner--static_8qno6_73","Spinner--animated":"_Spinner--animated_8qno6_79",spin:ve},he=({title:n,titleId:e,...t},i)=>a.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:i,"aria-labelledby":e,...t},n?a.createElement("title",{id:e},n):null,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm9-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})),ge=a.forwardRef(he),ye=({title:n,titleId:e,...t},i)=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:i,"aria-labelledby":e,...t},n?a.createElement("title",{id:e},n):null,a.createElement("g",{clipPath:"url(#clip0_1785_4234)"},a.createElement("path",{d:"M30 15.9996C30.0002 18.5815 29.2863 21.1132 27.9373 23.3148C26.5884 25.5163 24.6569 27.302 22.3564 28.4743C20.0559 29.6465 17.476 30.1598 14.902 29.9573C12.328 29.7548 9.86014 28.8444 7.77126 27.3269C5.68238 25.8093 4.05386 23.7436 3.06576 21.3582C2.07765 18.9728 1.76846 16.3606 2.17236 13.8104C2.57627 11.2602 3.67753 8.8714 5.35439 6.90808C7.03126 4.94475 9.2184 3.48339 11.674 2.68557",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{opacity:.3,d:"M16 29.9996C23.732 29.9996 30 23.7316 30 15.9996C30 8.26758 23.732 1.99956 16 1.99956C8.26801 1.99956 2 8.26758 2 15.9996C2 23.7316 8.26801 29.9996 16 29.9996Z",strokeWidth:3,strokeLinejoin:"round"})),a.createElement("defs",null,a.createElement("clipPath",{id:"clip0_1785_4234"},a.createElement("rect",{width:32,height:32,fill:"white"})))),we=a.forwardRef(ye),q="Spinner",ce=({size:n=oe})=>{const e=R(j,q,[v("size",n)]),t=[...c(j,q,["animated"])],i=[...c(j,q,["static"])];return l.jsxs("span",{className:e.join(" "),children:[l.jsx("span",{className:t.join(" "),children:l.jsx(we,{})}),l.jsx("span",{className:i.join(" "),children:l.jsx(ge,{})})]})},Z=(n,e)=>{typeof n=="function"?n(e):n&&(n.current=e)},ze=(n,e)=>a.useCallback(t=>{Z(n,t),Z(e,t)},[n,e]),He="_ButtonBase_13dly_51",T={"button-width--width-full":"_button-width--width-full_13dly_5","button-width--width-auto":"_button-width--width-auto_13dly_8","button-width--narrow-l--width-full":"_button-width--narrow-l--width-full_13dly_12","button-width--narrow-l--width-auto":"_button-width--narrow-l--width-auto_13dly_15","button-width--medium-s--width-full":"_button-width--medium-s--width-full_13dly_20","button-width--medium-s--width-auto":"_button-width--medium-s--width-auto_13dly_23","button-width--medium-l--width-full":"_button-width--medium-l--width-full_13dly_28","button-width--medium-l--width-auto":"_button-width--medium-l--width-auto_13dly_31","button-width--wide-s--width-full":"_button-width--wide-s--width-full_13dly_36","button-width--wide-s--width-auto":"_button-width--wide-s--width-auto_13dly_39","button-width--wide-l--width-full":"_button-width--wide-l--width-full_13dly_44","button-width--wide-l--width-auto":"_button-width--wide-l--width-auto_13dly_47",ButtonBase:He,"ButtonBase--content":"_ButtonBase--content_13dly_77","ButtonBase--is-icon-button":"_ButtonBase--is-icon-button_13dly_84","ButtonBase--busy":"_ButtonBase--busy_13dly_91","ButtonBase--is-busy":"_ButtonBase--is-busy_13dly_114","ButtonBase--width-full":"_ButtonBase--width-full_13dly_121","ButtonBase--width-auto":"_ButtonBase--width-auto_13dly_124","ButtonBase--narrow-l--width-full":"_ButtonBase--narrow-l--width-full_13dly_128","ButtonBase--narrow-l--width-auto":"_ButtonBase--narrow-l--width-auto_13dly_131","ButtonBase--medium-s--width-full":"_ButtonBase--medium-s--width-full_13dly_136","ButtonBase--medium-s--width-auto":"_ButtonBase--medium-s--width-auto_13dly_139","ButtonBase--medium-l--width-full":"_ButtonBase--medium-l--width-full_13dly_144","ButtonBase--medium-l--width-auto":"_ButtonBase--medium-l--width-auto_13dly_147","ButtonBase--wide-s--width-full":"_ButtonBase--wide-s--width-full_13dly_152","ButtonBase--wide-s--width-auto":"_ButtonBase--wide-s--width-auto_13dly_155","ButtonBase--wide-l--width-full":"_ButtonBase--wide-l--width-full_13dly_160","ButtonBase--wide-l--width-auto":"_ButtonBase--wide-l--width-auto_13dly_163","ButtonBase--size-xs":"_ButtonBase--size-xs_13dly_167","ButtonBase--is-icon-button-size-xs":"_ButtonBase--is-icon-button-size-xs_13dly_176","ButtonBase--size-s":"_ButtonBase--size-s_13dly_181","ButtonBase--is-icon-button-size-s":"_ButtonBase--is-icon-button-size-s_13dly_190","ButtonBase--size-m":"_ButtonBase--size-m_13dly_195","ButtonBase--is-icon-button-size-m":"_ButtonBase--is-icon-button-size-m_13dly_204","ButtonBase--size-l":"_ButtonBase--size-l_13dly_209","ButtonBase--is-icon-button-size-l":"_ButtonBase--is-icon-button-size-l_13dly_218","ButtonBase--size-xl":"_ButtonBase--size-xl_13dly_223","ButtonBase--is-icon-button-size-xl":"_ButtonBase--is-icon-button-size-xl_13dly_232","ButtonBase--size-large":"_ButtonBase--size-large_13dly_237","ButtonBase--is-icon-button-size-large":"_ButtonBase--is-icon-button-size-large_13dly_246","ButtonBase--size-medium":"_ButtonBase--size-medium_13dly_251","ButtonBase--is-icon-button-size-medium":"_ButtonBase--is-icon-button-size-medium_13dly_260","ButtonBase--size-small":"_ButtonBase--size-small_13dly_265","ButtonBase--is-icon-button-size-small":"_ButtonBase--is-icon-button-size-small_13dly_274","ButtonBase--narrow-l--size-xs":"_ButtonBase--narrow-l--size-xs_13dly_280","ButtonBase--narrow-l--is-icon-button-size-xs":"_ButtonBase--narrow-l--is-icon-button-size-xs_13dly_289","ButtonBase--narrow-l--size-s":"_ButtonBase--narrow-l--size-s_13dly_294","ButtonBase--narrow-l--is-icon-button-size-s":"_ButtonBase--narrow-l--is-icon-button-size-s_13dly_303","ButtonBase--narrow-l--size-m":"_ButtonBase--narrow-l--size-m_13dly_308","ButtonBase--narrow-l--is-icon-button-size-m":"_ButtonBase--narrow-l--is-icon-button-size-m_13dly_317","ButtonBase--narrow-l--size-l":"_ButtonBase--narrow-l--size-l_13dly_322","ButtonBase--narrow-l--is-icon-button-size-l":"_ButtonBase--narrow-l--is-icon-button-size-l_13dly_331","ButtonBase--narrow-l--size-xl":"_ButtonBase--narrow-l--size-xl_13dly_336","ButtonBase--narrow-l--is-icon-button-size-xl":"_ButtonBase--narrow-l--is-icon-button-size-xl_13dly_345","ButtonBase--narrow-l--size-large":"_ButtonBase--narrow-l--size-large_13dly_350","ButtonBase--narrow-l--is-icon-button-size-large":"_ButtonBase--narrow-l--is-icon-button-size-large_13dly_359","ButtonBase--narrow-l--size-medium":"_ButtonBase--narrow-l--size-medium_13dly_364","ButtonBase--narrow-l--is-icon-button-size-medium":"_ButtonBase--narrow-l--is-icon-button-size-medium_13dly_373","ButtonBase--narrow-l--size-small":"_ButtonBase--narrow-l--size-small_13dly_378","ButtonBase--narrow-l--is-icon-button-size-small":"_ButtonBase--narrow-l--is-icon-button-size-small_13dly_387","ButtonBase--medium-s--size-xs":"_ButtonBase--medium-s--size-xs_13dly_394","ButtonBase--medium-s--is-icon-button-size-xs":"_ButtonBase--medium-s--is-icon-button-size-xs_13dly_403","ButtonBase--medium-s--size-s":"_ButtonBase--medium-s--size-s_13dly_408","ButtonBase--medium-s--is-icon-button-size-s":"_ButtonBase--medium-s--is-icon-button-size-s_13dly_417","ButtonBase--medium-s--size-m":"_ButtonBase--medium-s--size-m_13dly_422","ButtonBase--medium-s--is-icon-button-size-m":"_ButtonBase--medium-s--is-icon-button-size-m_13dly_431","ButtonBase--medium-s--size-l":"_ButtonBase--medium-s--size-l_13dly_436","ButtonBase--medium-s--is-icon-button-size-l":"_ButtonBase--medium-s--is-icon-button-size-l_13dly_445","ButtonBase--medium-s--size-xl":"_ButtonBase--medium-s--size-xl_13dly_450","ButtonBase--medium-s--is-icon-button-size-xl":"_ButtonBase--medium-s--is-icon-button-size-xl_13dly_459","ButtonBase--medium-s--size-large":"_ButtonBase--medium-s--size-large_13dly_464","ButtonBase--medium-s--is-icon-button-size-large":"_ButtonBase--medium-s--is-icon-button-size-large_13dly_473","ButtonBase--medium-s--size-medium":"_ButtonBase--medium-s--size-medium_13dly_478","ButtonBase--medium-s--is-icon-button-size-medium":"_ButtonBase--medium-s--is-icon-button-size-medium_13dly_487","ButtonBase--medium-s--size-small":"_ButtonBase--medium-s--size-small_13dly_492","ButtonBase--medium-s--is-icon-button-size-small":"_ButtonBase--medium-s--is-icon-button-size-small_13dly_501","ButtonBase--medium-l--size-xs":"_ButtonBase--medium-l--size-xs_13dly_508","ButtonBase--medium-l--is-icon-button-size-xs":"_ButtonBase--medium-l--is-icon-button-size-xs_13dly_517","ButtonBase--medium-l--size-s":"_ButtonBase--medium-l--size-s_13dly_522","ButtonBase--medium-l--is-icon-button-size-s":"_ButtonBase--medium-l--is-icon-button-size-s_13dly_531","ButtonBase--medium-l--size-m":"_ButtonBase--medium-l--size-m_13dly_536","ButtonBase--medium-l--is-icon-button-size-m":"_ButtonBase--medium-l--is-icon-button-size-m_13dly_545","ButtonBase--medium-l--size-l":"_ButtonBase--medium-l--size-l_13dly_550","ButtonBase--medium-l--is-icon-button-size-l":"_ButtonBase--medium-l--is-icon-button-size-l_13dly_559","ButtonBase--medium-l--size-xl":"_ButtonBase--medium-l--size-xl_13dly_564","ButtonBase--medium-l--is-icon-button-size-xl":"_ButtonBase--medium-l--is-icon-button-size-xl_13dly_573","ButtonBase--medium-l--size-large":"_ButtonBase--medium-l--size-large_13dly_578","ButtonBase--medium-l--is-icon-button-size-large":"_ButtonBase--medium-l--is-icon-button-size-large_13dly_587","ButtonBase--medium-l--size-medium":"_ButtonBase--medium-l--size-medium_13dly_592","ButtonBase--medium-l--is-icon-button-size-medium":"_ButtonBase--medium-l--is-icon-button-size-medium_13dly_601","ButtonBase--medium-l--size-small":"_ButtonBase--medium-l--size-small_13dly_606","ButtonBase--medium-l--is-icon-button-size-small":"_ButtonBase--medium-l--is-icon-button-size-small_13dly_615","ButtonBase--wide-s--size-xs":"_ButtonBase--wide-s--size-xs_13dly_622","ButtonBase--wide-s--is-icon-button-size-xs":"_ButtonBase--wide-s--is-icon-button-size-xs_13dly_631","ButtonBase--wide-s--size-s":"_ButtonBase--wide-s--size-s_13dly_636","ButtonBase--wide-s--is-icon-button-size-s":"_ButtonBase--wide-s--is-icon-button-size-s_13dly_645","ButtonBase--wide-s--size-m":"_ButtonBase--wide-s--size-m_13dly_650","ButtonBase--wide-s--is-icon-button-size-m":"_ButtonBase--wide-s--is-icon-button-size-m_13dly_659","ButtonBase--wide-s--size-l":"_ButtonBase--wide-s--size-l_13dly_664","ButtonBase--wide-s--is-icon-button-size-l":"_ButtonBase--wide-s--is-icon-button-size-l_13dly_673","ButtonBase--wide-s--size-xl":"_ButtonBase--wide-s--size-xl_13dly_678","ButtonBase--wide-s--is-icon-button-size-xl":"_ButtonBase--wide-s--is-icon-button-size-xl_13dly_687","ButtonBase--wide-s--size-large":"_ButtonBase--wide-s--size-large_13dly_692","ButtonBase--wide-s--is-icon-button-size-large":"_ButtonBase--wide-s--is-icon-button-size-large_13dly_701","ButtonBase--wide-s--size-medium":"_ButtonBase--wide-s--size-medium_13dly_706","ButtonBase--wide-s--is-icon-button-size-medium":"_ButtonBase--wide-s--is-icon-button-size-medium_13dly_715","ButtonBase--wide-s--size-small":"_ButtonBase--wide-s--size-small_13dly_720","ButtonBase--wide-s--is-icon-button-size-small":"_ButtonBase--wide-s--is-icon-button-size-small_13dly_729","ButtonBase--wide-l--size-xs":"_ButtonBase--wide-l--size-xs_13dly_736","ButtonBase--wide-l--is-icon-button-size-xs":"_ButtonBase--wide-l--is-icon-button-size-xs_13dly_745","ButtonBase--wide-l--size-s":"_ButtonBase--wide-l--size-s_13dly_750","ButtonBase--wide-l--is-icon-button-size-s":"_ButtonBase--wide-l--is-icon-button-size-s_13dly_759","ButtonBase--wide-l--size-m":"_ButtonBase--wide-l--size-m_13dly_764","ButtonBase--wide-l--is-icon-button-size-m":"_ButtonBase--wide-l--is-icon-button-size-m_13dly_773","ButtonBase--wide-l--size-l":"_ButtonBase--wide-l--size-l_13dly_778","ButtonBase--wide-l--is-icon-button-size-l":"_ButtonBase--wide-l--is-icon-button-size-l_13dly_787","ButtonBase--wide-l--size-xl":"_ButtonBase--wide-l--size-xl_13dly_792","ButtonBase--wide-l--is-icon-button-size-xl":"_ButtonBase--wide-l--is-icon-button-size-xl_13dly_801","ButtonBase--wide-l--size-large":"_ButtonBase--wide-l--size-large_13dly_806","ButtonBase--wide-l--is-icon-button-size-large":"_ButtonBase--wide-l--is-icon-button-size-large_13dly_815","ButtonBase--wide-l--size-medium":"_ButtonBase--wide-l--size-medium_13dly_820","ButtonBase--wide-l--is-icon-button-size-medium":"_ButtonBase--wide-l--is-icon-button-size-medium_13dly_829","ButtonBase--wide-l--size-small":"_ButtonBase--wide-l--size-small_13dly_834","ButtonBase--wide-l--is-icon-button-size-small":"_ButtonBase--wide-l--is-icon-button-size-small_13dly_843","ButtonBase--variant-primary":"_ButtonBase--variant-primary_13dly_849","ButtonBase--variant-primary--dsInternalSimulation-hover":"_ButtonBase--variant-primary--dsInternalSimulation-hover_13dly_855","ButtonBase--variant-primary--dsInternalSimulation-active":"_ButtonBase--variant-primary--dsInternalSimulation-active_13dly_870","ButtonBase--variant-secondary":"_ButtonBase--variant-secondary_13dly_874","ButtonBase--variant-secondary--dsInternalSimulation-hover":"_ButtonBase--variant-secondary--dsInternalSimulation-hover_13dly_880","ButtonBase--variant-secondary--dsInternalSimulation-active":"_ButtonBase--variant-secondary--dsInternalSimulation-active_13dly_895","ButtonBase--variant-tertiary":"_ButtonBase--variant-tertiary_13dly_899","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"_ButtonBase--variant-tertiary--dsInternalSimulation-hover_13dly_905","ButtonBase--variant-tertiary--dsInternalSimulation-active":"_ButtonBase--variant-tertiary--dsInternalSimulation-active_13dly_920","ButtonBase--variant-quaternary":"_ButtonBase--variant-quaternary_13dly_924","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"_ButtonBase--variant-quaternary--dsInternalSimulation-hover_13dly_930","ButtonBase--variant-quaternary--dsInternalSimulation-active":"_ButtonBase--variant-quaternary--dsInternalSimulation-active_13dly_945","ButtonBase--variant-ghost":"_ButtonBase--variant-ghost_13dly_949","ButtonBase--variant-ghost--dsInternalSimulation-hover":"_ButtonBase--variant-ghost--dsInternalSimulation-hover_13dly_955","ButtonBase--variant-ghost--dsInternalSimulation-active":"_ButtonBase--variant-ghost--dsInternalSimulation-active_13dly_970","ButtonBase--variant-ghost--is-selected":"_ButtonBase--variant-ghost--is-selected_13dly_974","ButtonBase--variant-plain":"_ButtonBase--variant-plain_13dly_978","ButtonBase--variant-plain--dsInternalSimulation-hover":"_ButtonBase--variant-plain--dsInternalSimulation-hover_13dly_984","ButtonBase--variant-plain--dsInternalSimulation-active":"_ButtonBase--variant-plain--dsInternalSimulation-active_13dly_999","ButtonBase--variant-dangerous":"_ButtonBase--variant-dangerous_13dly_1003","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"_ButtonBase--variant-dangerous--dsInternalSimulation-hover_13dly_1009","ButtonBase--variant-dangerous--dsInternalSimulation-active":"_ButtonBase--variant-dangerous--dsInternalSimulation-active_13dly_1024","ButtonBase--variant-critical":"_ButtonBase--variant-critical_13dly_1028","ButtonBase--variant-critical--dsInternalSimulation-hover":"_ButtonBase--variant-critical--dsInternalSimulation-hover_13dly_1034","ButtonBase--variant-critical--dsInternalSimulation-active":"_ButtonBase--variant-critical--dsInternalSimulation-active_13dly_1049","ButtonBase--variant-onColor":"_ButtonBase--variant-onColor_13dly_1053","ButtonBase--variant-onColor--dsInternalSimulation-hover":"_ButtonBase--variant-onColor--dsInternalSimulation-hover_13dly_1059","ButtonBase--variant-onColor--dsInternalSimulation-active":"_ButtonBase--variant-onColor--dsInternalSimulation-active_13dly_1074","ButtonBase--variant-classroom":"_ButtonBase--variant-classroom_13dly_1078","ButtonBase--variant-classroom--dsInternalSimulation-hover":"_ButtonBase--variant-classroom--dsInternalSimulation-hover_13dly_1084","ButtonBase--variant-classroom--dsInternalSimulation-active":"_ButtonBase--variant-classroom--dsInternalSimulation-active_13dly_1099","ButtonBase--variant-classroom--is-selected":"_ButtonBase--variant-classroom--is-selected_13dly_1103","ButtonBase--variant-primaryB2b":"_ButtonBase--variant-primaryB2b_13dly_1107","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_13dly_1113","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-active_13dly_1128","ButtonBase--variant-primaryTutor":"_ButtonBase--variant-primaryTutor_13dly_1132","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_13dly_1138","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-active_13dly_1153","ButtonBase--variant-inverted":"_ButtonBase--variant-inverted_13dly_1157","ButtonBase--variant-inverted--dsInternalSimulation-hover":"_ButtonBase--variant-inverted--dsInternalSimulation-hover_13dly_1163","ButtonBase--variant-inverted--dsInternalSimulation-active":"_ButtonBase--variant-inverted--dsInternalSimulation-active_13dly_1178","ButtonBase--variant-newFeature":"_ButtonBase--variant-newFeature_13dly_1182","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"_ButtonBase--variant-newFeature--dsInternalSimulation-hover_13dly_1188","ButtonBase--variant-newFeature--dsInternalSimulation-active":"_ButtonBase--variant-newFeature--dsInternalSimulation-active_13dly_1203","ButtonBase--variant-ai":"_ButtonBase--variant-ai_13dly_1207","ButtonBase--variant-ai--dsInternalSimulation-hover":"_ButtonBase--variant-ai--dsInternalSimulation-hover_13dly_1213","ButtonBase--variant-ai--dsInternalSimulation-active":"_ButtonBase--variant-ai--dsInternalSimulation-active_13dly_1228","ButtonBase--no-wrap":"_ButtonBase--no-wrap_13dly_1240"},L="ButtonBase",be=n=>Object.prototype.hasOwnProperty.call(n,"selected"),E=({children:n,busy:e})=>{const t=[...c(T,L,["content"])],i=[...c(T,L,["busy"])];return l.jsxs(l.Fragment,{children:[l.jsx("span",{className:t.join(" "),children:n}),e&&l.jsx("span",{className:i.join(" "),children:l.jsx(ce,{})})]})},W=a.forwardRef(function(e,t){const{variant:i=V,size:s=K,fullWidth:d=!1,wrap:r=!1,href:u,download:h,opensInNewTab:g,nofollow:_,submitsForm:b,assistiveText:p,onClick:z,disabled:m,busy:o,isIconButton:f,as:S,url:x,a11yLabel:I,dataset:C,children:y,dsInternalSimulation:G,preplyDsComponent:J,...Q}=e,{selected:X}=be(e)?e:{selected:void 0},Y=de(),k=a.useRef(null),F=ze(k,t),ee=w=>{(m||o)&&w.preventDefault(),z==null||z(w)},ne=w=>{var $;const A=re(w.key);(A===" "||A==="Enter")&&(w.preventDefault(),($=k.current)==null||$.click())},ae=R(T,L,[v(`variant-${i}--dsInternalSimulation`,G),v("variant",i),v("size",s),f?v("is-icon-button-size",s):[],B(void 0,"no-wrap",r),B("width-full","width-auto",d),B("is-busy",void 0,o),B("is-icon-button",void 0,f),B(`variant-${i}--is-selected`,void 0,X)]),D={...M(Q),...O(C,{preplyDsComponent:J}),className:ae.join(" "),"aria-label":p||I,onClick:ee,disabled:m,"aria-disabled":m||o?!0:void 0,ref:F},N=u||x,P={...D,download:h,ref:F,role:"button",tabIndex:m?-1:0,href:N,onKeyDown:ne};return N?l.jsx("a",{...P,...se(Y,N,g,_),children:E({children:y,busy:o})}):S?a.cloneElement(S,{...P},E({children:y,busy:o})):l.jsx("button",{...D,type:b?"submit":"button",children:E({children:y,busy:o})})});W.__docgenInfo={description:"",methods:[],displayName:"ButtonBase"};const pe={"Button--icon":"_Button--icon_1q7h3_5"},fe=a.forwardRef(function({variant:e=V,size:t=K,url:i,a11yLabel:s,leadingSvgIcon:d,trailingSvgIcon:r,children:u,...h},g){const _=[...c(pe,H.Button,["icon"])];return l.jsxs(W,{...h,ref:g,isIconButton:!1,variant:e,size:t,url:i,a11yLabel:s,preplyDsComponent:H.Button,children:[!!d&&l.jsx("span",{className:_.join(" "),children:U(d,{"aria-hidden":"true",focusable:"false"})}),u,!!r&&l.jsx("span",{className:_.join(" "),children:U(r,{"aria-hidden":"true",focusable:"false"})})]})});fe.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'s'",computed:!1},required:!1}}};export{fe as B,me as H,ce as S,W as a};
@@ -0,0 +1 @@
1
+ ._Button--icon_1q7h3_5{display:flex;margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}._Button--icon_1q7h3_5 svg{width:var(--f316e1);height:var(--f316e1)}._Button--icon_1q7h3_5 svg path{fill:currentColor}
@@ -0,0 +1 @@
1
+ ._Heading_1nyhm_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);margin:0}._Heading--level-h1-normal_1nyhm_11{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--level-h1-large_1nyhm_17{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--level-h2-normal_1nyhm_23{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--level-h2-large_1nyhm_29{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--level-h3-normal_1nyhm_35{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--level-h3-large_1nyhm_41{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--level-h4-normal_1nyhm_47{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--level-h4-large_1nyhm_53{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--level-h5-normal_1nyhm_59{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--level-h5-large_1nyhm_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_1nyhm_72{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--narrow-l--level-h1-large_1nyhm_78{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--narrow-l--level-h2-normal_1nyhm_84{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--narrow-l--level-h2-large_1nyhm_90{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--narrow-l--level-h3-normal_1nyhm_96{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--narrow-l--level-h3-large_1nyhm_102{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--narrow-l--level-h4-normal_1nyhm_108{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--narrow-l--level-h4-large_1nyhm_114{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--narrow-l--level-h5-normal_1nyhm_120{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--narrow-l--level-h5-large_1nyhm_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_1nyhm_134{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-s--level-h1-large_1nyhm_140{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-s--level-h2-normal_1nyhm_146{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-s--level-h2-large_1nyhm_152{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-s--level-h3-normal_1nyhm_158{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-s--level-h3-large_1nyhm_164{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-s--level-h4-normal_1nyhm_170{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-s--level-h4-large_1nyhm_176{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-s--level-h5-normal_1nyhm_182{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-s--level-h5-large_1nyhm_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_1nyhm_196{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-l--level-h1-large_1nyhm_202{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-l--level-h2-normal_1nyhm_208{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-l--level-h2-large_1nyhm_214{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-l--level-h3-normal_1nyhm_220{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-l--level-h3-large_1nyhm_226{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-l--level-h4-normal_1nyhm_232{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-l--level-h4-large_1nyhm_238{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-l--level-h5-normal_1nyhm_244{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-l--level-h5-large_1nyhm_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_1nyhm_258{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-s--level-h1-large_1nyhm_264{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-s--level-h2-normal_1nyhm_270{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-s--level-h2-large_1nyhm_276{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-s--level-h3-normal_1nyhm_282{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-s--level-h3-large_1nyhm_288{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-s--level-h4-normal_1nyhm_294{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-s--level-h4-large_1nyhm_300{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-s--level-h5-normal_1nyhm_306{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-s--level-h5-large_1nyhm_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_1nyhm_320{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-l--level-h1-large_1nyhm_326{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-l--level-h2-normal_1nyhm_332{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-l--level-h2-large_1nyhm_338{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-l--level-h3-normal_1nyhm_344{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-l--level-h3-large_1nyhm_350{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-l--level-h4-normal_1nyhm_356{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-l--level-h4-large_1nyhm_362{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-l--level-h5-normal_1nyhm_368{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-l--level-h5-large_1nyhm_374{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}._Heading--variant-massive_1nyhm_381{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--variant-huge_1nyhm_387{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--variant-extraLarge_1nyhm_393{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--variant-large_1nyhm_399{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--variant-medium_1nyhm_405{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--variant-small_1nyhm_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_1nyhm_418{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--narrow-l--variant-huge_1nyhm_424{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--narrow-l--variant-extraLarge_1nyhm_430{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--narrow-l--variant-large_1nyhm_436{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--narrow-l--variant-medium_1nyhm_442{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--narrow-l--variant-small_1nyhm_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_1nyhm_456{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-s--variant-huge_1nyhm_462{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-s--variant-extraLarge_1nyhm_468{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-s--variant-large_1nyhm_474{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-s--variant-medium_1nyhm_480{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-s--variant-small_1nyhm_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_1nyhm_494{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-l--variant-huge_1nyhm_500{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-l--variant-extraLarge_1nyhm_506{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-l--variant-large_1nyhm_512{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-l--variant-medium_1nyhm_518{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-l--variant-small_1nyhm_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_1nyhm_532{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-s--variant-huge_1nyhm_538{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-s--variant-extraLarge_1nyhm_544{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-s--variant-large_1nyhm_550{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-s--variant-medium_1nyhm_556{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-s--variant-small_1nyhm_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_1nyhm_570{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-l--variant-huge_1nyhm_576{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-l--variant-extraLarge_1nyhm_582{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-l--variant-large_1nyhm_588{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-l--variant-medium_1nyhm_594{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-l--variant-small_1nyhm_600{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@-webkit-keyframes _spin_8qno6_1{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes _spin_8qno6_1{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}._Spinner_8qno6_12{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._Spinner--size-default_8qno6_15>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--size-large_8qno6_19>*{width:var(--77547f);height:var(--77547f)}@media (min-width: 400px){._Spinner--narrow-l--size-default_8qno6_24>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--narrow-l--size-large_8qno6_28>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 700px){._Spinner--medium-s--size-default_8qno6_34>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--medium-s--size-large_8qno6_38>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 880px){._Spinner--medium-l--size-default_8qno6_44>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--medium-l--size-large_8qno6_48>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1200px){._Spinner--wide-s--size-default_8qno6_54>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--wide-s--size-large_8qno6_58>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1900px){._Spinner--wide-l--size-default_8qno6_64>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--wide-l--size-large_8qno6_68>*{width:var(--77547f);height:var(--77547f)}}._Spinner--static_8qno6_73{display:none}._Spinner--static_8qno6_73 svg{fill:currentColor}._Spinner--animated_8qno6_79{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._Spinner--animated_8qno6_79 svg{stroke:currentColor;stroke-linecap:round;stroke-width:3px;-webkit-animation:_spin_8qno6_1 1s cubic-bezier(.46,.17,.58,.87) infinite;animation:_spin_8qno6_1 1s cubic-bezier(.46,.17,.58,.87) infinite}@media (prefers-reduced-motion){._Spinner--static_8qno6_73{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._Spinner--animated_8qno6_79{display:none}}._button-width--width-full_13dly_5{width:100%}._button-width--width-auto_13dly_8{width:auto}@media (min-width: 400px){._button-width--narrow-l--width-full_13dly_12{width:100%}._button-width--narrow-l--width-auto_13dly_15{width:auto}}@media (min-width: 700px){._button-width--medium-s--width-full_13dly_20{width:100%}._button-width--medium-s--width-auto_13dly_23{width:auto}}@media (min-width: 880px){._button-width--medium-l--width-full_13dly_28{width:100%}._button-width--medium-l--width-auto_13dly_31{width:auto}}@media (min-width: 1200px){._button-width--wide-s--width-full_13dly_36{width:100%}._button-width--wide-s--width-auto_13dly_39{width:auto}}@media (min-width: 1900px){._button-width--wide-l--width-full_13dly_44{width:100%}._button-width--wide-l--width-auto_13dly_47{width:auto}}._ButtonBase_13dly_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_13dly_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_13dly_84 ._ButtonBase--content_13dly_77 svg{width:var(--f02c4e);height:var(--f02c4e)}._ButtonBase--is-icon-button_13dly_84 ._ButtonBase--content_13dly_77 svg path{fill:currentColor}._ButtonBase--busy_13dly_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_13dly_51[disabled],._ButtonBase_13dly_51[disabled]:hover{cursor:not-allowed;color:var(--a8b89c);background-color:var(--04daeb);border-color:var(--e05289)}._ButtonBase_13dly_51:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._ButtonBase--is-busy_13dly_114{cursor:default;pointer-events:none}._ButtonBase--is-busy_13dly_114 ._ButtonBase--content_13dly_77{visibility:hidden}._ButtonBase--width-full_13dly_121{width:100%}._ButtonBase--width-auto_13dly_124{width:auto}@media (min-width: 400px){._ButtonBase--narrow-l--width-full_13dly_128{width:100%}._ButtonBase--narrow-l--width-auto_13dly_131{width:auto}}@media (min-width: 700px){._ButtonBase--medium-s--width-full_13dly_136{width:100%}._ButtonBase--medium-s--width-auto_13dly_139{width:auto}}@media (min-width: 880px){._ButtonBase--medium-l--width-full_13dly_144{width:100%}._ButtonBase--medium-l--width-auto_13dly_147{width:auto}}@media (min-width: 1200px){._ButtonBase--wide-s--width-full_13dly_152{width:100%}._ButtonBase--wide-s--width-auto_13dly_155{width:auto}}@media (min-width: 1900px){._ButtonBase--wide-l--width-full_13dly_160{width:100%}._ButtonBase--wide-l--width-auto_13dly_163{width:auto}}._ButtonBase--size-xs_13dly_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_13dly_176{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--size-s_13dly_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_13dly_190{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--size-m_13dly_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_13dly_204{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--size-l_13dly_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_13dly_218{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--size-xl_13dly_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_13dly_232{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--size-large_13dly_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_13dly_246{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--size-medium_13dly_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_13dly_260{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--size-small_13dly_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_13dly_274{width:var(--5eca09);height:var(--5eca09);padding:0}@media (min-width: 400px){._ButtonBase--narrow-l--size-xs_13dly_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_13dly_289{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--narrow-l--size-s_13dly_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_13dly_303{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--narrow-l--size-m_13dly_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_13dly_317{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--narrow-l--size-l_13dly_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_13dly_331{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--narrow-l--size-xl_13dly_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_13dly_345{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--narrow-l--size-large_13dly_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_13dly_359{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--narrow-l--size-medium_13dly_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_13dly_373{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--narrow-l--size-small_13dly_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_13dly_387{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 700px){._ButtonBase--medium-s--size-xs_13dly_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_13dly_403{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-s--size-s_13dly_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_13dly_417{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-s--size-m_13dly_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_13dly_431{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-s--size-l_13dly_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_13dly_445{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-s--size-xl_13dly_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_13dly_459{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-s--size-large_13dly_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_13dly_473{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-s--size-medium_13dly_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_13dly_487{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-s--size-small_13dly_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_13dly_501{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 880px){._ButtonBase--medium-l--size-xs_13dly_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_13dly_517{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-l--size-s_13dly_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_13dly_531{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-l--size-m_13dly_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_13dly_545{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-l--size-l_13dly_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_13dly_559{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-l--size-xl_13dly_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_13dly_573{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-l--size-large_13dly_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_13dly_587{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-l--size-medium_13dly_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_13dly_601{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-l--size-small_13dly_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_13dly_615{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1200px){._ButtonBase--wide-s--size-xs_13dly_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_13dly_631{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-s--size-s_13dly_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_13dly_645{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-s--size-m_13dly_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_13dly_659{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-s--size-l_13dly_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_13dly_673{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-s--size-xl_13dly_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_13dly_687{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-s--size-large_13dly_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_13dly_701{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-s--size-medium_13dly_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_13dly_715{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-s--size-small_13dly_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_13dly_729{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1900px){._ButtonBase--wide-l--size-xs_13dly_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_13dly_745{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-l--size-s_13dly_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_13dly_759{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-l--size-m_13dly_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_13dly_773{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-l--size-l_13dly_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_13dly_787{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-l--size-xl_13dly_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_13dly_801{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-l--size-large_13dly_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_13dly_815{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-l--size-medium_13dly_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_13dly_829{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-l--size-small_13dly_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_13dly_843{width:var(--5eca09);height:var(--5eca09);padding:0}}._ButtonBase--variant-primary_13dly_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_13dly_855{color:var(--df6151);background-color:var(--902b50)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primary_13dly_849:hover{color:var(--df6151);background-color:var(--902b50)}}._ButtonBase--variant-primary_13dly_849[disabled],._ButtonBase--variant-primary_13dly_849[disabled]:hover{border-color:var(--f0720e)}._ButtonBase--variant-primary_13dly_849:active,._ButtonBase--variant-primary--dsInternalSimulation-active_13dly_870{color:var(--15cee1);background-color:var(--c1c1ca)}._ButtonBase--variant-secondary_13dly_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_13dly_880{color:var(--0d6ae2);background-color:var(--0d124d)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-secondary_13dly_874:hover{color:var(--0d6ae2);background-color:var(--0d124d)}}._ButtonBase--variant-secondary_13dly_874[disabled],._ButtonBase--variant-secondary_13dly_874[disabled]:hover{border-color:var(--3f0f51)}._ButtonBase--variant-secondary_13dly_874:active,._ButtonBase--variant-secondary--dsInternalSimulation-active_13dly_895{color:var(--22cb4c);background-color:var(--33b439)}._ButtonBase--variant-tertiary_13dly_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_13dly_905{color:var(--175a77);background-color:var(--ec17be)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-tertiary_13dly_899:hover{color:var(--175a77);background-color:var(--ec17be)}}._ButtonBase--variant-tertiary_13dly_899[disabled],._ButtonBase--variant-tertiary_13dly_899[disabled]:hover{border-color:var(--fd08b7)}._ButtonBase--variant-tertiary_13dly_899:active,._ButtonBase--variant-tertiary--dsInternalSimulation-active_13dly_920{color:var(--8274ee);background-color:var(--b0bf50)}._ButtonBase--variant-quaternary_13dly_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_13dly_930{color:var(--6609c6);background-color:var(--afc176)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-quaternary_13dly_924:hover{color:var(--6609c6);background-color:var(--afc176)}}._ButtonBase--variant-quaternary_13dly_924[disabled],._ButtonBase--variant-quaternary_13dly_924[disabled]:hover{border-color:var(--3e2684)}._ButtonBase--variant-quaternary_13dly_924:active,._ButtonBase--variant-quaternary--dsInternalSimulation-active_13dly_945{color:var(--e9f226);background-color:var(--2ee553)}._ButtonBase--variant-ghost_13dly_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_13dly_955{color:var(--e69072);background-color:var(--3b749f)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ghost_13dly_949:hover{color:var(--e69072);background-color:var(--3b749f)}}._ButtonBase--variant-ghost_13dly_949[disabled],._ButtonBase--variant-ghost_13dly_949[disabled]:hover{border-color:var(--af2d26)}._ButtonBase--variant-ghost_13dly_949:active,._ButtonBase--variant-ghost--dsInternalSimulation-active_13dly_970{color:var(--ddf285);background-color:var(--6beb48)}._ButtonBase--variant-ghost--is-selected_13dly_974{color:var(--5f5238);background-color:var(--a5cfbe)}._ButtonBase--variant-plain_13dly_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_13dly_984{color:var(--1265db);background-color:var(--df2aca)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-plain_13dly_978:hover{color:var(--1265db);background-color:var(--df2aca)}}._ButtonBase--variant-plain_13dly_978[disabled],._ButtonBase--variant-plain_13dly_978[disabled]:hover{border-color:var(--c6b607)}._ButtonBase--variant-plain_13dly_978:active,._ButtonBase--variant-plain--dsInternalSimulation-active_13dly_999{color:var(--a41624);background-color:var(--435fa5)}._ButtonBase--variant-dangerous_13dly_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_13dly_1009{color:var(--6f5d5d);background-color:var(--e0b0f4)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-dangerous_13dly_1003:hover{color:var(--6f5d5d);background-color:var(--e0b0f4)}}._ButtonBase--variant-dangerous_13dly_1003[disabled],._ButtonBase--variant-dangerous_13dly_1003[disabled]:hover{border-color:var(--7deffa)}._ButtonBase--variant-dangerous_13dly_1003:active,._ButtonBase--variant-dangerous--dsInternalSimulation-active_13dly_1024{color:var(--6b4e92);background-color:var(--a5eaa1)}._ButtonBase--variant-critical_13dly_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_13dly_1034{color:var(--c3136e);background-color:var(--064c43)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-critical_13dly_1028:hover{color:var(--c3136e);background-color:var(--064c43)}}._ButtonBase--variant-critical_13dly_1028[disabled],._ButtonBase--variant-critical_13dly_1028[disabled]:hover{border-color:var(--e117c7)}._ButtonBase--variant-critical_13dly_1028:active,._ButtonBase--variant-critical--dsInternalSimulation-active_13dly_1049{color:var(--f9fba8);background-color:var(--152a7a)}._ButtonBase--variant-onColor_13dly_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_13dly_1059{color:var(--145384);background-color:var(--549e56)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-onColor_13dly_1053:hover{color:var(--145384);background-color:var(--549e56)}}._ButtonBase--variant-onColor_13dly_1053[disabled],._ButtonBase--variant-onColor_13dly_1053[disabled]:hover{border-color:var(--e1a214)}._ButtonBase--variant-onColor_13dly_1053:active,._ButtonBase--variant-onColor--dsInternalSimulation-active_13dly_1074{color:var(--f772e8);background-color:var(--936fce)}._ButtonBase--variant-classroom_13dly_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_13dly_1084{color:var(--55bfda);background-color:var(--077a93)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-classroom_13dly_1078:hover{color:var(--55bfda);background-color:var(--077a93)}}._ButtonBase--variant-classroom_13dly_1078[disabled],._ButtonBase--variant-classroom_13dly_1078[disabled]:hover{border-color:var(--659377)}._ButtonBase--variant-classroom_13dly_1078:active,._ButtonBase--variant-classroom--dsInternalSimulation-active_13dly_1099{color:var(--b62751);background-color:var(--45d93a)}._ButtonBase--variant-classroom--is-selected_13dly_1103{color:var(--a0b42b);background-color:var(--16a985)}._ButtonBase--variant-primaryB2b_13dly_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_13dly_1113{color:var(--3e45d7);background-color:var(--dcdb32)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryB2b_13dly_1107:hover{color:var(--3e45d7);background-color:var(--dcdb32)}}._ButtonBase--variant-primaryB2b_13dly_1107[disabled],._ButtonBase--variant-primaryB2b_13dly_1107[disabled]:hover{border-color:var(--e7f949)}._ButtonBase--variant-primaryB2b_13dly_1107:active,._ButtonBase--variant-primaryB2b--dsInternalSimulation-active_13dly_1128{color:var(--cb03bc);background-color:var(--fc3d8b)}._ButtonBase--variant-primaryTutor_13dly_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_13dly_1138{color:var(--e91696);background-color:var(--46a009)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryTutor_13dly_1132:hover{color:var(--e91696);background-color:var(--46a009)}}._ButtonBase--variant-primaryTutor_13dly_1132[disabled],._ButtonBase--variant-primaryTutor_13dly_1132[disabled]:hover{border-color:var(--f6a20e)}._ButtonBase--variant-primaryTutor_13dly_1132:active,._ButtonBase--variant-primaryTutor--dsInternalSimulation-active_13dly_1153{color:var(--58d992);background-color:var(--dd5a43)}._ButtonBase--variant-inverted_13dly_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_13dly_1163{color:var(--79a09e);background-color:var(--8a16b5)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-inverted_13dly_1157:hover{color:var(--79a09e);background-color:var(--8a16b5)}}._ButtonBase--variant-inverted_13dly_1157[disabled],._ButtonBase--variant-inverted_13dly_1157[disabled]:hover{border-color:var(--e797f1)}._ButtonBase--variant-inverted_13dly_1157:active,._ButtonBase--variant-inverted--dsInternalSimulation-active_13dly_1178{color:var(--77e945);background-color:var(--de59a1)}._ButtonBase--variant-newFeature_13dly_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_13dly_1188{color:var(--ddcea1);background-color:var(--dd2815)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-newFeature_13dly_1182:hover{color:var(--ddcea1);background-color:var(--dd2815)}}._ButtonBase--variant-newFeature_13dly_1182[disabled],._ButtonBase--variant-newFeature_13dly_1182[disabled]:hover{border-color:var(--7d2338)}._ButtonBase--variant-newFeature_13dly_1182:active,._ButtonBase--variant-newFeature--dsInternalSimulation-active_13dly_1203{color:var(--d4762b);background-color:var(--b3e453)}._ButtonBase--variant-ai_13dly_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_13dly_1213{color:var(--59b757);background-color:var(--f043dc)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ai_13dly_1207:hover{color:var(--59b757);background-color:var(--f043dc)}}._ButtonBase--variant-ai_13dly_1207[disabled],._ButtonBase--variant-ai_13dly_1207[disabled]:hover{border-color:var(--6ac212)}._ButtonBase--variant-ai_13dly_1207:active,._ButtonBase--variant-ai--dsInternalSimulation-active_13dly_1228{color:var(--349ae3);background-color:var(--5bba7d)}._ButtonBase--variant-ai_13dly_1207{-o-border-image:var(--0b0037);border-image:var(--0b0037)}._ButtonBase--variant-ai_13dly_1207[disabled],._ButtonBase--variant-ai_13dly_1207[disabled]:hover{-o-border-image:none;border-image:none;-o-border-image:initial;border-image:initial;border-color:var(--6ac212)}._ButtonBase--no-wrap_13dly_1240{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}._Button--icon_1q7h3_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_1q7h3_5 svg{width:var(--f316e1);height:var(--f316e1)}._Button--icon_1q7h3_5 svg path{fill:currentColor}
@@ -1,4 +1,4 @@
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-DGRySlif.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 V={"Button--icon":"_Button--icon_1wdpy_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(V,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.
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-D31GBWHv.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 V={"Button--icon":"_Button--icon_1q7h3_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(V,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:'"small"'},{value:'"medium"'},{value:'"large"'},{value:"ResponsiveProp<ButtonSize>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"critical"'},{value:'"inverted"'},{value:'"tertiary"'},{value:'"primary"'},{value:'"secondary"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'},{value:'"ai"'}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},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
2
 
3
3
  Allows rendering the button using a different React element or component.
4
4
  This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
@@ -1,4 +1,4 @@
1
- import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{F as e}from"./TokyoUIFav-DOVerCtW.js";import{I as r}from"./IconButton-Bh5Ni2UR.js";import{B as a}from"./Button-CGkNG45w.js";import{S as y}from"./consts-KAYct7Gj.js";import{g as m}from"./getTokenVar-DU_DEzTd.js";import{c as x}from"./tokens-CkwKC70_.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-DGRySlif.js";import"./Spinner-DvSs1_DJ.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./componentNames-Bwls0I02.js";import"./constants-BgBLeZzp.js";const ct={title:"components/Button",component:a,subcomponents:{IconButton:r},argTypes:{size:{description:y},fullWidth:{description:y}}},i=()=>t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(a,{children:"Button"}),t.jsx(a,{leadingSvgIcon:e,children:"Button"}),t.jsx(a,{trailingSvgIcon:e,children:"Button"}),t.jsx(r,{svg:e,assistiveText:"Favourite"})]});i.tags=["!autodocs","!test"];i.parameters={chromatic:{disableSnapshot:!0}};const v=()=>{const o=m(x.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(a,{variant:"primary",children:"Primary"}),t.jsx(a,{variant:"secondary",children:"Secondary"}),t.jsx(a,{variant:"tertiary",children:"Tertiary"}),t.jsx(a,{variant:"ghost",children:"Ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(a,{variant:"inverted",children:"Inverted"})}),t.jsx(a,{variant:"critical",children:"Critical"}),t.jsx(a,{variant:"onColor",children:"onColor"})]})},c=()=>{const o=m(x.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(r,{variant:"primary",svg:e,assistiveText:"primary"}),t.jsx(r,{variant:"secondary",svg:e,assistiveText:"secondary"}),t.jsx(r,{variant:"tertiary",svg:e,assistiveText:"tertiary"}),t.jsx(r,{variant:"ghost",svg:e,assistiveText:"ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(r,{variant:"inverted",svg:e,assistiveText:"inverted"})}),t.jsx(r,{variant:"critical",svg:e,assistiveText:"critical"}),t.jsx(r,{variant:"onColor",svg:e,assistiveText:"onColor"})]})};c.storyName="Variants (IconButton)";const u=()=>{const o=m(x.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{variant:"ai",children:"AI"}),t.jsx(r,{variant:"ai",svg:e,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px",backgroundColor:o},children:[t.jsx(a,{variant:"classroom",children:"Classroom"}),t.jsx(r,{variant:"classroom",svg:e,assistiveText:"Fav"})]})]})},p=()=>t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{size:"small",children:"Small"}),t.jsx(r,{size:"small",svg:e,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{size:"medium",children:"Medium"}),t.jsx(r,{size:"medium",svg:e,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{size:"large",children:"Large"}),t.jsx(r,{size:"large",svg:e,assistiveText:"Fav"})]})]}),l=()=>t.jsx(a,{wrap:!0,children:"Do the really quite unusually long thing"});l.tags=["!autodocs"];l.decorators=[o=>t.jsx("div",{style:{width:"200px"},children:o()})];const d=()=>{const o=m(x.background.primaryInverted);return t.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:["small","medium","large"].map(n=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(s=>t.jsxs("div",{style:{display:"flex",gap:"0.25rem",backgroundColor:s==="inverted"||s==="classroom"?o:void 0},children:[t.jsx(a,{size:n,variant:s,children:"Button"}),t.jsx(r,{size:n,variant:s,svg:e,assistiveText:"Fav"}),t.jsx(a,{size:n,variant:s,leadingSvgIcon:e,children:"Button"}),t.jsx(a,{size:n,variant:s,trailingSvgIcon:e,children:"Button"}),t.jsx(a,{size:n,variant:s,busy:!0,assistiveText:"Fav",children:"Button"}),t.jsx(r,{size:n,variant:s,svg:e,assistiveText:"Fav",busy:!0}),t.jsx(a,{size:n,variant:s,disabled:!0,children:"Button"}),t.jsx(r,{size:n,variant:s,svg:e,assistiveText:"Fav",disabled:!0})]},`${n}-${s}`)))})};d.tags=["!autodocs"];const g={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(o,{args:n})=>t.jsx("div",{style:{backgroundColor:n.variant==="inverted"?"black":void 0},children:o()})],args:{children:"Button",dataset:{qaid:"button"}},argTypes:{children:{control:"text"},dataset:{control:"object"},assistiveText:{control:"text"},disabled:{control:"boolean"},fullWidth:{control:"boolean"},wrap:{control:"boolean"},href:{control:"text"},download:{control:"boolean"},opensInNewTab:{control:"boolean"},nofollow:{control:"boolean"},submitsForm:{control:"boolean"},busy:{control:"boolean"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":e},control:"select"},trailingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":e},control:"select"},url:{table:{disable:!0}},a11yLabel:{table:{disable:!0}}}};var B,b,h;i.parameters={...i.parameters,docs:{...(B=i.parameters)==null?void 0:B.docs,source:{originalSource:`() => <div style={{
1
+ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{F as e}from"./TokyoUIFav-DOVerCtW.js";import{I as r}from"./IconButton-CI9clg4P.js";import{B as a}from"./Button-DqwK0S70.js";import{S as y}from"./consts-KAYct7Gj.js";import{g as m}from"./getTokenVar-DU_DEzTd.js";import{c as x}from"./tokens-Di5DrZN4.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-D31GBWHv.js";import"./Spinner-Dsa9X0G6.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./componentNames-Bwls0I02.js";import"./constants-BgBLeZzp.js";const ct={title:"components/Button",component:a,subcomponents:{IconButton:r},argTypes:{size:{description:y},fullWidth:{description:y}}},i=()=>t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(a,{children:"Button"}),t.jsx(a,{leadingSvgIcon:e,children:"Button"}),t.jsx(a,{trailingSvgIcon:e,children:"Button"}),t.jsx(r,{svg:e,assistiveText:"Favourite"})]});i.tags=["!autodocs","!test"];i.parameters={chromatic:{disableSnapshot:!0}};const v=()=>{const o=m(x.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(a,{variant:"primary",children:"Primary"}),t.jsx(a,{variant:"secondary",children:"Secondary"}),t.jsx(a,{variant:"tertiary",children:"Tertiary"}),t.jsx(a,{variant:"ghost",children:"Ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(a,{variant:"inverted",children:"Inverted"})}),t.jsx(a,{variant:"critical",children:"Critical"}),t.jsx(a,{variant:"onColor",children:"onColor"})]})},c=()=>{const o=m(x.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(r,{variant:"primary",svg:e,assistiveText:"primary"}),t.jsx(r,{variant:"secondary",svg:e,assistiveText:"secondary"}),t.jsx(r,{variant:"tertiary",svg:e,assistiveText:"tertiary"}),t.jsx(r,{variant:"ghost",svg:e,assistiveText:"ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(r,{variant:"inverted",svg:e,assistiveText:"inverted"})}),t.jsx(r,{variant:"critical",svg:e,assistiveText:"critical"}),t.jsx(r,{variant:"onColor",svg:e,assistiveText:"onColor"})]})};c.storyName="Variants (IconButton)";const u=()=>{const o=m(x.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{variant:"ai",children:"AI"}),t.jsx(r,{variant:"ai",svg:e,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px",backgroundColor:o},children:[t.jsx(a,{variant:"classroom",children:"Classroom"}),t.jsx(r,{variant:"classroom",svg:e,assistiveText:"Fav"})]})]})},p=()=>t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{size:"small",children:"Small"}),t.jsx(r,{size:"small",svg:e,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{size:"medium",children:"Medium"}),t.jsx(r,{size:"medium",svg:e,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{size:"large",children:"Large"}),t.jsx(r,{size:"large",svg:e,assistiveText:"Fav"})]})]}),l=()=>t.jsx(a,{wrap:!0,children:"Do the really quite unusually long thing"});l.tags=["!autodocs"];l.decorators=[o=>t.jsx("div",{style:{width:"200px"},children:o()})];const d=()=>{const o=m(x.background.primaryInverted);return t.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:["small","medium","large"].map(n=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(s=>t.jsxs("div",{style:{display:"flex",gap:"0.25rem",backgroundColor:s==="inverted"||s==="classroom"?o:void 0},children:[t.jsx(a,{size:n,variant:s,children:"Button"}),t.jsx(r,{size:n,variant:s,svg:e,assistiveText:"Fav"}),t.jsx(a,{size:n,variant:s,leadingSvgIcon:e,children:"Button"}),t.jsx(a,{size:n,variant:s,trailingSvgIcon:e,children:"Button"}),t.jsx(a,{size:n,variant:s,busy:!0,assistiveText:"Fav",children:"Button"}),t.jsx(r,{size:n,variant:s,svg:e,assistiveText:"Fav",busy:!0}),t.jsx(a,{size:n,variant:s,disabled:!0,children:"Button"}),t.jsx(r,{size:n,variant:s,svg:e,assistiveText:"Fav",disabled:!0})]},`${n}-${s}`)))})};d.tags=["!autodocs"];const g={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(o,{args:n})=>t.jsx("div",{style:{backgroundColor:n.variant==="inverted"?"black":void 0},children:o()})],args:{children:"Button",dataset:{qaid:"button"}},argTypes:{children:{control:"text"},dataset:{control:"object"},assistiveText:{control:"text"},disabled:{control:"boolean"},fullWidth:{control:"boolean"},wrap:{control:"boolean"},href:{control:"text"},download:{control:"boolean"},opensInNewTab:{control:"boolean"},nofollow:{control:"boolean"},submitsForm:{control:"boolean"},busy:{control:"boolean"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":e},control:"select"},trailingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":e},control:"select"},url:{table:{disable:!0}},a11yLabel:{table:{disable:!0}}}};var B,b,h;i.parameters={...i.parameters,docs:{...(B=i.parameters)==null?void 0:B.docs,source:{originalSource:`() => <div style={{
2
2
  display: 'flex',
3
3
  gap: '1rem'
4
4
  }}>