@preply/ds-docs 0.97.3 → 0.97.4
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.
- package/dist/assets/{00.applications-DZv8NoXM.js → 00.applications-BiomFxjM.js} +1 -1
- package/dist/assets/{00.favicons.guide-C8t4hmDP.js → 00.favicons.guide-BwJrwx9D.js} +1 -1
- package/dist/assets/00.token-explorer-BHwmyUTA.js +326 -0
- package/dist/assets/00.using-responsive-props-BanfAFQv.js +18 -0
- package/dist/assets/{10.fonts.guide-BAV-SZHE.js → 10.fonts.guide-Lsgc5eH_.js} +1 -1
- package/dist/assets/{10.ssr-3rImRK95.js → 10.ssr-DCHIfJOf.js} +1 -1
- package/dist/assets/{11.languageFont.explorer-B31lpE9a.js → 11.languageFont.explorer-CMb4Oa9O.js} +7 -11
- package/dist/assets/{20.libraries-B5tcat6D.js → 20.libraries-45yiEOQy.js} +1 -1
- package/dist/assets/30.icons.explorer-CPHdSZpT.js +69 -0
- package/dist/assets/{30.storybook-Db40I3nq.js → 30.storybook-F6X_j-2l.js} +1 -1
- package/dist/assets/40.illustrations.explorer-q-X6mCtt.js +21 -0
- package/dist/assets/{90.advanced-B2SCgi4p.js → 90.advanced-C3gKcQOO.js} +1 -1
- package/dist/assets/Avatar-BXV-cOJ2.css +1 -0
- package/dist/assets/Avatar-Cxb46X52.js +1 -0
- package/dist/assets/Avatar.stories-BcwgeaZN.js +1 -0
- package/dist/assets/{AvatarWithStatus-CbhRhFBj.css → AvatarWithStatus-DfkKJQ3V.css} +1 -1
- package/dist/assets/AvatarWithStatus.stories-BiowX5Rz.js +1 -0
- package/dist/assets/Badge-CkKJ2OSS.css +1 -0
- package/dist/assets/Badge.stories-D4Cdjpcr.js +97 -0
- package/dist/assets/Box-F9eDj4Nt.css +1 -0
- package/dist/assets/Box.stories-Ni0Kt9Q_.js +12 -0
- package/dist/assets/Button-CMY2KiMC.js +1 -0
- package/dist/assets/Button-hGWaFGHW.css +1 -0
- package/dist/assets/{Button.stories-YU8j35_e.js → Button.stories-Chvj95q5.js} +2 -2
- package/dist/assets/{ButtonBase-way_SbbA.css → ButtonBase-BX7M7CfW.css} +1 -1
- package/dist/assets/ButtonBase-wKD3gx2c.js +1 -0
- package/dist/assets/Chips-DL1uZse8.css +1 -0
- package/dist/assets/{Chips.stories-D2RLe4o6.js → Chips.stories-Q7P4m0MV.js} +6 -6
- package/dist/assets/{Color-KGDBMAHA-CoBe_mCp.js → Color-KGDBMAHA-DvikVWpQ.js} +1 -1
- package/dist/assets/DocsRenderer-PKQXORMH-TlDOTKpx.js +1 -0
- package/dist/assets/FieldAdditionalText-BzEsrl-h.css +1 -0
- package/dist/assets/FieldAdditionalText-C82iM4Gm.js +1 -0
- package/dist/assets/FieldAdditionalText.stories-B_z-4WRB.js +1 -0
- package/dist/assets/FieldButton-C1duijdS.js +1 -0
- package/dist/assets/{FieldButton-CBtczjTJ.css → FieldButton-D8KqWolR.css} +1 -1
- package/dist/assets/FieldButton.stories-lvicLCeR.js +1 -0
- package/dist/assets/FieldLayout-BbTWObol.js +1 -0
- package/dist/assets/FieldLayout-D0TC9KeT.css +1 -0
- package/dist/assets/FieldLayout.stories-CRFt1w8r.js +6 -0
- package/dist/assets/FieldLayoutBase-DU1N8Oo9.js +1 -0
- package/dist/assets/FieldLayoutBase-DlLxI8Lp.css +1 -0
- package/dist/assets/{Heading-JoYJ48I1.css → Heading-C8mf0V6E.css} +1 -1
- package/dist/assets/Heading-CC2QfCHz.js +1 -0
- package/dist/assets/Heading.stories-fvurr5q5.js +13 -0
- package/dist/assets/Icon-Bh8jd4gJ.js +1 -0
- package/dist/assets/Icon-D1gE87ER.css +1 -0
- package/dist/assets/Icon.stories-Bnu3qnWv.js +1 -0
- package/dist/assets/IconButton-BzgRgADV.js +1 -0
- package/dist/assets/{IconButton.stories-CBIUekzB.js → IconButton.stories-CtVE7MY4.js} +2 -2
- package/dist/assets/InputText-CHBvsXzZ.js +1 -0
- package/dist/assets/LayoutFlex-BcmKXpej.css +1 -0
- package/dist/assets/LayoutFlex-CT_mR8FH.js +1 -0
- package/dist/assets/LayoutFlex-Dg8100fi.js +1 -0
- package/dist/assets/LayoutFlex.stories-COKKQC_U.js +19 -0
- package/dist/assets/LayoutGrid-5spQZwnb.js +1 -0
- package/dist/assets/LayoutGrid.stories-BGC4a7Xk.js +32 -0
- package/dist/assets/Link-Q0TbLZNQ.css +1 -0
- package/dist/assets/Link.stories-Qq4zsupW.js +19 -0
- package/dist/assets/Loader-mOgVEjCy.css +1 -0
- package/dist/assets/Loader.stories-CUg01TwT.js +1 -0
- package/dist/assets/NumberField.stories-cwgNT7lh.js +34 -0
- package/dist/assets/ObserveIntersection-E2ze5r96.js +1 -0
- package/dist/assets/ObserveIntersection.stories-nlNEsRhg.js +24 -0
- package/dist/assets/PasswordField.stories-BIm0_clp.js +16 -0
- package/dist/assets/PreplyLogo-CHCVGE4a.css +1 -0
- package/dist/assets/PreplyLogo.stories-DaWFMRFc.js +1 -0
- package/dist/assets/RootProvider-BOk-5jT9.js +1 -0
- package/dist/assets/SelectField-0rL6v4H8.css +1 -0
- package/dist/assets/SelectField.stories-C7zwu5ye.js +28 -0
- package/dist/assets/ShowOnIntersection.stories-Bki15gf4.js +17 -0
- package/dist/assets/Spinner-BK7IIQlg.css +1 -0
- package/dist/assets/Spinner-CLLOQh4W.js +1 -0
- package/dist/assets/{StoryContextDSWeb-CQCIj3Y9.js → StoryContextDSWeb-BlVCJKyi.js} +1 -1
- package/dist/assets/StorybookGlobalStyle-BcEQvG9t.js +42 -0
- package/dist/assets/Text-Bfx8yREV.js +1 -0
- package/dist/assets/Text-C7gcAeIN.js +1 -0
- package/dist/assets/{Text-BiyZwtnq.css → Text-EVpcP9uU.css} +1 -1
- package/dist/assets/Text.stories-0h2_OYwY.js +11 -0
- package/dist/assets/TextField.stories-CfoGKGIi.js +20 -0
- package/dist/assets/TextHighlighted-CABPIKHd.css +1 -0
- package/dist/assets/TextHighlighted.stories-BkujhUNE.js +12 -0
- package/dist/assets/TextInline-Uch3pAjm.css +1 -0
- package/dist/assets/TextInline.stories-lFUch-az.js +3 -0
- package/dist/assets/TextareaField.stories-PSnVZ2Ue.js +20 -0
- package/dist/assets/{breakpoints-DI9AEAgq.js → breakpoints-CjV-ahHZ.js} +1 -1
- package/dist/assets/{breakpoints-BWk6R_41.js → breakpoints-Dfu98b-a.js} +1 -1
- package/dist/assets/{breakpoints-9uLXtPuW.js → breakpoints-hfPuqFb-.js} +1 -1
- package/dist/assets/{changelog-Bf-xRkl0.js → changelog-D_Dv_Uo7.js} +2 -2
- package/dist/assets/{chunk-HLWAVYOI-CD9LB7Y8.js → chunk-HLWAVYOI-DkHz4Axi.js} +1 -1
- package/dist/assets/classNames-OZbnFNS5.js +1 -0
- package/dist/assets/{getTokenVar-fksv3Mco.js → getTokenVar-BfA4aply.js} +1 -1
- package/dist/assets/getTokenVar-C2F95PBB.js +1 -0
- package/dist/assets/{hover-VJEacFBn.js → hover-B87aqcTH.js} +1 -1
- package/dist/assets/{hover-BbDdf_Xv.js → hover-Bu4Nnq0Y.js} +1 -1
- package/dist/assets/{hover-Cmfry3kI.js → hover-DGFwl-fp.js} +1 -1
- package/dist/assets/iframe-CgaZSV0R.js +2 -0
- package/dist/assets/index-CDTuZ4uP.js +22 -0
- package/dist/assets/{index-CXQveQOi.js → index-CrxsFCDW.js} +4 -4
- package/dist/assets/{index-DJew5TkC.js → index-Dag-F4bX.js} +1 -1
- package/dist/assets/{intro-nmLdAjen.js → intro-CWX7N9bM.js} +6 -10
- package/dist/assets/{migrating-from-less-DuAbI5By.js → migrating-from-less-C47rZlX3.js} +1 -1
- package/dist/assets/preview-BBhZXtgn.js +1 -0
- package/dist/assets/{preview-psUVwU13.js → preview-DCxw2Gsy.js} +2 -2
- package/dist/assets/{preview-9Oz63Ai9.js → preview-f4AmsjPd.js} +1 -1
- package/dist/assets/styled-components.browser.esm-BaO8iHee.js +23 -0
- package/dist/assets/{tokens-DrYOrez-.js → tokens-3u3clpXl.js} +1 -1
- package/dist/assets/{tokens-CFtWgV8-.js → tokens-Bnzzd31r.js} +1 -1
- package/dist/assets/{tokens-B8W7Z_Vv.js → tokens-C27DjTHS.js} +1 -1
- package/dist/assets/tokens-D5WEKrsE.js +1 -0
- package/dist/assets/useAlignSelfClassNames-DbTWLWAk.js +1 -0
- package/dist/assets/useColorScheme-Bv74nHTy.js +1 -0
- package/dist/assets/useLayoutFlexClassNames-CRhEo9D5.js +1 -0
- package/dist/assets/useLayoutGridResponsiveColumns-Clfao9J8.js +1 -0
- package/dist/assets/useLayoutRelativeClassnames-Bourck76.js +1 -0
- package/dist/assets/useTextAccentClassnames-flfSYb_B.js +1 -0
- package/dist/assets/useTextCenteredClassnames-DJAYJ6qC.js +1 -0
- package/dist/assets/useTheme-BV4v5x7f.js +1 -0
- package/dist/assets/{welcome-BWgZ0orX.js → welcome-D7SVa6We.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/project.json +1 -1
- package/package.json +2 -2
- package/dist/assets/00.token-explorer-Cb-SyAEz.js +0 -330
- package/dist/assets/00.using-responsive-props-DIhRi04I.js +0 -19
- package/dist/assets/30.icons.explorer-DymCezPu.js +0 -93
- package/dist/assets/40.illustrations.explorer-XGsu-O9l.js +0 -21
- package/dist/assets/Avatar-BzgmmY62.js +0 -1
- package/dist/assets/Avatar-Cxh1JsJp.css +0 -1
- package/dist/assets/Avatar.stories-DbXJKRZ-.js +0 -1
- package/dist/assets/AvatarWithStatus.stories-DIRWt1wO.js +0 -1
- package/dist/assets/Badge-1pi7nJIH.css +0 -1
- package/dist/assets/Badge.stories-DZajSQyV.js +0 -97
- package/dist/assets/Box-MGs2QMcP.css +0 -1
- package/dist/assets/Box.stories-DUpEVcd7.js +0 -12
- package/dist/assets/Button-CsD80zLl.js +0 -1
- package/dist/assets/Button-GpWwsKYx.css +0 -1
- package/dist/assets/ButtonBase-kKJbXmkq.js +0 -1
- package/dist/assets/Chips-DBQJkkb9.css +0 -1
- package/dist/assets/DocsRenderer-PKQXORMH-nvNfj8-s.js +0 -1
- package/dist/assets/FieldAdditionalText-BeeN5rdu.css +0 -1
- package/dist/assets/FieldAdditionalText-CL5iCCLi.js +0 -1
- package/dist/assets/FieldAdditionalText.stories-XBKQ_iIF.js +0 -1
- package/dist/assets/FieldButton-DpMz-wEU.js +0 -1
- package/dist/assets/FieldButton.stories-eUotQWNv.js +0 -1
- package/dist/assets/FieldLayout-DBao7mSK.js +0 -1
- package/dist/assets/FieldLayout-wq4zssLh.css +0 -1
- package/dist/assets/FieldLayout.stories-BEXrH0UX.js +0 -6
- package/dist/assets/FieldLayoutBase-Dbqo_URw.js +0 -1
- package/dist/assets/FieldLayoutBase-ctIW9N7k.css +0 -1
- package/dist/assets/Heading-BuiNeQl8.js +0 -1
- package/dist/assets/Heading.stories-CNmgxMxa.js +0 -13
- package/dist/assets/Icon-CNtrVm52.js +0 -1
- package/dist/assets/Icon-xUM0R7WZ.css +0 -1
- package/dist/assets/Icon.stories-DMUu5mCJ.js +0 -1
- package/dist/assets/IconButton-D-IRuIag.js +0 -1
- package/dist/assets/InputText-CxkwrF4V.js +0 -1
- package/dist/assets/LayoutFlex-BfRTqJk6.js +0 -1
- package/dist/assets/LayoutFlex-BzWsI3Xb.js +0 -1
- package/dist/assets/LayoutFlex-Dw886nHu.css +0 -1
- package/dist/assets/LayoutFlex.stories-D53eT4aH.js +0 -19
- package/dist/assets/LayoutGrid-DqNGcqNm.js +0 -1
- package/dist/assets/LayoutGrid.stories-BceYWlgi.js +0 -32
- package/dist/assets/Link-B9fbPw_b.css +0 -1
- package/dist/assets/Link.stories-YS4oABOg.js +0 -19
- package/dist/assets/Loader-BPe5Cqqg.css +0 -1
- package/dist/assets/Loader.stories-L4erfRmi.js +0 -1
- package/dist/assets/NumberField.stories-DdAuTLuz.js +0 -34
- package/dist/assets/ObserveIntersection-3A5JnM6d.js +0 -1
- package/dist/assets/ObserveIntersection.stories-zHfYIVep.js +0 -24
- package/dist/assets/PasswordField.stories-CJIe28oa.js +0 -16
- package/dist/assets/PreplyLogo-D44fvviJ.css +0 -1
- package/dist/assets/PreplyLogo.stories-BUtQeYdY.js +0 -1
- package/dist/assets/RootProvider-DbgEixHa.js +0 -1
- package/dist/assets/SelectField-B6dwNsAU.css +0 -1
- package/dist/assets/SelectField.stories-BDoBCrB9.js +0 -28
- package/dist/assets/ShowOnIntersection.stories-D5ybqJmO.js +0 -17
- package/dist/assets/Spinner-BkHOsRl5.css +0 -1
- package/dist/assets/Spinner-CjcnFiyL.js +0 -1
- package/dist/assets/StorybookGlobalStyle-C0X2e0mN.js +0 -485
- package/dist/assets/Text-BI6ahBJ6.js +0 -1
- package/dist/assets/Text-B_hHcHeQ.js +0 -1
- package/dist/assets/Text.stories-BggzEfxg.js +0 -11
- package/dist/assets/TextField.stories-Cl5idtLH.js +0 -20
- package/dist/assets/TextHighlighted-BzoKUdVf.css +0 -1
- package/dist/assets/TextHighlighted.stories-Bha39eES.js +0 -12
- package/dist/assets/TextInline-CNsdUVcv.css +0 -1
- package/dist/assets/TextInline.stories-DcgHbPOX.js +0 -3
- package/dist/assets/TextareaField.stories-Dct1GeIO.js +0 -20
- package/dist/assets/ThemeSwitcher-DeP-d9Aq.js +0 -34
- package/dist/assets/classNames-RlyrdfpN.js +0 -1
- package/dist/assets/getTokenVar-o_8jkgRk.js +0 -1
- package/dist/assets/iframe-9MNwBgj-.js +0 -2
- package/dist/assets/index-Ct3j1MTp.js +0 -73
- package/dist/assets/preview-BT_AxLuo.js +0 -1
- package/dist/assets/style-inject.es-O-YsppCx.js +0 -1
- package/dist/assets/styled-components.browser.esm-BppVzN7H.js +0 -23
- package/dist/assets/tokens-BNLiDh-U.js +0 -1
- package/dist/assets/useAlignSelfClassNames-HKiGOiC9.js +0 -1
- package/dist/assets/useColorScheme-CRstX5qq.js +0 -1
- package/dist/assets/useLayoutFlexClassNames-D1ra_xuq.js +0 -1
- package/dist/assets/useLayoutGridResponsiveColumns-BjGmVcfV.js +0 -1
- package/dist/assets/useLayoutRelativeClassnames-C66s33p7.js +0 -1
- package/dist/assets/useStyleExtract-nWieKQF4.js +0 -1
- package/dist/assets/useTextAccentClassnames-iB7PeFbR.js +0 -1
- package/dist/assets/useTextCenteredClassnames-DHbKOmgJ.js +0 -1
- package/dist/assets/useTheme-D6du8lDT.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-Bxcv0yjW.js";import{useMDXComponents as n}from"./index-EeWIkZEf.js";import{ae as s}from"./index-
|
|
1
|
+
import{j as o}from"./jsx-runtime-Bxcv0yjW.js";import{useMDXComponents as n}from"./index-EeWIkZEf.js";import{ae as s}from"./index-CrxsFCDW.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CgaZSV0R.js";import"../sb-preview/runtime.js";import"./index-CnQXyiSh.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.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"}),`
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-Bxcv0yjW.js";import{useMDXComponents as l}from"./index-EeWIkZEf.js";import{ae as a}from"./index-CrxsFCDW.js";import{c as e}from"./styled-components.browser.esm-BaO8iHee.js";import{g as i}from"./getTokenVar-C2F95PBB.js";import{s as c,c as r}from"./tokens-D5WEKrsE.js";import{L as n}from"./LayoutGrid-5spQZwnb.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CgaZSV0R.js";import"../sb-preview/runtime.js";import"./index-CnQXyiSh.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";import"./useLayoutGridResponsiveColumns-Clfao9J8.js";import"./classNames-OZbnFNS5.js";import"./useLayoutRelativeClassnames-Bourck76.js";import"./breakpoints-BfMlrtxE.js";import"./componentNames-BAR5iJaT.js";const u=["https://static.preply.com/ds/illustrations/tokyo-ui/dog.svg","https://static.preply.com/ds/illustrations/tokyo-ui/artist.svg","https://static.preply.com/ds/illustrations/tokyo-ui/awesome.svg","https://static.preply.com/ds/illustrations/tokyo-ui/back-to-school.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bell.svg","https://static.preply.com/ds/illustrations/tokyo-ui/booking-a-lesson.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/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/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.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.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen-2.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.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-2.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"],y=e.div`
|
|
2
|
+
padding: ${i(c[12])};
|
|
3
|
+
-webkit-background-size: 50px 50px;
|
|
4
|
+
-moz-background-size: 50px 50px;
|
|
5
|
+
background-size: 50px 50px;
|
|
6
|
+
background-color: ${i(r.background.tertiary)};
|
|
7
|
+
background-image: linear-gradient(
|
|
8
|
+
45deg,
|
|
9
|
+
${i(r.background.secondary)} 25%,
|
|
10
|
+
transparent 25%,
|
|
11
|
+
transparent 50%,
|
|
12
|
+
${i(r.background.secondary)} 50%,
|
|
13
|
+
${i(r.background.secondary)} 75%,
|
|
14
|
+
transparent 75%,
|
|
15
|
+
transparent
|
|
16
|
+
);
|
|
17
|
+
`,m=({svgUrl:s})=>t.jsx("div",{style:{width:"80%"},children:t.jsxs("a",{href:s,target:"_blank",rel:"noreferrer",children:[s.replace("https://static.preply.com/ds/illustrations/tokyo-ui/",""),t.jsx("img",{src:s,alt:"TODO:"})]})}),d=()=>t.jsx(y,{children:t.jsx(n,{columns:["25% 25% 25% 25%"],gap:"xs",children:u.map(s=>t.jsx(m,{svgUrl:s},s))})});function p(s){const o={a:"a",h1:"h1",p:"p",...l(),...s.components};return t.jsxs(t.Fragment,{children:[t.jsx(a,{title:"Guides/Assets/Illustration Explorer"}),`
|
|
18
|
+
`,t.jsx(o.h1,{id:"illustration-explorer",children:"Illustration Explorer"}),`
|
|
19
|
+
`,t.jsxs(o.p,{children:[`Don't see the illustration you're looking for? Reach out to us in
|
|
20
|
+
`,t.jsx(o.a,{href:"https://preply.slack.com/archives/C024EAEHP6V",rel:"nofollow",children:"#design-system-public"}),"."]}),`
|
|
21
|
+
`,t.jsx(d,{})]})}function A(s={}){const{wrapper:o}={...l(),...s.components};return o?t.jsx(o,{...s,children:t.jsx(p,{...s})}):p(s)}export{A as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-Bxcv0yjW.js";import{useMDXComponents as t}from"./index-EeWIkZEf.js";import{ae as i}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-Bxcv0yjW.js";import{useMDXComponents as t}from"./index-EeWIkZEf.js";import{ae as i}from"./index-CrxsFCDW.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CgaZSV0R.js";import"../sb-preview/runtime.js";import"./index-CnQXyiSh.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.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_jku8o_4{display:inline-block}._Avatar_jku8o_4 img{vertical-align:bottom;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_jku8o_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_jku8o_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_jku8o_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_jku8o_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_jku8o_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_jku8o_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_jku8o_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_jku8o_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_jku8o_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_jku8o_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_jku8o_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_jku8o_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_jku8o_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_jku8o_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_jku8o_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_jku8o_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_jku8o_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_jku8o_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_jku8o_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_jku8o_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_jku8o_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_jku8o_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_jku8o_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_jku8o_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_jku8o_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_jku8o_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_jku8o_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_jku8o_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_jku8o_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_jku8o_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_jku8o_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_jku8o_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_jku8o_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_jku8o_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_jku8o_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_jku8o_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_jku8o_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_jku8o_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_jku8o_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_jku8o_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_jku8o_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_jku8o_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_jku8o_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_jku8o_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_jku8o_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_jku8o_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_jku8o_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_jku8o_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_jku8o_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_jku8o_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_jku8o_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_jku8o_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_jku8o_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_jku8o_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_jku8o_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_jku8o_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_jku8o_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_jku8o_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_jku8o_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_jku8o_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_jku8o_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_jku8o_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_jku8o_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_jku8o_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_jku8o_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_jku8o_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_jku8o_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_jku8o_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_jku8o_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_jku8o_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_jku8o_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_jku8o_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_jku8o_310 img{border-radius:var(--8517a6)}._Avatar_jku8o_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as a}from"./jsx-runtime-Bxcv0yjW.js";import{u as m,m as l,s as d,b as j,A as k}from"./classNames-OZbnFNS5.js";import{w as s,g as w}from"./componentNames-BAR5iJaT.js";import{u as n}from"./useTheme-BV4v5x7f.js";import{A as x,a as c}from"./constants--ewUoBsO.js";const p="_Avatar_jku8o_4",e={Avatar:p,"Avatar--size-2xs":"_Avatar--size-2xs_jku8o_12","Avatar--size-xs":"_Avatar--size-xs_jku8o_16","Avatar--size-s":"_Avatar--size-s_jku8o_20","Avatar--size-m":"_Avatar--size-m_jku8o_24","Avatar--size-l":"_Avatar--size-l_jku8o_28","Avatar--size-xl":"_Avatar--size-xl_jku8o_32","Avatar--size-24":"_Avatar--size-24_jku8o_36","Avatar--size-32":"_Avatar--size-32_jku8o_40","Avatar--size-48":"_Avatar--size-48_jku8o_44","Avatar--size-64":"_Avatar--size-64_jku8o_48","Avatar--size-96":"_Avatar--size-96_jku8o_52","Avatar--size-160":"_Avatar--size-160_jku8o_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_jku8o_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_jku8o_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_jku8o_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_jku8o_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_jku8o_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_jku8o_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_jku8o_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_jku8o_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_jku8o_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_jku8o_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_jku8o_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_jku8o_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_jku8o_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_jku8o_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_jku8o_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_jku8o_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_jku8o_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_jku8o_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_jku8o_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_jku8o_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_jku8o_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_jku8o_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_jku8o_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_jku8o_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_jku8o_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_jku8o_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_jku8o_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_jku8o_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_jku8o_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_jku8o_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_jku8o_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_jku8o_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_jku8o_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_jku8o_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_jku8o_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_jku8o_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_jku8o_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_jku8o_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_jku8o_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_jku8o_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_jku8o_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_jku8o_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_jku8o_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_jku8o_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_jku8o_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_jku8o_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_jku8o_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_jku8o_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_jku8o_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_jku8o_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_jku8o_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_jku8o_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_jku8o_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_jku8o_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_jku8o_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_jku8o_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_jku8o_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_jku8o_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_jku8o_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_jku8o_305","Avatar--round":"_Avatar--round_jku8o_310"},D=({size:i=k,round:_,src:r,alt:t="",dataset:A})=>{m(e);const v=_??!0,z={className:l(e,s.Avatar,[d("size",i),j("round",void 0,v)]).join(" "),...w(A,{preplyDsComponent:s.Avatar})},{theme:u}=n(),o=u.name==="tokyo-ui"?x:c;return a.jsx("picture",{...z,children:a.jsx("img",{src:r||o,alt:t})})};export{D as A};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as r}from"./jsx-runtime-Bxcv0yjW.js";import{A as s}from"./Avatar-Cxb46X52.js";import{S as E}from"./StoryContextDSWeb-BlVCJKyi.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./classNames-OZbnFNS5.js";import"./componentNames-BAR5iJaT.js";import"./useTheme-BV4v5x7f.js";import"./constants--ewUoBsO.js";import"./StorybookGlobalStyle-BcEQvG9t.js";import"./styled-components.browser.esm-BaO8iHee.js";import"./RootProvider-BOk-5jT9.js";import"./useColorScheme-Bv74nHTy.js";const K={title:"components/Avatar",component:s,decorators:[k=>r.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:r.jsx(E,{theme:"tokyo-ui",children:k()})})]},a=()=>r.jsx(s,{size:"160"}),e=()=>r.jsx(s,{src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",size:"96"}),t=()=>r.jsx(s,{src:"./web-lib/src/components/Avatar/docs/static/avatar-2.png",size:"64"}),o=()=>r.jsx(s,{src:"./web-lib/src/components/Avatar/docs/static/avatar-3.png",size:"48"}),c=()=>r.jsx(s,{src:"./web-lib/src/components/Avatar/docs/static/avatar-4.png",size:"32"}),i=()=>r.jsx(s,{src:"./web-lib/src/components/Avatar/docs/static/avatar-5.png",size:"24"});var p,m,n;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:'() => <Avatar size="160" />',...(n=(m=a.parameters)==null?void 0:m.docs)==null?void 0:n.source}}};var d,v,z;e.parameters={...e.parameters,docs:{...(d=e.parameters)==null?void 0:d.docs,source:{originalSource:'() => <Avatar src="./web-lib/src/components/Avatar/docs/static/avatar-1.png" size="96" />',...(z=(v=e.parameters)==null?void 0:v.docs)==null?void 0:z.source}}};var u,b,l;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:'() => <Avatar src="./web-lib/src/components/Avatar/docs/static/avatar-2.png" size="64" />',...(l=(b=t.parameters)==null?void 0:b.docs)==null?void 0:l.source}}};var S,A,g;o.parameters={...o.parameters,docs:{...(S=o.parameters)==null?void 0:S.docs,source:{originalSource:'() => <Avatar src="./web-lib/src/components/Avatar/docs/static/avatar-3.png" size="48" />',...(g=(A=o.parameters)==null?void 0:A.docs)==null?void 0:g.source}}};var x,j,w;c.parameters={...c.parameters,docs:{...(x=c.parameters)==null?void 0:x.docs,source:{originalSource:'() => <Avatar src="./web-lib/src/components/Avatar/docs/static/avatar-4.png" size="32" />',...(w=(j=c.parameters)==null?void 0:j.docs)==null?void 0:w.source}}};var f,h,y;i.parameters={...i.parameters,docs:{...(f=i.parameters)==null?void 0:f.docs,source:{originalSource:'() => <Avatar src="./web-lib/src/components/Avatar/docs/static/avatar-5.png" size="24" />',...(y=(h=i.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};const L=["Size160","Size96","Size64","Size48","Size32","Size24"];export{a as Size160,i as Size24,c as Size32,o as Size48,t as Size64,e as Size96,L as __namedExportsOrder,K as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._AvatarWithStatus_1mjso_3{display:inline-block;position:relative}._AvatarWithStatus--indicator_1mjso_7{position:absolute;border-style:solid;border-radius:var(--0cf20e);border-width:var(--4a76d7);border-color:var(--e5a39b);background-color:var(--a95a51)}._AvatarWithStatus--online_1mjso_15 ._AvatarWithStatus--indicator_1mjso_7{background-color:var(--62b71e)}._AvatarWithStatus--size-2xs_1mjso_18 ._AvatarWithStatus--clip_1mjso_18{clip-path:path("M23.2457 16.1966C23.7334 14.8903 24 13.4763 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C13.4763 24 14.8903 23.7334 16.1966 23.2457C15.4505 22.3723 15 21.2388 15 20C15 17.2386 17.2386 15 20 15C21.2388 15 22.3723 15.4505 23.2457 16.1966Z")}._AvatarWithStatus--size-2xs_1mjso_18 ._AvatarWithStatus--indicator_1mjso_7{width:var(--1cea5a);height:var(--1cea5a);right:var(--4b2086);bottom:var(--4b2086)}._AvatarWithStatus--size-xs_1mjso_27 ._AvatarWithStatus--clip_1mjso_18{clip-path:path("M30.2794 23.2256C31.3798 21.0551 32 18.6 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C18.6 32 21.0551 31.3798 23.2256 30.2794C22.4622 29.4015 22 28.2547 22 27C22 24.2386 24.2386 22 27 22C28.2547 22 29.4015 22.4622 30.2794 23.2256Z")}._AvatarWithStatus--size-xs_1mjso_27 ._AvatarWithStatus--indicator_1mjso_7{width:var(--540610);height:var(--540610);right:var(--20c0b1);bottom:var(--20c0b1)}._AvatarWithStatus--size-m_1mjso_36 ._AvatarWithStatus--clip_1mjso_18{clip-path:path("M45.661 34.3473C47.1604 31.2142 48 27.7052 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48C27.7052 48 31.2142 47.1604 34.3473 45.661C32.8972 44.213 32 42.2113 32 40C32 35.5817 35.5817 32 40 32C42.2113 32 44.213 32.8972 45.661 34.3473Z")}._AvatarWithStatus--size-m_1mjso_36 ._AvatarWithStatus--indicator_1mjso_7{width:var(--8f1e94);height:var(--8f1e94);right:var(--705050);bottom:var(--705050)}._AvatarWithStatus--size-xl_1mjso_45 ._AvatarWithStatus--clip_1mjso_18{clip-path:path("M75.4329 58.5785C78.3496 53.0271 80 46.7063 80 40C80 17.9086 62.0914 0 40 0C17.9086 0 0 17.9086 0 40C0 62.0914 17.9086 80 40 80C46.7063 80 53.0271 78.3496 58.5785 75.4329C56.9638 73.3889 56 70.807 56 68C56 61.3726 61.3726 56 68 56C70.807 56 73.3889 56.9638 75.4329 58.5785Z")}._AvatarWithStatus--size-xl_1mjso_45 ._AvatarWithStatus--indicator_1mjso_7{width:var(--bdf712);height:var(--bdf712);right:var(--3b13f1);bottom:var(--3b13f1)}._AvatarWithStatus--size-64_1mjso_54 ._AvatarWithStatus--clip_1mjso_18{clip-path:none}._AvatarWithStatus--size-64_1mjso_54 ._AvatarWithStatus--indicator_1mjso_7{width:var(--7d9a55);height:var(--7d9a55);right:var(--3e174a);bottom:var(--3e174a)}._AvatarWithStatus--size-96_1mjso_63 ._AvatarWithStatus--clip_1mjso_18{clip-path:none}._AvatarWithStatus--size-96_1mjso_63 ._AvatarWithStatus--indicator_1mjso_7{width:var(--7d3ab7);height:var(--7d3ab7);right:var(--bd3f63);bottom:var(--bd3f63)}._AvatarWithStatus--size-160_1mjso_72 ._AvatarWithStatus--clip_1mjso_18{clip-path:none}._AvatarWithStatus--size-160_1mjso_72 ._AvatarWithStatus--indicator_1mjso_7{width:var(--523f7d);height:var(--523f7d);right:var(--23067e);bottom:var(--23067e)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-Bxcv0yjW.js";import{A as f}from"./Avatar-Cxb46X52.js";import{u as z,m as N,b as y,s as C,f as n,A as g}from"./classNames-OZbnFNS5.js";import{u as E}from"./useTheme-BV4v5x7f.js";import{w as a,g as O}from"./componentNames-BAR5iJaT.js";import{S as b}from"./StoryContextDSWeb-BlVCJKyi.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./constants--ewUoBsO.js";import"./StorybookGlobalStyle-BcEQvG9t.js";import"./styled-components.browser.esm-BaO8iHee.js";import"./RootProvider-BOk-5jT9.js";import"./useColorScheme-Bv74nHTy.js";const D="_AvatarWithStatus_1mjso_3",s={AvatarWithStatus:D,"AvatarWithStatus--indicator":"_AvatarWithStatus--indicator_1mjso_7","AvatarWithStatus--online":"_AvatarWithStatus--online_1mjso_15","AvatarWithStatus--size-2xs":"_AvatarWithStatus--size-2xs_1mjso_18","AvatarWithStatus--clip":"_AvatarWithStatus--clip_1mjso_18","AvatarWithStatus--size-xs":"_AvatarWithStatus--size-xs_1mjso_27","AvatarWithStatus--size-m":"_AvatarWithStatus--size-m_1mjso_36","AvatarWithStatus--size-xl":"_AvatarWithStatus--size-xl_1mjso_45","AvatarWithStatus--size-64":"_AvatarWithStatus--size-64_1mjso_54","AvatarWithStatus--size-96":"_AvatarWithStatus--size-96_1mjso_63","AvatarWithStatus--size-160":"_AvatarWithStatus--size-160_1mjso_72"},o=({online:r=!1,size:m=g,dataset:S,..._})=>{z(s);const{theme:v}=E(),W=N(s,a.AvatarWithStatus,[y("online",void 0,r),C("size",m)]),d=[...n(s,a.AvatarWithStatus,["indicator"])],j=v.name==="tokyo-ui"?[]:[...n(s,a.AvatarWithStatus,["clip"])],x={className:W.join(" "),...O(S,{preplyDsComponent:a.AvatarWithStatus})};return t.jsxs("div",{...x,children:[t.jsx("span",{className:d.join(" ")}),t.jsx("div",{className:j.join(" "),children:t.jsx(f,{..._,size:m})})]})},B={title:"components/AvatarWithStatus",component:o,decorators:[r=>t.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:t.jsx(b,{theme:"tokyo-ui",children:r()})})]},i=()=>t.jsx(o,{online:!0}),e=()=>t.jsx(o,{online:!1});var u,c,l;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:"() => <AvatarWithStatus online />",...(l=(c=i.parameters)==null?void 0:c.docs)==null?void 0:l.source}}};var p,h,A;e.parameters={...e.parameters,docs:{...(p=e.parameters)==null?void 0:p.docs,source:{originalSource:"() => <AvatarWithStatus online={false} />",...(A=(h=e.parameters)==null?void 0:h.docs)==null?void 0:A.source}}};const G=["Online","Offline"];export{e as Offline,i as Online,G as __namedExportsOrder,B as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._badge_1to0l_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_1to0l_2[data-size=small]{height:var(--76ac8f);font-size:var(--e3a55b);font-weight:var(--8cd94c);line-height:var(--732f40)}._badge_1to0l_2[data-size=medium]{height:var(--f316e1);font-size:var(--fdb733);font-weight:var(--9643c1);line-height:var(--754361)}._badge_1to0l_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_1to0l_2[data-type=neutral]{background:var(--319b29)}._badge_1to0l_2[data-type=positive]{background:var(--1836a4)}._badge_1to0l_2[data-type=warning]{background:var(--b503b8)}._badge_1to0l_2[data-type=info]{background:var(--94a45e)}._badge_1to0l_2[data-type=critical]{background:var(--f15644)}._badge_1to0l_2[data-accent=unset]{color:var(--c9575b);background-color:var(--8f1238)}._badge_1to0l_2[data-accent=unset][data-inverted=true]{color:var(--55407f);background-color:var(--7c8c3c)}._badge_1to0l_2[data-accent=accent]{color:var(--dede3f);background-color:var(--eba8f8)}._badge_1to0l_2[data-accent=accent][data-inverted=true]{color:var(--732eb5);background-color:var(--54c075)}._badge_1to0l_2[data-accent=info]{color:var(--f3be0c);background-color:var(--7a1a33)}._badge_1to0l_2[data-accent=info][data-inverted=true]{color:var(--506df4);background-color:var(--fa3428)}._badge_1to0l_2[data-accent=positive]{color:var(--2a2719);background-color:var(--694afa)}._badge_1to0l_2[data-accent=positive][data-inverted=true]{color:var(--30c365);background-color:var(--47c404)}._badge_1to0l_2[data-accent=warning]{color:var(--84e571);background-color:var(--02372a)}._badge_1to0l_2[data-accent=warning][data-inverted=true]{color:var(--363237);background-color:var(--08fa29)}._badge_1to0l_2[data-accent=critical]{color:var(--036159);background-color:var(--22f022)}._badge_1to0l_2[data-accent=critical][data-inverted=true]{color:var(--90eeff);background-color:var(--cdb1f6)}._badge_1to0l_2[data-accent=tertiary]{color:var(--d7e14c);background-color:var(--a453d7)}._badge_1to0l_2[data-accent=tertiary][data-inverted=true]{color:var(--ab5158);background-color:var(--50e919)}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-Bxcv0yjW.js";import{F as p,a as z,b as h,c as j,d as S}from"./TokyoUITag-L3MR7nRY.js";import{L as i}from"./LayoutFlex-Dg8100fi.js";import{I as Y}from"./Icon-Bh8jd4gJ.js";import{u as Z}from"./classNames-OZbnFNS5.js";import{g as ee,w as ae}from"./componentNames-BAR5iJaT.js";import{S as ne}from"./StoryContextDSWeb-BlVCJKyi.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./useLayoutFlexClassNames-CRhEo9D5.js";import"./useLayoutRelativeClassnames-Bourck76.js";import"./styled-components.browser.esm-BaO8iHee.js";import"./useTextAccentClassnames-flfSYb_B.js";import"./StorybookGlobalStyle-BcEQvG9t.js";import"./RootProvider-BOk-5jT9.js";import"./useTheme-BV4v5x7f.js";import"./useColorScheme-Bv74nHTy.js";const ie="_badge_1to0l_2",v={badge:ie},re=n=>{switch(n){case"xs":return"small";case"s":return"medium";case"m":return"large";default:return n}},a=({type:n="neutral",size:u="medium",leadingSvgIcon:y,dataset:K,children:Q,accent:B,inverted:I})=>{Z(v);const x=re(u),s={...K,size:x};B===void 0&&I===void 0?s.type=n:(s.accent=B||"unset",s.inverted=!!I);const V=ee(s,{preplyDsComponent:ae.Badge}),X=n==="neutral"?"primary":n;return e.jsxs("span",{...V,className:v.badge,children:[!!y&&x!=="small"&&e.jsx(Y,{accent:X,size:u==="large"?"24":"16",svg:y}),Q]})},Se={title:"components/Badge",component:a,decorators:[n=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(ne,{theme:"tokyo-ui",children:n()})})],args:{type:"neutral",size:"medium"}},r=n=>e.jsx(a,{...n,children:"Badge"});r.args={type:"neutral",size:"medium",leadingSvgIcon:p,children:"Badge"};const t=()=>e.jsxs(i,{gap:"16",alignItems:"center",children:[e.jsx(a,{type:"info",size:"small",children:"Small"}),e.jsx(a,{type:"info",size:"medium",children:"Medium"}),e.jsx(a,{type:"info",size:"large",children:"Large"})]}),o=()=>e.jsxs(i,{gap:"16",children:[e.jsx(a,{type:"neutral",children:"Neutral"}),e.jsx(a,{type:"positive",children:"Positive"}),e.jsx(a,{type:"info",children:"Info"}),e.jsx(a,{type:"warning",children:"Warning"}),e.jsx(a,{type:"critical",children:"Critical"})]}),d=()=>e.jsxs(i,{gap:"16",alignItems:"center",children:[e.jsx(a,{type:"neutral",size:"small",children:"Small"}),e.jsx(a,{type:"neutral",size:"medium",children:"Medium"}),e.jsx(a,{type:"neutral",size:"medium",leadingSvgIcon:p,children:"Medium + Icon"}),e.jsx(a,{type:"neutral",size:"large",children:"Large"}),e.jsx(a,{type:"neutral",size:"large",leadingSvgIcon:p,children:"Large + Icon"})]}),g=()=>e.jsxs(i,{gap:"16",alignItems:"center",children:[e.jsx(a,{type:"positive",size:"small",children:"Small"}),e.jsx(a,{type:"positive",size:"medium",children:"Medium"}),e.jsx(a,{type:"positive",size:"medium",leadingSvgIcon:z,children:"Medium + Icon"}),e.jsx(a,{type:"positive",size:"large",children:"Large"}),e.jsx(a,{type:"positive",size:"large",leadingSvgIcon:z,children:"Large + Icon"})]}),l=()=>e.jsxs(i,{gap:"16",alignItems:"center",children:[e.jsx(a,{type:"info",size:"small",children:"Small"}),e.jsx(a,{type:"info",size:"medium",children:"Medium"}),e.jsx(a,{type:"info",size:"medium",leadingSvgIcon:h,children:"Medium + Icon"}),e.jsx(a,{type:"info",size:"large",children:"Large"}),e.jsx(a,{type:"info",size:"large",leadingSvgIcon:h,children:"Large + Icon"})]}),c=()=>e.jsxs(i,{gap:"16",alignItems:"center",children:[e.jsx(a,{type:"warning",size:"small",children:"Small"}),e.jsx(a,{type:"warning",size:"medium",children:"Medium"}),e.jsx(a,{type:"warning",size:"medium",leadingSvgIcon:j,children:"Medium + Icon"}),e.jsx(a,{type:"warning",size:"large",children:"Large"}),e.jsx(a,{type:"warning",size:"large",leadingSvgIcon:j,children:"Large + Icon"})]}),m=()=>e.jsxs(i,{gap:"16",alignItems:"center",children:[e.jsx(a,{type:"critical",size:"small",children:"Small"}),e.jsx(a,{type:"critical",size:"medium",children:"Medium"}),e.jsx(a,{type:"critical",size:"medium",leadingSvgIcon:S,children:"Medium + Icon"}),e.jsx(a,{type:"critical",size:"large",children:"Large"}),e.jsx(a,{type:"critical",size:"large",leadingSvgIcon:S,children:"Large + Icon"})]});var f,L,M;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:"args => <Badge {...args}>Badge</Badge>",...(M=(L=r.parameters)==null?void 0:L.docs)==null?void 0:M.source}}};var F,w,k;t.parameters={...t.parameters,docs:{...(F=t.parameters)==null?void 0:F.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
|
|
2
|
+
<Badge type="info" size="small">
|
|
3
|
+
Small
|
|
4
|
+
</Badge>
|
|
5
|
+
<Badge type="info" size="medium">
|
|
6
|
+
Medium
|
|
7
|
+
</Badge>
|
|
8
|
+
<Badge type="info" size="large">
|
|
9
|
+
Large
|
|
10
|
+
</Badge>
|
|
11
|
+
</LayoutFlex>`,...(k=(w=t.parameters)==null?void 0:w.docs)==null?void 0:k.source}}};var T,U,C;o.parameters={...o.parameters,docs:{...(T=o.parameters)==null?void 0:T.docs,source:{originalSource:`() => <LayoutFlex gap="16">
|
|
12
|
+
<Badge type="neutral">Neutral</Badge>
|
|
13
|
+
<Badge type="positive">Positive</Badge>
|
|
14
|
+
<Badge type="info">Info</Badge>
|
|
15
|
+
<Badge type="warning">Warning</Badge>
|
|
16
|
+
<Badge type="critical">Critical</Badge>
|
|
17
|
+
</LayoutFlex>`,...(C=(U=o.parameters)==null?void 0:U.docs)==null?void 0:C.source}}};var b,E,W;d.parameters={...d.parameters,docs:{...(b=d.parameters)==null?void 0:b.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
|
|
18
|
+
<Badge type="neutral" size="small">
|
|
19
|
+
Small
|
|
20
|
+
</Badge>
|
|
21
|
+
<Badge type="neutral" size="medium">
|
|
22
|
+
Medium
|
|
23
|
+
</Badge>
|
|
24
|
+
<Badge type="neutral" size="medium" leadingSvgIcon={TokyoUITag}>
|
|
25
|
+
Medium + Icon
|
|
26
|
+
</Badge>
|
|
27
|
+
<Badge type="neutral" size="large">
|
|
28
|
+
Large
|
|
29
|
+
</Badge>
|
|
30
|
+
<Badge type="neutral" size="large" leadingSvgIcon={TokyoUITag}>
|
|
31
|
+
Large + Icon
|
|
32
|
+
</Badge>
|
|
33
|
+
</LayoutFlex>`,...(W=(E=d.parameters)==null?void 0:E.docs)==null?void 0:W.source}}};var N,R,P;g.parameters={...g.parameters,docs:{...(N=g.parameters)==null?void 0:N.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
|
|
34
|
+
<Badge type="positive" size="small">
|
|
35
|
+
Small
|
|
36
|
+
</Badge>
|
|
37
|
+
<Badge type="positive" size="medium">
|
|
38
|
+
Medium
|
|
39
|
+
</Badge>
|
|
40
|
+
<Badge type="positive" size="medium" leadingSvgIcon={TokyoUICheckmark}>
|
|
41
|
+
Medium + Icon
|
|
42
|
+
</Badge>
|
|
43
|
+
<Badge type="positive" size="large">
|
|
44
|
+
Large
|
|
45
|
+
</Badge>
|
|
46
|
+
<Badge type="positive" size="large" leadingSvgIcon={TokyoUICheckmark}>
|
|
47
|
+
Large + Icon
|
|
48
|
+
</Badge>
|
|
49
|
+
</LayoutFlex>`,...(P=(R=g.parameters)==null?void 0:R.docs)==null?void 0:P.source}}};var _,$,D;l.parameters={...l.parameters,docs:{...(_=l.parameters)==null?void 0:_.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
|
|
50
|
+
<Badge type="info" size="small">
|
|
51
|
+
Small
|
|
52
|
+
</Badge>
|
|
53
|
+
<Badge type="info" size="medium">
|
|
54
|
+
Medium
|
|
55
|
+
</Badge>
|
|
56
|
+
<Badge type="info" size="medium" leadingSvgIcon={TokyoUIInfo}>
|
|
57
|
+
Medium + Icon
|
|
58
|
+
</Badge>
|
|
59
|
+
<Badge type="info" size="large">
|
|
60
|
+
Large
|
|
61
|
+
</Badge>
|
|
62
|
+
<Badge type="info" size="large" leadingSvgIcon={TokyoUIInfo}>
|
|
63
|
+
Large + Icon
|
|
64
|
+
</Badge>
|
|
65
|
+
</LayoutFlex>`,...(D=($=l.parameters)==null?void 0:$.docs)==null?void 0:D.source}}};var A,O,q;c.parameters={...c.parameters,docs:{...(A=c.parameters)==null?void 0:A.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
|
|
66
|
+
<Badge type="warning" size="small">
|
|
67
|
+
Small
|
|
68
|
+
</Badge>
|
|
69
|
+
<Badge type="warning" size="medium">
|
|
70
|
+
Medium
|
|
71
|
+
</Badge>
|
|
72
|
+
<Badge type="warning" size="medium" leadingSvgIcon={TokyoUIErrorWarning}>
|
|
73
|
+
Medium + Icon
|
|
74
|
+
</Badge>
|
|
75
|
+
<Badge type="warning" size="large">
|
|
76
|
+
Large
|
|
77
|
+
</Badge>
|
|
78
|
+
<Badge type="warning" size="large" leadingSvgIcon={TokyoUIErrorWarning}>
|
|
79
|
+
Large + Icon
|
|
80
|
+
</Badge>
|
|
81
|
+
</LayoutFlex>`,...(q=(O=c.parameters)==null?void 0:O.docs)==null?void 0:q.source}}};var G,H,J;m.parameters={...m.parameters,docs:{...(G=m.parameters)==null?void 0:G.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
|
|
82
|
+
<Badge type="critical" size="small">
|
|
83
|
+
Small
|
|
84
|
+
</Badge>
|
|
85
|
+
<Badge type="critical" size="medium">
|
|
86
|
+
Medium
|
|
87
|
+
</Badge>
|
|
88
|
+
<Badge type="critical" size="medium" leadingSvgIcon={TokyoUIError}>
|
|
89
|
+
Medium + Icon
|
|
90
|
+
</Badge>
|
|
91
|
+
<Badge type="critical" size="large">
|
|
92
|
+
Large
|
|
93
|
+
</Badge>
|
|
94
|
+
<Badge type="critical" size="large" leadingSvgIcon={TokyoUIError}>
|
|
95
|
+
Large + Icon
|
|
96
|
+
</Badge>
|
|
97
|
+
</LayoutFlex>`,...(J=(H=m.parameters)==null?void 0:H.docs)==null?void 0:J.source}}};const ve=["Base","Sizes","Types","Neutral","Positive","Info","Warning","Critical"];export{r as Base,m as Critical,l as Info,d as Neutral,g as Positive,t as Sizes,o as Types,c as Warning,ve as __namedExportsOrder,Se as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Box_9bpxf_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_9bpxf_16{border-radius:var(--84e079)}._Box--box-radius-m_9bpxf_19{border-radius:var(--1c37d5)}._Box--box-radius-l_9bpxf_22{border-radius:var(--9e57e5)}._Box--box-radius-0_9bpxf_34{border-radius:var(--adc668)}._Box--box-radius-2_9bpxf_25{border-radius:var(--9817c7)}._Box--box-radius-4_9bpxf_28{border-radius:var(--7dcb5e)}._Box--box-radius-8_9bpxf_31{border-radius:var(--2071ea)}._Box--box-radius-12_9bpxf_46{border-radius:var(--c1925d)}._Box--box-radius-16_9bpxf_49{border-radius:var(--f3f949)}._Box--box-radius-24_9bpxf_52{border-radius:var(--67250f)}._Box--box-radius-32_9bpxf_55{border-radius:var(--fba602)}._Box--box-radius-48_9bpxf_58{border-radius:var(--f8b939)}._Box--box-radius-64_9bpxf_61{border-radius:var(--4d9939)}._Box--box-radius-96_9bpxf_64{border-radius:var(--a78cb4)}._Box--box-radius-160_9bpxf_67{border-radius:var(--439947)}@media (min-width: 400px){._Box--narrow-l--box-radius-none_9bpxf_71{border-radius:var(--84e079)}._Box--narrow-l--box-radius-m_9bpxf_74{border-radius:var(--1c37d5)}._Box--narrow-l--box-radius-l_9bpxf_77{border-radius:var(--9e57e5)}._Box--narrow-l--box-radius-0_9bpxf_89{border-radius:var(--adc668)}._Box--narrow-l--box-radius-2_9bpxf_80{border-radius:var(--9817c7)}._Box--narrow-l--box-radius-4_9bpxf_83{border-radius:var(--7dcb5e)}._Box--narrow-l--box-radius-8_9bpxf_86{border-radius:var(--2071ea)}._Box--narrow-l--box-radius-12_9bpxf_101{border-radius:var(--c1925d)}._Box--narrow-l--box-radius-16_9bpxf_104{border-radius:var(--f3f949)}._Box--narrow-l--box-radius-24_9bpxf_107{border-radius:var(--67250f)}._Box--narrow-l--box-radius-32_9bpxf_110{border-radius:var(--fba602)}._Box--narrow-l--box-radius-48_9bpxf_113{border-radius:var(--f8b939)}._Box--narrow-l--box-radius-64_9bpxf_116{border-radius:var(--4d9939)}._Box--narrow-l--box-radius-96_9bpxf_119{border-radius:var(--a78cb4)}._Box--narrow-l--box-radius-160_9bpxf_122{border-radius:var(--439947)}}@media (min-width: 700px){._Box--medium-s--box-radius-none_9bpxf_127{border-radius:var(--84e079)}._Box--medium-s--box-radius-m_9bpxf_130{border-radius:var(--1c37d5)}._Box--medium-s--box-radius-l_9bpxf_133{border-radius:var(--9e57e5)}._Box--medium-s--box-radius-0_9bpxf_145{border-radius:var(--adc668)}._Box--medium-s--box-radius-2_9bpxf_136{border-radius:var(--9817c7)}._Box--medium-s--box-radius-4_9bpxf_139{border-radius:var(--7dcb5e)}._Box--medium-s--box-radius-8_9bpxf_142{border-radius:var(--2071ea)}._Box--medium-s--box-radius-12_9bpxf_157{border-radius:var(--c1925d)}._Box--medium-s--box-radius-16_9bpxf_160{border-radius:var(--f3f949)}._Box--medium-s--box-radius-24_9bpxf_163{border-radius:var(--67250f)}._Box--medium-s--box-radius-32_9bpxf_166{border-radius:var(--fba602)}._Box--medium-s--box-radius-48_9bpxf_169{border-radius:var(--f8b939)}._Box--medium-s--box-radius-64_9bpxf_172{border-radius:var(--4d9939)}._Box--medium-s--box-radius-96_9bpxf_175{border-radius:var(--a78cb4)}._Box--medium-s--box-radius-160_9bpxf_178{border-radius:var(--439947)}}@media (min-width: 880px){._Box--medium-l--box-radius-none_9bpxf_183{border-radius:var(--84e079)}._Box--medium-l--box-radius-m_9bpxf_186{border-radius:var(--1c37d5)}._Box--medium-l--box-radius-l_9bpxf_189{border-radius:var(--9e57e5)}._Box--medium-l--box-radius-0_9bpxf_201{border-radius:var(--adc668)}._Box--medium-l--box-radius-2_9bpxf_192{border-radius:var(--9817c7)}._Box--medium-l--box-radius-4_9bpxf_195{border-radius:var(--7dcb5e)}._Box--medium-l--box-radius-8_9bpxf_198{border-radius:var(--2071ea)}._Box--medium-l--box-radius-12_9bpxf_213{border-radius:var(--c1925d)}._Box--medium-l--box-radius-16_9bpxf_216{border-radius:var(--f3f949)}._Box--medium-l--box-radius-24_9bpxf_219{border-radius:var(--67250f)}._Box--medium-l--box-radius-32_9bpxf_222{border-radius:var(--fba602)}._Box--medium-l--box-radius-48_9bpxf_225{border-radius:var(--f8b939)}._Box--medium-l--box-radius-64_9bpxf_228{border-radius:var(--4d9939)}._Box--medium-l--box-radius-96_9bpxf_231{border-radius:var(--a78cb4)}._Box--medium-l--box-radius-160_9bpxf_234{border-radius:var(--439947)}}@media (min-width: 1200px){._Box--wide-s--box-radius-none_9bpxf_239{border-radius:var(--84e079)}._Box--wide-s--box-radius-m_9bpxf_242{border-radius:var(--1c37d5)}._Box--wide-s--box-radius-l_9bpxf_245{border-radius:var(--9e57e5)}._Box--wide-s--box-radius-0_9bpxf_257{border-radius:var(--adc668)}._Box--wide-s--box-radius-2_9bpxf_248{border-radius:var(--9817c7)}._Box--wide-s--box-radius-4_9bpxf_251{border-radius:var(--7dcb5e)}._Box--wide-s--box-radius-8_9bpxf_254{border-radius:var(--2071ea)}._Box--wide-s--box-radius-12_9bpxf_269{border-radius:var(--c1925d)}._Box--wide-s--box-radius-16_9bpxf_272{border-radius:var(--f3f949)}._Box--wide-s--box-radius-24_9bpxf_275{border-radius:var(--67250f)}._Box--wide-s--box-radius-32_9bpxf_278{border-radius:var(--fba602)}._Box--wide-s--box-radius-48_9bpxf_281{border-radius:var(--f8b939)}._Box--wide-s--box-radius-64_9bpxf_284{border-radius:var(--4d9939)}._Box--wide-s--box-radius-96_9bpxf_287{border-radius:var(--a78cb4)}._Box--wide-s--box-radius-160_9bpxf_290{border-radius:var(--439947)}}@media (min-width: 1900px){._Box--wide-l--box-radius-none_9bpxf_295{border-radius:var(--84e079)}._Box--wide-l--box-radius-m_9bpxf_298{border-radius:var(--1c37d5)}._Box--wide-l--box-radius-l_9bpxf_301{border-radius:var(--9e57e5)}._Box--wide-l--box-radius-0_9bpxf_313{border-radius:var(--adc668)}._Box--wide-l--box-radius-2_9bpxf_304{border-radius:var(--9817c7)}._Box--wide-l--box-radius-4_9bpxf_307{border-radius:var(--7dcb5e)}._Box--wide-l--box-radius-8_9bpxf_310{border-radius:var(--2071ea)}._Box--wide-l--box-radius-12_9bpxf_325{border-radius:var(--c1925d)}._Box--wide-l--box-radius-16_9bpxf_328{border-radius:var(--f3f949)}._Box--wide-l--box-radius-24_9bpxf_331{border-radius:var(--67250f)}._Box--wide-l--box-radius-32_9bpxf_334{border-radius:var(--fba602)}._Box--wide-l--box-radius-48_9bpxf_337{border-radius:var(--f8b939)}._Box--wide-l--box-radius-64_9bpxf_340{border-radius:var(--4d9939)}._Box--wide-l--box-radius-96_9bpxf_343{border-radius:var(--a78cb4)}._Box--wide-l--box-radius-160_9bpxf_346{border-radius:var(--439947)}}._Box--background-white_9bpxf_350{background-color:var(--145676)}._Box--background-gray-100_9bpxf_353{background-color:var(--55407f)}._Box--background-gray-200_9bpxf_356{background-color:var(--8f1238)}._Box--background-gray-300_9bpxf_359{background-color:var(--da403c)}._Box--background-gray-400_9bpxf_362{background-color:var(--7c8c3c)}._Box--background-gray-500_9bpxf_365{background-color:var(--c9575b)}._Box--background-gray-600_9bpxf_368{background-color:var(--2fb6f7)}._Box--background-teal-100_9bpxf_371{background-color:var(--54ed1d)}._Box--background-teal-200_9bpxf_374{background-color:var(--b706bf)}._Box--background-teal-300_9bpxf_377{background-color:var(--4adefb)}._Box--background-teal-400_9bpxf_380{background-color:var(--de8a40)}._Box--background-teal-500_9bpxf_383{background-color:var(--574543)}._Box--background-green-100_9bpxf_386{background-color:var(--1383a7)}._Box--background-green-200_9bpxf_389{background-color:var(--9f1066)}._Box--background-green-300_9bpxf_392{background-color:var(--d4cf94)}._Box--background-green-400_9bpxf_395{background-color:var(--bbfa9f)}._Box--background-green-500_9bpxf_398{background-color:var(--5f8b30)}._Box--background-yellow-100_9bpxf_401{background-color:var(--c7d8be)}._Box--background-yellow-200_9bpxf_404{background-color:var(--17bab8)}._Box--background-yellow-300_9bpxf_407{background-color:var(--f017e5)}._Box--background-yellow-400_9bpxf_410{background-color:var(--2242ed)}._Box--background-yellow-500_9bpxf_413{background-color:var(--e40de4)}._Box--background-red-100_9bpxf_416{background-color:var(--ecb5d5)}._Box--background-red-200_9bpxf_419{background-color:var(--5b5cb0)}._Box--background-red-300_9bpxf_422{background-color:var(--d55c71)}._Box--background-red-400_9bpxf_425{background-color:var(--4e47fe)}._Box--background-red-500_9bpxf_428{background-color:var(--3e7877)}._Box--background-blue-100_9bpxf_431{background-color:var(--21906f)}._Box--background-blue-200_9bpxf_434{background-color:var(--5d87f3)}._Box--background-blue-300_9bpxf_437{background-color:var(--201e14)}._Box--background-blue-400_9bpxf_440{background-color:var(--e1c27c)}._Box--background-blue-500_9bpxf_443{background-color:var(--6a1420)}._Box--background-magenta-100_9bpxf_446{background-color:var(--1a9963)}._Box--background-magenta-200_9bpxf_449{background-color:var(--b774df)}._Box--background-magenta-300_9bpxf_452{background-color:var(--f72cdd)}._Box--background-magenta-400_9bpxf_455{background-color:var(--6cbd80)}._Box--background-magenta-500_9bpxf_458{background-color:var(--5893e7)}._Box--background-primary_9bpxf_461{background-color:var(--3546c3)}._Box--background-secondary_9bpxf_464{background-color:var(--302ecf)}._Box--background-tertiary_9bpxf_467{background-color:var(--a5c761)}._Box--background-overlay_9bpxf_470{background-color:var(--02a0d5)}._Box--background-disabled_9bpxf_473{background-color:var(--319b29)}._Box--background-brand_9bpxf_476{background-color:var(--cd91ab)}._Box--background-brandB2b_9bpxf_479{background-color:var(--706789)}._Box--background-accentLight_9bpxf_482{background-color:var(--560eda)}._Box--background-accentDark_9bpxf_485{background-color:var(--e4c520)}._Box--background-positiveLight_9bpxf_488{background-color:var(--1836a4)}._Box--background-positiveDark_9bpxf_491{background-color:var(--ae7f1f)}._Box--background-infoLight_9bpxf_494{background-color:var(--94a45e)}._Box--background-infoDark_9bpxf_497{background-color:var(--79dffb)}._Box--background-warningLight_9bpxf_500{background-color:var(--b503b8)}._Box--background-warningDark_9bpxf_503{background-color:var(--34fc43)}._Box--background-criticalLight_9bpxf_506{background-color:var(--f15644)}._Box--background-criticalDark_9bpxf_509{background-color:var(--87fcf8)}._Box--background-statusOnline_9bpxf_512{background-color:var(--cbc115)}._Box--background-statusOffline_9bpxf_515{background-color:var(--7ff085)}._Box--background-primaryInverted_9bpxf_518{background-color:var(--4983fe)}._Box--background-secondaryInverted_9bpxf_521{background-color:var(--19649f)}._Box--background-tertiaryInverted_9bpxf_524{background-color:var(--a469f2)}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import{j as x}from"./jsx-runtime-Bxcv0yjW.js";import{H as y}from"./Heading-CC2QfCHz.js";import{L as h}from"./LayoutFlex-Dg8100fi.js";import{T as v}from"./Text-C7gcAeIN.js";import{R as B}from"./index-mfbfsM12.js";import{a as L,u as C,b as D}from"./useTheme-BV4v5x7f.js";import{u as S}from"./useColorScheme-Bv74nHTy.js";import{C as N,u as T,k as E,m as j,s as m,l as A,n as O,L as I}from"./classNames-OZbnFNS5.js";import{w as l,g as F}from"./componentNames-BAR5iJaT.js";import{a as H}from"./useLayoutRelativeClassnames-Bourck76.js";import{S as U}from"./StoryContextDSWeb-BlVCJKyi.js";import"./useTextCenteredClassnames-DJAYJ6qC.js";import"./styled-components.browser.esm-BaO8iHee.js";import"./_commonjsHelpers-BosuxZz1.js";import"./useTextAccentClassnames-flfSYb_B.js";import"./useLayoutFlexClassNames-CRhEo9D5.js";import"./StorybookGlobalStyle-BcEQvG9t.js";import"./RootProvider-BOk-5jT9.js";function R(o){const b=({colorScheme:r=N,..._})=>{const{findColorScheme:i}=L(),{theme:s}=C(),{colorScheme:u}=S(),a=r&&i(r);if(a&&a!==u){const e=`${a.getClassName({withBackground:!0})} ${s.getClassName()}`;return B.createElement(D,{colorScheme:r},B.createElement(o,{colorSchemeClassName:e,..._}))}return B.createElement(o,{..._})};return b.displayName=`withColorScheme(${o.displayName})`,b}const q="_Box_9bpxf_4",c={Box:q,"Box--box-radius-none":"_Box--box-radius-none_9bpxf_16","Box--box-radius-m":"_Box--box-radius-m_9bpxf_19","Box--box-radius-l":"_Box--box-radius-l_9bpxf_22","Box--box-radius-2":"_Box--box-radius-2_9bpxf_25","Box--box-radius-4":"_Box--box-radius-4_9bpxf_28","Box--box-radius-8":"_Box--box-radius-8_9bpxf_31","Box--box-radius-0":"_Box--box-radius-0_9bpxf_34","Box--box-radius-12":"_Box--box-radius-12_9bpxf_46","Box--box-radius-16":"_Box--box-radius-16_9bpxf_49","Box--box-radius-24":"_Box--box-radius-24_9bpxf_52","Box--box-radius-32":"_Box--box-radius-32_9bpxf_55","Box--box-radius-48":"_Box--box-radius-48_9bpxf_58","Box--box-radius-64":"_Box--box-radius-64_9bpxf_61","Box--box-radius-96":"_Box--box-radius-96_9bpxf_64","Box--box-radius-160":"_Box--box-radius-160_9bpxf_67","Box--narrow-l--box-radius-none":"_Box--narrow-l--box-radius-none_9bpxf_71","Box--narrow-l--box-radius-m":"_Box--narrow-l--box-radius-m_9bpxf_74","Box--narrow-l--box-radius-l":"_Box--narrow-l--box-radius-l_9bpxf_77","Box--narrow-l--box-radius-2":"_Box--narrow-l--box-radius-2_9bpxf_80","Box--narrow-l--box-radius-4":"_Box--narrow-l--box-radius-4_9bpxf_83","Box--narrow-l--box-radius-8":"_Box--narrow-l--box-radius-8_9bpxf_86","Box--narrow-l--box-radius-0":"_Box--narrow-l--box-radius-0_9bpxf_89","Box--narrow-l--box-radius-12":"_Box--narrow-l--box-radius-12_9bpxf_101","Box--narrow-l--box-radius-16":"_Box--narrow-l--box-radius-16_9bpxf_104","Box--narrow-l--box-radius-24":"_Box--narrow-l--box-radius-24_9bpxf_107","Box--narrow-l--box-radius-32":"_Box--narrow-l--box-radius-32_9bpxf_110","Box--narrow-l--box-radius-48":"_Box--narrow-l--box-radius-48_9bpxf_113","Box--narrow-l--box-radius-64":"_Box--narrow-l--box-radius-64_9bpxf_116","Box--narrow-l--box-radius-96":"_Box--narrow-l--box-radius-96_9bpxf_119","Box--narrow-l--box-radius-160":"_Box--narrow-l--box-radius-160_9bpxf_122","Box--medium-s--box-radius-none":"_Box--medium-s--box-radius-none_9bpxf_127","Box--medium-s--box-radius-m":"_Box--medium-s--box-radius-m_9bpxf_130","Box--medium-s--box-radius-l":"_Box--medium-s--box-radius-l_9bpxf_133","Box--medium-s--box-radius-2":"_Box--medium-s--box-radius-2_9bpxf_136","Box--medium-s--box-radius-4":"_Box--medium-s--box-radius-4_9bpxf_139","Box--medium-s--box-radius-8":"_Box--medium-s--box-radius-8_9bpxf_142","Box--medium-s--box-radius-0":"_Box--medium-s--box-radius-0_9bpxf_145","Box--medium-s--box-radius-12":"_Box--medium-s--box-radius-12_9bpxf_157","Box--medium-s--box-radius-16":"_Box--medium-s--box-radius-16_9bpxf_160","Box--medium-s--box-radius-24":"_Box--medium-s--box-radius-24_9bpxf_163","Box--medium-s--box-radius-32":"_Box--medium-s--box-radius-32_9bpxf_166","Box--medium-s--box-radius-48":"_Box--medium-s--box-radius-48_9bpxf_169","Box--medium-s--box-radius-64":"_Box--medium-s--box-radius-64_9bpxf_172","Box--medium-s--box-radius-96":"_Box--medium-s--box-radius-96_9bpxf_175","Box--medium-s--box-radius-160":"_Box--medium-s--box-radius-160_9bpxf_178","Box--medium-l--box-radius-none":"_Box--medium-l--box-radius-none_9bpxf_183","Box--medium-l--box-radius-m":"_Box--medium-l--box-radius-m_9bpxf_186","Box--medium-l--box-radius-l":"_Box--medium-l--box-radius-l_9bpxf_189","Box--medium-l--box-radius-2":"_Box--medium-l--box-radius-2_9bpxf_192","Box--medium-l--box-radius-4":"_Box--medium-l--box-radius-4_9bpxf_195","Box--medium-l--box-radius-8":"_Box--medium-l--box-radius-8_9bpxf_198","Box--medium-l--box-radius-0":"_Box--medium-l--box-radius-0_9bpxf_201","Box--medium-l--box-radius-12":"_Box--medium-l--box-radius-12_9bpxf_213","Box--medium-l--box-radius-16":"_Box--medium-l--box-radius-16_9bpxf_216","Box--medium-l--box-radius-24":"_Box--medium-l--box-radius-24_9bpxf_219","Box--medium-l--box-radius-32":"_Box--medium-l--box-radius-32_9bpxf_222","Box--medium-l--box-radius-48":"_Box--medium-l--box-radius-48_9bpxf_225","Box--medium-l--box-radius-64":"_Box--medium-l--box-radius-64_9bpxf_228","Box--medium-l--box-radius-96":"_Box--medium-l--box-radius-96_9bpxf_231","Box--medium-l--box-radius-160":"_Box--medium-l--box-radius-160_9bpxf_234","Box--wide-s--box-radius-none":"_Box--wide-s--box-radius-none_9bpxf_239","Box--wide-s--box-radius-m":"_Box--wide-s--box-radius-m_9bpxf_242","Box--wide-s--box-radius-l":"_Box--wide-s--box-radius-l_9bpxf_245","Box--wide-s--box-radius-2":"_Box--wide-s--box-radius-2_9bpxf_248","Box--wide-s--box-radius-4":"_Box--wide-s--box-radius-4_9bpxf_251","Box--wide-s--box-radius-8":"_Box--wide-s--box-radius-8_9bpxf_254","Box--wide-s--box-radius-0":"_Box--wide-s--box-radius-0_9bpxf_257","Box--wide-s--box-radius-12":"_Box--wide-s--box-radius-12_9bpxf_269","Box--wide-s--box-radius-16":"_Box--wide-s--box-radius-16_9bpxf_272","Box--wide-s--box-radius-24":"_Box--wide-s--box-radius-24_9bpxf_275","Box--wide-s--box-radius-32":"_Box--wide-s--box-radius-32_9bpxf_278","Box--wide-s--box-radius-48":"_Box--wide-s--box-radius-48_9bpxf_281","Box--wide-s--box-radius-64":"_Box--wide-s--box-radius-64_9bpxf_284","Box--wide-s--box-radius-96":"_Box--wide-s--box-radius-96_9bpxf_287","Box--wide-s--box-radius-160":"_Box--wide-s--box-radius-160_9bpxf_290","Box--wide-l--box-radius-none":"_Box--wide-l--box-radius-none_9bpxf_295","Box--wide-l--box-radius-m":"_Box--wide-l--box-radius-m_9bpxf_298","Box--wide-l--box-radius-l":"_Box--wide-l--box-radius-l_9bpxf_301","Box--wide-l--box-radius-2":"_Box--wide-l--box-radius-2_9bpxf_304","Box--wide-l--box-radius-4":"_Box--wide-l--box-radius-4_9bpxf_307","Box--wide-l--box-radius-8":"_Box--wide-l--box-radius-8_9bpxf_310","Box--wide-l--box-radius-0":"_Box--wide-l--box-radius-0_9bpxf_313","Box--wide-l--box-radius-12":"_Box--wide-l--box-radius-12_9bpxf_325","Box--wide-l--box-radius-16":"_Box--wide-l--box-radius-16_9bpxf_328","Box--wide-l--box-radius-24":"_Box--wide-l--box-radius-24_9bpxf_331","Box--wide-l--box-radius-32":"_Box--wide-l--box-radius-32_9bpxf_334","Box--wide-l--box-radius-48":"_Box--wide-l--box-radius-48_9bpxf_337","Box--wide-l--box-radius-64":"_Box--wide-l--box-radius-64_9bpxf_340","Box--wide-l--box-radius-96":"_Box--wide-l--box-radius-96_9bpxf_343","Box--wide-l--box-radius-160":"_Box--wide-l--box-radius-160_9bpxf_346","Box--background-white":"_Box--background-white_9bpxf_350","Box--background-gray-100":"_Box--background-gray-100_9bpxf_353","Box--background-gray-200":"_Box--background-gray-200_9bpxf_356","Box--background-gray-300":"_Box--background-gray-300_9bpxf_359","Box--background-gray-400":"_Box--background-gray-400_9bpxf_362","Box--background-gray-500":"_Box--background-gray-500_9bpxf_365","Box--background-gray-600":"_Box--background-gray-600_9bpxf_368","Box--background-teal-100":"_Box--background-teal-100_9bpxf_371","Box--background-teal-200":"_Box--background-teal-200_9bpxf_374","Box--background-teal-300":"_Box--background-teal-300_9bpxf_377","Box--background-teal-400":"_Box--background-teal-400_9bpxf_380","Box--background-teal-500":"_Box--background-teal-500_9bpxf_383","Box--background-green-100":"_Box--background-green-100_9bpxf_386","Box--background-green-200":"_Box--background-green-200_9bpxf_389","Box--background-green-300":"_Box--background-green-300_9bpxf_392","Box--background-green-400":"_Box--background-green-400_9bpxf_395","Box--background-green-500":"_Box--background-green-500_9bpxf_398","Box--background-yellow-100":"_Box--background-yellow-100_9bpxf_401","Box--background-yellow-200":"_Box--background-yellow-200_9bpxf_404","Box--background-yellow-300":"_Box--background-yellow-300_9bpxf_407","Box--background-yellow-400":"_Box--background-yellow-400_9bpxf_410","Box--background-yellow-500":"_Box--background-yellow-500_9bpxf_413","Box--background-red-100":"_Box--background-red-100_9bpxf_416","Box--background-red-200":"_Box--background-red-200_9bpxf_419","Box--background-red-300":"_Box--background-red-300_9bpxf_422","Box--background-red-400":"_Box--background-red-400_9bpxf_425","Box--background-red-500":"_Box--background-red-500_9bpxf_428","Box--background-blue-100":"_Box--background-blue-100_9bpxf_431","Box--background-blue-200":"_Box--background-blue-200_9bpxf_434","Box--background-blue-300":"_Box--background-blue-300_9bpxf_437","Box--background-blue-400":"_Box--background-blue-400_9bpxf_440","Box--background-blue-500":"_Box--background-blue-500_9bpxf_443","Box--background-magenta-100":"_Box--background-magenta-100_9bpxf_446","Box--background-magenta-200":"_Box--background-magenta-200_9bpxf_449","Box--background-magenta-300":"_Box--background-magenta-300_9bpxf_452","Box--background-magenta-400":"_Box--background-magenta-400_9bpxf_455","Box--background-magenta-500":"_Box--background-magenta-500_9bpxf_458","Box--background-primary":"_Box--background-primary_9bpxf_461","Box--background-secondary":"_Box--background-secondary_9bpxf_464","Box--background-tertiary":"_Box--background-tertiary_9bpxf_467","Box--background-overlay":"_Box--background-overlay_9bpxf_470","Box--background-disabled":"_Box--background-disabled_9bpxf_473","Box--background-brand":"_Box--background-brand_9bpxf_476","Box--background-brandB2b":"_Box--background-brandB2b_9bpxf_479","Box--background-accentLight":"_Box--background-accentLight_9bpxf_482","Box--background-accentDark":"_Box--background-accentDark_9bpxf_485","Box--background-positiveLight":"_Box--background-positiveLight_9bpxf_488","Box--background-positiveDark":"_Box--background-positiveDark_9bpxf_491","Box--background-infoLight":"_Box--background-infoLight_9bpxf_494","Box--background-infoDark":"_Box--background-infoDark_9bpxf_497","Box--background-warningLight":"_Box--background-warningLight_9bpxf_500","Box--background-warningDark":"_Box--background-warningDark_9bpxf_503","Box--background-criticalLight":"_Box--background-criticalLight_9bpxf_506","Box--background-criticalDark":"_Box--background-criticalDark_9bpxf_509","Box--background-statusOnline":"_Box--background-statusOnline_9bpxf_512","Box--background-statusOffline":"_Box--background-statusOffline_9bpxf_515","Box--background-primaryInverted":"_Box--background-primaryInverted_9bpxf_518","Box--background-secondaryInverted":"_Box--background-secondaryInverted_9bpxf_521","Box--background-tertiaryInverted":"_Box--background-tertiaryInverted_9bpxf_524"},P=({children:o,colorSchemeClassName:b,background:r,radius:_=A,padding:i=O,tag:s,dataset:u})=>{T(c);const a=E([b]),n=j(c,l.Box,[m("box-radius",_),m("background",r)]),e=H(i),k=s??I,w={className:[...a,...n,...e].join(" "),...F(u,{preplyDsComponent:l.Box})};return x.jsx(k,{...w,children:o})},f=R(P),so={title:"components/Box",component:f,decorators:[o=>x.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:x.jsx(U,{theme:"tokyo-ui",children:o()})})]},d=()=>x.jsx(f,{background:"positiveLight",children:x.jsxs(h,{gap:"xs",direction:"column",children:[x.jsx(y,{level:"h3",accent:"positive",children:"Heading"}),x.jsx(v,{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"})]})});d.storyName="Box";var t,p,g;d.parameters={...d.parameters,docs:{...(t=d.parameters)==null?void 0:t.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>`,...(g=(p=d.parameters)==null?void 0:p.docs)==null?void 0:g.source}}};const uo=["Base"];export{d as Base,uo as __namedExportsOrder,so as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as s}from"./jsx-runtime-Bxcv0yjW.js";import{B as u}from"./ButtonBase-wKD3gx2c.js";import{f as B,B as p,a as f}from"./classNames-OZbnFNS5.js";import{w as a}from"./componentNames-BAR5iJaT.js";const j={"Button--icon":"_Button--icon_7cjgr_5"},T=({variant:e=p,size:r=f,url:i,a11yLabel:c,leadingSvgIcon:o,trailingSvgIcon:t,children:l,...m})=>{const n=[...B(j,a.Button,["icon"])];return s.jsxs(u,{...m,isIconButton:!1,variant:e,size:r,url:i,a11yLabel:c,preplyDsComponent:a.Button,children:[!!o&&s.jsx("span",{className:n.join(" "),children:s.jsx(o,{"aria-hidden":"true",focusable:"false"})}),l,!!t&&s.jsx("span",{className:n.join(" "),children:s.jsx(t,{"aria-hidden":"true",focusable:"false"})})]})};export{T as B};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Button--icon_7cjgr_5{display:flex;margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}._Button--icon_7cjgr_5 svg{width:var(--f316e1);height:var(--f316e1)}._Button--icon_7cjgr_5 svg path{fill:currentColor}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-Bxcv0yjW.js";import{F as a}from"./TokyoUIFav-B288CER3.js";import{I as Rr}from"./IconButton-
|
|
1
|
+
import{j as r}from"./jsx-runtime-Bxcv0yjW.js";import{F as a}from"./TokyoUIFav-B288CER3.js";import{I as Rr}from"./IconButton-BzgRgADV.js";import{B as t}from"./Button-CMY2KiMC.js";import{S as Vr}from"./StoryContextDSWeb-BlVCJKyi.js";import{g as $r}from"./getTokenVar-C2F95PBB.js";import{d as Or}from"./tokens-D5WEKrsE.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./ButtonBase-wKD3gx2c.js";import"./Spinner-CLLOQh4W.js";import"./classNames-OZbnFNS5.js";import"./useHostname-xnO3cZkD.js";import"./componentNames-BAR5iJaT.js";import"./index-CC6DAVyL.js";import"./StorybookGlobalStyle-BcEQvG9t.js";import"./styled-components.browser.esm-BaO8iHee.js";import"./RootProvider-BOk-5jT9.js";import"./useTheme-BV4v5x7f.js";import"./useColorScheme-Bv74nHTy.js";const st={title:"components/Button",component:t,decorators:[e=>r.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:r.jsx(Vr,{theme:"tokyo-ui",children:e()})})]},s=()=>r.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[r.jsx(t,{children:"Button"}),r.jsx(t,{leadingSvgIcon:a,children:"Button"}),r.jsx(Rr,{svg:a,assistiveText:"Favourite"})]}),n=()=>{const e=$r(Or.color.grey[300]);return r.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[r.jsx(t,{variant:"primary",children:"Primary"}),r.jsx(t,{variant:"secondary",children:"Secondary"}),r.jsx(t,{variant:"tertiary",children:"Tertiary"}),r.jsx(t,{variant:"ghost",children:"Ghost"}),r.jsx("div",{style:{backgroundColor:e,borderRadius:"8px"},children:r.jsx(t,{variant:"inverted",children:"Inverted"})}),r.jsx(t,{variant:"critical",children:"Critical"}),r.jsx(t,{variant:"onColor",children:"onColor"})]})},c=()=>r.jsx(t,{size:"small",children:"Button"}),u=()=>r.jsx(t,{size:"medium",children:"Button"}),d=()=>r.jsx(t,{size:"large",children:"Button"}),l=()=>r.jsx(t,{variant:"primary",children:"Button"}),m=()=>r.jsx(t,{variant:"secondary",children:"Button"}),p=()=>r.jsx(t,{variant:"tertiary",children:"Button"}),B=()=>r.jsx(t,{variant:"ghost",children:"Button"}),v=()=>r.jsx(t,{variant:"inverted",children:"Button"}),g=()=>r.jsx(t,{variant:"critical",children:"Button"}),y=()=>r.jsx(t,{variant:"ai",children:"Button"}),h=()=>r.jsx(t,{variant:"onColor",children:"Button"}),x=()=>r.jsx(t,{variant:"classroom",children:"Button"}),j=()=>r.jsx(t,{leadingSvgIcon:a,children:"Button"}),S=()=>r.jsx(t,{trailingSvgIcon:a,children:"Button"}),I=()=>r.jsx(t,{busy:!0,children:"Button"}),C=()=>r.jsx(t,{disabled:!0,children:"Button"}),i=()=>r.jsx(t,{wrap:!0,children:"Do the really quite unusually long thing"});i.decorators=[e=>r.jsx("div",{style:{width:"200px"},children:e()})];const f=()=>r.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:["small","medium","large"].map(e=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(o=>r.jsxs("div",{style:{display:"flex",gap:"0.25rem"},children:[r.jsx(t,{size:e,variant:o,children:"Button"}),r.jsx(t,{size:e,variant:o,leadingSvgIcon:a,children:"Button"}),r.jsx(t,{size:e,variant:o,trailingSvgIcon:a,children:"Button"}),r.jsx(t,{size:e,variant:o,busy:!0,children:"Button"}),r.jsx(t,{size:e,variant:o,disabled:!0,children:"Button"})]},`${e}-${o}`)))});var b,T,z,F,P;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`() => <div style={{
|
|
2
2
|
display: 'flex',
|
|
3
3
|
gap: '1rem'
|
|
4
4
|
}}>
|
|
@@ -51,4 +51,4 @@ import{j as r}from"./jsx-runtime-Bxcv0yjW.js";import{F as a}from"./TokyoUIFav-B2
|
|
|
51
51
|
</Button>
|
|
52
52
|
</div>))}
|
|
53
53
|
</div>;
|
|
54
|
-
}`,...(Lr=(Gr=f.parameters)==null?void 0:Gr.docs)==null?void 0:Lr.source}}};const
|
|
54
|
+
}`,...(Lr=(Gr=f.parameters)==null?void 0:Gr.docs)==null?void 0:Lr.source}}};const nt=["Base","Variants","Small","Medium","Large","Primary","Secondary","Tertiary","Ghost","Inverted","Critical","Ai","OnColor","Classroom","LeadingIcon","TrailingIcon","Busy","Disabled","WrappingText","Combinations"];export{y as Ai,s as Base,I as Busy,x as Classroom,f as Combinations,g as Critical,C as Disabled,B as Ghost,v as Inverted,d as Large,j as LeadingIcon,u as Medium,h as OnColor,l as Primary,m as Secondary,c as Small,p as Tertiary,S as TrailingIcon,n as Variants,i as WrappingText,nt as __namedExportsOrder,st as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._button-width--width-full_1mzsz_5{width:100%}._button-width--width-auto_1mzsz_8{width:auto}@media (min-width: 400px){._button-width--narrow-l--width-full_1mzsz_12{width:100%}._button-width--narrow-l--width-auto_1mzsz_15{width:auto}}@media (min-width: 700px){._button-width--medium-s--width-full_1mzsz_20{width:100%}._button-width--medium-s--width-auto_1mzsz_23{width:auto}}@media (min-width: 880px){._button-width--medium-l--width-full_1mzsz_28{width:100%}._button-width--medium-l--width-auto_1mzsz_31{width:auto}}@media (min-width: 1200px){._button-width--wide-s--width-full_1mzsz_36{width:100%}._button-width--wide-s--width-auto_1mzsz_39{width:auto}}@media (min-width: 1900px){._button-width--wide-l--width-full_1mzsz_44{width:100%}._button-width--wide-l--width-auto_1mzsz_47{width:auto}}._ButtonBase_1mzsz_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;-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}._ButtonBase--content_1mzsz_76{display:inline-flex;align-items:center;gap:var(--0aee7b);justify-content:center;vertical-align:baseline}._ButtonBase--is-icon-button_1mzsz_83 ._ButtonBase--content_1mzsz_76 svg{width:var(--f02c4e);height:var(--f02c4e)}._ButtonBase--is-icon-button_1mzsz_83 ._ButtonBase--content_1mzsz_76 svg path{fill:currentColor}._ButtonBase--busy_1mzsz_90{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center}._ButtonBase_1mzsz_51[disabled],._ButtonBase_1mzsz_51[disabled]:hover{cursor:not-allowed;color:var(--a8b89c);background-color:var(--04daeb);border-color:var(--e05289)}._ButtonBase_1mzsz_51:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._ButtonBase--is-busy_1mzsz_113{cursor:default;pointer-events:none}._ButtonBase--is-busy_1mzsz_113 ._ButtonBase--content_1mzsz_76{visibility:hidden}._ButtonBase--width-full_1mzsz_120{width:100%}._ButtonBase--width-auto_1mzsz_123{width:auto}@media (min-width: 400px){._ButtonBase--narrow-l--width-full_1mzsz_127{width:100%}._ButtonBase--narrow-l--width-auto_1mzsz_130{width:auto}}@media (min-width: 700px){._ButtonBase--medium-s--width-full_1mzsz_135{width:100%}._ButtonBase--medium-s--width-auto_1mzsz_138{width:auto}}@media (min-width: 880px){._ButtonBase--medium-l--width-full_1mzsz_143{width:100%}._ButtonBase--medium-l--width-auto_1mzsz_146{width:auto}}@media (min-width: 1200px){._ButtonBase--wide-s--width-full_1mzsz_151{width:100%}._ButtonBase--wide-s--width-auto_1mzsz_154{width:auto}}@media (min-width: 1900px){._ButtonBase--wide-l--width-full_1mzsz_159{width:100%}._ButtonBase--wide-l--width-auto_1mzsz_162{width:auto}}._ButtonBase--size-xs_1mzsz_166{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_1mzsz_175{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--size-s_1mzsz_180{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_1mzsz_189{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--size-m_1mzsz_194{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_1mzsz_203{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--size-l_1mzsz_208{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_1mzsz_217{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--size-xl_1mzsz_222{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_1mzsz_231{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--size-large_1mzsz_236{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_1mzsz_245{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--size-medium_1mzsz_250{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_1mzsz_259{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--size-small_1mzsz_264{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_1mzsz_273{width:var(--5eca09);height:var(--5eca09);padding:0}@media (min-width: 400px){._ButtonBase--narrow-l--size-xs_1mzsz_279{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_1mzsz_288{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--narrow-l--size-s_1mzsz_293{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_1mzsz_302{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--narrow-l--size-m_1mzsz_307{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_1mzsz_316{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--narrow-l--size-l_1mzsz_321{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_1mzsz_330{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--narrow-l--size-xl_1mzsz_335{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_1mzsz_344{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--narrow-l--size-large_1mzsz_349{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_1mzsz_358{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--narrow-l--size-medium_1mzsz_363{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_1mzsz_372{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--narrow-l--size-small_1mzsz_377{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_1mzsz_386{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 700px){._ButtonBase--medium-s--size-xs_1mzsz_393{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_1mzsz_402{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-s--size-s_1mzsz_407{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_1mzsz_416{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-s--size-m_1mzsz_421{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_1mzsz_430{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-s--size-l_1mzsz_435{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_1mzsz_444{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-s--size-xl_1mzsz_449{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_1mzsz_458{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-s--size-large_1mzsz_463{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_1mzsz_472{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-s--size-medium_1mzsz_477{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_1mzsz_486{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-s--size-small_1mzsz_491{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_1mzsz_500{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 880px){._ButtonBase--medium-l--size-xs_1mzsz_507{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_1mzsz_516{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-l--size-s_1mzsz_521{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_1mzsz_530{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-l--size-m_1mzsz_535{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_1mzsz_544{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-l--size-l_1mzsz_549{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_1mzsz_558{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-l--size-xl_1mzsz_563{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_1mzsz_572{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-l--size-large_1mzsz_577{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_1mzsz_586{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-l--size-medium_1mzsz_591{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_1mzsz_600{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-l--size-small_1mzsz_605{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_1mzsz_614{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1200px){._ButtonBase--wide-s--size-xs_1mzsz_621{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_1mzsz_630{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-s--size-s_1mzsz_635{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_1mzsz_644{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-s--size-m_1mzsz_649{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_1mzsz_658{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-s--size-l_1mzsz_663{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_1mzsz_672{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-s--size-xl_1mzsz_677{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_1mzsz_686{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-s--size-large_1mzsz_691{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_1mzsz_700{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-s--size-medium_1mzsz_705{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_1mzsz_714{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-s--size-small_1mzsz_719{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_1mzsz_728{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1900px){._ButtonBase--wide-l--size-xs_1mzsz_735{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_1mzsz_744{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-l--size-s_1mzsz_749{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_1mzsz_758{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-l--size-m_1mzsz_763{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_1mzsz_772{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-l--size-l_1mzsz_777{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_1mzsz_786{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-l--size-xl_1mzsz_791{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_1mzsz_800{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-l--size-large_1mzsz_805{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_1mzsz_814{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-l--size-medium_1mzsz_819{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_1mzsz_828{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-l--size-small_1mzsz_833{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_1mzsz_842{width:var(--5eca09);height:var(--5eca09);padding:0}}._ButtonBase--variant-primary_1mzsz_848{color:var(--d2baa6);background-color:var(--508b34);border-color:var(--44bfe9);text-decoration:var(--74cfa2)}._ButtonBase--variant-primary--dsInternalSimulation-hover_1mzsz_854{color:var(--df6151);background-color:var(--902b50)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primary_1mzsz_848:hover{color:var(--df6151);background-color:var(--902b50)}}._ButtonBase--variant-primary_1mzsz_848[disabled],._ButtonBase--variant-primary_1mzsz_848[disabled]:hover{border-color:var(--f0720e)}._ButtonBase--variant-primary_1mzsz_848:active,._ButtonBase--variant-primary--dsInternalSimulation-active_1mzsz_869{color:var(--15cee1);background-color:var(--c1c1ca)}._ButtonBase--variant-secondary_1mzsz_873{color:var(--1614c9);background-color:var(--e56164);border-color:var(--ab736c);text-decoration:var(--c6c73d)}._ButtonBase--variant-secondary--dsInternalSimulation-hover_1mzsz_879{color:var(--0d6ae2);background-color:var(--0d124d)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-secondary_1mzsz_873:hover{color:var(--0d6ae2);background-color:var(--0d124d)}}._ButtonBase--variant-secondary_1mzsz_873[disabled],._ButtonBase--variant-secondary_1mzsz_873[disabled]:hover{border-color:var(--3f0f51)}._ButtonBase--variant-secondary_1mzsz_873:active,._ButtonBase--variant-secondary--dsInternalSimulation-active_1mzsz_894{color:var(--22cb4c);background-color:var(--33b439)}._ButtonBase--variant-tertiary_1mzsz_898{color:var(--937543);background-color:var(--28f3c1);border-color:var(--10556e);text-decoration:var(--ce0e6a)}._ButtonBase--variant-tertiary--dsInternalSimulation-hover_1mzsz_904{color:var(--175a77);background-color:var(--ec17be)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-tertiary_1mzsz_898:hover{color:var(--175a77);background-color:var(--ec17be)}}._ButtonBase--variant-tertiary_1mzsz_898[disabled],._ButtonBase--variant-tertiary_1mzsz_898[disabled]:hover{border-color:var(--fd08b7)}._ButtonBase--variant-tertiary_1mzsz_898:active,._ButtonBase--variant-tertiary--dsInternalSimulation-active_1mzsz_919{color:var(--8274ee);background-color:var(--b0bf50)}._ButtonBase--variant-quaternary_1mzsz_923{color:var(--9cf6ec);background-color:var(--e46449);border-color:var(--0e9e01);text-decoration:var(--5c0a2f)}._ButtonBase--variant-quaternary--dsInternalSimulation-hover_1mzsz_929{color:var(--6609c6);background-color:var(--afc176)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-quaternary_1mzsz_923:hover{color:var(--6609c6);background-color:var(--afc176)}}._ButtonBase--variant-quaternary_1mzsz_923[disabled],._ButtonBase--variant-quaternary_1mzsz_923[disabled]:hover{border-color:var(--3e2684)}._ButtonBase--variant-quaternary_1mzsz_923:active,._ButtonBase--variant-quaternary--dsInternalSimulation-active_1mzsz_944{color:var(--e9f226);background-color:var(--2ee553)}._ButtonBase--variant-ghost_1mzsz_948{color:var(--255ddc);background-color:var(--64bffa);border-color:var(--39e128);text-decoration:var(--31d455)}._ButtonBase--variant-ghost--dsInternalSimulation-hover_1mzsz_954{color:var(--e69072);background-color:var(--3b749f)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ghost_1mzsz_948:hover{color:var(--e69072);background-color:var(--3b749f)}}._ButtonBase--variant-ghost_1mzsz_948[disabled],._ButtonBase--variant-ghost_1mzsz_948[disabled]:hover{border-color:var(--af2d26)}._ButtonBase--variant-ghost_1mzsz_948:active,._ButtonBase--variant-ghost--dsInternalSimulation-active_1mzsz_969{color:var(--ddf285);background-color:var(--6beb48)}._ButtonBase--variant-ghost--is-selected_1mzsz_973{color:var(--5f5238);background-color:var(--a5cfbe)}._ButtonBase--variant-plain_1mzsz_977{color:var(--122a99);background-color:var(--bbb356);border-color:var(--0cad84);text-decoration:var(--d2d32f)}._ButtonBase--variant-plain--dsInternalSimulation-hover_1mzsz_983{color:var(--1265db);background-color:var(--df2aca)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-plain_1mzsz_977:hover{color:var(--1265db);background-color:var(--df2aca)}}._ButtonBase--variant-plain_1mzsz_977[disabled],._ButtonBase--variant-plain_1mzsz_977[disabled]:hover{border-color:var(--c6b607)}._ButtonBase--variant-plain_1mzsz_977:active,._ButtonBase--variant-plain--dsInternalSimulation-active_1mzsz_998{color:var(--a41624);background-color:var(--435fa5)}._ButtonBase--variant-dangerous_1mzsz_1002{color:var(--efde5b);background-color:var(--118bda);border-color:var(--ab5970);text-decoration:var(--0bf14c)}._ButtonBase--variant-dangerous--dsInternalSimulation-hover_1mzsz_1008{color:var(--6f5d5d);background-color:var(--e0b0f4)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-dangerous_1mzsz_1002:hover{color:var(--6f5d5d);background-color:var(--e0b0f4)}}._ButtonBase--variant-dangerous_1mzsz_1002[disabled],._ButtonBase--variant-dangerous_1mzsz_1002[disabled]:hover{border-color:var(--7deffa)}._ButtonBase--variant-dangerous_1mzsz_1002:active,._ButtonBase--variant-dangerous--dsInternalSimulation-active_1mzsz_1023{color:var(--6b4e92);background-color:var(--a5eaa1)}._ButtonBase--variant-critical_1mzsz_1027{color:var(--f68030);background-color:var(--faae28);border-color:var(--b357d0);text-decoration:var(--91f4fa)}._ButtonBase--variant-critical--dsInternalSimulation-hover_1mzsz_1033{color:var(--c3136e);background-color:var(--064c43)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-critical_1mzsz_1027:hover{color:var(--c3136e);background-color:var(--064c43)}}._ButtonBase--variant-critical_1mzsz_1027[disabled],._ButtonBase--variant-critical_1mzsz_1027[disabled]:hover{border-color:var(--e117c7)}._ButtonBase--variant-critical_1mzsz_1027:active,._ButtonBase--variant-critical--dsInternalSimulation-active_1mzsz_1048{color:var(--f9fba8);background-color:var(--152a7a)}._ButtonBase--variant-onColor_1mzsz_1052{color:var(--96343f);background-color:var(--d64a99);border-color:var(--d2723c);text-decoration:var(--af7137)}._ButtonBase--variant-onColor--dsInternalSimulation-hover_1mzsz_1058{color:var(--145384);background-color:var(--549e56)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-onColor_1mzsz_1052:hover{color:var(--145384);background-color:var(--549e56)}}._ButtonBase--variant-onColor_1mzsz_1052[disabled],._ButtonBase--variant-onColor_1mzsz_1052[disabled]:hover{border-color:var(--e1a214)}._ButtonBase--variant-onColor_1mzsz_1052:active,._ButtonBase--variant-onColor--dsInternalSimulation-active_1mzsz_1073{color:var(--f772e8);background-color:var(--936fce)}._ButtonBase--variant-classroom_1mzsz_1077{color:var(--8d482c);background-color:var(--7a038f);border-color:var(--38faba);text-decoration:var(--4d5ea8)}._ButtonBase--variant-classroom--dsInternalSimulation-hover_1mzsz_1083{color:var(--55bfda);background-color:var(--077a93)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-classroom_1mzsz_1077:hover{color:var(--55bfda);background-color:var(--077a93)}}._ButtonBase--variant-classroom_1mzsz_1077[disabled],._ButtonBase--variant-classroom_1mzsz_1077[disabled]:hover{border-color:var(--659377)}._ButtonBase--variant-classroom_1mzsz_1077:active,._ButtonBase--variant-classroom--dsInternalSimulation-active_1mzsz_1098{color:var(--b62751);background-color:var(--45d93a)}._ButtonBase--variant-classroom--is-selected_1mzsz_1102{color:var(--a0b42b);background-color:var(--16a985)}._ButtonBase--variant-primaryB2b_1mzsz_1106{color:var(--4a94de);background-color:var(--6c36b5);border-color:var(--4a9eb5);text-decoration:var(--6c9741)}._ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_1mzsz_1112{color:var(--3e45d7);background-color:var(--dcdb32)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryB2b_1mzsz_1106:hover{color:var(--3e45d7);background-color:var(--dcdb32)}}._ButtonBase--variant-primaryB2b_1mzsz_1106[disabled],._ButtonBase--variant-primaryB2b_1mzsz_1106[disabled]:hover{border-color:var(--e7f949)}._ButtonBase--variant-primaryB2b_1mzsz_1106:active,._ButtonBase--variant-primaryB2b--dsInternalSimulation-active_1mzsz_1127{color:var(--cb03bc);background-color:var(--fc3d8b)}._ButtonBase--variant-primaryTutor_1mzsz_1131{color:var(--c93681);background-color:var(--4aa1b1);border-color:var(--f103e9);text-decoration:var(--6e7352)}._ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_1mzsz_1137{color:var(--e91696);background-color:var(--46a009)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryTutor_1mzsz_1131:hover{color:var(--e91696);background-color:var(--46a009)}}._ButtonBase--variant-primaryTutor_1mzsz_1131[disabled],._ButtonBase--variant-primaryTutor_1mzsz_1131[disabled]:hover{border-color:var(--f6a20e)}._ButtonBase--variant-primaryTutor_1mzsz_1131:active,._ButtonBase--variant-primaryTutor--dsInternalSimulation-active_1mzsz_1152{color:var(--58d992);background-color:var(--dd5a43)}._ButtonBase--variant-inverted_1mzsz_1156{color:var(--81b7df);background-color:var(--c54155);border-color:var(--fe1378);text-decoration:var(--fb8624)}._ButtonBase--variant-inverted--dsInternalSimulation-hover_1mzsz_1162{color:var(--79a09e);background-color:var(--8a16b5)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-inverted_1mzsz_1156:hover{color:var(--79a09e);background-color:var(--8a16b5)}}._ButtonBase--variant-inverted_1mzsz_1156[disabled],._ButtonBase--variant-inverted_1mzsz_1156[disabled]:hover{border-color:var(--e797f1)}._ButtonBase--variant-inverted_1mzsz_1156:active,._ButtonBase--variant-inverted--dsInternalSimulation-active_1mzsz_1177{color:var(--77e945);background-color:var(--de59a1)}._ButtonBase--variant-newFeature_1mzsz_1181{color:var(--ad44c3);background-color:var(--7dbfce);border-color:var(--a7eddc);text-decoration:var(--fd7ece)}._ButtonBase--variant-newFeature--dsInternalSimulation-hover_1mzsz_1187{color:var(--ddcea1);background-color:var(--dd2815)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-newFeature_1mzsz_1181:hover{color:var(--ddcea1);background-color:var(--dd2815)}}._ButtonBase--variant-newFeature_1mzsz_1181[disabled],._ButtonBase--variant-newFeature_1mzsz_1181[disabled]:hover{border-color:var(--7d2338)}._ButtonBase--variant-newFeature_1mzsz_1181:active,._ButtonBase--variant-newFeature--dsInternalSimulation-active_1mzsz_1202{color:var(--d4762b);background-color:var(--b3e453)}._ButtonBase--variant-ai_1mzsz_1206{color:var(--aa08fb);background-color:var(--1bdcc0);border-color:var(--8e8894);text-decoration:var(--c82204)}._ButtonBase--variant-ai--dsInternalSimulation-hover_1mzsz_1212{color:var(--59b757);background-color:var(--f043dc)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ai_1mzsz_1206:hover{color:var(--59b757);background-color:var(--f043dc)}}._ButtonBase--variant-ai_1mzsz_1206[disabled],._ButtonBase--variant-ai_1mzsz_1206[disabled]:hover{border-color:var(--6ac212)}._ButtonBase--variant-ai_1mzsz_1206:active,._ButtonBase--variant-ai--dsInternalSimulation-active_1mzsz_1227{color:var(--349ae3);background-color:var(--5bba7d)}._ButtonBase--variant-ai_1mzsz_1206{border-image:var(--0b0037)}._ButtonBase--variant-ai_1mzsz_1206[disabled],._ButtonBase--variant-ai_1mzsz_1206[disabled]:hover{border-image:initial;border-color:var(--6ac212)}._ButtonBase--no-wrap_1mzsz_1239{min-width:max-content}
|
|
1
|
+
._button-width--width-full_iq5es_5{width:100%}._button-width--width-auto_iq5es_8{width:auto}@media (min-width: 400px){._button-width--narrow-l--width-full_iq5es_12{width:100%}._button-width--narrow-l--width-auto_iq5es_15{width:auto}}@media (min-width: 700px){._button-width--medium-s--width-full_iq5es_20{width:100%}._button-width--medium-s--width-auto_iq5es_23{width:auto}}@media (min-width: 880px){._button-width--medium-l--width-full_iq5es_28{width:100%}._button-width--medium-l--width-auto_iq5es_31{width:auto}}@media (min-width: 1200px){._button-width--wide-s--width-full_iq5es_36{width:100%}._button-width--wide-s--width-auto_iq5es_39{width:auto}}@media (min-width: 1900px){._button-width--wide-l--width-full_iq5es_44{width:100%}._button-width--wide-l--width-auto_iq5es_47{width:auto}}._ButtonBase_iq5es_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;-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}._ButtonBase--content_iq5es_76{display:inline-flex;align-items:center;gap:var(--0aee7b);justify-content:center;vertical-align:baseline}._ButtonBase--is-icon-button_iq5es_83 ._ButtonBase--content_iq5es_76 svg{width:var(--f02c4e);height:var(--f02c4e)}._ButtonBase--is-icon-button_iq5es_83 ._ButtonBase--content_iq5es_76 svg path{fill:currentColor}._ButtonBase--busy_iq5es_90{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center}._ButtonBase_iq5es_51[disabled],._ButtonBase_iq5es_51[disabled]:hover{cursor:not-allowed;color:var(--a8b89c);background-color:var(--04daeb);border-color:var(--e05289)}._ButtonBase_iq5es_51:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._ButtonBase--is-busy_iq5es_113{cursor:default;pointer-events:none}._ButtonBase--is-busy_iq5es_113 ._ButtonBase--content_iq5es_76{visibility:hidden}._ButtonBase--width-full_iq5es_120{width:100%}._ButtonBase--width-auto_iq5es_123{width:auto}@media (min-width: 400px){._ButtonBase--narrow-l--width-full_iq5es_127{width:100%}._ButtonBase--narrow-l--width-auto_iq5es_130{width:auto}}@media (min-width: 700px){._ButtonBase--medium-s--width-full_iq5es_135{width:100%}._ButtonBase--medium-s--width-auto_iq5es_138{width:auto}}@media (min-width: 880px){._ButtonBase--medium-l--width-full_iq5es_143{width:100%}._ButtonBase--medium-l--width-auto_iq5es_146{width:auto}}@media (min-width: 1200px){._ButtonBase--wide-s--width-full_iq5es_151{width:100%}._ButtonBase--wide-s--width-auto_iq5es_154{width:auto}}@media (min-width: 1900px){._ButtonBase--wide-l--width-full_iq5es_159{width:100%}._ButtonBase--wide-l--width-auto_iq5es_162{width:auto}}._ButtonBase--size-xs_iq5es_166{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_iq5es_175{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--size-s_iq5es_180{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_iq5es_189{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--size-m_iq5es_194{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_iq5es_203{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--size-l_iq5es_208{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_iq5es_217{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--size-xl_iq5es_222{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_iq5es_231{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--size-large_iq5es_236{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_iq5es_245{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--size-medium_iq5es_250{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_iq5es_259{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--size-small_iq5es_264{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_iq5es_273{width:var(--5eca09);height:var(--5eca09);padding:0}@media (min-width: 400px){._ButtonBase--narrow-l--size-xs_iq5es_279{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_iq5es_288{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--narrow-l--size-s_iq5es_293{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_iq5es_302{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--narrow-l--size-m_iq5es_307{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_iq5es_316{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--narrow-l--size-l_iq5es_321{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_iq5es_330{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--narrow-l--size-xl_iq5es_335{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_iq5es_344{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--narrow-l--size-large_iq5es_349{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_iq5es_358{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--narrow-l--size-medium_iq5es_363{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_iq5es_372{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--narrow-l--size-small_iq5es_377{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_iq5es_386{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 700px){._ButtonBase--medium-s--size-xs_iq5es_393{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_iq5es_402{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-s--size-s_iq5es_407{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_iq5es_416{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-s--size-m_iq5es_421{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_iq5es_430{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-s--size-l_iq5es_435{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_iq5es_444{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-s--size-xl_iq5es_449{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_iq5es_458{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-s--size-large_iq5es_463{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_iq5es_472{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-s--size-medium_iq5es_477{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_iq5es_486{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-s--size-small_iq5es_491{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_iq5es_500{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 880px){._ButtonBase--medium-l--size-xs_iq5es_507{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_iq5es_516{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-l--size-s_iq5es_521{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_iq5es_530{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-l--size-m_iq5es_535{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_iq5es_544{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-l--size-l_iq5es_549{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_iq5es_558{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-l--size-xl_iq5es_563{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_iq5es_572{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-l--size-large_iq5es_577{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_iq5es_586{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-l--size-medium_iq5es_591{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_iq5es_600{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-l--size-small_iq5es_605{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_iq5es_614{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1200px){._ButtonBase--wide-s--size-xs_iq5es_621{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_iq5es_630{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-s--size-s_iq5es_635{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_iq5es_644{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-s--size-m_iq5es_649{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_iq5es_658{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-s--size-l_iq5es_663{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_iq5es_672{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-s--size-xl_iq5es_677{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_iq5es_686{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-s--size-large_iq5es_691{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_iq5es_700{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-s--size-medium_iq5es_705{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_iq5es_714{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-s--size-small_iq5es_719{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_iq5es_728{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1900px){._ButtonBase--wide-l--size-xs_iq5es_735{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_iq5es_744{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-l--size-s_iq5es_749{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_iq5es_758{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-l--size-m_iq5es_763{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_iq5es_772{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-l--size-l_iq5es_777{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_iq5es_786{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-l--size-xl_iq5es_791{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_iq5es_800{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-l--size-large_iq5es_805{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_iq5es_814{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-l--size-medium_iq5es_819{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_iq5es_828{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-l--size-small_iq5es_833{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_iq5es_842{width:var(--5eca09);height:var(--5eca09);padding:0}}._ButtonBase--variant-primary_iq5es_848{color:var(--d2baa6);background-color:var(--508b34);border-color:var(--44bfe9);text-decoration:var(--74cfa2)}._ButtonBase--variant-primary--dsInternalSimulation-hover_iq5es_854{color:var(--df6151);background-color:var(--902b50)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primary_iq5es_848:hover{color:var(--df6151);background-color:var(--902b50)}}._ButtonBase--variant-primary_iq5es_848[disabled],._ButtonBase--variant-primary_iq5es_848[disabled]:hover{border-color:var(--f0720e)}._ButtonBase--variant-primary_iq5es_848:active,._ButtonBase--variant-primary--dsInternalSimulation-active_iq5es_869{color:var(--15cee1);background-color:var(--c1c1ca)}._ButtonBase--variant-secondary_iq5es_873{color:var(--1614c9);background-color:var(--e56164);border-color:var(--ab736c);text-decoration:var(--c6c73d)}._ButtonBase--variant-secondary--dsInternalSimulation-hover_iq5es_879{color:var(--0d6ae2);background-color:var(--0d124d)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-secondary_iq5es_873:hover{color:var(--0d6ae2);background-color:var(--0d124d)}}._ButtonBase--variant-secondary_iq5es_873[disabled],._ButtonBase--variant-secondary_iq5es_873[disabled]:hover{border-color:var(--3f0f51)}._ButtonBase--variant-secondary_iq5es_873:active,._ButtonBase--variant-secondary--dsInternalSimulation-active_iq5es_894{color:var(--22cb4c);background-color:var(--33b439)}._ButtonBase--variant-tertiary_iq5es_898{color:var(--937543);background-color:var(--28f3c1);border-color:var(--10556e);text-decoration:var(--ce0e6a)}._ButtonBase--variant-tertiary--dsInternalSimulation-hover_iq5es_904{color:var(--175a77);background-color:var(--ec17be)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-tertiary_iq5es_898:hover{color:var(--175a77);background-color:var(--ec17be)}}._ButtonBase--variant-tertiary_iq5es_898[disabled],._ButtonBase--variant-tertiary_iq5es_898[disabled]:hover{border-color:var(--fd08b7)}._ButtonBase--variant-tertiary_iq5es_898:active,._ButtonBase--variant-tertiary--dsInternalSimulation-active_iq5es_919{color:var(--8274ee);background-color:var(--b0bf50)}._ButtonBase--variant-quaternary_iq5es_923{color:var(--9cf6ec);background-color:var(--e46449);border-color:var(--0e9e01);text-decoration:var(--5c0a2f)}._ButtonBase--variant-quaternary--dsInternalSimulation-hover_iq5es_929{color:var(--6609c6);background-color:var(--afc176)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-quaternary_iq5es_923:hover{color:var(--6609c6);background-color:var(--afc176)}}._ButtonBase--variant-quaternary_iq5es_923[disabled],._ButtonBase--variant-quaternary_iq5es_923[disabled]:hover{border-color:var(--3e2684)}._ButtonBase--variant-quaternary_iq5es_923:active,._ButtonBase--variant-quaternary--dsInternalSimulation-active_iq5es_944{color:var(--e9f226);background-color:var(--2ee553)}._ButtonBase--variant-ghost_iq5es_948{color:var(--255ddc);background-color:var(--64bffa);border-color:var(--39e128);text-decoration:var(--31d455)}._ButtonBase--variant-ghost--dsInternalSimulation-hover_iq5es_954{color:var(--e69072);background-color:var(--3b749f)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ghost_iq5es_948:hover{color:var(--e69072);background-color:var(--3b749f)}}._ButtonBase--variant-ghost_iq5es_948[disabled],._ButtonBase--variant-ghost_iq5es_948[disabled]:hover{border-color:var(--af2d26)}._ButtonBase--variant-ghost_iq5es_948:active,._ButtonBase--variant-ghost--dsInternalSimulation-active_iq5es_969{color:var(--ddf285);background-color:var(--6beb48)}._ButtonBase--variant-ghost--is-selected_iq5es_973{color:var(--5f5238);background-color:var(--a5cfbe)}._ButtonBase--variant-plain_iq5es_977{color:var(--122a99);background-color:var(--bbb356);border-color:var(--0cad84);text-decoration:var(--d2d32f)}._ButtonBase--variant-plain--dsInternalSimulation-hover_iq5es_983{color:var(--1265db);background-color:var(--df2aca)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-plain_iq5es_977:hover{color:var(--1265db);background-color:var(--df2aca)}}._ButtonBase--variant-plain_iq5es_977[disabled],._ButtonBase--variant-plain_iq5es_977[disabled]:hover{border-color:var(--c6b607)}._ButtonBase--variant-plain_iq5es_977:active,._ButtonBase--variant-plain--dsInternalSimulation-active_iq5es_998{color:var(--a41624);background-color:var(--435fa5)}._ButtonBase--variant-dangerous_iq5es_1002{color:var(--efde5b);background-color:var(--118bda);border-color:var(--ab5970);text-decoration:var(--0bf14c)}._ButtonBase--variant-dangerous--dsInternalSimulation-hover_iq5es_1008{color:var(--6f5d5d);background-color:var(--e0b0f4)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-dangerous_iq5es_1002:hover{color:var(--6f5d5d);background-color:var(--e0b0f4)}}._ButtonBase--variant-dangerous_iq5es_1002[disabled],._ButtonBase--variant-dangerous_iq5es_1002[disabled]:hover{border-color:var(--7deffa)}._ButtonBase--variant-dangerous_iq5es_1002:active,._ButtonBase--variant-dangerous--dsInternalSimulation-active_iq5es_1023{color:var(--6b4e92);background-color:var(--a5eaa1)}._ButtonBase--variant-critical_iq5es_1027{color:var(--f68030);background-color:var(--faae28);border-color:var(--b357d0);text-decoration:var(--91f4fa)}._ButtonBase--variant-critical--dsInternalSimulation-hover_iq5es_1033{color:var(--c3136e);background-color:var(--064c43)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-critical_iq5es_1027:hover{color:var(--c3136e);background-color:var(--064c43)}}._ButtonBase--variant-critical_iq5es_1027[disabled],._ButtonBase--variant-critical_iq5es_1027[disabled]:hover{border-color:var(--e117c7)}._ButtonBase--variant-critical_iq5es_1027:active,._ButtonBase--variant-critical--dsInternalSimulation-active_iq5es_1048{color:var(--f9fba8);background-color:var(--152a7a)}._ButtonBase--variant-onColor_iq5es_1052{color:var(--96343f);background-color:var(--d64a99);border-color:var(--d2723c);text-decoration:var(--af7137)}._ButtonBase--variant-onColor--dsInternalSimulation-hover_iq5es_1058{color:var(--145384);background-color:var(--549e56)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-onColor_iq5es_1052:hover{color:var(--145384);background-color:var(--549e56)}}._ButtonBase--variant-onColor_iq5es_1052[disabled],._ButtonBase--variant-onColor_iq5es_1052[disabled]:hover{border-color:var(--e1a214)}._ButtonBase--variant-onColor_iq5es_1052:active,._ButtonBase--variant-onColor--dsInternalSimulation-active_iq5es_1073{color:var(--f772e8);background-color:var(--936fce)}._ButtonBase--variant-classroom_iq5es_1077{color:var(--8d482c);background-color:var(--7a038f);border-color:var(--38faba);text-decoration:var(--4d5ea8)}._ButtonBase--variant-classroom--dsInternalSimulation-hover_iq5es_1083{color:var(--55bfda);background-color:var(--077a93)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-classroom_iq5es_1077:hover{color:var(--55bfda);background-color:var(--077a93)}}._ButtonBase--variant-classroom_iq5es_1077[disabled],._ButtonBase--variant-classroom_iq5es_1077[disabled]:hover{border-color:var(--659377)}._ButtonBase--variant-classroom_iq5es_1077:active,._ButtonBase--variant-classroom--dsInternalSimulation-active_iq5es_1098{color:var(--b62751);background-color:var(--45d93a)}._ButtonBase--variant-classroom--is-selected_iq5es_1102{color:var(--a0b42b);background-color:var(--16a985)}._ButtonBase--variant-primaryB2b_iq5es_1106{color:var(--4a94de);background-color:var(--6c36b5);border-color:var(--4a9eb5);text-decoration:var(--6c9741)}._ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_iq5es_1112{color:var(--3e45d7);background-color:var(--dcdb32)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryB2b_iq5es_1106:hover{color:var(--3e45d7);background-color:var(--dcdb32)}}._ButtonBase--variant-primaryB2b_iq5es_1106[disabled],._ButtonBase--variant-primaryB2b_iq5es_1106[disabled]:hover{border-color:var(--e7f949)}._ButtonBase--variant-primaryB2b_iq5es_1106:active,._ButtonBase--variant-primaryB2b--dsInternalSimulation-active_iq5es_1127{color:var(--cb03bc);background-color:var(--fc3d8b)}._ButtonBase--variant-primaryTutor_iq5es_1131{color:var(--c93681);background-color:var(--4aa1b1);border-color:var(--f103e9);text-decoration:var(--6e7352)}._ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_iq5es_1137{color:var(--e91696);background-color:var(--46a009)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryTutor_iq5es_1131:hover{color:var(--e91696);background-color:var(--46a009)}}._ButtonBase--variant-primaryTutor_iq5es_1131[disabled],._ButtonBase--variant-primaryTutor_iq5es_1131[disabled]:hover{border-color:var(--f6a20e)}._ButtonBase--variant-primaryTutor_iq5es_1131:active,._ButtonBase--variant-primaryTutor--dsInternalSimulation-active_iq5es_1152{color:var(--58d992);background-color:var(--dd5a43)}._ButtonBase--variant-inverted_iq5es_1156{color:var(--81b7df);background-color:var(--c54155);border-color:var(--fe1378);text-decoration:var(--fb8624)}._ButtonBase--variant-inverted--dsInternalSimulation-hover_iq5es_1162{color:var(--79a09e);background-color:var(--8a16b5)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-inverted_iq5es_1156:hover{color:var(--79a09e);background-color:var(--8a16b5)}}._ButtonBase--variant-inverted_iq5es_1156[disabled],._ButtonBase--variant-inverted_iq5es_1156[disabled]:hover{border-color:var(--e797f1)}._ButtonBase--variant-inverted_iq5es_1156:active,._ButtonBase--variant-inverted--dsInternalSimulation-active_iq5es_1177{color:var(--77e945);background-color:var(--de59a1)}._ButtonBase--variant-newFeature_iq5es_1181{color:var(--ad44c3);background-color:var(--7dbfce);border-color:var(--a7eddc);text-decoration:var(--fd7ece)}._ButtonBase--variant-newFeature--dsInternalSimulation-hover_iq5es_1187{color:var(--ddcea1);background-color:var(--dd2815)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-newFeature_iq5es_1181:hover{color:var(--ddcea1);background-color:var(--dd2815)}}._ButtonBase--variant-newFeature_iq5es_1181[disabled],._ButtonBase--variant-newFeature_iq5es_1181[disabled]:hover{border-color:var(--7d2338)}._ButtonBase--variant-newFeature_iq5es_1181:active,._ButtonBase--variant-newFeature--dsInternalSimulation-active_iq5es_1202{color:var(--d4762b);background-color:var(--b3e453)}._ButtonBase--variant-ai_iq5es_1206{color:var(--aa08fb);background-color:var(--1bdcc0);border-color:var(--8e8894);text-decoration:var(--c82204)}._ButtonBase--variant-ai--dsInternalSimulation-hover_iq5es_1212{color:var(--59b757);background-color:var(--f043dc)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ai_iq5es_1206:hover{color:var(--59b757);background-color:var(--f043dc)}}._ButtonBase--variant-ai_iq5es_1206[disabled],._ButtonBase--variant-ai_iq5es_1206[disabled]:hover{border-color:var(--6ac212)}._ButtonBase--variant-ai_iq5es_1206:active,._ButtonBase--variant-ai--dsInternalSimulation-active_iq5es_1227{color:var(--349ae3);background-color:var(--5bba7d)}._ButtonBase--variant-ai_iq5es_1206{border-image:var(--0b0037)}._ButtonBase--variant-ai_iq5es_1206[disabled],._ButtonBase--variant-ai_iq5es_1206[disabled]:hover{border-image:initial;border-color:var(--6ac212)}._ButtonBase--no-wrap_iq5es_1239{min-width:max-content}
|