@preply/ds-docs 0.100.0 → 1.0.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 (212) hide show
  1. package/dist/assets/{00.applications-CK1G494a.js → 00.applications-CQSwS143.js} +3 -3
  2. package/dist/assets/{00.favicons.guide-DFZstk75.js → 00.favicons.guide-B5VhuzDN.js} +1 -1
  3. package/dist/assets/{00.token-explorer-vANGBf-o.js → 00.token-explorer-D52-d6td.js} +1 -1
  4. package/dist/assets/{00.using-responsive-props-DfMLAuhl.js → 00.using-responsive-props-BfY7f1x1.js} +1 -1
  5. package/dist/assets/{01.semantic-tokens-CXp_pGcs.js → 01.semantic-tokens-CG1v-2wG.js} +1 -1
  6. package/dist/assets/{10.fonts.guide-il7LsKNk.js → 10.fonts.guide-CSfRFAZF.js} +1 -1
  7. package/dist/assets/{10.ssr-D7blYPAm.js → 10.ssr-iKr3ztu4.js} +2 -2
  8. package/dist/assets/{11.languageFont.explorer-wO5p-8ex.js → 11.languageFont.explorer-CbzOJ5IK.js} +4 -4
  9. package/dist/assets/{11.ssr.app-router-Dp8fYlX9.js → 11.ssr.app-router-s2wtNWNt.js} +1 -1
  10. package/dist/assets/{20.libraries-BRDNlWVz.js → 20.libraries-r7trOO77.js} +1 -1
  11. package/dist/assets/{30.icons.explorer-tc8AvEUI.js → 30.icons.explorer-Bh0UPMFQ.js} +2 -2
  12. package/dist/assets/{30.storybook-Dx57Cm0-.js → 30.storybook-C2GceniE.js} +7 -3
  13. package/dist/assets/{40.illustrations.explorer-CkyZVNPW.js → 40.illustrations.explorer-C-DTEZUZ.js} +1 -1
  14. package/dist/assets/{90.advanced-DmyFykCE.js → 90.advanced-Bsh9fJpy.js} +1 -1
  15. package/dist/assets/Avatar-BV779HK5.css +1 -0
  16. package/dist/assets/Avatar-CkEVjZGg.js +6 -0
  17. package/dist/assets/Avatar-CtBp3Are.css +1 -0
  18. package/dist/assets/Avatar-wjE18wgf.js +1 -0
  19. package/dist/assets/{Avatar.stories-CeEu4myZ.js → Avatar.stories-DYxmMq9t.js} +1 -1
  20. package/dist/assets/AvatarWithStatus-f9H17LD-.css +1 -0
  21. package/dist/assets/{AvatarWithStatus.stories-BJ-eSXmN.js → AvatarWithStatus.stories-B4Qed7F5.js} +3 -3
  22. package/dist/assets/Badge-C4CfUBO_.css +1 -0
  23. package/dist/assets/{Badge.stories--_D4jxFW.js → Badge.stories-BmIuSixc.js} +1 -1
  24. package/dist/assets/Box-lCJVjGLs.css +1 -0
  25. package/dist/assets/Box.stories-C1U6RAs1.js +12 -0
  26. package/dist/assets/{Button-BcWq98N4.css → Button-CCEL4lDe.css} +1 -1
  27. package/dist/assets/Button-hx0d4Fw0.js +1 -0
  28. package/dist/assets/Button.stories-B9QlZfbQ.js +127 -0
  29. package/dist/assets/Chips-sGKCdMmW.css +1 -0
  30. package/dist/assets/{Chips.stories-D0KLA2zs.js → Chips.stories-BGXfMuKf.js} +3 -3
  31. package/dist/assets/{Color-ERTF36HU-AoejI-3x.js → Color-ERTF36HU-DPTAjghN.js} +1 -1
  32. package/dist/assets/{DocsRenderer-CFRXHY34-COjE2a03.js → DocsRenderer-CFRXHY34-CDQRo9Fu.js} +1 -1
  33. package/dist/assets/{FieldAdditionalText-CYDgHYqE.js → FieldAdditionalText-BoS3oi_w.js} +1 -1
  34. package/dist/assets/FieldAdditionalText-CZRrM30T.css +1 -0
  35. package/dist/assets/{FieldAdditionalText.stories-DMPptKrK.js → FieldAdditionalText.stories-b-Yl8cTR.js} +1 -1
  36. package/dist/assets/{FieldButton-BmJuGdb9.css → FieldButton-BinDyPEe.css} +1 -1
  37. package/dist/assets/{FieldButton-Hn4Nt4AY.js → FieldButton-C7ilyHtZ.js} +1 -1
  38. package/dist/assets/{FieldButton.stories-CDX7r3os.js → FieldButton.stories-BblHJhq4.js} +1 -1
  39. package/dist/assets/FieldLayout-Cnz4ymGS.css +1 -0
  40. package/dist/assets/FieldLayout-DsdOLmaV.js +1 -0
  41. package/dist/assets/{FieldLayout.stories-CsOIyIy1.js → FieldLayout.stories-DD9NO5r3.js} +1 -1
  42. package/dist/assets/FieldLayoutBase-CXzegFO5.css +1 -0
  43. package/dist/assets/{FieldLayoutBase-B6YdbZ6h.js → FieldLayoutBase-Df6Ude-W.js} +2 -2
  44. package/dist/assets/{Heading-CYbnLj-V.css → Heading-9L-D4b_z.css} +1 -1
  45. package/dist/assets/Heading-C40luK_D.js +2 -0
  46. package/dist/assets/{Heading-BHdvl4Pz.css → Heading-C9WOVajU.css} +1 -1
  47. package/dist/assets/Heading-D-AZG0v4.js +1 -0
  48. package/dist/assets/{Heading.stories-BzB2AhV5.js → Heading.stories-wJ6iUmE9.js} +1 -1
  49. package/dist/assets/Icon-BcKHAqQd.css +1 -0
  50. package/dist/assets/Icon-Cn3B7mqs.js +8 -0
  51. package/dist/assets/Icon-DFfpTv8V.js +1 -0
  52. package/dist/assets/{Icon-RSC-BO9-cThF.js → Icon-RSC-BGMItX4l.js} +1 -1
  53. package/dist/assets/{Icon.stories-DtizCuFc.js → Icon.stories-DkX3szLd.js} +1 -1
  54. package/dist/assets/InputText-DYbGFufD.js +1 -0
  55. package/dist/assets/{LayoutFlex-C_oOQpZ4.css → LayoutFlex-0Ka3g7cK.css} +1 -1
  56. package/dist/assets/LayoutFlex-CvJvga_4.css +1 -0
  57. package/dist/assets/LayoutFlex-DaMkUPaJ.js +1 -0
  58. package/dist/assets/LayoutFlex-DpaYy_Wf.css +1 -0
  59. package/dist/assets/LayoutFlex-YVO1KNoK.js +1 -0
  60. package/dist/assets/LayoutFlex.stories-CcKsp4GP.js +19 -0
  61. package/dist/assets/LayoutGrid-DjKT1qP4.css +1 -0
  62. package/dist/assets/LayoutGrid-DnQoHEcf.js +1 -0
  63. package/dist/assets/LayoutGrid-SpXCETqa.css +1 -0
  64. package/dist/assets/LayoutGrid.stories-D5NKoT-Z.js +32 -0
  65. package/dist/assets/LayoutGridItem-B88Bd_ld.css +1 -0
  66. package/dist/assets/LayoutGridItem-QKsx1EOv.js +1 -0
  67. package/dist/assets/Link-oQl9RUkp.css +1 -0
  68. package/dist/assets/{Link.stories-CgIWKb7N.js → Link.stories-k6aarBWf.js} +20 -13
  69. package/dist/assets/Loader-C9AFWM0q.css +1 -0
  70. package/dist/assets/Loader.stories-H4PEvPAK.js +8 -0
  71. package/dist/assets/{NumberField.stories-D6BAsdVG.js → NumberField.stories-DXrAL_iJ.js} +1 -1
  72. package/dist/assets/{ObserveIntersection-Cr2BzgPx.js → ObserveIntersection-BQNATzj7.js} +1 -1
  73. package/dist/assets/ObserveIntersection.stories-6LMtyIGO.js +27 -0
  74. package/dist/assets/{PasswordField.stories-DBQ0HNGp.js → PasswordField.stories-C-to4kZf.js} +1 -1
  75. package/dist/assets/PreplyLogo-CWFbG33k.css +1 -0
  76. package/dist/assets/{PreplyLogo.stories-BL9K1n11.js → PreplyLogo.stories-D4zo7fOn.js} +1 -1
  77. package/dist/assets/RootProvider-CLBjXsMY.js +1 -0
  78. package/dist/assets/SelectField-Bm2mCPMq.css +1 -0
  79. package/dist/assets/{SelectField.stories-tyOe059N.js → SelectField.stories-aJHxyEsN.js} +3 -3
  80. package/dist/assets/{ShowOnIntersection.stories-DWk9gluP.js → ShowOnIntersection.stories-Bu7UQKNF.js} +1 -1
  81. package/dist/assets/Spinner-C9dAh4yO.css +1 -0
  82. package/dist/assets/{Spinner-BiuIdk-f.js → Spinner-DXNC0i3g.js} +1 -1
  83. package/dist/assets/{StoryContextDSWeb-CViICLux.js → StoryContextDSWeb-CwCKdulo.js} +1 -1
  84. package/dist/assets/Text-B7-ttl-t.js +1 -0
  85. package/dist/assets/{Text-6Trsxbm_.css → Text-CppB69QI.css} +1 -1
  86. package/dist/assets/Text-RoftugNM.js +1 -0
  87. package/dist/assets/Text.stories-D2QLJfT1.js +16 -0
  88. package/dist/assets/TextField-CwltHVM_.css +1 -0
  89. package/dist/assets/TextField-Cwr0pxnn.js +1 -0
  90. package/dist/assets/{TextField.stories-BTMzUeW-.js → TextField.stories-DUo5LLQU.js} +1 -1
  91. package/dist/assets/TextHighlighted-etaYnV4Y.js +1 -0
  92. package/dist/assets/TextHighlighted-o7T0QkK3.css +1 -0
  93. package/dist/assets/{TextHighlighted.stories-C6caRrRk.js → TextHighlighted.stories-BqJ9iPjF.js} +1 -1
  94. package/dist/assets/TextInline-33nGjmep.css +1 -0
  95. package/dist/assets/{TextInline.stories-CBHic_1S.js → TextInline.stories-B85Mb57Y.js} +1 -1
  96. package/dist/assets/TextareaField.stories-Dvwpg0NA.js +20 -0
  97. package/dist/assets/Toast-CacYvSDt.css +1 -0
  98. package/dist/assets/{Toast.stories-BE-Od6_I.js → Toast.stories-CbeQyWFA.js} +9 -9
  99. package/dist/assets/align-self-BDyC8hb6.css +1 -0
  100. package/dist/assets/align-self-oTRF0AIz.js +1 -0
  101. package/dist/assets/{breakpoints-BUXrYEZw.js → breakpoints-B6lLqNjC.js} +1 -1
  102. package/dist/assets/{breakpoints-DvqruxMv.js → breakpoints-CzjEEu4s.js} +1 -1
  103. package/dist/assets/{breakpoints-CyrKsux-.js → breakpoints-DiXvjTVB.js} +1 -1
  104. package/dist/assets/{changelog-DtO0uyMw.js → changelog-Dr0p3GMF.js} +129 -107
  105. package/dist/assets/{chunk-NUUEMKO5-D8DRfNBv.js → chunk-NUUEMKO5-B_IYSwMe.js} +1 -1
  106. package/dist/assets/classNames-DypE0CS3.js +1 -0
  107. package/dist/assets/{entry-preview-B6Q8ZEvx.js → entry-preview-Bp5F4iKw.js} +1 -1
  108. package/dist/assets/{getTokenVar-B33mivlo.js → getTokenVar-CC49GUkX.js} +1 -1
  109. package/dist/assets/{hover-IrmzP1JH.js → hover-BDdMF_J2.js} +1 -1
  110. package/dist/assets/{hover-BRF48b_j.js → hover-Cnk3mL37.js} +1 -1
  111. package/dist/assets/{hover-BDOsUtRv.js → hover-Dam80V47.js} +1 -1
  112. package/dist/assets/iframe-CFAYM9Mj.js +2 -0
  113. package/dist/assets/{index-C4kryH8A.js → index-BVSiPB0X.js} +5 -5
  114. package/dist/assets/{index-KohlpUf_.js → index-CBPKHXgm.js} +1 -1
  115. package/dist/assets/{index-BoI6f-rn.js → index-Cg4KN2Wb.js} +1 -1
  116. package/dist/assets/{intro-D58ebB88.js → intro-CwbnCGp9.js} +1 -1
  117. package/dist/assets/layout-relative-BO2ebDZL.css +1 -0
  118. package/dist/assets/layout-relative-CYbB23-W.css +1 -0
  119. package/dist/assets/layout-relative-Cl5Y3N4W.js +1 -0
  120. package/dist/assets/layout-relative-CmMGsNg3.js +1 -0
  121. package/dist/assets/{migrating-from-less-D_R2m8xf.js → migrating-from-less-C4d9GytH.js} +1 -1
  122. package/dist/assets/{options-Cmszy4eB.js → options-B-izEUN2.js} +1 -1
  123. package/dist/assets/playground-Dy_2mh6-.css +1 -0
  124. package/dist/assets/{playground.stories-BDAAaDqV.js → playground.stories-exUu4mie.js} +209 -208
  125. package/dist/assets/preview-BgQjD1RN.js +1 -0
  126. package/dist/assets/{preview-C4dxfB53.js → preview-DbbP98Wn.js} +1 -1
  127. package/dist/assets/{preview-DefPfKf7.js → preview-DhgJvzIj.js} +2 -2
  128. package/dist/assets/text-accent-BbG6aEsK.js +1 -0
  129. package/dist/assets/text-accent-CRIVfBVN.js +1 -0
  130. package/dist/assets/text-accent-iqrc1CRU.css +1 -0
  131. package/dist/assets/text-centered-B2RJ_w5b.css +1 -0
  132. package/dist/assets/text-centered-Cbki6SCH.js +1 -0
  133. package/dist/assets/text-centered-CcR3xfWS.js +1 -0
  134. package/dist/assets/text-centered-Mh098fWh.css +1 -0
  135. package/dist/assets/{tokens-Be_98AEx.js → tokens-CGo3Lkkz.js} +1 -1
  136. package/dist/assets/{tokens-DqFOkybS.js → tokens-CyAiZv2A.js} +1 -1
  137. package/dist/assets/{tokens-BJMjpQBu.js → tokens-DMBUszWZ.js} +1 -1
  138. package/dist/assets/{useTheme-ByES4oDS.js → useTheme-pdzgtlkQ.js} +1 -1
  139. package/dist/assets/{welcome-DUh3OYuJ.js → welcome-CRjOYcVM.js} +1 -1
  140. package/dist/iframe.html +1 -1
  141. package/dist/preview-stats.json +820 -895
  142. package/dist/project.json +1 -1
  143. package/dist/sb-addons/interactions-12/manager-bundle.js +58 -56
  144. package/dist/sb-manager/globals-runtime.js +5 -5
  145. package/package.json +16 -16
  146. package/dist/assets/Avatar-CMC1f2ap.js +0 -1
  147. package/dist/assets/Avatar-C_Ivl2OJ.css +0 -1
  148. package/dist/assets/Avatar-CdrzfxqX.css +0 -1
  149. package/dist/assets/Avatar-ChjnYBw8.js +0 -6
  150. package/dist/assets/AvatarWithStatus-BHuIncSZ.css +0 -1
  151. package/dist/assets/Badge-qZIBCtqe.css +0 -1
  152. package/dist/assets/Box-BL4O24lf.css +0 -1
  153. package/dist/assets/Box.stories-CKsbLrbi.js +0 -12
  154. package/dist/assets/Button-nBAVWX8O.js +0 -1
  155. package/dist/assets/Button.stories-DeaTumH5.js +0 -123
  156. package/dist/assets/Chips-Bg-Iq7L_.css +0 -1
  157. package/dist/assets/FieldAdditionalText-D5B921Kz.css +0 -1
  158. package/dist/assets/FieldLayout-B7_n5bbV.js +0 -1
  159. package/dist/assets/FieldLayout-BZ1fpSqd.css +0 -1
  160. package/dist/assets/FieldLayoutBase-ooChgnD7.css +0 -1
  161. package/dist/assets/Heading-C6cW6qCO.js +0 -1
  162. package/dist/assets/Heading-CZhNOr3V.js +0 -2
  163. package/dist/assets/Icon-1PHa-WUi.js +0 -8
  164. package/dist/assets/Icon-D_2x8A6a.css +0 -1
  165. package/dist/assets/Icon-q8NWScOY.js +0 -1
  166. package/dist/assets/InputText-CkwpURmb.js +0 -1
  167. package/dist/assets/LayoutFlex-7BcqN14z.js +0 -1
  168. package/dist/assets/LayoutFlex-B6SliYTi.css +0 -1
  169. package/dist/assets/LayoutFlex-BwgjCIoK.css +0 -1
  170. package/dist/assets/LayoutFlex-C9DbvPvq.js +0 -1
  171. package/dist/assets/LayoutFlex.stories-IIF2rvH0.js +0 -19
  172. package/dist/assets/LayoutGrid-DGrLVVhg.css +0 -1
  173. package/dist/assets/LayoutGrid-fcFg4SRD.css +0 -1
  174. package/dist/assets/LayoutGrid-oqbnuSom.js +0 -1
  175. package/dist/assets/LayoutGrid.stories-nxl5t4l5.js +0 -32
  176. package/dist/assets/LayoutGridItem-CfwR9woQ.js +0 -1
  177. package/dist/assets/LayoutGridItem-Cmf9UhE2.css +0 -1
  178. package/dist/assets/Link-C3ZerqoM.css +0 -1
  179. package/dist/assets/Loader-BCe0B1QN.css +0 -1
  180. package/dist/assets/Loader.stories-97ZtDruE.js +0 -8
  181. package/dist/assets/ObserveIntersection.stories-py33xXDa.js +0 -24
  182. package/dist/assets/PreplyLogo-Dizczxil.css +0 -1
  183. package/dist/assets/RootProvider-BvHSkgDA.js +0 -1
  184. package/dist/assets/SelectField-BbOJlyXx.css +0 -1
  185. package/dist/assets/Spinner-CRcxyZVe.css +0 -1
  186. package/dist/assets/Text-CYlrWT3v.js +0 -1
  187. package/dist/assets/Text-oNImySfo.js +0 -1
  188. package/dist/assets/Text.stories-DIK8PpuP.js +0 -16
  189. package/dist/assets/TextField-CLxjBvbz.js +0 -1
  190. package/dist/assets/TextField-Ng210R-9.css +0 -1
  191. package/dist/assets/TextHighlighted-C50rgW-0.css +0 -1
  192. package/dist/assets/TextHighlighted-DQCrG5_q.js +0 -1
  193. package/dist/assets/TextInline-DecfA_VE.css +0 -1
  194. package/dist/assets/TextareaField.stories-Cw7T6aDu.js +0 -20
  195. package/dist/assets/Toast-BiMN3bTF.css +0 -1
  196. package/dist/assets/align-self-_S_7q2fr.js +0 -1
  197. package/dist/assets/align-self-nBXHAsq5.css +0 -1
  198. package/dist/assets/classNames-Cqk1oqv4.js +0 -1
  199. package/dist/assets/iframe-DBivcL5k.js +0 -2
  200. package/dist/assets/layout-relative-Bf_E90qK.css +0 -1
  201. package/dist/assets/layout-relative-BzNtCPD5.js +0 -1
  202. package/dist/assets/layout-relative-C3ZQDUfH.css +0 -1
  203. package/dist/assets/layout-relative-QhDS34ks.js +0 -1
  204. package/dist/assets/playground-m9pbWKyC.css +0 -1
  205. package/dist/assets/preview-WVZuZelo.js +0 -1
  206. package/dist/assets/text-accent-CQKpNEgF.js +0 -1
  207. package/dist/assets/text-accent-DF3GKQFh.js +0 -1
  208. package/dist/assets/text-accent-fMB88fHo.css +0 -1
  209. package/dist/assets/text-centered-Baai0DNp.js +0 -1
  210. package/dist/assets/text-centered-CRLDxSII.js +0 -1
  211. package/dist/assets/text-centered-D3YQ0UuT.css +0 -1
  212. package/dist/assets/text-centered-DMD6ilyB.css +0 -1
@@ -1,4 +1,4 @@
1
- import{j as o}from"./jsx-runtime-CKrituN3.js";import{useMDXComponents as n}from"./index-DSz_1G2r.js";import{ae as s}from"./index-C4kryH8A.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DBivcL5k.js";import"../sb-preview/runtime.js";import"./index-D5dhze5r.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";function t(r){const e={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{title:"Guides/Installation/Storybook"}),`
1
+ import{j as o}from"./jsx-runtime-CKrituN3.js";import{useMDXComponents as n}from"./index-DSz_1G2r.js";import{ae as s}from"./index-BVSiPB0X.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CFAYM9Mj.js";import"../sb-preview/runtime.js";import"./index-D5dhze5r.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";function t(r){const e={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{title:"Guides/Installation/Storybook"}),`
2
2
  `,o.jsx(e.h1,{id:"installation-storybook",children:"Installation: Storybook"}),`
3
3
  `,o.jsxs(e.p,{children:["This guide applies to Storybook setups that document Preply components libraries, and assumes you have read and followed the steps outlined in the ",o.jsx(e.a,{href:"/story/guides-installation-libraries--page",children:"Installation: Libaries"})," guide."]}),`
4
4
  `,o.jsx(e.h2,{id:"packages",children:"Packages"}),`
@@ -12,7 +12,11 @@ import{j as o}from"./jsx-runtime-CKrituN3.js";import{useMDXComponents as n}from"
12
12
  `,o.jsx(e.pre,{children:o.jsx(e.code,{className:"language-javascript",children:`import { RootProvider } from '@preply/ds-web-root';
13
13
 
14
14
  function withDSProvider(storyFn) {
15
- return <RootProvider target={window.document.body}>{storyFn()}</RootProvider>;
15
+ return (
16
+ <RootProvider target={window.document.body} theme="tokyo-ui">
17
+ {storyFn()}
18
+ </RootProvider>
19
+ );
16
20
  }
17
21
 
18
22
  addDecorator(withDSProvider);
@@ -23,7 +27,7 @@ import { RootProvider } from '@preply/ds-web-root';
23
27
 
24
28
  export const withProviders = Story => (
25
29
  ...
26
- <RootProvider target={document.body}>
30
+ <RootProvider target={document.body} theme="tokyo-ui">
27
31
  ...
28
32
  <Story />
29
33
  </RootProviderBeta>
@@ -1,4 +1,4 @@
1
- import{j as t}from"./jsx-runtime-CKrituN3.js";import{useMDXComponents as l}from"./index-DSz_1G2r.js";import{ae as a}from"./index-C4kryH8A.js";import{L as e}from"./LayoutGrid-oqbnuSom.js";import{d as c}from"./styled-components.browser.esm-BUFlhth0.js";import{g as i}from"./getTokenVar-CEGfaPeF.js";import{s as n,c as p}from"./tokens-D22H5zrO.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DBivcL5k.js";import"../sb-preview/runtime.js";import"./index-D5dhze5r.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";import"./classNames-Cqk1oqv4.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative-BzNtCPD5.js";import"./constants-DYYVurUY.js";import"./componentNames-BSriaIOD.js";import"./constants-mdQROz_Y.js";const u=["https://static.preply.com/ds/illustrations/tokyo-ui/artist.svg","https://static.preply.com/ds/illustrations/tokyo-ui/awesome.svg","https://static.preply.com/ds/illustrations/tokyo-ui/back-to-school.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bar-gaph.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bell.svg","https://static.preply.com/ds/illustrations/tokyo-ui/booking-a-lesson.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/brain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clock.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clocks.svg","https://static.preply.com/ds/illustrations/tokyo-ui/coins.svg","https://static.preply.com/ds/illustrations/tokyo-ui/committed.svg","https://static.preply.com/ds/illustrations/tokyo-ui/cosmopolite.svg","https://static.preply.com/ds/illustrations/tokyo-ui/discount-badge.svg","https://static.preply.com/ds/illustrations/tokyo-ui/dog.svg","https://static.preply.com/ds/illustrations/tokyo-ui/first-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/game-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started-down.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started.svg","https://static.preply.com/ds/illustrations/tokyo-ui/globe-spot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/great-homework.svg","https://static.preply.com/ds/illustrations/tokyo-ui/growth.svg","https://static.preply.com/ds/illustrations/tokyo-ui/guitar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-1.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/heart.svg","https://static.preply.com/ds/illustrations/tokyo-ui/it-guru.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop.svg","https://static.preply.com/ds/illustrations/tokyo-ui/making-progress.svg","https://static.preply.com/ds/illustrations/tokyo-ui/map.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messages.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messaging.svg","https://static.preply.com/ds/illustrations/tokyo-ui/mobile-app.svg","https://static.preply.com/ds/illustrations/tokyo-ui/notes.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pause-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pig.svg","https://static.preply.com/ds/illustrations/tokyo-ui/play-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-pink.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/present.svg","https://static.preply.com/ds/illustrations/tokyo-ui/professional.svg","https://static.preply.com/ds/illustrations/tokyo-ui/progress-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rock-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/routine-master.svg","https://static.preply.com/ds/illustrations/tokyo-ui/serious-learner.svg","https://static.preply.com/ds/illustrations/tokyo-ui/smiley.svg","https://static.preply.com/ds/illustrations/tokyo-ui/speech-bubble.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stop-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stopwatch.svg","https://static.preply.com/ds/illustrations/tokyo-ui/testing-the-water.svg","https://static.preply.com/ds/illustrations/tokyo-ui/thumbs-up.svg","https://static.preply.com/ds/illustrations/tokyo-ui/you-did-great-today.svg","https://static.preply.com/ds/illustrations/tokyo-ui/sheet.svg"],y=c.div`
1
+ import{j as t}from"./jsx-runtime-CKrituN3.js";import{useMDXComponents as l}from"./index-DSz_1G2r.js";import{ae as a}from"./index-BVSiPB0X.js";import{L as e}from"./LayoutGrid-DnQoHEcf.js";import{d as c}from"./styled-components.browser.esm-BUFlhth0.js";import{g as i}from"./getTokenVar-CEGfaPeF.js";import{s as n,c as p}from"./tokens-D22H5zrO.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CFAYM9Mj.js";import"../sb-preview/runtime.js";import"./index-D5dhze5r.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";import"./classNames-DypE0CS3.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative-Cl5Y3N4W.js";import"./constants-DYYVurUY.js";import"./componentNames-BSriaIOD.js";import"./constants-mdQROz_Y.js";const u=["https://static.preply.com/ds/illustrations/tokyo-ui/artist.svg","https://static.preply.com/ds/illustrations/tokyo-ui/awesome.svg","https://static.preply.com/ds/illustrations/tokyo-ui/back-to-school.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bar-gaph.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bell.svg","https://static.preply.com/ds/illustrations/tokyo-ui/booking-a-lesson.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/brain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clock.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clocks.svg","https://static.preply.com/ds/illustrations/tokyo-ui/coins.svg","https://static.preply.com/ds/illustrations/tokyo-ui/committed.svg","https://static.preply.com/ds/illustrations/tokyo-ui/cosmopolite.svg","https://static.preply.com/ds/illustrations/tokyo-ui/discount-badge.svg","https://static.preply.com/ds/illustrations/tokyo-ui/dog.svg","https://static.preply.com/ds/illustrations/tokyo-ui/first-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/game-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started-down.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started.svg","https://static.preply.com/ds/illustrations/tokyo-ui/globe-spot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/great-homework.svg","https://static.preply.com/ds/illustrations/tokyo-ui/growth.svg","https://static.preply.com/ds/illustrations/tokyo-ui/guitar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-1.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/heart.svg","https://static.preply.com/ds/illustrations/tokyo-ui/it-guru.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop.svg","https://static.preply.com/ds/illustrations/tokyo-ui/making-progress.svg","https://static.preply.com/ds/illustrations/tokyo-ui/map.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messages.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messaging.svg","https://static.preply.com/ds/illustrations/tokyo-ui/mobile-app.svg","https://static.preply.com/ds/illustrations/tokyo-ui/notes.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pause-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pig.svg","https://static.preply.com/ds/illustrations/tokyo-ui/play-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-pink.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/present.svg","https://static.preply.com/ds/illustrations/tokyo-ui/professional.svg","https://static.preply.com/ds/illustrations/tokyo-ui/progress-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rising-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rock-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/routine-master.svg","https://static.preply.com/ds/illustrations/tokyo-ui/serious-learner.svg","https://static.preply.com/ds/illustrations/tokyo-ui/smiley.svg","https://static.preply.com/ds/illustrations/tokyo-ui/speech-bubble.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stop-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stopwatch.svg","https://static.preply.com/ds/illustrations/tokyo-ui/testing-the-water.svg","https://static.preply.com/ds/illustrations/tokyo-ui/thumbs-up.svg","https://static.preply.com/ds/illustrations/tokyo-ui/you-did-great-today.svg","https://static.preply.com/ds/illustrations/tokyo-ui/sheet.svg","https://static.preply.com/ds/illustrations/tokyo-ui/arrows-multiple.svg"],y=c.div`
2
2
  padding: ${i(n[12])};
3
3
  -webkit-background-size: 50px 50px;
4
4
  -moz-background-size: 50px 50px;
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-CKrituN3.js";import{useMDXComponents as t}from"./index-DSz_1G2r.js";import{ae as i}from"./index-C4kryH8A.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DBivcL5k.js";import"../sb-preview/runtime.js";import"./index-D5dhze5r.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";function r(n){const o={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...t(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Installation/Advanced"}),`
1
+ import{j as e}from"./jsx-runtime-CKrituN3.js";import{useMDXComponents as t}from"./index-DSz_1G2r.js";import{ae as i}from"./index-BVSiPB0X.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CFAYM9Mj.js";import"../sb-preview/runtime.js";import"./index-D5dhze5r.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";function r(n){const o={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...t(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Installation/Advanced"}),`
2
2
  `,e.jsx(o.h1,{id:"installation-advanced",children:"Installation: Advanced"}),`
3
3
  `,e.jsxs(o.p,{children:["This page is about rolling out your own alternative to ",e.jsx(o.code,{children:"<RootProvider/>"})," (advanced usage)."]}),`
4
4
  `,e.jsxs(o.p,{children:["If you are looking for how to install, refer to the ",e.jsx(o.a,{href:"/story/guides-installation-applications--page",children:"installation guides"})," instead."]}),`
@@ -0,0 +1 @@
1
+ ._Avatar_1b264_4{display:inline-block}._Avatar_1b264_4 img{vertical-align:bottom;-o-object-fit:cover;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_1b264_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_1b264_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_1b264_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_1b264_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_1b264_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_1b264_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_1b264_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_1b264_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_1b264_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_1b264_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_1b264_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_1b264_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_1b264_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_1b264_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_1b264_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_1b264_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_1b264_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_1b264_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_1b264_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_1b264_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_1b264_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_1b264_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_1b264_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_1b264_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_1b264_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_1b264_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_1b264_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_1b264_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_1b264_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_1b264_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_1b264_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_1b264_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_1b264_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_1b264_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_1b264_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_1b264_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_1b264_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_1b264_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_1b264_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_1b264_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_1b264_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_1b264_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_1b264_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_1b264_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_1b264_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_1b264_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_1b264_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_1b264_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_1b264_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_1b264_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_1b264_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_1b264_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_1b264_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_1b264_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_1b264_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_1b264_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_1b264_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_1b264_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_1b264_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_1b264_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_1b264_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_1b264_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_1b264_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_1b264_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_1b264_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_1b264_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_1b264_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_1b264_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_1b264_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_1b264_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_1b264_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_1b264_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_1b264_310 img{border-radius:var(--8517a6)}._Avatar_1b264_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}
@@ -0,0 +1,6 @@
1
+ import{j as e}from"./jsx-runtime-CKrituN3.js";import{m as l,s as m,b as z,g as n,A as o}from"./classNames-DypE0CS3.js";import{w as s}from"./componentNames-BSriaIOD.js";import{A as u}from"./constants--ewUoBsO.js";const b="_Avatar_1b264_4",w={Avatar:b,"Avatar--size-2xs":"_Avatar--size-2xs_1b264_12","Avatar--size-xs":"_Avatar--size-xs_1b264_16","Avatar--size-s":"_Avatar--size-s_1b264_20","Avatar--size-m":"_Avatar--size-m_1b264_24","Avatar--size-l":"_Avatar--size-l_1b264_28","Avatar--size-xl":"_Avatar--size-xl_1b264_32","Avatar--size-24":"_Avatar--size-24_1b264_36","Avatar--size-32":"_Avatar--size-32_1b264_40","Avatar--size-48":"_Avatar--size-48_1b264_44","Avatar--size-64":"_Avatar--size-64_1b264_48","Avatar--size-96":"_Avatar--size-96_1b264_52","Avatar--size-160":"_Avatar--size-160_1b264_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_1b264_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_1b264_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_1b264_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_1b264_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_1b264_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_1b264_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_1b264_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_1b264_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_1b264_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_1b264_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_1b264_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_1b264_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_1b264_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_1b264_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_1b264_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_1b264_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_1b264_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_1b264_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_1b264_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_1b264_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_1b264_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_1b264_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_1b264_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_1b264_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_1b264_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_1b264_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_1b264_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_1b264_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_1b264_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_1b264_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_1b264_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_1b264_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_1b264_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_1b264_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_1b264_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_1b264_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_1b264_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_1b264_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_1b264_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_1b264_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_1b264_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_1b264_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_1b264_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_1b264_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_1b264_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_1b264_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_1b264_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_1b264_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_1b264_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_1b264_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_1b264_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_1b264_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_1b264_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_1b264_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_1b264_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_1b264_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_1b264_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_1b264_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_1b264_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_1b264_305","Avatar--round":"_Avatar--round_1b264_310"},i=({size:a=o,round:r,src:t,alt:_="",dataset:A})=>{const v=r??!0,d={className:l(w,s.Avatar,[m("size",a),z("round",void 0,v)]).join(" "),...n(A,{preplyDsComponent:s.Avatar})};return e.jsx("picture",{...d,children:e.jsx("img",{src:t||u,alt:_})})};try{i.displayName="Avatar",i.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"Responsive<AvatarSize> | undefined"}},round:{defaultValue:null,description:"@deprecated",name:"round",required:!1,type:{name:"boolean | undefined"}},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:"string | undefined"}},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:"string | undefined"}},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:"Dataset | undefined"}}}}}catch{}export{i as A};
@@ -0,0 +1 @@
1
+ ._Avatar_1b264_4{display:inline-block}._Avatar_1b264_4 img{vertical-align:bottom;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_1b264_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_1b264_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_1b264_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_1b264_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_1b264_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_1b264_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_1b264_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_1b264_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_1b264_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_1b264_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_1b264_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_1b264_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_1b264_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_1b264_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_1b264_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_1b264_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_1b264_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_1b264_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_1b264_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_1b264_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_1b264_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_1b264_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_1b264_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_1b264_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_1b264_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_1b264_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_1b264_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_1b264_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_1b264_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_1b264_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_1b264_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_1b264_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_1b264_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_1b264_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_1b264_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_1b264_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_1b264_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_1b264_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_1b264_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_1b264_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_1b264_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_1b264_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_1b264_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_1b264_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_1b264_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_1b264_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_1b264_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_1b264_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_1b264_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_1b264_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_1b264_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_1b264_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_1b264_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_1b264_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_1b264_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_1b264_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_1b264_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_1b264_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_1b264_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_1b264_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_1b264_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_1b264_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_1b264_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_1b264_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_1b264_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_1b264_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_1b264_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_1b264_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_1b264_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_1b264_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_1b264_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_1b264_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_1b264_310 img{border-radius:var(--8517a6)}._Avatar_1b264_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}
@@ -0,0 +1 @@
1
+ import{j as s}from"./jsx-runtime-CKrituN3.js";import{m as z,s as m,b as l,g as d,A as b}from"./classNames-DypE0CS3.js";import{w as e}from"./componentNames-BSriaIOD.js";import{A as w}from"./constants--ewUoBsO.js";const u="_Avatar_1b264_4",o={Avatar:u,"Avatar--size-2xs":"_Avatar--size-2xs_1b264_12","Avatar--size-xs":"_Avatar--size-xs_1b264_16","Avatar--size-s":"_Avatar--size-s_1b264_20","Avatar--size-m":"_Avatar--size-m_1b264_24","Avatar--size-l":"_Avatar--size-l_1b264_28","Avatar--size-xl":"_Avatar--size-xl_1b264_32","Avatar--size-24":"_Avatar--size-24_1b264_36","Avatar--size-32":"_Avatar--size-32_1b264_40","Avatar--size-48":"_Avatar--size-48_1b264_44","Avatar--size-64":"_Avatar--size-64_1b264_48","Avatar--size-96":"_Avatar--size-96_1b264_52","Avatar--size-160":"_Avatar--size-160_1b264_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_1b264_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_1b264_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_1b264_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_1b264_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_1b264_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_1b264_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_1b264_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_1b264_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_1b264_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_1b264_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_1b264_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_1b264_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_1b264_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_1b264_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_1b264_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_1b264_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_1b264_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_1b264_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_1b264_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_1b264_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_1b264_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_1b264_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_1b264_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_1b264_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_1b264_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_1b264_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_1b264_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_1b264_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_1b264_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_1b264_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_1b264_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_1b264_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_1b264_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_1b264_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_1b264_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_1b264_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_1b264_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_1b264_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_1b264_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_1b264_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_1b264_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_1b264_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_1b264_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_1b264_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_1b264_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_1b264_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_1b264_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_1b264_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_1b264_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_1b264_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_1b264_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_1b264_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_1b264_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_1b264_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_1b264_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_1b264_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_1b264_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_1b264_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_1b264_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_1b264_305","Avatar--round":"_Avatar--round_1b264_310"},C=({size:i=b,round:a,src:_,alt:r="",dataset:t})=>{const A=a??!0,v={className:z(o,e.Avatar,[m("size",i),l("round",void 0,A)]).join(" "),...d(t,{preplyDsComponent:e.Avatar})};return s.jsx("picture",{...v,children:s.jsx("img",{src:_||w,alt:r})})};export{C as A};
@@ -1,4 +1,4 @@
1
- import{j as s}from"./jsx-runtime-CKrituN3.js";import{A as a}from"./Avatar-ChjnYBw8.js";import{S as i}from"./StoryContextDSWeb-CViICLux.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./classNames-Cqk1oqv4.js";import"./componentNames-BSriaIOD.js";import"./constants--ewUoBsO.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-BvHSkgDA.js";import"./useTheme-ByES4oDS.js";import"./constants-mdQROz_Y.js";const y={title:"components/Avatar",component:a,decorators:[c=>s.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:s.jsx(i,{theme:"tokyo-ui",children:c()})})]},t=()=>s.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"end"},children:[s.jsx(a,{size:"160"}),s.jsx(a,{src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",size:"96"}),s.jsx(a,{src:"./web-lib/src/components/Avatar/docs/static/avatar-2.png",size:"64"}),s.jsx(a,{src:"./web-lib/src/components/Avatar/docs/static/avatar-3.png",size:"48"}),s.jsx(a,{src:"./web-lib/src/components/Avatar/docs/static/avatar-4.png",size:"32"}),s.jsx(a,{src:"./web-lib/src/components/Avatar/docs/static/avatar-5.png",size:"24"})]});var r,e,o;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`() => <div style={{
1
+ import{j as s}from"./jsx-runtime-CKrituN3.js";import{A as a}from"./Avatar-CkEVjZGg.js";import{S as i}from"./StoryContextDSWeb-CwCKdulo.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./classNames-DypE0CS3.js";import"./componentNames-BSriaIOD.js";import"./constants--ewUoBsO.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-CLBjXsMY.js";import"./useTheme-pdzgtlkQ.js";import"./constants-mdQROz_Y.js";const y={title:"components/Avatar",component:a,decorators:[c=>s.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:s.jsx(i,{theme:"tokyo-ui",children:c()})})]},t=()=>s.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"end"},children:[s.jsx(a,{size:"160"}),s.jsx(a,{src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",size:"96"}),s.jsx(a,{src:"./web-lib/src/components/Avatar/docs/static/avatar-2.png",size:"64"}),s.jsx(a,{src:"./web-lib/src/components/Avatar/docs/static/avatar-3.png",size:"48"}),s.jsx(a,{src:"./web-lib/src/components/Avatar/docs/static/avatar-4.png",size:"32"}),s.jsx(a,{src:"./web-lib/src/components/Avatar/docs/static/avatar-5.png",size:"24"})]});var r,e,o;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`() => <div style={{
2
2
  display: 'flex',
3
3
  gap: '8px',
4
4
  alignItems: 'end'
@@ -0,0 +1 @@
1
+ ._AvatarWithStatus_1hrr2_3{display:inline-block;position:relative}._AvatarWithStatus--indicator_1hrr2_7{position:absolute;border-style:solid;border-radius:var(--0cf20e);border-width:var(--4a76d7);border-color:var(--e5a39b);background-color:var(--a95a51)}._AvatarWithStatus--online_1hrr2_15 ._AvatarWithStatus--indicator_1hrr2_7{background-color:var(--62b71e)}._AvatarWithStatus--size-2xs_1hrr2_18 ._AvatarWithStatus--indicator_1hrr2_7{width:var(--1cea5a);height:var(--1cea5a);right:var(--4b2086);bottom:var(--4b2086)}._AvatarWithStatus--size-xs_1hrr2_24 ._AvatarWithStatus--indicator_1hrr2_7{width:var(--540610);height:var(--540610);right:var(--20c0b1);bottom:var(--20c0b1)}._AvatarWithStatus--size-m_1hrr2_30 ._AvatarWithStatus--indicator_1hrr2_7{width:var(--8f1e94);height:var(--8f1e94);right:var(--705050);bottom:var(--705050)}._AvatarWithStatus--size-xl_1hrr2_36 ._AvatarWithStatus--indicator_1hrr2_7{width:var(--bdf712);height:var(--bdf712);right:var(--3b13f1);bottom:var(--3b13f1)}._AvatarWithStatus--size-64_1hrr2_42 ._AvatarWithStatus--indicator_1hrr2_7{width:var(--7d9a55);height:var(--7d9a55);right:var(--3e174a);bottom:var(--3e174a)}._AvatarWithStatus--size-96_1hrr2_48 ._AvatarWithStatus--indicator_1hrr2_7{width:var(--7d3ab7);height:var(--7d3ab7);right:var(--bd3f63);bottom:var(--bd3f63)}._AvatarWithStatus--size-160_1hrr2_54 ._AvatarWithStatus--indicator_1hrr2_7{width:var(--523f7d);height:var(--523f7d);right:var(--23067e);bottom:var(--23067e)}
@@ -1,13 +1,13 @@
1
- import{j as t}from"./jsx-runtime-CKrituN3.js";import{A}from"./Avatar-ChjnYBw8.js";import{m as S,b as f,s as W,d as x,g as y,A as z}from"./classNames-Cqk1oqv4.js";import{w as i}from"./componentNames-BSriaIOD.js";import{S as g}from"./StoryContextDSWeb-CViICLux.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./constants--ewUoBsO.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-BvHSkgDA.js";import"./useTheme-ByES4oDS.js";import"./constants-mdQROz_Y.js";const q="_AvatarWithStatus_1mrqc_3",o={AvatarWithStatus:q,"AvatarWithStatus--indicator":"_AvatarWithStatus--indicator_1mrqc_7","AvatarWithStatus--online":"_AvatarWithStatus--online_1mrqc_15","AvatarWithStatus--size-2xs":"_AvatarWithStatus--size-2xs_1mrqc_18","AvatarWithStatus--size-xs":"_AvatarWithStatus--size-xs_1mrqc_24","AvatarWithStatus--size-m":"_AvatarWithStatus--size-m_1mrqc_30","AvatarWithStatus--size-xl":"_AvatarWithStatus--size-xl_1mrqc_36","AvatarWithStatus--size-64":"_AvatarWithStatus--size-64_1mrqc_42","AvatarWithStatus--size-96":"_AvatarWithStatus--size-96_1mrqc_48","AvatarWithStatus--size-160":"_AvatarWithStatus--size-160_1mrqc_54"},e=({online:s=!1,size:r=z,dataset:c,...p})=>{const h=S(o,i.AvatarWithStatus,[f("online",void 0,s),W("size",r)]),v=[...x(o,i.AvatarWithStatus,["indicator"])],_={className:h.join(" "),...y(c,{preplyDsComponent:i.AvatarWithStatus})};return t.jsxs("div",{..._,children:[t.jsx("span",{className:v.join(" ")}),t.jsx("div",{children:t.jsx(A,{...p,size:r})})]})};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-CKrituN3.js";import{A}from"./Avatar-CkEVjZGg.js";import{m as S,b as f,s as W,d as x,g as y,A as z}from"./classNames-DypE0CS3.js";import{w as r}from"./componentNames-BSriaIOD.js";import{S as g}from"./StoryContextDSWeb-CwCKdulo.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./constants--ewUoBsO.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-CLBjXsMY.js";import"./useTheme-pdzgtlkQ.js";import"./constants-mdQROz_Y.js";const j="_AvatarWithStatus_1hrr2_3",o={AvatarWithStatus:j,"AvatarWithStatus--indicator":"_AvatarWithStatus--indicator_1hrr2_7","AvatarWithStatus--online":"_AvatarWithStatus--online_1hrr2_15","AvatarWithStatus--size-2xs":"_AvatarWithStatus--size-2xs_1hrr2_18","AvatarWithStatus--size-xs":"_AvatarWithStatus--size-xs_1hrr2_24","AvatarWithStatus--size-m":"_AvatarWithStatus--size-m_1hrr2_30","AvatarWithStatus--size-xl":"_AvatarWithStatus--size-xl_1hrr2_36","AvatarWithStatus--size-64":"_AvatarWithStatus--size-64_1hrr2_42","AvatarWithStatus--size-96":"_AvatarWithStatus--size-96_1hrr2_48","AvatarWithStatus--size-160":"_AvatarWithStatus--size-160_1hrr2_54"},e=({online:s=!1,size:i=z,dataset:m,...c})=>{const h=S(o,r.AvatarWithStatus,[f("online",void 0,s),W("size",i)]),v=[...x(o,r.AvatarWithStatus,["indicator"])],_={className:h.join(" "),...y(m,{preplyDsComponent:r.AvatarWithStatus})};return t.jsxs("div",{..._,children:[t.jsx("span",{className:v.join(" ")}),t.jsx("div",{children:t.jsx(A,{...c,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:"string | undefined"}},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:"string | undefined"}},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:"Dataset | undefined"}},online:{defaultValue:{value:"false"},description:"Controls the status of the visual indicator.",name:"online",required:!1,type:{name:"boolean"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"AvatarWithStatusSize | undefined"}}}}}catch{}const k={title:"components/AvatarWithStatus",component:e,decorators:[s=>t.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:t.jsx(g,{theme:"tokyo-ui",children:s()})})]},a=()=>t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsx(e,{size:"64",online:!0}),t.jsx(e,{size:"64",online:!1})]});var n,l,d,u,m;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:`() => <div style={{
6
+ e2e tests or integrating with external libraries.`,name:"dataset",required:!1,type:{name:"Dataset | undefined"}},online:{defaultValue:{value:"false"},description:"Controls the status of the visual indicator.",name:"online",required:!1,type:{name:"boolean"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"AvatarWithStatusSize | undefined"}}}}}catch{}const k={title:"components/AvatarWithStatus",component:e,decorators:[s=>t.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:t.jsx(g,{theme:"tokyo-ui",children:s()})})]},a=()=>t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsx(e,{size:"64",online:!0}),t.jsx(e,{size:"64",online:!1})]});var n,l,d,u,p;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
  }}>
10
10
  <AvatarWithStatus size="64" online />
11
11
  <AvatarWithStatus size="64" online={false} />
12
12
  </div>`,...(d=(l=a.parameters)==null?void 0:l.docs)==null?void 0:d.source},description:{story:`This component augments [Avatar](/docs/components-avatar--docs) to add a
13
- connection status indicator.`,...(m=(u=a.parameters)==null?void 0:u.docs)==null?void 0:m.description}}};const F=["Statuses"];export{a as Statuses,F as __namedExportsOrder,k as default};
13
+ connection status indicator.`,...(p=(u=a.parameters)==null?void 0:u.docs)==null?void 0:p.description}}};const F=["Statuses"];export{a as Statuses,F as __namedExportsOrder,k as default};
@@ -0,0 +1 @@
1
+ ._badge_16l45_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_16l45_2[data-size=small]{height:var(--76ac8f);font-size:var(--e3a55b);font-weight:var(--8cd94c);line-height:var(--732f40)}._badge_16l45_2[data-size=medium]{height:var(--f316e1);font-size:var(--fdb733);font-weight:var(--9643c1);line-height:var(--754361)}._badge_16l45_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_16l45_2[data-type=neutral]{background:var(--319b29)}._badge_16l45_2[data-type=positive]{background:var(--1836a4)}._badge_16l45_2[data-type=warning]{background:var(--b503b8)}._badge_16l45_2[data-type=info]{background:var(--94a45e)}._badge_16l45_2[data-type=critical]{background:var(--f15644)}._badge_16l45_2[data-accent=unset]{color:var(--c9575b);background-color:var(--8f1238)}._badge_16l45_2[data-accent=unset][data-inverted=true]{color:var(--55407f);background-color:var(--7c8c3c)}._badge_16l45_2[data-accent=accent]{color:var(--dede3f);background-color:var(--eba8f8)}._badge_16l45_2[data-accent=accent][data-inverted=true]{color:var(--732eb5);background-color:var(--54c075)}._badge_16l45_2[data-accent=info]{color:var(--f3be0c);background-color:var(--7a1a33)}._badge_16l45_2[data-accent=info][data-inverted=true]{color:var(--506df4);background-color:var(--fa3428)}._badge_16l45_2[data-accent=positive]{color:var(--2a2719);background-color:var(--694afa)}._badge_16l45_2[data-accent=positive][data-inverted=true]{color:var(--30c365);background-color:var(--47c404)}._badge_16l45_2[data-accent=warning]{color:var(--84e571);background-color:var(--02372a)}._badge_16l45_2[data-accent=warning][data-inverted=true]{color:var(--363237);background-color:var(--08fa29)}._badge_16l45_2[data-accent=critical]{color:var(--036159);background-color:var(--22f022)}._badge_16l45_2[data-accent=critical][data-inverted=true]{color:var(--90eeff);background-color:var(--cdb1f6)}._badge_16l45_2[data-accent=tertiary]{color:var(--d7e14c);background-color:var(--a453d7)}._badge_16l45_2[data-accent=tertiary][data-inverted=true]{color:var(--ab5158);background-color:var(--50e919)}
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-CKrituN3.js";import{F as d}from"./TokyoUITag-CQmRJtP0.js";import{L as v}from"./LayoutFlex-C9DbvPvq.js";import{I as T}from"./Icon-1PHa-WUi.js";import{g as j}from"./classNames-Cqk1oqv4.js";import{w as z}from"./componentNames-BSriaIOD.js";import{S as _}from"./StoryContextDSWeb-CViICLux.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./layout-relative-QhDS34ks.js";import"./constants-DYYVurUY.js";import"./text-accent-CQKpNEgF.js";import"./render-icon-DsMGBPwY.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-BvHSkgDA.js";import"./useTheme-ByES4oDS.js";import"./constants-mdQROz_Y.js";const b="_badge_15u3w_2",k={badge:b},w=n=>{switch(n){case"xs":return"small";case"s":return"medium";case"m":return"large";default:return n}},a=({type:n="neutral",size:s="medium",leadingSvgIcon:o,dataset:x,children:h,accent:l,inverted:c})=>{const p=w(s),t={...x,size:p};l===void 0&&c===void 0?t.type=n:(t.accent=l||"unset",t.inverted=!!c);const I=j(t,{preplyDsComponent:z.Badge}),S=n==="neutral"?"primary":n;return e.jsxs("span",{...I,className:k.badge,children:[!!o&&p!=="small"&&e.jsx(T,{accent:S,size:s==="large"?"24":"16",svg:o}),h]})};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:'"critical" | "neutral" | "info" | "positive" | "warning" | undefined'}},size:{defaultValue:{value:"medium"},description:"The size of the badge.",name:"size",required:!1,type:{name:"BadgeSize | DeprecatedBadgeSize | undefined"}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon. Only displayed in \`medium\` and \`large\` sizes.
1
+ import{j as e}from"./jsx-runtime-CKrituN3.js";import{F as d}from"./TokyoUITag-CQmRJtP0.js";import{L as v}from"./LayoutFlex-YVO1KNoK.js";import{I as T}from"./Icon-Cn3B7mqs.js";import{g as j}from"./classNames-DypE0CS3.js";import{w as z}from"./componentNames-BSriaIOD.js";import{S as _}from"./StoryContextDSWeb-CwCKdulo.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./layout-relative-CmMGsNg3.js";import"./constants-DYYVurUY.js";import"./text-accent-CRIVfBVN.js";import"./render-icon-DsMGBPwY.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-CLBjXsMY.js";import"./useTheme-pdzgtlkQ.js";import"./constants-mdQROz_Y.js";const b="_badge_16l45_2",k={badge:b},w=n=>{switch(n){case"xs":return"small";case"s":return"medium";case"m":return"large";default:return n}},a=({type:n="neutral",size:s="medium",leadingSvgIcon:o,dataset:x,children:h,accent:l,inverted:c})=>{const p=w(s),t={...x,size:p};l===void 0&&c===void 0?t.type=n:(t.accent=l||"unset",t.inverted=!!c);const I=j(t,{preplyDsComponent:z.Badge}),S=n==="neutral"?"primary":n;return e.jsxs("span",{...I,className:k.badge,children:[!!o&&p!=="small"&&e.jsx(T,{accent:S,size:s==="large"?"24":"16",svg:o}),h]})};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:'"neutral" | "info" | "positive" | "warning" | "critical" | undefined'}},size:{defaultValue:{value:"medium"},description:"The size of the badge.",name:"size",required:!1,type:{name:"BadgeSize | DeprecatedBadgeSize | undefined"}},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>
@@ -0,0 +1 @@
1
+ ._Box_b0rk7_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_b0rk7_16{border-radius:var(--84e079)}._Box--box-radius-m_b0rk7_19{border-radius:var(--1c37d5)}._Box--box-radius-l_b0rk7_22{border-radius:var(--9e57e5)}._Box--box-radius-0_b0rk7_34{border-radius:var(--adc668)}._Box--box-radius-2_b0rk7_25{border-radius:var(--9817c7)}._Box--box-radius-4_b0rk7_28{border-radius:var(--7dcb5e)}._Box--box-radius-8_b0rk7_31{border-radius:var(--2071ea)}._Box--box-radius-12_b0rk7_46{border-radius:var(--c1925d)}._Box--box-radius-16_b0rk7_49{border-radius:var(--f3f949)}._Box--box-radius-24_b0rk7_52{border-radius:var(--67250f)}._Box--box-radius-32_b0rk7_55{border-radius:var(--fba602)}._Box--box-radius-48_b0rk7_58{border-radius:var(--f8b939)}._Box--box-radius-64_b0rk7_61{border-radius:var(--4d9939)}._Box--box-radius-96_b0rk7_64{border-radius:var(--a78cb4)}._Box--box-radius-160_b0rk7_67{border-radius:var(--439947)}@media (min-width: 400px){._Box--narrow-l--box-radius-none_b0rk7_71{border-radius:var(--84e079)}._Box--narrow-l--box-radius-m_b0rk7_74{border-radius:var(--1c37d5)}._Box--narrow-l--box-radius-l_b0rk7_77{border-radius:var(--9e57e5)}._Box--narrow-l--box-radius-0_b0rk7_89{border-radius:var(--adc668)}._Box--narrow-l--box-radius-2_b0rk7_80{border-radius:var(--9817c7)}._Box--narrow-l--box-radius-4_b0rk7_83{border-radius:var(--7dcb5e)}._Box--narrow-l--box-radius-8_b0rk7_86{border-radius:var(--2071ea)}._Box--narrow-l--box-radius-12_b0rk7_101{border-radius:var(--c1925d)}._Box--narrow-l--box-radius-16_b0rk7_104{border-radius:var(--f3f949)}._Box--narrow-l--box-radius-24_b0rk7_107{border-radius:var(--67250f)}._Box--narrow-l--box-radius-32_b0rk7_110{border-radius:var(--fba602)}._Box--narrow-l--box-radius-48_b0rk7_113{border-radius:var(--f8b939)}._Box--narrow-l--box-radius-64_b0rk7_116{border-radius:var(--4d9939)}._Box--narrow-l--box-radius-96_b0rk7_119{border-radius:var(--a78cb4)}._Box--narrow-l--box-radius-160_b0rk7_122{border-radius:var(--439947)}}@media (min-width: 700px){._Box--medium-s--box-radius-none_b0rk7_127{border-radius:var(--84e079)}._Box--medium-s--box-radius-m_b0rk7_130{border-radius:var(--1c37d5)}._Box--medium-s--box-radius-l_b0rk7_133{border-radius:var(--9e57e5)}._Box--medium-s--box-radius-0_b0rk7_145{border-radius:var(--adc668)}._Box--medium-s--box-radius-2_b0rk7_136{border-radius:var(--9817c7)}._Box--medium-s--box-radius-4_b0rk7_139{border-radius:var(--7dcb5e)}._Box--medium-s--box-radius-8_b0rk7_142{border-radius:var(--2071ea)}._Box--medium-s--box-radius-12_b0rk7_157{border-radius:var(--c1925d)}._Box--medium-s--box-radius-16_b0rk7_160{border-radius:var(--f3f949)}._Box--medium-s--box-radius-24_b0rk7_163{border-radius:var(--67250f)}._Box--medium-s--box-radius-32_b0rk7_166{border-radius:var(--fba602)}._Box--medium-s--box-radius-48_b0rk7_169{border-radius:var(--f8b939)}._Box--medium-s--box-radius-64_b0rk7_172{border-radius:var(--4d9939)}._Box--medium-s--box-radius-96_b0rk7_175{border-radius:var(--a78cb4)}._Box--medium-s--box-radius-160_b0rk7_178{border-radius:var(--439947)}}@media (min-width: 880px){._Box--medium-l--box-radius-none_b0rk7_183{border-radius:var(--84e079)}._Box--medium-l--box-radius-m_b0rk7_186{border-radius:var(--1c37d5)}._Box--medium-l--box-radius-l_b0rk7_189{border-radius:var(--9e57e5)}._Box--medium-l--box-radius-0_b0rk7_201{border-radius:var(--adc668)}._Box--medium-l--box-radius-2_b0rk7_192{border-radius:var(--9817c7)}._Box--medium-l--box-radius-4_b0rk7_195{border-radius:var(--7dcb5e)}._Box--medium-l--box-radius-8_b0rk7_198{border-radius:var(--2071ea)}._Box--medium-l--box-radius-12_b0rk7_213{border-radius:var(--c1925d)}._Box--medium-l--box-radius-16_b0rk7_216{border-radius:var(--f3f949)}._Box--medium-l--box-radius-24_b0rk7_219{border-radius:var(--67250f)}._Box--medium-l--box-radius-32_b0rk7_222{border-radius:var(--fba602)}._Box--medium-l--box-radius-48_b0rk7_225{border-radius:var(--f8b939)}._Box--medium-l--box-radius-64_b0rk7_228{border-radius:var(--4d9939)}._Box--medium-l--box-radius-96_b0rk7_231{border-radius:var(--a78cb4)}._Box--medium-l--box-radius-160_b0rk7_234{border-radius:var(--439947)}}@media (min-width: 1200px){._Box--wide-s--box-radius-none_b0rk7_239{border-radius:var(--84e079)}._Box--wide-s--box-radius-m_b0rk7_242{border-radius:var(--1c37d5)}._Box--wide-s--box-radius-l_b0rk7_245{border-radius:var(--9e57e5)}._Box--wide-s--box-radius-0_b0rk7_257{border-radius:var(--adc668)}._Box--wide-s--box-radius-2_b0rk7_248{border-radius:var(--9817c7)}._Box--wide-s--box-radius-4_b0rk7_251{border-radius:var(--7dcb5e)}._Box--wide-s--box-radius-8_b0rk7_254{border-radius:var(--2071ea)}._Box--wide-s--box-radius-12_b0rk7_269{border-radius:var(--c1925d)}._Box--wide-s--box-radius-16_b0rk7_272{border-radius:var(--f3f949)}._Box--wide-s--box-radius-24_b0rk7_275{border-radius:var(--67250f)}._Box--wide-s--box-radius-32_b0rk7_278{border-radius:var(--fba602)}._Box--wide-s--box-radius-48_b0rk7_281{border-radius:var(--f8b939)}._Box--wide-s--box-radius-64_b0rk7_284{border-radius:var(--4d9939)}._Box--wide-s--box-radius-96_b0rk7_287{border-radius:var(--a78cb4)}._Box--wide-s--box-radius-160_b0rk7_290{border-radius:var(--439947)}}@media (min-width: 1900px){._Box--wide-l--box-radius-none_b0rk7_295{border-radius:var(--84e079)}._Box--wide-l--box-radius-m_b0rk7_298{border-radius:var(--1c37d5)}._Box--wide-l--box-radius-l_b0rk7_301{border-radius:var(--9e57e5)}._Box--wide-l--box-radius-0_b0rk7_313{border-radius:var(--adc668)}._Box--wide-l--box-radius-2_b0rk7_304{border-radius:var(--9817c7)}._Box--wide-l--box-radius-4_b0rk7_307{border-radius:var(--7dcb5e)}._Box--wide-l--box-radius-8_b0rk7_310{border-radius:var(--2071ea)}._Box--wide-l--box-radius-12_b0rk7_325{border-radius:var(--c1925d)}._Box--wide-l--box-radius-16_b0rk7_328{border-radius:var(--f3f949)}._Box--wide-l--box-radius-24_b0rk7_331{border-radius:var(--67250f)}._Box--wide-l--box-radius-32_b0rk7_334{border-radius:var(--fba602)}._Box--wide-l--box-radius-48_b0rk7_337{border-radius:var(--f8b939)}._Box--wide-l--box-radius-64_b0rk7_340{border-radius:var(--4d9939)}._Box--wide-l--box-radius-96_b0rk7_343{border-radius:var(--a78cb4)}._Box--wide-l--box-radius-160_b0rk7_346{border-radius:var(--439947)}}._Box--background-white_b0rk7_350{background-color:var(--145676)}._Box--background-gray-100_b0rk7_353{background-color:var(--55407f)}._Box--background-gray-200_b0rk7_356{background-color:var(--8f1238)}._Box--background-gray-300_b0rk7_359{background-color:var(--da403c)}._Box--background-gray-400_b0rk7_362{background-color:var(--7c8c3c)}._Box--background-gray-500_b0rk7_365{background-color:var(--c9575b)}._Box--background-gray-600_b0rk7_368{background-color:var(--2fb6f7)}._Box--background-teal-100_b0rk7_371{background-color:var(--54ed1d)}._Box--background-teal-200_b0rk7_374{background-color:var(--b706bf)}._Box--background-teal-300_b0rk7_377{background-color:var(--4adefb)}._Box--background-teal-400_b0rk7_380{background-color:var(--de8a40)}._Box--background-teal-500_b0rk7_383{background-color:var(--574543)}._Box--background-green-100_b0rk7_386{background-color:var(--1383a7)}._Box--background-green-200_b0rk7_389{background-color:var(--9f1066)}._Box--background-green-300_b0rk7_392{background-color:var(--d4cf94)}._Box--background-green-400_b0rk7_395{background-color:var(--bbfa9f)}._Box--background-green-500_b0rk7_398{background-color:var(--5f8b30)}._Box--background-yellow-100_b0rk7_401{background-color:var(--c7d8be)}._Box--background-yellow-200_b0rk7_404{background-color:var(--17bab8)}._Box--background-yellow-300_b0rk7_407{background-color:var(--f017e5)}._Box--background-yellow-400_b0rk7_410{background-color:var(--2242ed)}._Box--background-yellow-500_b0rk7_413{background-color:var(--e40de4)}._Box--background-red-100_b0rk7_416{background-color:var(--ecb5d5)}._Box--background-red-200_b0rk7_419{background-color:var(--5b5cb0)}._Box--background-red-300_b0rk7_422{background-color:var(--d55c71)}._Box--background-red-400_b0rk7_425{background-color:var(--4e47fe)}._Box--background-red-500_b0rk7_428{background-color:var(--3e7877)}._Box--background-blue-100_b0rk7_431{background-color:var(--21906f)}._Box--background-blue-200_b0rk7_434{background-color:var(--5d87f3)}._Box--background-blue-300_b0rk7_437{background-color:var(--201e14)}._Box--background-blue-400_b0rk7_440{background-color:var(--e1c27c)}._Box--background-blue-500_b0rk7_443{background-color:var(--6a1420)}._Box--background-magenta-100_b0rk7_446{background-color:var(--1a9963)}._Box--background-magenta-200_b0rk7_449{background-color:var(--b774df)}._Box--background-magenta-300_b0rk7_452{background-color:var(--f72cdd)}._Box--background-magenta-400_b0rk7_455{background-color:var(--6cbd80)}._Box--background-magenta-500_b0rk7_458{background-color:var(--5893e7)}._Box--background-primary_b0rk7_461{background-color:var(--3546c3)}._Box--background-secondary_b0rk7_464{background-color:var(--302ecf)}._Box--background-tertiary_b0rk7_467{background-color:var(--a5c761)}._Box--background-overlay_b0rk7_470{background-color:var(--02a0d5)}._Box--background-disabled_b0rk7_473{background-color:var(--319b29)}._Box--background-brand_b0rk7_476{background-color:var(--cd91ab)}._Box--background-brandB2b_b0rk7_479{background-color:var(--706789)}._Box--background-accentLight_b0rk7_482{background-color:var(--560eda)}._Box--background-accentDark_b0rk7_485{background-color:var(--e4c520)}._Box--background-positiveLight_b0rk7_488{background-color:var(--1836a4)}._Box--background-positiveDark_b0rk7_491{background-color:var(--ae7f1f)}._Box--background-infoLight_b0rk7_494{background-color:var(--94a45e)}._Box--background-infoDark_b0rk7_497{background-color:var(--79dffb)}._Box--background-warningLight_b0rk7_500{background-color:var(--b503b8)}._Box--background-warningDark_b0rk7_503{background-color:var(--34fc43)}._Box--background-criticalLight_b0rk7_506{background-color:var(--f15644)}._Box--background-criticalDark_b0rk7_509{background-color:var(--87fcf8)}._Box--background-statusOnline_b0rk7_512{background-color:var(--cbc115)}._Box--background-statusOffline_b0rk7_515{background-color:var(--7ff085)}._Box--background-primaryInverted_b0rk7_518{background-color:var(--4983fe)}._Box--background-secondaryInverted_b0rk7_521{background-color:var(--19649f)}._Box--background-tertiaryInverted_b0rk7_524{background-color:var(--a469f2)}
@@ -0,0 +1,12 @@
1
+ import{j as o}from"./jsx-runtime-CKrituN3.js";import{H as g}from"./Heading-C40luK_D.js";import{L as w}from"./LayoutFlex-YVO1KNoK.js";import{T as p}from"./Text-RoftugNM.js";import{g as y}from"./layout-relative-CmMGsNg3.js";import{m as f,s as x,g as h,e as v,f as L,L as D}from"./classNames-DypE0CS3.js";import{w as i}from"./componentNames-BSriaIOD.js";import{S as N}from"./StoryContextDSWeb-CwCKdulo.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./text-accent-CRIVfBVN.js";import"./text-centered-Cbki6SCH.js";import"./constants-DYYVurUY.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-CLBjXsMY.js";import"./useTheme-pdzgtlkQ.js";import"./constants-mdQROz_Y.js";const C="_Box_b0rk7_4",T={Box:C,"Box--box-radius-none":"_Box--box-radius-none_b0rk7_16","Box--box-radius-m":"_Box--box-radius-m_b0rk7_19","Box--box-radius-l":"_Box--box-radius-l_b0rk7_22","Box--box-radius-2":"_Box--box-radius-2_b0rk7_25","Box--box-radius-4":"_Box--box-radius-4_b0rk7_28","Box--box-radius-8":"_Box--box-radius-8_b0rk7_31","Box--box-radius-0":"_Box--box-radius-0_b0rk7_34","Box--box-radius-12":"_Box--box-radius-12_b0rk7_46","Box--box-radius-16":"_Box--box-radius-16_b0rk7_49","Box--box-radius-24":"_Box--box-radius-24_b0rk7_52","Box--box-radius-32":"_Box--box-radius-32_b0rk7_55","Box--box-radius-48":"_Box--box-radius-48_b0rk7_58","Box--box-radius-64":"_Box--box-radius-64_b0rk7_61","Box--box-radius-96":"_Box--box-radius-96_b0rk7_64","Box--box-radius-160":"_Box--box-radius-160_b0rk7_67","Box--narrow-l--box-radius-none":"_Box--narrow-l--box-radius-none_b0rk7_71","Box--narrow-l--box-radius-m":"_Box--narrow-l--box-radius-m_b0rk7_74","Box--narrow-l--box-radius-l":"_Box--narrow-l--box-radius-l_b0rk7_77","Box--narrow-l--box-radius-2":"_Box--narrow-l--box-radius-2_b0rk7_80","Box--narrow-l--box-radius-4":"_Box--narrow-l--box-radius-4_b0rk7_83","Box--narrow-l--box-radius-8":"_Box--narrow-l--box-radius-8_b0rk7_86","Box--narrow-l--box-radius-0":"_Box--narrow-l--box-radius-0_b0rk7_89","Box--narrow-l--box-radius-12":"_Box--narrow-l--box-radius-12_b0rk7_101","Box--narrow-l--box-radius-16":"_Box--narrow-l--box-radius-16_b0rk7_104","Box--narrow-l--box-radius-24":"_Box--narrow-l--box-radius-24_b0rk7_107","Box--narrow-l--box-radius-32":"_Box--narrow-l--box-radius-32_b0rk7_110","Box--narrow-l--box-radius-48":"_Box--narrow-l--box-radius-48_b0rk7_113","Box--narrow-l--box-radius-64":"_Box--narrow-l--box-radius-64_b0rk7_116","Box--narrow-l--box-radius-96":"_Box--narrow-l--box-radius-96_b0rk7_119","Box--narrow-l--box-radius-160":"_Box--narrow-l--box-radius-160_b0rk7_122","Box--medium-s--box-radius-none":"_Box--medium-s--box-radius-none_b0rk7_127","Box--medium-s--box-radius-m":"_Box--medium-s--box-radius-m_b0rk7_130","Box--medium-s--box-radius-l":"_Box--medium-s--box-radius-l_b0rk7_133","Box--medium-s--box-radius-2":"_Box--medium-s--box-radius-2_b0rk7_136","Box--medium-s--box-radius-4":"_Box--medium-s--box-radius-4_b0rk7_139","Box--medium-s--box-radius-8":"_Box--medium-s--box-radius-8_b0rk7_142","Box--medium-s--box-radius-0":"_Box--medium-s--box-radius-0_b0rk7_145","Box--medium-s--box-radius-12":"_Box--medium-s--box-radius-12_b0rk7_157","Box--medium-s--box-radius-16":"_Box--medium-s--box-radius-16_b0rk7_160","Box--medium-s--box-radius-24":"_Box--medium-s--box-radius-24_b0rk7_163","Box--medium-s--box-radius-32":"_Box--medium-s--box-radius-32_b0rk7_166","Box--medium-s--box-radius-48":"_Box--medium-s--box-radius-48_b0rk7_169","Box--medium-s--box-radius-64":"_Box--medium-s--box-radius-64_b0rk7_172","Box--medium-s--box-radius-96":"_Box--medium-s--box-radius-96_b0rk7_175","Box--medium-s--box-radius-160":"_Box--medium-s--box-radius-160_b0rk7_178","Box--medium-l--box-radius-none":"_Box--medium-l--box-radius-none_b0rk7_183","Box--medium-l--box-radius-m":"_Box--medium-l--box-radius-m_b0rk7_186","Box--medium-l--box-radius-l":"_Box--medium-l--box-radius-l_b0rk7_189","Box--medium-l--box-radius-2":"_Box--medium-l--box-radius-2_b0rk7_192","Box--medium-l--box-radius-4":"_Box--medium-l--box-radius-4_b0rk7_195","Box--medium-l--box-radius-8":"_Box--medium-l--box-radius-8_b0rk7_198","Box--medium-l--box-radius-0":"_Box--medium-l--box-radius-0_b0rk7_201","Box--medium-l--box-radius-12":"_Box--medium-l--box-radius-12_b0rk7_213","Box--medium-l--box-radius-16":"_Box--medium-l--box-radius-16_b0rk7_216","Box--medium-l--box-radius-24":"_Box--medium-l--box-radius-24_b0rk7_219","Box--medium-l--box-radius-32":"_Box--medium-l--box-radius-32_b0rk7_222","Box--medium-l--box-radius-48":"_Box--medium-l--box-radius-48_b0rk7_225","Box--medium-l--box-radius-64":"_Box--medium-l--box-radius-64_b0rk7_228","Box--medium-l--box-radius-96":"_Box--medium-l--box-radius-96_b0rk7_231","Box--medium-l--box-radius-160":"_Box--medium-l--box-radius-160_b0rk7_234","Box--wide-s--box-radius-none":"_Box--wide-s--box-radius-none_b0rk7_239","Box--wide-s--box-radius-m":"_Box--wide-s--box-radius-m_b0rk7_242","Box--wide-s--box-radius-l":"_Box--wide-s--box-radius-l_b0rk7_245","Box--wide-s--box-radius-2":"_Box--wide-s--box-radius-2_b0rk7_248","Box--wide-s--box-radius-4":"_Box--wide-s--box-radius-4_b0rk7_251","Box--wide-s--box-radius-8":"_Box--wide-s--box-radius-8_b0rk7_254","Box--wide-s--box-radius-0":"_Box--wide-s--box-radius-0_b0rk7_257","Box--wide-s--box-radius-12":"_Box--wide-s--box-radius-12_b0rk7_269","Box--wide-s--box-radius-16":"_Box--wide-s--box-radius-16_b0rk7_272","Box--wide-s--box-radius-24":"_Box--wide-s--box-radius-24_b0rk7_275","Box--wide-s--box-radius-32":"_Box--wide-s--box-radius-32_b0rk7_278","Box--wide-s--box-radius-48":"_Box--wide-s--box-radius-48_b0rk7_281","Box--wide-s--box-radius-64":"_Box--wide-s--box-radius-64_b0rk7_284","Box--wide-s--box-radius-96":"_Box--wide-s--box-radius-96_b0rk7_287","Box--wide-s--box-radius-160":"_Box--wide-s--box-radius-160_b0rk7_290","Box--wide-l--box-radius-none":"_Box--wide-l--box-radius-none_b0rk7_295","Box--wide-l--box-radius-m":"_Box--wide-l--box-radius-m_b0rk7_298","Box--wide-l--box-radius-l":"_Box--wide-l--box-radius-l_b0rk7_301","Box--wide-l--box-radius-2":"_Box--wide-l--box-radius-2_b0rk7_304","Box--wide-l--box-radius-4":"_Box--wide-l--box-radius-4_b0rk7_307","Box--wide-l--box-radius-8":"_Box--wide-l--box-radius-8_b0rk7_310","Box--wide-l--box-radius-0":"_Box--wide-l--box-radius-0_b0rk7_313","Box--wide-l--box-radius-12":"_Box--wide-l--box-radius-12_b0rk7_325","Box--wide-l--box-radius-16":"_Box--wide-l--box-radius-16_b0rk7_328","Box--wide-l--box-radius-24":"_Box--wide-l--box-radius-24_b0rk7_331","Box--wide-l--box-radius-32":"_Box--wide-l--box-radius-32_b0rk7_334","Box--wide-l--box-radius-48":"_Box--wide-l--box-radius-48_b0rk7_337","Box--wide-l--box-radius-64":"_Box--wide-l--box-radius-64_b0rk7_340","Box--wide-l--box-radius-96":"_Box--wide-l--box-radius-96_b0rk7_343","Box--wide-l--box-radius-160":"_Box--wide-l--box-radius-160_b0rk7_346","Box--background-white":"_Box--background-white_b0rk7_350","Box--background-gray-100":"_Box--background-gray-100_b0rk7_353","Box--background-gray-200":"_Box--background-gray-200_b0rk7_356","Box--background-gray-300":"_Box--background-gray-300_b0rk7_359","Box--background-gray-400":"_Box--background-gray-400_b0rk7_362","Box--background-gray-500":"_Box--background-gray-500_b0rk7_365","Box--background-gray-600":"_Box--background-gray-600_b0rk7_368","Box--background-teal-100":"_Box--background-teal-100_b0rk7_371","Box--background-teal-200":"_Box--background-teal-200_b0rk7_374","Box--background-teal-300":"_Box--background-teal-300_b0rk7_377","Box--background-teal-400":"_Box--background-teal-400_b0rk7_380","Box--background-teal-500":"_Box--background-teal-500_b0rk7_383","Box--background-green-100":"_Box--background-green-100_b0rk7_386","Box--background-green-200":"_Box--background-green-200_b0rk7_389","Box--background-green-300":"_Box--background-green-300_b0rk7_392","Box--background-green-400":"_Box--background-green-400_b0rk7_395","Box--background-green-500":"_Box--background-green-500_b0rk7_398","Box--background-yellow-100":"_Box--background-yellow-100_b0rk7_401","Box--background-yellow-200":"_Box--background-yellow-200_b0rk7_404","Box--background-yellow-300":"_Box--background-yellow-300_b0rk7_407","Box--background-yellow-400":"_Box--background-yellow-400_b0rk7_410","Box--background-yellow-500":"_Box--background-yellow-500_b0rk7_413","Box--background-red-100":"_Box--background-red-100_b0rk7_416","Box--background-red-200":"_Box--background-red-200_b0rk7_419","Box--background-red-300":"_Box--background-red-300_b0rk7_422","Box--background-red-400":"_Box--background-red-400_b0rk7_425","Box--background-red-500":"_Box--background-red-500_b0rk7_428","Box--background-blue-100":"_Box--background-blue-100_b0rk7_431","Box--background-blue-200":"_Box--background-blue-200_b0rk7_434","Box--background-blue-300":"_Box--background-blue-300_b0rk7_437","Box--background-blue-400":"_Box--background-blue-400_b0rk7_440","Box--background-blue-500":"_Box--background-blue-500_b0rk7_443","Box--background-magenta-100":"_Box--background-magenta-100_b0rk7_446","Box--background-magenta-200":"_Box--background-magenta-200_b0rk7_449","Box--background-magenta-300":"_Box--background-magenta-300_b0rk7_452","Box--background-magenta-400":"_Box--background-magenta-400_b0rk7_455","Box--background-magenta-500":"_Box--background-magenta-500_b0rk7_458","Box--background-primary":"_Box--background-primary_b0rk7_461","Box--background-secondary":"_Box--background-secondary_b0rk7_464","Box--background-tertiary":"_Box--background-tertiary_b0rk7_467","Box--background-overlay":"_Box--background-overlay_b0rk7_470","Box--background-disabled":"_Box--background-disabled_b0rk7_473","Box--background-brand":"_Box--background-brand_b0rk7_476","Box--background-brandB2b":"_Box--background-brandB2b_b0rk7_479","Box--background-accentLight":"_Box--background-accentLight_b0rk7_482","Box--background-accentDark":"_Box--background-accentDark_b0rk7_485","Box--background-positiveLight":"_Box--background-positiveLight_b0rk7_488","Box--background-positiveDark":"_Box--background-positiveDark_b0rk7_491","Box--background-infoLight":"_Box--background-infoLight_b0rk7_494","Box--background-infoDark":"_Box--background-infoDark_b0rk7_497","Box--background-warningLight":"_Box--background-warningLight_b0rk7_500","Box--background-warningDark":"_Box--background-warningDark_b0rk7_503","Box--background-criticalLight":"_Box--background-criticalLight_b0rk7_506","Box--background-criticalDark":"_Box--background-criticalDark_b0rk7_509","Box--background-statusOnline":"_Box--background-statusOnline_b0rk7_512","Box--background-statusOffline":"_Box--background-statusOffline_b0rk7_515","Box--background-primaryInverted":"_Box--background-primaryInverted_b0rk7_518","Box--background-secondaryInverted":"_Box--background-secondaryInverted_b0rk7_521","Box--background-tertiaryInverted":"_Box--background-tertiaryInverted_b0rk7_524"},d=({children:a,background:u,radius:s=v,padding:n=L,tag:B,dataset:k})=>{const m=f(T,i.Box,[x("box-radius",s),x("background",u)]),l=y(n),t=B??D,c={className:[...m,...l].join(" "),...h(k,{preplyDsComponent:i.Box})};return o.jsx(t,{...c,children:a})};try{d.displayName="Box",d.__docgenInfo={description:"A styleable container.\n\nUse this with `Layout*` components to create complex content containers.",displayName:"Box",props:{background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"ColorName | ColorBackground | undefined"}},radius:{defaultValue:null,description:"",name:"radius",required:!1,type:{name:"Responsive<BoxRadius> | undefined"}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"LayoutTag | undefined"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"Responsive<ShortHand<Spacing> | ShortHand<BoxPadding>> | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}}}}}catch{}const J={title:"components/Box",component:d,decorators:[a=>o.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:o.jsx(N,{theme:"tokyo-ui",children:a()})})]},r=()=>o.jsx(d,{background:"positiveLight",children:o.jsxs(w,{gap:"xs",direction:"column",children:[o.jsx(g,{level:"h3",accent:"positive",children:"Heading"}),o.jsx(p,{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"})]})});r.storyName="Box";var b,_,e;r.parameters={...r.parameters,docs:{...(b=r.parameters)==null?void 0:b.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>`,...(e=(_=r.parameters)==null?void 0:_.docs)==null?void 0:e.source}}};const K=["Base"];export{r as Base,K as __namedExportsOrder,J as default};
@@ -1 +1 @@
1
- ._button-width--width-full_dwvie_5{width:100%}._button-width--width-auto_dwvie_8{width:auto}@media (min-width: 400px){._button-width--narrow-l--width-full_dwvie_12{width:100%}._button-width--narrow-l--width-auto_dwvie_15{width:auto}}@media (min-width: 700px){._button-width--medium-s--width-full_dwvie_20{width:100%}._button-width--medium-s--width-auto_dwvie_23{width:auto}}@media (min-width: 880px){._button-width--medium-l--width-full_dwvie_28{width:100%}._button-width--medium-l--width-auto_dwvie_31{width:auto}}@media (min-width: 1200px){._button-width--wide-s--width-full_dwvie_36{width:100%}._button-width--wide-s--width-auto_dwvie_39{width:auto}}@media (min-width: 1900px){._button-width--wide-l--width-full_dwvie_44{width:100%}._button-width--wide-l--width-auto_dwvie_47{width:auto}}._ButtonBase_dwvie_51{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);color:var(--aface6);position:relative;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--d61910);text-align:center;text-decoration:none;background-color:transparent;border-radius:var(--8d5131);border-width:var(--0b1b71);border-style:solid;border-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;height:fit-content;-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}._ButtonBase--content_dwvie_77{display:inline-flex;align-items:center;gap:var(--0aee7b);justify-content:center;vertical-align:baseline}._ButtonBase--is-icon-button_dwvie_84 ._ButtonBase--content_dwvie_77 svg{width:var(--f02c4e);height:var(--f02c4e)}._ButtonBase--is-icon-button_dwvie_84 ._ButtonBase--content_dwvie_77 svg path{fill:currentColor}._ButtonBase--busy_dwvie_91{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center}._ButtonBase_dwvie_51[disabled],._ButtonBase_dwvie_51[disabled]:hover{cursor:not-allowed;color:var(--a8b89c);background-color:var(--04daeb);border-color:var(--e05289)}._ButtonBase_dwvie_51:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._ButtonBase--is-busy_dwvie_114{cursor:default;pointer-events:none}._ButtonBase--is-busy_dwvie_114 ._ButtonBase--content_dwvie_77{visibility:hidden}._ButtonBase--width-full_dwvie_121{width:100%}._ButtonBase--width-auto_dwvie_124{width:auto}@media (min-width: 400px){._ButtonBase--narrow-l--width-full_dwvie_128{width:100%}._ButtonBase--narrow-l--width-auto_dwvie_131{width:auto}}@media (min-width: 700px){._ButtonBase--medium-s--width-full_dwvie_136{width:100%}._ButtonBase--medium-s--width-auto_dwvie_139{width:auto}}@media (min-width: 880px){._ButtonBase--medium-l--width-full_dwvie_144{width:100%}._ButtonBase--medium-l--width-auto_dwvie_147{width:auto}}@media (min-width: 1200px){._ButtonBase--wide-s--width-full_dwvie_152{width:100%}._ButtonBase--wide-s--width-auto_dwvie_155{width:auto}}@media (min-width: 1900px){._ButtonBase--wide-l--width-full_dwvie_160{width:100%}._ButtonBase--wide-l--width-auto_dwvie_163{width:auto}}._ButtonBase--size-xs_dwvie_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_dwvie_176{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--size-s_dwvie_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_dwvie_190{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--size-m_dwvie_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_dwvie_204{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--size-l_dwvie_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_dwvie_218{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--size-xl_dwvie_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_dwvie_232{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--size-large_dwvie_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_dwvie_246{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--size-medium_dwvie_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_dwvie_260{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--size-small_dwvie_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_dwvie_274{width:var(--5eca09);height:var(--5eca09);padding:0}@media (min-width: 400px){._ButtonBase--narrow-l--size-xs_dwvie_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_dwvie_289{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--narrow-l--size-s_dwvie_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_dwvie_303{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--narrow-l--size-m_dwvie_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_dwvie_317{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--narrow-l--size-l_dwvie_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_dwvie_331{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--narrow-l--size-xl_dwvie_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_dwvie_345{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--narrow-l--size-large_dwvie_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_dwvie_359{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--narrow-l--size-medium_dwvie_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_dwvie_373{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--narrow-l--size-small_dwvie_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_dwvie_387{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 700px){._ButtonBase--medium-s--size-xs_dwvie_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_dwvie_403{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-s--size-s_dwvie_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_dwvie_417{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-s--size-m_dwvie_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_dwvie_431{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-s--size-l_dwvie_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_dwvie_445{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-s--size-xl_dwvie_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_dwvie_459{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-s--size-large_dwvie_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_dwvie_473{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-s--size-medium_dwvie_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_dwvie_487{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-s--size-small_dwvie_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_dwvie_501{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 880px){._ButtonBase--medium-l--size-xs_dwvie_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_dwvie_517{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-l--size-s_dwvie_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_dwvie_531{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-l--size-m_dwvie_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_dwvie_545{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-l--size-l_dwvie_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_dwvie_559{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-l--size-xl_dwvie_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_dwvie_573{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-l--size-large_dwvie_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_dwvie_587{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-l--size-medium_dwvie_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_dwvie_601{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-l--size-small_dwvie_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_dwvie_615{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1200px){._ButtonBase--wide-s--size-xs_dwvie_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_dwvie_631{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-s--size-s_dwvie_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_dwvie_645{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-s--size-m_dwvie_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_dwvie_659{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-s--size-l_dwvie_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_dwvie_673{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-s--size-xl_dwvie_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_dwvie_687{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-s--size-large_dwvie_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_dwvie_701{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-s--size-medium_dwvie_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_dwvie_715{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-s--size-small_dwvie_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_dwvie_729{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1900px){._ButtonBase--wide-l--size-xs_dwvie_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_dwvie_745{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-l--size-s_dwvie_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_dwvie_759{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-l--size-m_dwvie_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_dwvie_773{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-l--size-l_dwvie_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_dwvie_787{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-l--size-xl_dwvie_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_dwvie_801{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-l--size-large_dwvie_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_dwvie_815{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-l--size-medium_dwvie_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_dwvie_829{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-l--size-small_dwvie_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_dwvie_843{width:var(--5eca09);height:var(--5eca09);padding:0}}._ButtonBase--variant-primary_dwvie_849{color:var(--d2baa6);background-color:var(--508b34);border-color:var(--44bfe9);text-decoration:var(--74cfa2)}._ButtonBase--variant-primary--dsInternalSimulation-hover_dwvie_855{color:var(--df6151);background-color:var(--902b50)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primary_dwvie_849:hover{color:var(--df6151);background-color:var(--902b50)}}._ButtonBase--variant-primary_dwvie_849[disabled],._ButtonBase--variant-primary_dwvie_849[disabled]:hover{border-color:var(--f0720e)}._ButtonBase--variant-primary_dwvie_849:active,._ButtonBase--variant-primary--dsInternalSimulation-active_dwvie_870{color:var(--15cee1);background-color:var(--c1c1ca)}._ButtonBase--variant-secondary_dwvie_874{color:var(--1614c9);background-color:var(--e56164);border-color:var(--ab736c);text-decoration:var(--c6c73d)}._ButtonBase--variant-secondary--dsInternalSimulation-hover_dwvie_880{color:var(--0d6ae2);background-color:var(--0d124d)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-secondary_dwvie_874:hover{color:var(--0d6ae2);background-color:var(--0d124d)}}._ButtonBase--variant-secondary_dwvie_874[disabled],._ButtonBase--variant-secondary_dwvie_874[disabled]:hover{border-color:var(--3f0f51)}._ButtonBase--variant-secondary_dwvie_874:active,._ButtonBase--variant-secondary--dsInternalSimulation-active_dwvie_895{color:var(--22cb4c);background-color:var(--33b439)}._ButtonBase--variant-tertiary_dwvie_899{color:var(--937543);background-color:var(--28f3c1);border-color:var(--10556e);text-decoration:var(--ce0e6a)}._ButtonBase--variant-tertiary--dsInternalSimulation-hover_dwvie_905{color:var(--175a77);background-color:var(--ec17be)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-tertiary_dwvie_899:hover{color:var(--175a77);background-color:var(--ec17be)}}._ButtonBase--variant-tertiary_dwvie_899[disabled],._ButtonBase--variant-tertiary_dwvie_899[disabled]:hover{border-color:var(--fd08b7)}._ButtonBase--variant-tertiary_dwvie_899:active,._ButtonBase--variant-tertiary--dsInternalSimulation-active_dwvie_920{color:var(--8274ee);background-color:var(--b0bf50)}._ButtonBase--variant-quaternary_dwvie_924{color:var(--9cf6ec);background-color:var(--e46449);border-color:var(--0e9e01);text-decoration:var(--5c0a2f)}._ButtonBase--variant-quaternary--dsInternalSimulation-hover_dwvie_930{color:var(--6609c6);background-color:var(--afc176)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-quaternary_dwvie_924:hover{color:var(--6609c6);background-color:var(--afc176)}}._ButtonBase--variant-quaternary_dwvie_924[disabled],._ButtonBase--variant-quaternary_dwvie_924[disabled]:hover{border-color:var(--3e2684)}._ButtonBase--variant-quaternary_dwvie_924:active,._ButtonBase--variant-quaternary--dsInternalSimulation-active_dwvie_945{color:var(--e9f226);background-color:var(--2ee553)}._ButtonBase--variant-ghost_dwvie_949{color:var(--255ddc);background-color:var(--64bffa);border-color:var(--39e128);text-decoration:var(--31d455)}._ButtonBase--variant-ghost--dsInternalSimulation-hover_dwvie_955{color:var(--e69072);background-color:var(--3b749f)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ghost_dwvie_949:hover{color:var(--e69072);background-color:var(--3b749f)}}._ButtonBase--variant-ghost_dwvie_949[disabled],._ButtonBase--variant-ghost_dwvie_949[disabled]:hover{border-color:var(--af2d26)}._ButtonBase--variant-ghost_dwvie_949:active,._ButtonBase--variant-ghost--dsInternalSimulation-active_dwvie_970{color:var(--ddf285);background-color:var(--6beb48)}._ButtonBase--variant-ghost--is-selected_dwvie_974{color:var(--5f5238);background-color:var(--a5cfbe)}._ButtonBase--variant-plain_dwvie_978{color:var(--122a99);background-color:var(--bbb356);border-color:var(--0cad84);text-decoration:var(--d2d32f)}._ButtonBase--variant-plain--dsInternalSimulation-hover_dwvie_984{color:var(--1265db);background-color:var(--df2aca)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-plain_dwvie_978:hover{color:var(--1265db);background-color:var(--df2aca)}}._ButtonBase--variant-plain_dwvie_978[disabled],._ButtonBase--variant-plain_dwvie_978[disabled]:hover{border-color:var(--c6b607)}._ButtonBase--variant-plain_dwvie_978:active,._ButtonBase--variant-plain--dsInternalSimulation-active_dwvie_999{color:var(--a41624);background-color:var(--435fa5)}._ButtonBase--variant-dangerous_dwvie_1003{color:var(--efde5b);background-color:var(--118bda);border-color:var(--ab5970);text-decoration:var(--0bf14c)}._ButtonBase--variant-dangerous--dsInternalSimulation-hover_dwvie_1009{color:var(--6f5d5d);background-color:var(--e0b0f4)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-dangerous_dwvie_1003:hover{color:var(--6f5d5d);background-color:var(--e0b0f4)}}._ButtonBase--variant-dangerous_dwvie_1003[disabled],._ButtonBase--variant-dangerous_dwvie_1003[disabled]:hover{border-color:var(--7deffa)}._ButtonBase--variant-dangerous_dwvie_1003:active,._ButtonBase--variant-dangerous--dsInternalSimulation-active_dwvie_1024{color:var(--6b4e92);background-color:var(--a5eaa1)}._ButtonBase--variant-critical_dwvie_1028{color:var(--f68030);background-color:var(--faae28);border-color:var(--b357d0);text-decoration:var(--91f4fa)}._ButtonBase--variant-critical--dsInternalSimulation-hover_dwvie_1034{color:var(--c3136e);background-color:var(--064c43)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-critical_dwvie_1028:hover{color:var(--c3136e);background-color:var(--064c43)}}._ButtonBase--variant-critical_dwvie_1028[disabled],._ButtonBase--variant-critical_dwvie_1028[disabled]:hover{border-color:var(--e117c7)}._ButtonBase--variant-critical_dwvie_1028:active,._ButtonBase--variant-critical--dsInternalSimulation-active_dwvie_1049{color:var(--f9fba8);background-color:var(--152a7a)}._ButtonBase--variant-onColor_dwvie_1053{color:var(--96343f);background-color:var(--d64a99);border-color:var(--d2723c);text-decoration:var(--af7137)}._ButtonBase--variant-onColor--dsInternalSimulation-hover_dwvie_1059{color:var(--145384);background-color:var(--549e56)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-onColor_dwvie_1053:hover{color:var(--145384);background-color:var(--549e56)}}._ButtonBase--variant-onColor_dwvie_1053[disabled],._ButtonBase--variant-onColor_dwvie_1053[disabled]:hover{border-color:var(--e1a214)}._ButtonBase--variant-onColor_dwvie_1053:active,._ButtonBase--variant-onColor--dsInternalSimulation-active_dwvie_1074{color:var(--f772e8);background-color:var(--936fce)}._ButtonBase--variant-classroom_dwvie_1078{color:var(--8d482c);background-color:var(--7a038f);border-color:var(--38faba);text-decoration:var(--4d5ea8)}._ButtonBase--variant-classroom--dsInternalSimulation-hover_dwvie_1084{color:var(--55bfda);background-color:var(--077a93)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-classroom_dwvie_1078:hover{color:var(--55bfda);background-color:var(--077a93)}}._ButtonBase--variant-classroom_dwvie_1078[disabled],._ButtonBase--variant-classroom_dwvie_1078[disabled]:hover{border-color:var(--659377)}._ButtonBase--variant-classroom_dwvie_1078:active,._ButtonBase--variant-classroom--dsInternalSimulation-active_dwvie_1099{color:var(--b62751);background-color:var(--45d93a)}._ButtonBase--variant-classroom--is-selected_dwvie_1103{color:var(--a0b42b);background-color:var(--16a985)}._ButtonBase--variant-primaryB2b_dwvie_1107{color:var(--4a94de);background-color:var(--6c36b5);border-color:var(--4a9eb5);text-decoration:var(--6c9741)}._ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_dwvie_1113{color:var(--3e45d7);background-color:var(--dcdb32)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryB2b_dwvie_1107:hover{color:var(--3e45d7);background-color:var(--dcdb32)}}._ButtonBase--variant-primaryB2b_dwvie_1107[disabled],._ButtonBase--variant-primaryB2b_dwvie_1107[disabled]:hover{border-color:var(--e7f949)}._ButtonBase--variant-primaryB2b_dwvie_1107:active,._ButtonBase--variant-primaryB2b--dsInternalSimulation-active_dwvie_1128{color:var(--cb03bc);background-color:var(--fc3d8b)}._ButtonBase--variant-primaryTutor_dwvie_1132{color:var(--c93681);background-color:var(--4aa1b1);border-color:var(--f103e9);text-decoration:var(--6e7352)}._ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_dwvie_1138{color:var(--e91696);background-color:var(--46a009)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryTutor_dwvie_1132:hover{color:var(--e91696);background-color:var(--46a009)}}._ButtonBase--variant-primaryTutor_dwvie_1132[disabled],._ButtonBase--variant-primaryTutor_dwvie_1132[disabled]:hover{border-color:var(--f6a20e)}._ButtonBase--variant-primaryTutor_dwvie_1132:active,._ButtonBase--variant-primaryTutor--dsInternalSimulation-active_dwvie_1153{color:var(--58d992);background-color:var(--dd5a43)}._ButtonBase--variant-inverted_dwvie_1157{color:var(--81b7df);background-color:var(--c54155);border-color:var(--fe1378);text-decoration:var(--fb8624)}._ButtonBase--variant-inverted--dsInternalSimulation-hover_dwvie_1163{color:var(--79a09e);background-color:var(--8a16b5)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-inverted_dwvie_1157:hover{color:var(--79a09e);background-color:var(--8a16b5)}}._ButtonBase--variant-inverted_dwvie_1157[disabled],._ButtonBase--variant-inverted_dwvie_1157[disabled]:hover{border-color:var(--e797f1)}._ButtonBase--variant-inverted_dwvie_1157:active,._ButtonBase--variant-inverted--dsInternalSimulation-active_dwvie_1178{color:var(--77e945);background-color:var(--de59a1)}._ButtonBase--variant-newFeature_dwvie_1182{color:var(--ad44c3);background-color:var(--7dbfce);border-color:var(--a7eddc);text-decoration:var(--fd7ece)}._ButtonBase--variant-newFeature--dsInternalSimulation-hover_dwvie_1188{color:var(--ddcea1);background-color:var(--dd2815)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-newFeature_dwvie_1182:hover{color:var(--ddcea1);background-color:var(--dd2815)}}._ButtonBase--variant-newFeature_dwvie_1182[disabled],._ButtonBase--variant-newFeature_dwvie_1182[disabled]:hover{border-color:var(--7d2338)}._ButtonBase--variant-newFeature_dwvie_1182:active,._ButtonBase--variant-newFeature--dsInternalSimulation-active_dwvie_1203{color:var(--d4762b);background-color:var(--b3e453)}._ButtonBase--variant-ai_dwvie_1207{color:var(--aa08fb);background-color:var(--1bdcc0);border-color:var(--8e8894);text-decoration:var(--c82204)}._ButtonBase--variant-ai--dsInternalSimulation-hover_dwvie_1213{color:var(--59b757);background-color:var(--f043dc)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ai_dwvie_1207:hover{color:var(--59b757);background-color:var(--f043dc)}}._ButtonBase--variant-ai_dwvie_1207[disabled],._ButtonBase--variant-ai_dwvie_1207[disabled]:hover{border-color:var(--6ac212)}._ButtonBase--variant-ai_dwvie_1207:active,._ButtonBase--variant-ai--dsInternalSimulation-active_dwvie_1228{color:var(--349ae3);background-color:var(--5bba7d)}._ButtonBase--variant-ai_dwvie_1207{border-image:var(--0b0037)}._ButtonBase--variant-ai_dwvie_1207[disabled],._ButtonBase--variant-ai_dwvie_1207[disabled]:hover{border-image:initial;border-color:var(--6ac212)}._ButtonBase--no-wrap_dwvie_1240{min-width:max-content}._Button--icon_d2ykr_5{display:flex;margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}._Button--icon_d2ykr_5 svg{width:var(--f316e1);height:var(--f316e1)}._Button--icon_d2ykr_5 svg path{fill:currentColor}
1
+ ._button-width--width-full_1m7uw_5{width:100%}._button-width--width-auto_1m7uw_8{width:auto}@media (min-width: 400px){._button-width--narrow-l--width-full_1m7uw_12{width:100%}._button-width--narrow-l--width-auto_1m7uw_15{width:auto}}@media (min-width: 700px){._button-width--medium-s--width-full_1m7uw_20{width:100%}._button-width--medium-s--width-auto_1m7uw_23{width:auto}}@media (min-width: 880px){._button-width--medium-l--width-full_1m7uw_28{width:100%}._button-width--medium-l--width-auto_1m7uw_31{width:auto}}@media (min-width: 1200px){._button-width--wide-s--width-full_1m7uw_36{width:100%}._button-width--wide-s--width-auto_1m7uw_39{width:auto}}@media (min-width: 1900px){._button-width--wide-l--width-full_1m7uw_44{width:100%}._button-width--wide-l--width-auto_1m7uw_47{width:auto}}._ButtonBase_1m7uw_51{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);color:var(--aface6);position:relative;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--d61910);text-align:center;text-decoration:none;background-color:transparent;border-radius:var(--8d5131);border-width:var(--0b1b71);border-style:solid;border-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;height:fit-content;-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}._ButtonBase--content_1m7uw_77{display:inline-flex;align-items:center;gap:var(--0aee7b);justify-content:center;vertical-align:baseline}._ButtonBase--is-icon-button_1m7uw_84 ._ButtonBase--content_1m7uw_77 svg{width:var(--f02c4e);height:var(--f02c4e)}._ButtonBase--is-icon-button_1m7uw_84 ._ButtonBase--content_1m7uw_77 svg path{fill:currentColor}._ButtonBase--busy_1m7uw_91{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center}._ButtonBase_1m7uw_51[disabled],._ButtonBase_1m7uw_51[disabled]:hover{cursor:not-allowed;color:var(--a8b89c);background-color:var(--04daeb);border-color:var(--e05289)}._ButtonBase_1m7uw_51:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._ButtonBase--is-busy_1m7uw_114{cursor:default;pointer-events:none}._ButtonBase--is-busy_1m7uw_114 ._ButtonBase--content_1m7uw_77{visibility:hidden}._ButtonBase--width-full_1m7uw_121{width:100%}._ButtonBase--width-auto_1m7uw_124{width:auto}@media (min-width: 400px){._ButtonBase--narrow-l--width-full_1m7uw_128{width:100%}._ButtonBase--narrow-l--width-auto_1m7uw_131{width:auto}}@media (min-width: 700px){._ButtonBase--medium-s--width-full_1m7uw_136{width:100%}._ButtonBase--medium-s--width-auto_1m7uw_139{width:auto}}@media (min-width: 880px){._ButtonBase--medium-l--width-full_1m7uw_144{width:100%}._ButtonBase--medium-l--width-auto_1m7uw_147{width:auto}}@media (min-width: 1200px){._ButtonBase--wide-s--width-full_1m7uw_152{width:100%}._ButtonBase--wide-s--width-auto_1m7uw_155{width:auto}}@media (min-width: 1900px){._ButtonBase--wide-l--width-full_1m7uw_160{width:100%}._ButtonBase--wide-l--width-auto_1m7uw_163{width:auto}}._ButtonBase--size-xs_1m7uw_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_1m7uw_176{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--size-s_1m7uw_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_1m7uw_190{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--size-m_1m7uw_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_1m7uw_204{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--size-l_1m7uw_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_1m7uw_218{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--size-xl_1m7uw_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_1m7uw_232{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--size-large_1m7uw_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_1m7uw_246{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--size-medium_1m7uw_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_1m7uw_260{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--size-small_1m7uw_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_1m7uw_274{width:var(--5eca09);height:var(--5eca09);padding:0}@media (min-width: 400px){._ButtonBase--narrow-l--size-xs_1m7uw_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_1m7uw_289{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--narrow-l--size-s_1m7uw_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_1m7uw_303{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--narrow-l--size-m_1m7uw_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_1m7uw_317{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--narrow-l--size-l_1m7uw_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_1m7uw_331{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--narrow-l--size-xl_1m7uw_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_1m7uw_345{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--narrow-l--size-large_1m7uw_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_1m7uw_359{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--narrow-l--size-medium_1m7uw_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_1m7uw_373{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--narrow-l--size-small_1m7uw_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_1m7uw_387{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 700px){._ButtonBase--medium-s--size-xs_1m7uw_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_1m7uw_403{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-s--size-s_1m7uw_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_1m7uw_417{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-s--size-m_1m7uw_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_1m7uw_431{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-s--size-l_1m7uw_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_1m7uw_445{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-s--size-xl_1m7uw_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_1m7uw_459{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-s--size-large_1m7uw_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_1m7uw_473{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-s--size-medium_1m7uw_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_1m7uw_487{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-s--size-small_1m7uw_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_1m7uw_501{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 880px){._ButtonBase--medium-l--size-xs_1m7uw_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_1m7uw_517{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-l--size-s_1m7uw_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_1m7uw_531{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-l--size-m_1m7uw_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_1m7uw_545{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-l--size-l_1m7uw_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_1m7uw_559{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-l--size-xl_1m7uw_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_1m7uw_573{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-l--size-large_1m7uw_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_1m7uw_587{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-l--size-medium_1m7uw_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_1m7uw_601{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-l--size-small_1m7uw_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_1m7uw_615{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1200px){._ButtonBase--wide-s--size-xs_1m7uw_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_1m7uw_631{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-s--size-s_1m7uw_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_1m7uw_645{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-s--size-m_1m7uw_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_1m7uw_659{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-s--size-l_1m7uw_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_1m7uw_673{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-s--size-xl_1m7uw_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_1m7uw_687{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-s--size-large_1m7uw_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_1m7uw_701{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-s--size-medium_1m7uw_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_1m7uw_715{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-s--size-small_1m7uw_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_1m7uw_729{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1900px){._ButtonBase--wide-l--size-xs_1m7uw_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_1m7uw_745{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-l--size-s_1m7uw_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_1m7uw_759{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-l--size-m_1m7uw_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_1m7uw_773{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-l--size-l_1m7uw_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_1m7uw_787{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-l--size-xl_1m7uw_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_1m7uw_801{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-l--size-large_1m7uw_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_1m7uw_815{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-l--size-medium_1m7uw_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_1m7uw_829{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-l--size-small_1m7uw_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_1m7uw_843{width:var(--5eca09);height:var(--5eca09);padding:0}}._ButtonBase--variant-primary_1m7uw_849{color:var(--d2baa6);background-color:var(--508b34);border-color:var(--44bfe9);text-decoration:var(--74cfa2)}._ButtonBase--variant-primary--dsInternalSimulation-hover_1m7uw_855{color:var(--df6151);background-color:var(--902b50)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primary_1m7uw_849:hover{color:var(--df6151);background-color:var(--902b50)}}._ButtonBase--variant-primary_1m7uw_849[disabled],._ButtonBase--variant-primary_1m7uw_849[disabled]:hover{border-color:var(--f0720e)}._ButtonBase--variant-primary_1m7uw_849:active,._ButtonBase--variant-primary--dsInternalSimulation-active_1m7uw_870{color:var(--15cee1);background-color:var(--c1c1ca)}._ButtonBase--variant-secondary_1m7uw_874{color:var(--1614c9);background-color:var(--e56164);border-color:var(--ab736c);text-decoration:var(--c6c73d)}._ButtonBase--variant-secondary--dsInternalSimulation-hover_1m7uw_880{color:var(--0d6ae2);background-color:var(--0d124d)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-secondary_1m7uw_874:hover{color:var(--0d6ae2);background-color:var(--0d124d)}}._ButtonBase--variant-secondary_1m7uw_874[disabled],._ButtonBase--variant-secondary_1m7uw_874[disabled]:hover{border-color:var(--3f0f51)}._ButtonBase--variant-secondary_1m7uw_874:active,._ButtonBase--variant-secondary--dsInternalSimulation-active_1m7uw_895{color:var(--22cb4c);background-color:var(--33b439)}._ButtonBase--variant-tertiary_1m7uw_899{color:var(--937543);background-color:var(--28f3c1);border-color:var(--10556e);text-decoration:var(--ce0e6a)}._ButtonBase--variant-tertiary--dsInternalSimulation-hover_1m7uw_905{color:var(--175a77);background-color:var(--ec17be)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-tertiary_1m7uw_899:hover{color:var(--175a77);background-color:var(--ec17be)}}._ButtonBase--variant-tertiary_1m7uw_899[disabled],._ButtonBase--variant-tertiary_1m7uw_899[disabled]:hover{border-color:var(--fd08b7)}._ButtonBase--variant-tertiary_1m7uw_899:active,._ButtonBase--variant-tertiary--dsInternalSimulation-active_1m7uw_920{color:var(--8274ee);background-color:var(--b0bf50)}._ButtonBase--variant-quaternary_1m7uw_924{color:var(--9cf6ec);background-color:var(--e46449);border-color:var(--0e9e01);text-decoration:var(--5c0a2f)}._ButtonBase--variant-quaternary--dsInternalSimulation-hover_1m7uw_930{color:var(--6609c6);background-color:var(--afc176)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-quaternary_1m7uw_924:hover{color:var(--6609c6);background-color:var(--afc176)}}._ButtonBase--variant-quaternary_1m7uw_924[disabled],._ButtonBase--variant-quaternary_1m7uw_924[disabled]:hover{border-color:var(--3e2684)}._ButtonBase--variant-quaternary_1m7uw_924:active,._ButtonBase--variant-quaternary--dsInternalSimulation-active_1m7uw_945{color:var(--e9f226);background-color:var(--2ee553)}._ButtonBase--variant-ghost_1m7uw_949{color:var(--255ddc);background-color:var(--64bffa);border-color:var(--39e128);text-decoration:var(--31d455)}._ButtonBase--variant-ghost--dsInternalSimulation-hover_1m7uw_955{color:var(--e69072);background-color:var(--3b749f)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ghost_1m7uw_949:hover{color:var(--e69072);background-color:var(--3b749f)}}._ButtonBase--variant-ghost_1m7uw_949[disabled],._ButtonBase--variant-ghost_1m7uw_949[disabled]:hover{border-color:var(--af2d26)}._ButtonBase--variant-ghost_1m7uw_949:active,._ButtonBase--variant-ghost--dsInternalSimulation-active_1m7uw_970{color:var(--ddf285);background-color:var(--6beb48)}._ButtonBase--variant-ghost--is-selected_1m7uw_974{color:var(--5f5238);background-color:var(--a5cfbe)}._ButtonBase--variant-plain_1m7uw_978{color:var(--122a99);background-color:var(--bbb356);border-color:var(--0cad84);text-decoration:var(--d2d32f)}._ButtonBase--variant-plain--dsInternalSimulation-hover_1m7uw_984{color:var(--1265db);background-color:var(--df2aca)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-plain_1m7uw_978:hover{color:var(--1265db);background-color:var(--df2aca)}}._ButtonBase--variant-plain_1m7uw_978[disabled],._ButtonBase--variant-plain_1m7uw_978[disabled]:hover{border-color:var(--c6b607)}._ButtonBase--variant-plain_1m7uw_978:active,._ButtonBase--variant-plain--dsInternalSimulation-active_1m7uw_999{color:var(--a41624);background-color:var(--435fa5)}._ButtonBase--variant-dangerous_1m7uw_1003{color:var(--efde5b);background-color:var(--118bda);border-color:var(--ab5970);text-decoration:var(--0bf14c)}._ButtonBase--variant-dangerous--dsInternalSimulation-hover_1m7uw_1009{color:var(--6f5d5d);background-color:var(--e0b0f4)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-dangerous_1m7uw_1003:hover{color:var(--6f5d5d);background-color:var(--e0b0f4)}}._ButtonBase--variant-dangerous_1m7uw_1003[disabled],._ButtonBase--variant-dangerous_1m7uw_1003[disabled]:hover{border-color:var(--7deffa)}._ButtonBase--variant-dangerous_1m7uw_1003:active,._ButtonBase--variant-dangerous--dsInternalSimulation-active_1m7uw_1024{color:var(--6b4e92);background-color:var(--a5eaa1)}._ButtonBase--variant-critical_1m7uw_1028{color:var(--f68030);background-color:var(--faae28);border-color:var(--b357d0);text-decoration:var(--91f4fa)}._ButtonBase--variant-critical--dsInternalSimulation-hover_1m7uw_1034{color:var(--c3136e);background-color:var(--064c43)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-critical_1m7uw_1028:hover{color:var(--c3136e);background-color:var(--064c43)}}._ButtonBase--variant-critical_1m7uw_1028[disabled],._ButtonBase--variant-critical_1m7uw_1028[disabled]:hover{border-color:var(--e117c7)}._ButtonBase--variant-critical_1m7uw_1028:active,._ButtonBase--variant-critical--dsInternalSimulation-active_1m7uw_1049{color:var(--f9fba8);background-color:var(--152a7a)}._ButtonBase--variant-onColor_1m7uw_1053{color:var(--96343f);background-color:var(--d64a99);border-color:var(--d2723c);text-decoration:var(--af7137)}._ButtonBase--variant-onColor--dsInternalSimulation-hover_1m7uw_1059{color:var(--145384);background-color:var(--549e56)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-onColor_1m7uw_1053:hover{color:var(--145384);background-color:var(--549e56)}}._ButtonBase--variant-onColor_1m7uw_1053[disabled],._ButtonBase--variant-onColor_1m7uw_1053[disabled]:hover{border-color:var(--e1a214)}._ButtonBase--variant-onColor_1m7uw_1053:active,._ButtonBase--variant-onColor--dsInternalSimulation-active_1m7uw_1074{color:var(--f772e8);background-color:var(--936fce)}._ButtonBase--variant-classroom_1m7uw_1078{color:var(--8d482c);background-color:var(--7a038f);border-color:var(--38faba);text-decoration:var(--4d5ea8)}._ButtonBase--variant-classroom--dsInternalSimulation-hover_1m7uw_1084{color:var(--55bfda);background-color:var(--077a93)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-classroom_1m7uw_1078:hover{color:var(--55bfda);background-color:var(--077a93)}}._ButtonBase--variant-classroom_1m7uw_1078[disabled],._ButtonBase--variant-classroom_1m7uw_1078[disabled]:hover{border-color:var(--659377)}._ButtonBase--variant-classroom_1m7uw_1078:active,._ButtonBase--variant-classroom--dsInternalSimulation-active_1m7uw_1099{color:var(--b62751);background-color:var(--45d93a)}._ButtonBase--variant-classroom--is-selected_1m7uw_1103{color:var(--a0b42b);background-color:var(--16a985)}._ButtonBase--variant-primaryB2b_1m7uw_1107{color:var(--4a94de);background-color:var(--6c36b5);border-color:var(--4a9eb5);text-decoration:var(--6c9741)}._ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_1m7uw_1113{color:var(--3e45d7);background-color:var(--dcdb32)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryB2b_1m7uw_1107:hover{color:var(--3e45d7);background-color:var(--dcdb32)}}._ButtonBase--variant-primaryB2b_1m7uw_1107[disabled],._ButtonBase--variant-primaryB2b_1m7uw_1107[disabled]:hover{border-color:var(--e7f949)}._ButtonBase--variant-primaryB2b_1m7uw_1107:active,._ButtonBase--variant-primaryB2b--dsInternalSimulation-active_1m7uw_1128{color:var(--cb03bc);background-color:var(--fc3d8b)}._ButtonBase--variant-primaryTutor_1m7uw_1132{color:var(--c93681);background-color:var(--4aa1b1);border-color:var(--f103e9);text-decoration:var(--6e7352)}._ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_1m7uw_1138{color:var(--e91696);background-color:var(--46a009)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryTutor_1m7uw_1132:hover{color:var(--e91696);background-color:var(--46a009)}}._ButtonBase--variant-primaryTutor_1m7uw_1132[disabled],._ButtonBase--variant-primaryTutor_1m7uw_1132[disabled]:hover{border-color:var(--f6a20e)}._ButtonBase--variant-primaryTutor_1m7uw_1132:active,._ButtonBase--variant-primaryTutor--dsInternalSimulation-active_1m7uw_1153{color:var(--58d992);background-color:var(--dd5a43)}._ButtonBase--variant-inverted_1m7uw_1157{color:var(--81b7df);background-color:var(--c54155);border-color:var(--fe1378);text-decoration:var(--fb8624)}._ButtonBase--variant-inverted--dsInternalSimulation-hover_1m7uw_1163{color:var(--79a09e);background-color:var(--8a16b5)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-inverted_1m7uw_1157:hover{color:var(--79a09e);background-color:var(--8a16b5)}}._ButtonBase--variant-inverted_1m7uw_1157[disabled],._ButtonBase--variant-inverted_1m7uw_1157[disabled]:hover{border-color:var(--e797f1)}._ButtonBase--variant-inverted_1m7uw_1157:active,._ButtonBase--variant-inverted--dsInternalSimulation-active_1m7uw_1178{color:var(--77e945);background-color:var(--de59a1)}._ButtonBase--variant-newFeature_1m7uw_1182{color:var(--ad44c3);background-color:var(--7dbfce);border-color:var(--a7eddc);text-decoration:var(--fd7ece)}._ButtonBase--variant-newFeature--dsInternalSimulation-hover_1m7uw_1188{color:var(--ddcea1);background-color:var(--dd2815)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-newFeature_1m7uw_1182:hover{color:var(--ddcea1);background-color:var(--dd2815)}}._ButtonBase--variant-newFeature_1m7uw_1182[disabled],._ButtonBase--variant-newFeature_1m7uw_1182[disabled]:hover{border-color:var(--7d2338)}._ButtonBase--variant-newFeature_1m7uw_1182:active,._ButtonBase--variant-newFeature--dsInternalSimulation-active_1m7uw_1203{color:var(--d4762b);background-color:var(--b3e453)}._ButtonBase--variant-ai_1m7uw_1207{color:var(--aa08fb);background-color:var(--1bdcc0);border-color:var(--8e8894);text-decoration:var(--c82204)}._ButtonBase--variant-ai--dsInternalSimulation-hover_1m7uw_1213{color:var(--59b757);background-color:var(--f043dc)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ai_1m7uw_1207:hover{color:var(--59b757);background-color:var(--f043dc)}}._ButtonBase--variant-ai_1m7uw_1207[disabled],._ButtonBase--variant-ai_1m7uw_1207[disabled]:hover{border-color:var(--6ac212)}._ButtonBase--variant-ai_1m7uw_1207:active,._ButtonBase--variant-ai--dsInternalSimulation-active_1m7uw_1228{color:var(--349ae3);background-color:var(--5bba7d)}._ButtonBase--variant-ai_1m7uw_1207{border-image:var(--0b0037)}._ButtonBase--variant-ai_1m7uw_1207[disabled],._ButtonBase--variant-ai_1m7uw_1207[disabled]:hover{border-image:initial;border-color:var(--6ac212)}._ButtonBase--no-wrap_1m7uw_1240{min-width:max-content}._Button--icon_ok68i_5{display:flex;margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}._Button--icon_ok68i_5 svg{width:var(--f316e1);height:var(--f316e1)}._Button--icon_ok68i_5 svg path{fill:currentColor}
@@ -0,0 +1 @@
1
+ import{j as e}from"./jsx-runtime-CKrituN3.js";import{r as C}from"./render-icon-DsMGBPwY.js";import{r as N}from"./index-CBqU2yxZ.js";import{S as M}from"./Spinner-DXNC0i3g.js";import{u as X}from"./useHostname-B91Ahm0o.js";import{m as Z,s as d,b as o,g as G,k as Q,d as f,B as D,a as F}from"./classNames-DypE0CS3.js";import{m as Y}from"./index-CC6DAVyL.js";import{w as E}from"./componentNames-BSriaIOD.js";const tt="_ButtonBase_1m7uw_51",p={"button-width--width-full":"_button-width--width-full_1m7uw_5","button-width--width-auto":"_button-width--width-auto_1m7uw_8","button-width--narrow-l--width-full":"_button-width--narrow-l--width-full_1m7uw_12","button-width--narrow-l--width-auto":"_button-width--narrow-l--width-auto_1m7uw_15","button-width--medium-s--width-full":"_button-width--medium-s--width-full_1m7uw_20","button-width--medium-s--width-auto":"_button-width--medium-s--width-auto_1m7uw_23","button-width--medium-l--width-full":"_button-width--medium-l--width-full_1m7uw_28","button-width--medium-l--width-auto":"_button-width--medium-l--width-auto_1m7uw_31","button-width--wide-s--width-full":"_button-width--wide-s--width-full_1m7uw_36","button-width--wide-s--width-auto":"_button-width--wide-s--width-auto_1m7uw_39","button-width--wide-l--width-full":"_button-width--wide-l--width-full_1m7uw_44","button-width--wide-l--width-auto":"_button-width--wide-l--width-auto_1m7uw_47",ButtonBase:tt,"ButtonBase--content":"_ButtonBase--content_1m7uw_77","ButtonBase--is-icon-button":"_ButtonBase--is-icon-button_1m7uw_84","ButtonBase--busy":"_ButtonBase--busy_1m7uw_91","ButtonBase--is-busy":"_ButtonBase--is-busy_1m7uw_114","ButtonBase--width-full":"_ButtonBase--width-full_1m7uw_121","ButtonBase--width-auto":"_ButtonBase--width-auto_1m7uw_124","ButtonBase--narrow-l--width-full":"_ButtonBase--narrow-l--width-full_1m7uw_128","ButtonBase--narrow-l--width-auto":"_ButtonBase--narrow-l--width-auto_1m7uw_131","ButtonBase--medium-s--width-full":"_ButtonBase--medium-s--width-full_1m7uw_136","ButtonBase--medium-s--width-auto":"_ButtonBase--medium-s--width-auto_1m7uw_139","ButtonBase--medium-l--width-full":"_ButtonBase--medium-l--width-full_1m7uw_144","ButtonBase--medium-l--width-auto":"_ButtonBase--medium-l--width-auto_1m7uw_147","ButtonBase--wide-s--width-full":"_ButtonBase--wide-s--width-full_1m7uw_152","ButtonBase--wide-s--width-auto":"_ButtonBase--wide-s--width-auto_1m7uw_155","ButtonBase--wide-l--width-full":"_ButtonBase--wide-l--width-full_1m7uw_160","ButtonBase--wide-l--width-auto":"_ButtonBase--wide-l--width-auto_1m7uw_163","ButtonBase--size-xs":"_ButtonBase--size-xs_1m7uw_167","ButtonBase--is-icon-button-size-xs":"_ButtonBase--is-icon-button-size-xs_1m7uw_176","ButtonBase--size-s":"_ButtonBase--size-s_1m7uw_181","ButtonBase--is-icon-button-size-s":"_ButtonBase--is-icon-button-size-s_1m7uw_190","ButtonBase--size-m":"_ButtonBase--size-m_1m7uw_195","ButtonBase--is-icon-button-size-m":"_ButtonBase--is-icon-button-size-m_1m7uw_204","ButtonBase--size-l":"_ButtonBase--size-l_1m7uw_209","ButtonBase--is-icon-button-size-l":"_ButtonBase--is-icon-button-size-l_1m7uw_218","ButtonBase--size-xl":"_ButtonBase--size-xl_1m7uw_223","ButtonBase--is-icon-button-size-xl":"_ButtonBase--is-icon-button-size-xl_1m7uw_232","ButtonBase--size-large":"_ButtonBase--size-large_1m7uw_237","ButtonBase--is-icon-button-size-large":"_ButtonBase--is-icon-button-size-large_1m7uw_246","ButtonBase--size-medium":"_ButtonBase--size-medium_1m7uw_251","ButtonBase--is-icon-button-size-medium":"_ButtonBase--is-icon-button-size-medium_1m7uw_260","ButtonBase--size-small":"_ButtonBase--size-small_1m7uw_265","ButtonBase--is-icon-button-size-small":"_ButtonBase--is-icon-button-size-small_1m7uw_274","ButtonBase--narrow-l--size-xs":"_ButtonBase--narrow-l--size-xs_1m7uw_280","ButtonBase--narrow-l--is-icon-button-size-xs":"_ButtonBase--narrow-l--is-icon-button-size-xs_1m7uw_289","ButtonBase--narrow-l--size-s":"_ButtonBase--narrow-l--size-s_1m7uw_294","ButtonBase--narrow-l--is-icon-button-size-s":"_ButtonBase--narrow-l--is-icon-button-size-s_1m7uw_303","ButtonBase--narrow-l--size-m":"_ButtonBase--narrow-l--size-m_1m7uw_308","ButtonBase--narrow-l--is-icon-button-size-m":"_ButtonBase--narrow-l--is-icon-button-size-m_1m7uw_317","ButtonBase--narrow-l--size-l":"_ButtonBase--narrow-l--size-l_1m7uw_322","ButtonBase--narrow-l--is-icon-button-size-l":"_ButtonBase--narrow-l--is-icon-button-size-l_1m7uw_331","ButtonBase--narrow-l--size-xl":"_ButtonBase--narrow-l--size-xl_1m7uw_336","ButtonBase--narrow-l--is-icon-button-size-xl":"_ButtonBase--narrow-l--is-icon-button-size-xl_1m7uw_345","ButtonBase--narrow-l--size-large":"_ButtonBase--narrow-l--size-large_1m7uw_350","ButtonBase--narrow-l--is-icon-button-size-large":"_ButtonBase--narrow-l--is-icon-button-size-large_1m7uw_359","ButtonBase--narrow-l--size-medium":"_ButtonBase--narrow-l--size-medium_1m7uw_364","ButtonBase--narrow-l--is-icon-button-size-medium":"_ButtonBase--narrow-l--is-icon-button-size-medium_1m7uw_373","ButtonBase--narrow-l--size-small":"_ButtonBase--narrow-l--size-small_1m7uw_378","ButtonBase--narrow-l--is-icon-button-size-small":"_ButtonBase--narrow-l--is-icon-button-size-small_1m7uw_387","ButtonBase--medium-s--size-xs":"_ButtonBase--medium-s--size-xs_1m7uw_394","ButtonBase--medium-s--is-icon-button-size-xs":"_ButtonBase--medium-s--is-icon-button-size-xs_1m7uw_403","ButtonBase--medium-s--size-s":"_ButtonBase--medium-s--size-s_1m7uw_408","ButtonBase--medium-s--is-icon-button-size-s":"_ButtonBase--medium-s--is-icon-button-size-s_1m7uw_417","ButtonBase--medium-s--size-m":"_ButtonBase--medium-s--size-m_1m7uw_422","ButtonBase--medium-s--is-icon-button-size-m":"_ButtonBase--medium-s--is-icon-button-size-m_1m7uw_431","ButtonBase--medium-s--size-l":"_ButtonBase--medium-s--size-l_1m7uw_436","ButtonBase--medium-s--is-icon-button-size-l":"_ButtonBase--medium-s--is-icon-button-size-l_1m7uw_445","ButtonBase--medium-s--size-xl":"_ButtonBase--medium-s--size-xl_1m7uw_450","ButtonBase--medium-s--is-icon-button-size-xl":"_ButtonBase--medium-s--is-icon-button-size-xl_1m7uw_459","ButtonBase--medium-s--size-large":"_ButtonBase--medium-s--size-large_1m7uw_464","ButtonBase--medium-s--is-icon-button-size-large":"_ButtonBase--medium-s--is-icon-button-size-large_1m7uw_473","ButtonBase--medium-s--size-medium":"_ButtonBase--medium-s--size-medium_1m7uw_478","ButtonBase--medium-s--is-icon-button-size-medium":"_ButtonBase--medium-s--is-icon-button-size-medium_1m7uw_487","ButtonBase--medium-s--size-small":"_ButtonBase--medium-s--size-small_1m7uw_492","ButtonBase--medium-s--is-icon-button-size-small":"_ButtonBase--medium-s--is-icon-button-size-small_1m7uw_501","ButtonBase--medium-l--size-xs":"_ButtonBase--medium-l--size-xs_1m7uw_508","ButtonBase--medium-l--is-icon-button-size-xs":"_ButtonBase--medium-l--is-icon-button-size-xs_1m7uw_517","ButtonBase--medium-l--size-s":"_ButtonBase--medium-l--size-s_1m7uw_522","ButtonBase--medium-l--is-icon-button-size-s":"_ButtonBase--medium-l--is-icon-button-size-s_1m7uw_531","ButtonBase--medium-l--size-m":"_ButtonBase--medium-l--size-m_1m7uw_536","ButtonBase--medium-l--is-icon-button-size-m":"_ButtonBase--medium-l--is-icon-button-size-m_1m7uw_545","ButtonBase--medium-l--size-l":"_ButtonBase--medium-l--size-l_1m7uw_550","ButtonBase--medium-l--is-icon-button-size-l":"_ButtonBase--medium-l--is-icon-button-size-l_1m7uw_559","ButtonBase--medium-l--size-xl":"_ButtonBase--medium-l--size-xl_1m7uw_564","ButtonBase--medium-l--is-icon-button-size-xl":"_ButtonBase--medium-l--is-icon-button-size-xl_1m7uw_573","ButtonBase--medium-l--size-large":"_ButtonBase--medium-l--size-large_1m7uw_578","ButtonBase--medium-l--is-icon-button-size-large":"_ButtonBase--medium-l--is-icon-button-size-large_1m7uw_587","ButtonBase--medium-l--size-medium":"_ButtonBase--medium-l--size-medium_1m7uw_592","ButtonBase--medium-l--is-icon-button-size-medium":"_ButtonBase--medium-l--is-icon-button-size-medium_1m7uw_601","ButtonBase--medium-l--size-small":"_ButtonBase--medium-l--size-small_1m7uw_606","ButtonBase--medium-l--is-icon-button-size-small":"_ButtonBase--medium-l--is-icon-button-size-small_1m7uw_615","ButtonBase--wide-s--size-xs":"_ButtonBase--wide-s--size-xs_1m7uw_622","ButtonBase--wide-s--is-icon-button-size-xs":"_ButtonBase--wide-s--is-icon-button-size-xs_1m7uw_631","ButtonBase--wide-s--size-s":"_ButtonBase--wide-s--size-s_1m7uw_636","ButtonBase--wide-s--is-icon-button-size-s":"_ButtonBase--wide-s--is-icon-button-size-s_1m7uw_645","ButtonBase--wide-s--size-m":"_ButtonBase--wide-s--size-m_1m7uw_650","ButtonBase--wide-s--is-icon-button-size-m":"_ButtonBase--wide-s--is-icon-button-size-m_1m7uw_659","ButtonBase--wide-s--size-l":"_ButtonBase--wide-s--size-l_1m7uw_664","ButtonBase--wide-s--is-icon-button-size-l":"_ButtonBase--wide-s--is-icon-button-size-l_1m7uw_673","ButtonBase--wide-s--size-xl":"_ButtonBase--wide-s--size-xl_1m7uw_678","ButtonBase--wide-s--is-icon-button-size-xl":"_ButtonBase--wide-s--is-icon-button-size-xl_1m7uw_687","ButtonBase--wide-s--size-large":"_ButtonBase--wide-s--size-large_1m7uw_692","ButtonBase--wide-s--is-icon-button-size-large":"_ButtonBase--wide-s--is-icon-button-size-large_1m7uw_701","ButtonBase--wide-s--size-medium":"_ButtonBase--wide-s--size-medium_1m7uw_706","ButtonBase--wide-s--is-icon-button-size-medium":"_ButtonBase--wide-s--is-icon-button-size-medium_1m7uw_715","ButtonBase--wide-s--size-small":"_ButtonBase--wide-s--size-small_1m7uw_720","ButtonBase--wide-s--is-icon-button-size-small":"_ButtonBase--wide-s--is-icon-button-size-small_1m7uw_729","ButtonBase--wide-l--size-xs":"_ButtonBase--wide-l--size-xs_1m7uw_736","ButtonBase--wide-l--is-icon-button-size-xs":"_ButtonBase--wide-l--is-icon-button-size-xs_1m7uw_745","ButtonBase--wide-l--size-s":"_ButtonBase--wide-l--size-s_1m7uw_750","ButtonBase--wide-l--is-icon-button-size-s":"_ButtonBase--wide-l--is-icon-button-size-s_1m7uw_759","ButtonBase--wide-l--size-m":"_ButtonBase--wide-l--size-m_1m7uw_764","ButtonBase--wide-l--is-icon-button-size-m":"_ButtonBase--wide-l--is-icon-button-size-m_1m7uw_773","ButtonBase--wide-l--size-l":"_ButtonBase--wide-l--size-l_1m7uw_778","ButtonBase--wide-l--is-icon-button-size-l":"_ButtonBase--wide-l--is-icon-button-size-l_1m7uw_787","ButtonBase--wide-l--size-xl":"_ButtonBase--wide-l--size-xl_1m7uw_792","ButtonBase--wide-l--is-icon-button-size-xl":"_ButtonBase--wide-l--is-icon-button-size-xl_1m7uw_801","ButtonBase--wide-l--size-large":"_ButtonBase--wide-l--size-large_1m7uw_806","ButtonBase--wide-l--is-icon-button-size-large":"_ButtonBase--wide-l--is-icon-button-size-large_1m7uw_815","ButtonBase--wide-l--size-medium":"_ButtonBase--wide-l--size-medium_1m7uw_820","ButtonBase--wide-l--is-icon-button-size-medium":"_ButtonBase--wide-l--is-icon-button-size-medium_1m7uw_829","ButtonBase--wide-l--size-small":"_ButtonBase--wide-l--size-small_1m7uw_834","ButtonBase--wide-l--is-icon-button-size-small":"_ButtonBase--wide-l--is-icon-button-size-small_1m7uw_843","ButtonBase--variant-primary":"_ButtonBase--variant-primary_1m7uw_849","ButtonBase--variant-primary--dsInternalSimulation-hover":"_ButtonBase--variant-primary--dsInternalSimulation-hover_1m7uw_855","ButtonBase--variant-primary--dsInternalSimulation-active":"_ButtonBase--variant-primary--dsInternalSimulation-active_1m7uw_870","ButtonBase--variant-secondary":"_ButtonBase--variant-secondary_1m7uw_874","ButtonBase--variant-secondary--dsInternalSimulation-hover":"_ButtonBase--variant-secondary--dsInternalSimulation-hover_1m7uw_880","ButtonBase--variant-secondary--dsInternalSimulation-active":"_ButtonBase--variant-secondary--dsInternalSimulation-active_1m7uw_895","ButtonBase--variant-tertiary":"_ButtonBase--variant-tertiary_1m7uw_899","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"_ButtonBase--variant-tertiary--dsInternalSimulation-hover_1m7uw_905","ButtonBase--variant-tertiary--dsInternalSimulation-active":"_ButtonBase--variant-tertiary--dsInternalSimulation-active_1m7uw_920","ButtonBase--variant-quaternary":"_ButtonBase--variant-quaternary_1m7uw_924","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"_ButtonBase--variant-quaternary--dsInternalSimulation-hover_1m7uw_930","ButtonBase--variant-quaternary--dsInternalSimulation-active":"_ButtonBase--variant-quaternary--dsInternalSimulation-active_1m7uw_945","ButtonBase--variant-ghost":"_ButtonBase--variant-ghost_1m7uw_949","ButtonBase--variant-ghost--dsInternalSimulation-hover":"_ButtonBase--variant-ghost--dsInternalSimulation-hover_1m7uw_955","ButtonBase--variant-ghost--dsInternalSimulation-active":"_ButtonBase--variant-ghost--dsInternalSimulation-active_1m7uw_970","ButtonBase--variant-ghost--is-selected":"_ButtonBase--variant-ghost--is-selected_1m7uw_974","ButtonBase--variant-plain":"_ButtonBase--variant-plain_1m7uw_978","ButtonBase--variant-plain--dsInternalSimulation-hover":"_ButtonBase--variant-plain--dsInternalSimulation-hover_1m7uw_984","ButtonBase--variant-plain--dsInternalSimulation-active":"_ButtonBase--variant-plain--dsInternalSimulation-active_1m7uw_999","ButtonBase--variant-dangerous":"_ButtonBase--variant-dangerous_1m7uw_1003","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"_ButtonBase--variant-dangerous--dsInternalSimulation-hover_1m7uw_1009","ButtonBase--variant-dangerous--dsInternalSimulation-active":"_ButtonBase--variant-dangerous--dsInternalSimulation-active_1m7uw_1024","ButtonBase--variant-critical":"_ButtonBase--variant-critical_1m7uw_1028","ButtonBase--variant-critical--dsInternalSimulation-hover":"_ButtonBase--variant-critical--dsInternalSimulation-hover_1m7uw_1034","ButtonBase--variant-critical--dsInternalSimulation-active":"_ButtonBase--variant-critical--dsInternalSimulation-active_1m7uw_1049","ButtonBase--variant-onColor":"_ButtonBase--variant-onColor_1m7uw_1053","ButtonBase--variant-onColor--dsInternalSimulation-hover":"_ButtonBase--variant-onColor--dsInternalSimulation-hover_1m7uw_1059","ButtonBase--variant-onColor--dsInternalSimulation-active":"_ButtonBase--variant-onColor--dsInternalSimulation-active_1m7uw_1074","ButtonBase--variant-classroom":"_ButtonBase--variant-classroom_1m7uw_1078","ButtonBase--variant-classroom--dsInternalSimulation-hover":"_ButtonBase--variant-classroom--dsInternalSimulation-hover_1m7uw_1084","ButtonBase--variant-classroom--dsInternalSimulation-active":"_ButtonBase--variant-classroom--dsInternalSimulation-active_1m7uw_1099","ButtonBase--variant-classroom--is-selected":"_ButtonBase--variant-classroom--is-selected_1m7uw_1103","ButtonBase--variant-primaryB2b":"_ButtonBase--variant-primaryB2b_1m7uw_1107","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_1m7uw_1113","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-active_1m7uw_1128","ButtonBase--variant-primaryTutor":"_ButtonBase--variant-primaryTutor_1m7uw_1132","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_1m7uw_1138","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-active_1m7uw_1153","ButtonBase--variant-inverted":"_ButtonBase--variant-inverted_1m7uw_1157","ButtonBase--variant-inverted--dsInternalSimulation-hover":"_ButtonBase--variant-inverted--dsInternalSimulation-hover_1m7uw_1163","ButtonBase--variant-inverted--dsInternalSimulation-active":"_ButtonBase--variant-inverted--dsInternalSimulation-active_1m7uw_1178","ButtonBase--variant-newFeature":"_ButtonBase--variant-newFeature_1m7uw_1182","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"_ButtonBase--variant-newFeature--dsInternalSimulation-hover_1m7uw_1188","ButtonBase--variant-newFeature--dsInternalSimulation-active":"_ButtonBase--variant-newFeature--dsInternalSimulation-active_1m7uw_1203","ButtonBase--variant-ai":"_ButtonBase--variant-ai_1m7uw_1207","ButtonBase--variant-ai--dsInternalSimulation-hover":"_ButtonBase--variant-ai--dsInternalSimulation-hover_1m7uw_1213","ButtonBase--variant-ai--dsInternalSimulation-active":"_ButtonBase--variant-ai--dsInternalSimulation-active_1m7uw_1228","ButtonBase--no-wrap":"_ButtonBase--no-wrap_1m7uw_1240"},h="ButtonBase",et=t=>Object.prototype.hasOwnProperty.call(t,"selected"),v=({children:t,busy:n})=>{const a=[...f(p,h,["content"])],s=[...f(p,h,["busy"])];return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:a.join(" "),children:t}),n&&e.jsx("span",{className:s.join(" "),children:e.jsx(M,{})})]})},y=t=>{const{variant:n=D,size:a=F,fullWidth:s=!1,wrap:l=!1,href:r,download:_,opensInNewTab:w,nofollow:B,submitsForm:k,assistiveText:R,onClick:c,disabled:m,busy:i,isIconButton:I,as:S,url:U,a11yLabel:L,dataset:O,children:z,dsInternalSimulation:P,preplyDsComponent:A}=t,{selected:W}=et(t)?t:{selected:void 0},H=X(),g=N.useRef(null),$=u=>{(m||i)&&u.preventDefault(),c==null||c(u)},K=u=>{var T;const V=Y(u.key);(V===" "||V==="Enter")&&(u.preventDefault(),(T=g.current)==null||T.click())},J=Z(p,h,[d(`variant-${n}--dsInternalSimulation`,P),d("variant",n),d("size",a),I?d("is-icon-button-size",a):[],o(void 0,"no-wrap",l),o("width-full","width-auto",s),o("is-busy",void 0,i),o("is-icon-button",void 0,I),o(`variant-${n}--is-selected`,void 0,W)]),x={...G(O,{preplyDsComponent:A}),className:J.join(" "),"aria-label":R||L,onClick:$,disabled:m,"aria-disabled":m||i?!0:void 0},b=r||U,q={...x,download:_,ref:g,role:"button",tabIndex:m?-1:0,href:b,onKeyDown:K};return b?e.jsx("a",{...q,...Q(H,b,w,B),children:v({children:z,busy:i})}):S?N.cloneElement(S,{...q},v({children:z,busy:i})):e.jsx("button",{...x,type:k?"submit":"button",children:v({children:z,busy:i})})};try{y.displayName="ButtonBase",y.__docgenInfo={description:"",displayName:"ButtonBase",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"ButtonVariant | undefined"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"Responsive<ButtonSize> | undefined"}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"Responsive<boolean> | undefined"}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"boolean | undefined"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string | undefined"}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"boolean | undefined"}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"boolean | undefined"}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"boolean | undefined"}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"boolean | undefined"}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"string | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"boolean | undefined"}},isIconButton:{defaultValue:null,description:"",name:"isIconButton",required:!0,type:{name:"boolean"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | undefined"}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"string | undefined"}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"string | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},dsInternalSimulation:{defaultValue:null,description:"@deprecated This is meant for internal DS usage only. Do not use it in your code.",name:"dsInternalSimulation",required:!1,type:{name:'"hover" | "focus" | "active" | undefined'}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!0,type:{name:"string"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"boolean | undefined"}}}}}catch{}const nt={"Button--icon":"_Button--icon_ok68i_5"},j=({variant:t=D,size:n=F,url:a,a11yLabel:s,leadingSvgIcon:l,trailingSvgIcon:r,children:_,...w})=>{const B=[...f(nt,E.Button,["icon"])];return e.jsxs(y,{...w,isIconButton:!1,variant:t,size:n,url:a,a11yLabel:s,preplyDsComponent:E.Button,children:[!!l&&e.jsx("span",{className:B.join(" "),children:C(l,{"aria-hidden":"true",focusable:"false"})}),_,!!r&&e.jsx("span",{className:B.join(" "),children:C(r,{"aria-hidden":"true",focusable:"false"})})]})};try{j.displayName="Button",j.__docgenInfo={description:"",displayName:"Button",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"Responsive<ButtonSize> | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"string | undefined"}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"ButtonVariant | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"Responsive<boolean> | undefined"}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"boolean | undefined"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string | undefined"}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"boolean | undefined"}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"boolean | undefined"}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"boolean | undefined"}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"boolean | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"boolean | undefined"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | undefined"}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"string | undefined"}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"string | undefined"}},dsInternalSimulation:{defaultValue:null,description:"@deprecated This is meant for internal DS usage only. Do not use it in your code.",name:"dsInternalSimulation",required:!1,type:{name:'"hover" | "focus" | "active" | undefined'}},leadingSvgIcon:{defaultValue:null,description:"",name:"leadingSvgIcon",required:!1,type:{name:"SvgComponentOrElement | undefined"}},trailingSvgIcon:{defaultValue:null,description:"",name:"trailingSvgIcon",required:!1,type:{name:"SvgComponentOrElement | undefined"}}}}}catch{}export{y as B,j as a};