@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
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-Bxcv0yjW.js";import{r as x}from"./index-mfbfsM12.js";import{S as R}from"./Spinner-CLLOQh4W.js";import{u as $,m as H,s as B,b as a,f as y,B as V,a as W}from"./classNames-OZbnFNS5.js";import{u as Z}from"./useHostname-xnO3cZkD.js";import{g as G,a as J}from"./componentNames-BAR5iJaT.js";import{m as M}from"./index-CC6DAVyL.js";const Q="_ButtonBase_iq5es_51",_={"button-width--width-full":"_button-width--width-full_iq5es_5","button-width--width-auto":"_button-width--width-auto_iq5es_8","button-width--narrow-l--width-full":"_button-width--narrow-l--width-full_iq5es_12","button-width--narrow-l--width-auto":"_button-width--narrow-l--width-auto_iq5es_15","button-width--medium-s--width-full":"_button-width--medium-s--width-full_iq5es_20","button-width--medium-s--width-auto":"_button-width--medium-s--width-auto_iq5es_23","button-width--medium-l--width-full":"_button-width--medium-l--width-full_iq5es_28","button-width--medium-l--width-auto":"_button-width--medium-l--width-auto_iq5es_31","button-width--wide-s--width-full":"_button-width--wide-s--width-full_iq5es_36","button-width--wide-s--width-auto":"_button-width--wide-s--width-auto_iq5es_39","button-width--wide-l--width-full":"_button-width--wide-l--width-full_iq5es_44","button-width--wide-l--width-auto":"_button-width--wide-l--width-auto_iq5es_47",ButtonBase:Q,"ButtonBase--content":"_ButtonBase--content_iq5es_76","ButtonBase--is-icon-button":"_ButtonBase--is-icon-button_iq5es_83","ButtonBase--busy":"_ButtonBase--busy_iq5es_90","ButtonBase--is-busy":"_ButtonBase--is-busy_iq5es_113","ButtonBase--width-full":"_ButtonBase--width-full_iq5es_120","ButtonBase--width-auto":"_ButtonBase--width-auto_iq5es_123","ButtonBase--narrow-l--width-full":"_ButtonBase--narrow-l--width-full_iq5es_127","ButtonBase--narrow-l--width-auto":"_ButtonBase--narrow-l--width-auto_iq5es_130","ButtonBase--medium-s--width-full":"_ButtonBase--medium-s--width-full_iq5es_135","ButtonBase--medium-s--width-auto":"_ButtonBase--medium-s--width-auto_iq5es_138","ButtonBase--medium-l--width-full":"_ButtonBase--medium-l--width-full_iq5es_143","ButtonBase--medium-l--width-auto":"_ButtonBase--medium-l--width-auto_iq5es_146","ButtonBase--wide-s--width-full":"_ButtonBase--wide-s--width-full_iq5es_151","ButtonBase--wide-s--width-auto":"_ButtonBase--wide-s--width-auto_iq5es_154","ButtonBase--wide-l--width-full":"_ButtonBase--wide-l--width-full_iq5es_159","ButtonBase--wide-l--width-auto":"_ButtonBase--wide-l--width-auto_iq5es_162","ButtonBase--size-xs":"_ButtonBase--size-xs_iq5es_166","ButtonBase--is-icon-button-size-xs":"_ButtonBase--is-icon-button-size-xs_iq5es_175","ButtonBase--size-s":"_ButtonBase--size-s_iq5es_180","ButtonBase--is-icon-button-size-s":"_ButtonBase--is-icon-button-size-s_iq5es_189","ButtonBase--size-m":"_ButtonBase--size-m_iq5es_194","ButtonBase--is-icon-button-size-m":"_ButtonBase--is-icon-button-size-m_iq5es_203","ButtonBase--size-l":"_ButtonBase--size-l_iq5es_208","ButtonBase--is-icon-button-size-l":"_ButtonBase--is-icon-button-size-l_iq5es_217","ButtonBase--size-xl":"_ButtonBase--size-xl_iq5es_222","ButtonBase--is-icon-button-size-xl":"_ButtonBase--is-icon-button-size-xl_iq5es_231","ButtonBase--size-large":"_ButtonBase--size-large_iq5es_236","ButtonBase--is-icon-button-size-large":"_ButtonBase--is-icon-button-size-large_iq5es_245","ButtonBase--size-medium":"_ButtonBase--size-medium_iq5es_250","ButtonBase--is-icon-button-size-medium":"_ButtonBase--is-icon-button-size-medium_iq5es_259","ButtonBase--size-small":"_ButtonBase--size-small_iq5es_264","ButtonBase--is-icon-button-size-small":"_ButtonBase--is-icon-button-size-small_iq5es_273","ButtonBase--narrow-l--size-xs":"_ButtonBase--narrow-l--size-xs_iq5es_279","ButtonBase--narrow-l--is-icon-button-size-xs":"_ButtonBase--narrow-l--is-icon-button-size-xs_iq5es_288","ButtonBase--narrow-l--size-s":"_ButtonBase--narrow-l--size-s_iq5es_293","ButtonBase--narrow-l--is-icon-button-size-s":"_ButtonBase--narrow-l--is-icon-button-size-s_iq5es_302","ButtonBase--narrow-l--size-m":"_ButtonBase--narrow-l--size-m_iq5es_307","ButtonBase--narrow-l--is-icon-button-size-m":"_ButtonBase--narrow-l--is-icon-button-size-m_iq5es_316","ButtonBase--narrow-l--size-l":"_ButtonBase--narrow-l--size-l_iq5es_321","ButtonBase--narrow-l--is-icon-button-size-l":"_ButtonBase--narrow-l--is-icon-button-size-l_iq5es_330","ButtonBase--narrow-l--size-xl":"_ButtonBase--narrow-l--size-xl_iq5es_335","ButtonBase--narrow-l--is-icon-button-size-xl":"_ButtonBase--narrow-l--is-icon-button-size-xl_iq5es_344","ButtonBase--narrow-l--size-large":"_ButtonBase--narrow-l--size-large_iq5es_349","ButtonBase--narrow-l--is-icon-button-size-large":"_ButtonBase--narrow-l--is-icon-button-size-large_iq5es_358","ButtonBase--narrow-l--size-medium":"_ButtonBase--narrow-l--size-medium_iq5es_363","ButtonBase--narrow-l--is-icon-button-size-medium":"_ButtonBase--narrow-l--is-icon-button-size-medium_iq5es_372","ButtonBase--narrow-l--size-small":"_ButtonBase--narrow-l--size-small_iq5es_377","ButtonBase--narrow-l--is-icon-button-size-small":"_ButtonBase--narrow-l--is-icon-button-size-small_iq5es_386","ButtonBase--medium-s--size-xs":"_ButtonBase--medium-s--size-xs_iq5es_393","ButtonBase--medium-s--is-icon-button-size-xs":"_ButtonBase--medium-s--is-icon-button-size-xs_iq5es_402","ButtonBase--medium-s--size-s":"_ButtonBase--medium-s--size-s_iq5es_407","ButtonBase--medium-s--is-icon-button-size-s":"_ButtonBase--medium-s--is-icon-button-size-s_iq5es_416","ButtonBase--medium-s--size-m":"_ButtonBase--medium-s--size-m_iq5es_421","ButtonBase--medium-s--is-icon-button-size-m":"_ButtonBase--medium-s--is-icon-button-size-m_iq5es_430","ButtonBase--medium-s--size-l":"_ButtonBase--medium-s--size-l_iq5es_435","ButtonBase--medium-s--is-icon-button-size-l":"_ButtonBase--medium-s--is-icon-button-size-l_iq5es_444","ButtonBase--medium-s--size-xl":"_ButtonBase--medium-s--size-xl_iq5es_449","ButtonBase--medium-s--is-icon-button-size-xl":"_ButtonBase--medium-s--is-icon-button-size-xl_iq5es_458","ButtonBase--medium-s--size-large":"_ButtonBase--medium-s--size-large_iq5es_463","ButtonBase--medium-s--is-icon-button-size-large":"_ButtonBase--medium-s--is-icon-button-size-large_iq5es_472","ButtonBase--medium-s--size-medium":"_ButtonBase--medium-s--size-medium_iq5es_477","ButtonBase--medium-s--is-icon-button-size-medium":"_ButtonBase--medium-s--is-icon-button-size-medium_iq5es_486","ButtonBase--medium-s--size-small":"_ButtonBase--medium-s--size-small_iq5es_491","ButtonBase--medium-s--is-icon-button-size-small":"_ButtonBase--medium-s--is-icon-button-size-small_iq5es_500","ButtonBase--medium-l--size-xs":"_ButtonBase--medium-l--size-xs_iq5es_507","ButtonBase--medium-l--is-icon-button-size-xs":"_ButtonBase--medium-l--is-icon-button-size-xs_iq5es_516","ButtonBase--medium-l--size-s":"_ButtonBase--medium-l--size-s_iq5es_521","ButtonBase--medium-l--is-icon-button-size-s":"_ButtonBase--medium-l--is-icon-button-size-s_iq5es_530","ButtonBase--medium-l--size-m":"_ButtonBase--medium-l--size-m_iq5es_535","ButtonBase--medium-l--is-icon-button-size-m":"_ButtonBase--medium-l--is-icon-button-size-m_iq5es_544","ButtonBase--medium-l--size-l":"_ButtonBase--medium-l--size-l_iq5es_549","ButtonBase--medium-l--is-icon-button-size-l":"_ButtonBase--medium-l--is-icon-button-size-l_iq5es_558","ButtonBase--medium-l--size-xl":"_ButtonBase--medium-l--size-xl_iq5es_563","ButtonBase--medium-l--is-icon-button-size-xl":"_ButtonBase--medium-l--is-icon-button-size-xl_iq5es_572","ButtonBase--medium-l--size-large":"_ButtonBase--medium-l--size-large_iq5es_577","ButtonBase--medium-l--is-icon-button-size-large":"_ButtonBase--medium-l--is-icon-button-size-large_iq5es_586","ButtonBase--medium-l--size-medium":"_ButtonBase--medium-l--size-medium_iq5es_591","ButtonBase--medium-l--is-icon-button-size-medium":"_ButtonBase--medium-l--is-icon-button-size-medium_iq5es_600","ButtonBase--medium-l--size-small":"_ButtonBase--medium-l--size-small_iq5es_605","ButtonBase--medium-l--is-icon-button-size-small":"_ButtonBase--medium-l--is-icon-button-size-small_iq5es_614","ButtonBase--wide-s--size-xs":"_ButtonBase--wide-s--size-xs_iq5es_621","ButtonBase--wide-s--is-icon-button-size-xs":"_ButtonBase--wide-s--is-icon-button-size-xs_iq5es_630","ButtonBase--wide-s--size-s":"_ButtonBase--wide-s--size-s_iq5es_635","ButtonBase--wide-s--is-icon-button-size-s":"_ButtonBase--wide-s--is-icon-button-size-s_iq5es_644","ButtonBase--wide-s--size-m":"_ButtonBase--wide-s--size-m_iq5es_649","ButtonBase--wide-s--is-icon-button-size-m":"_ButtonBase--wide-s--is-icon-button-size-m_iq5es_658","ButtonBase--wide-s--size-l":"_ButtonBase--wide-s--size-l_iq5es_663","ButtonBase--wide-s--is-icon-button-size-l":"_ButtonBase--wide-s--is-icon-button-size-l_iq5es_672","ButtonBase--wide-s--size-xl":"_ButtonBase--wide-s--size-xl_iq5es_677","ButtonBase--wide-s--is-icon-button-size-xl":"_ButtonBase--wide-s--is-icon-button-size-xl_iq5es_686","ButtonBase--wide-s--size-large":"_ButtonBase--wide-s--size-large_iq5es_691","ButtonBase--wide-s--is-icon-button-size-large":"_ButtonBase--wide-s--is-icon-button-size-large_iq5es_700","ButtonBase--wide-s--size-medium":"_ButtonBase--wide-s--size-medium_iq5es_705","ButtonBase--wide-s--is-icon-button-size-medium":"_ButtonBase--wide-s--is-icon-button-size-medium_iq5es_714","ButtonBase--wide-s--size-small":"_ButtonBase--wide-s--size-small_iq5es_719","ButtonBase--wide-s--is-icon-button-size-small":"_ButtonBase--wide-s--is-icon-button-size-small_iq5es_728","ButtonBase--wide-l--size-xs":"_ButtonBase--wide-l--size-xs_iq5es_735","ButtonBase--wide-l--is-icon-button-size-xs":"_ButtonBase--wide-l--is-icon-button-size-xs_iq5es_744","ButtonBase--wide-l--size-s":"_ButtonBase--wide-l--size-s_iq5es_749","ButtonBase--wide-l--is-icon-button-size-s":"_ButtonBase--wide-l--is-icon-button-size-s_iq5es_758","ButtonBase--wide-l--size-m":"_ButtonBase--wide-l--size-m_iq5es_763","ButtonBase--wide-l--is-icon-button-size-m":"_ButtonBase--wide-l--is-icon-button-size-m_iq5es_772","ButtonBase--wide-l--size-l":"_ButtonBase--wide-l--size-l_iq5es_777","ButtonBase--wide-l--is-icon-button-size-l":"_ButtonBase--wide-l--is-icon-button-size-l_iq5es_786","ButtonBase--wide-l--size-xl":"_ButtonBase--wide-l--size-xl_iq5es_791","ButtonBase--wide-l--is-icon-button-size-xl":"_ButtonBase--wide-l--is-icon-button-size-xl_iq5es_800","ButtonBase--wide-l--size-large":"_ButtonBase--wide-l--size-large_iq5es_805","ButtonBase--wide-l--is-icon-button-size-large":"_ButtonBase--wide-l--is-icon-button-size-large_iq5es_814","ButtonBase--wide-l--size-medium":"_ButtonBase--wide-l--size-medium_iq5es_819","ButtonBase--wide-l--is-icon-button-size-medium":"_ButtonBase--wide-l--is-icon-button-size-medium_iq5es_828","ButtonBase--wide-l--size-small":"_ButtonBase--wide-l--size-small_iq5es_833","ButtonBase--wide-l--is-icon-button-size-small":"_ButtonBase--wide-l--is-icon-button-size-small_iq5es_842","ButtonBase--variant-primary":"_ButtonBase--variant-primary_iq5es_848","ButtonBase--variant-primary--dsInternalSimulation-hover":"_ButtonBase--variant-primary--dsInternalSimulation-hover_iq5es_854","ButtonBase--variant-primary--dsInternalSimulation-active":"_ButtonBase--variant-primary--dsInternalSimulation-active_iq5es_869","ButtonBase--variant-secondary":"_ButtonBase--variant-secondary_iq5es_873","ButtonBase--variant-secondary--dsInternalSimulation-hover":"_ButtonBase--variant-secondary--dsInternalSimulation-hover_iq5es_879","ButtonBase--variant-secondary--dsInternalSimulation-active":"_ButtonBase--variant-secondary--dsInternalSimulation-active_iq5es_894","ButtonBase--variant-tertiary":"_ButtonBase--variant-tertiary_iq5es_898","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"_ButtonBase--variant-tertiary--dsInternalSimulation-hover_iq5es_904","ButtonBase--variant-tertiary--dsInternalSimulation-active":"_ButtonBase--variant-tertiary--dsInternalSimulation-active_iq5es_919","ButtonBase--variant-quaternary":"_ButtonBase--variant-quaternary_iq5es_923","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"_ButtonBase--variant-quaternary--dsInternalSimulation-hover_iq5es_929","ButtonBase--variant-quaternary--dsInternalSimulation-active":"_ButtonBase--variant-quaternary--dsInternalSimulation-active_iq5es_944","ButtonBase--variant-ghost":"_ButtonBase--variant-ghost_iq5es_948","ButtonBase--variant-ghost--dsInternalSimulation-hover":"_ButtonBase--variant-ghost--dsInternalSimulation-hover_iq5es_954","ButtonBase--variant-ghost--dsInternalSimulation-active":"_ButtonBase--variant-ghost--dsInternalSimulation-active_iq5es_969","ButtonBase--variant-ghost--is-selected":"_ButtonBase--variant-ghost--is-selected_iq5es_973","ButtonBase--variant-plain":"_ButtonBase--variant-plain_iq5es_977","ButtonBase--variant-plain--dsInternalSimulation-hover":"_ButtonBase--variant-plain--dsInternalSimulation-hover_iq5es_983","ButtonBase--variant-plain--dsInternalSimulation-active":"_ButtonBase--variant-plain--dsInternalSimulation-active_iq5es_998","ButtonBase--variant-dangerous":"_ButtonBase--variant-dangerous_iq5es_1002","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"_ButtonBase--variant-dangerous--dsInternalSimulation-hover_iq5es_1008","ButtonBase--variant-dangerous--dsInternalSimulation-active":"_ButtonBase--variant-dangerous--dsInternalSimulation-active_iq5es_1023","ButtonBase--variant-critical":"_ButtonBase--variant-critical_iq5es_1027","ButtonBase--variant-critical--dsInternalSimulation-hover":"_ButtonBase--variant-critical--dsInternalSimulation-hover_iq5es_1033","ButtonBase--variant-critical--dsInternalSimulation-active":"_ButtonBase--variant-critical--dsInternalSimulation-active_iq5es_1048","ButtonBase--variant-onColor":"_ButtonBase--variant-onColor_iq5es_1052","ButtonBase--variant-onColor--dsInternalSimulation-hover":"_ButtonBase--variant-onColor--dsInternalSimulation-hover_iq5es_1058","ButtonBase--variant-onColor--dsInternalSimulation-active":"_ButtonBase--variant-onColor--dsInternalSimulation-active_iq5es_1073","ButtonBase--variant-classroom":"_ButtonBase--variant-classroom_iq5es_1077","ButtonBase--variant-classroom--dsInternalSimulation-hover":"_ButtonBase--variant-classroom--dsInternalSimulation-hover_iq5es_1083","ButtonBase--variant-classroom--dsInternalSimulation-active":"_ButtonBase--variant-classroom--dsInternalSimulation-active_iq5es_1098","ButtonBase--variant-classroom--is-selected":"_ButtonBase--variant-classroom--is-selected_iq5es_1102","ButtonBase--variant-primaryB2b":"_ButtonBase--variant-primaryB2b_iq5es_1106","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_iq5es_1112","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-active_iq5es_1127","ButtonBase--variant-primaryTutor":"_ButtonBase--variant-primaryTutor_iq5es_1131","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_iq5es_1137","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-active_iq5es_1152","ButtonBase--variant-inverted":"_ButtonBase--variant-inverted_iq5es_1156","ButtonBase--variant-inverted--dsInternalSimulation-hover":"_ButtonBase--variant-inverted--dsInternalSimulation-hover_iq5es_1162","ButtonBase--variant-inverted--dsInternalSimulation-active":"_ButtonBase--variant-inverted--dsInternalSimulation-active_iq5es_1177","ButtonBase--variant-newFeature":"_ButtonBase--variant-newFeature_iq5es_1181","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"_ButtonBase--variant-newFeature--dsInternalSimulation-hover_iq5es_1187","ButtonBase--variant-newFeature--dsInternalSimulation-active":"_ButtonBase--variant-newFeature--dsInternalSimulation-active_iq5es_1202","ButtonBase--variant-ai":"_ButtonBase--variant-ai_iq5es_1206","ButtonBase--variant-ai--dsInternalSimulation-hover":"_ButtonBase--variant-ai--dsInternalSimulation-hover_iq5es_1212","ButtonBase--variant-ai--dsInternalSimulation-active":"_ButtonBase--variant-ai--dsInternalSimulation-active_iq5es_1227","ButtonBase--no-wrap":"_ButtonBase--no-wrap_iq5es_1239"},w="ButtonBase",X=t=>Object.prototype.hasOwnProperty.call(t,"selected"),c=({children:t,busy:s})=>{const o=[...y(_,w,["content"])],l=[...y(_,w,["busy"])];return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:o.join(" "),children:t}),s&&e.jsx("span",{className:l.join(" "),children:e.jsx(R,{})})]})},ot=t=>{const{variant:s=V,size:o=W,fullWidth:l=!1,wrap:p=!1,href:f,download:g,opensInNewTab:T,nofollow:C,submitsForm:N,assistiveText:j,onClick:r,disabled:u,busy:i,isIconButton:z,as:q,url:E,a11yLabel:F,dataset:D,children:m,dsInternalSimulation:P,preplyDsComponent:U}=t,{selected:k}=X(t)?t:{selected:void 0};$(_);const A=Z(),v=x.useRef(null),O=n=>{(u||i)&&n.preventDefault(),r==null||r(n)},L=n=>{var I;const S=M(n.key);(S===" "||S==="Enter")&&(n.preventDefault(),(I=v.current)==null||I.click())},K=H(_,w,[B(`variant-${s}--dsInternalSimulation`,P),B("variant",s),B("size",o),z?B("is-icon-button-size",o):[],a(void 0,"no-wrap",p),a("width-full","width-auto",l),a("is-busy",void 0,i),a("is-icon-button",void 0,z),a(`variant-${s}--is-selected`,void 0,k)]),b={...G(D,{preplyDsComponent:U}),className:K.join(" "),"aria-label":j||F,onClick:O,disabled:u,"aria-disabled":u||i?!0:void 0},d=f||E,h={...b,download:g,ref:v,role:"button",tabIndex:u?-1:0,href:d,onKeyDown:L};return d?e.jsx("a",{...h,...J(A,d,T,C),children:c({children:m,busy:i})}):q?x.cloneElement(q,{...h},c({children:m,busy:i})):e.jsx("button",{...b,type:N?"submit":"button",children:c({children:m,busy:i})})};export{ot as B};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._chips_1fzbl_3{display:flex;gap:var(--813599);flex-wrap:wrap}._chips_1fzbl_3:is(ul){list-style:none;margin:0;padding:0}._chips_1fzbl_3 ._chip_1fzbl_3{box-sizing:border-box;cursor:pointer;height:var(--ece0fe);width:fit-content;font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e);color:var(--628fb7);background-color:var(--3546c3);border:solid var(--26b8e3);border-radius:var(--fa4b1a);border-color:var(--c03289);display:flex;align-items:center}._chips_1fzbl_3 ._chip_1fzbl_3 button{all:unset}@media (hover: hover) and (pointer: fine){._chips_1fzbl_3 ._chip_1fzbl_3:hover{background-color:var(--302ecf)}}._chips_1fzbl_3 ._chip_1fzbl_3:has(._chip-toggle_1fzbl_37:focus-visible){outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--05dd73)}._chips_1fzbl_3 ._chip_1fzbl_3:has(._chip-toggle_1fzbl_37:active){border-color:var(--11d206);background-color:var(--a5c761)}._chips_1fzbl_3 ._chip_1fzbl_3:has(._chip-toggle_1fzbl_37[aria-pressed=true]){border-color:var(--11d206);background-color:var(--a5c761)}._chips_1fzbl_3 ._chip_1fzbl_3 ._chip-toggle_1fzbl_37{padding:var(--66b80b) var(--813599);display:flex;gap:var(--66b80b)}._chips_1fzbl_3 ._chip_1fzbl_3 ._chip-remove_1fzbl_54{height:fit-content;width:fit-content;display:flex;justify-content:center;align-items:center;padding:var(--66b80b) var(--813599) var(--66b80b) 0;border-radius:inherit}._chips_1fzbl_3 ._chip_1fzbl_3 ._chip-remove_1fzbl_54:focus-visible{outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--109103) var(--05dd73)}._chips_1fzbl_3[data-variant=choice] ._chip_1fzbl_3:has(._chip-toggle_1fzbl_37[aria-pressed=true]){color:var(--c2b191);background-color:var(--4983fe)}._chips_1fzbl_3[data-variant=choice] ._chip_1fzbl_3 ._chip-remove_1fzbl_54{display:none}._chips_1fzbl_3[data-variant=filter] ._chip_1fzbl_3:has(._chip-toggle_1fzbl_37[aria-pressed=false]) ._chip-remove_1fzbl_54{display:none}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import{j as
|
|
1
|
+
import{j as s}from"./jsx-runtime-Bxcv0yjW.js";import{F as G}from"./TokyoUIFav-B288CER3.js";import{v as J}from"./v4-CQkTLCs1.js";import{r as l}from"./index-mfbfsM12.js";import{I}from"./Icon-Bh8jd4gJ.js";import{g as H,w as Z}from"./componentNames-BAR5iJaT.js";import{S as Q}from"./StoryContextDSWeb-BlVCJKyi.js";import"./_commonjsHelpers-BosuxZz1.js";import"./classNames-OZbnFNS5.js";import"./useTextAccentClassnames-flfSYb_B.js";import"./styled-components.browser.esm-BaO8iHee.js";import"./StorybookGlobalStyle-BcEQvG9t.js";import"./RootProvider-BOk-5jT9.js";import"./useTheme-BV4v5x7f.js";import"./useColorScheme-Bv74nHTy.js";const{addons:X}=__STORYBOOK_MODULE_PREVIEW_API__,{global:w}=__STORYBOOK_MODULE_GLOBAL__,{ImplicitActionsDuringRendering:ee}=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__;var te="storybook/actions",ie=`${te}/action-event`,se={depth:10,clearOnStoryChange:!0,limit:50},q=(t,i)=>{let e=Object.getPrototypeOf(t);return!e||i(e)?e:q(e,i)},re=t=>!!(typeof t=="object"&&t&&q(t,i=>/^Synthetic(?:Base)?Event$/.test(i.constructor.name))&&typeof t.persist=="function"),ne=t=>{if(re(t)){let i=Object.create(t.constructor.prototype,Object.getOwnPropertyDescriptors(t));i.persist();let e=Object.getOwnPropertyDescriptor(i,"view"),r=e==null?void 0:e.value;return typeof r=="object"&&(r==null?void 0:r.constructor.name)==="Window"&&Object.defineProperty(i,"view",{...e,value:Object.create(r.constructor.prototype)}),i}return t},oe=()=>typeof crypto=="object"&&typeof crypto.getRandomValues=="function"?J():Date.now().toString(36)+Math.random().toString(36).substring(2);function c(t,i={}){let e={...se,...i},r=function(...n){var _,x;if(i.implicit){let O=(_="__STORYBOOK_PREVIEW__"in w?w.__STORYBOOK_PREVIEW__:void 0)==null?void 0:_.storyRenders.find(m=>m.phase==="playing"||m.phase==="rendering");if(O){let m=!((x=window==null?void 0:window.FEATURES)!=null&&x.disallowImplicitActionsInRenderV8),P=new ee({phase:O.phase,name:t,deprecated:m});if(m)console.warn(P);else throw P}}let a=X.getChannel(),b=oe(),S=5,p=n.map(ne),y=n.length>1?p:p[0],j={id:b,count:0,data:{name:t,args:y},options:{...e,maxDepth:S+(e.depth||3),allowFunction:e.allowFunction||!1}};a.emit(ie,j)};return r.isAction=!0,r.implicit=i.implicit,r}const ae="_chips_1fzbl_3",le="_chip_1fzbl_3",C={chips:ae,chip:le,"chip-toggle":"_chip-toggle_1fzbl_37","chip-remove":"_chip-remove_1fzbl_54"},ce=({title:t,titleId:i,...e},r)=>l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:r,"aria-labelledby":i,...e},t?l.createElement("title",{id:i},t):null,l.createElement("path",{fillRule:"evenodd",d:"M7.207 5.793a1 1 0 0 0-1.414 1.414L10.586 12l-4.793 4.793a1 1 0 1 0 1.414 1.414L12 13.414l4.793 4.793a1 1 0 0 0 1.414-1.414L13.414 12l4.793-4.793a1 1 0 0 0-1.414-1.414L12 10.586 7.207 5.793Z",clipRule:"evenodd"})),pe=l.forwardRef(ce),o=({variant:t="choice",children:i,"aria-label":e,dataset:r})=>{const n={...r,variant:t};return s.jsx("ul",{"aria-label":e,className:C.chips,...H(n,{preplyDsComponent:Z.Chips}),children:i})};o.Item=function({label:i,leadingSvgIcon:e,pressed:r,onToggle:n,onRemove:a,"aria-controls":b,dataset:S}){const p=()=>n==null?void 0:n(!r),y=a??p;return s.jsxs("li",{className:C.chip,...H(S,{preplyDsComponent:Z.Chip}),children:[s.jsxs("button",{type:"button",className:C["chip-toggle"],"aria-pressed":r,"aria-controls":b,onClick:p,onKeyUp:j=>{switch(j.key){case"Backspace":case"Delete":if(!r)return;p();break}},children:[e&&s.jsx(I,{size:"24",svg:e}),i]}),s.jsx("button",{type:"button",className:C["chip-remove"],onClick:y,"aria-label":"Remove","aria-controls":b,children:s.jsx(I,{size:"24",svg:pe})})]})};const Pe={title:"components/Chips",component:o,subcomponents:{Item:o.Item},parameters:{docs:{description:`
|
|
2
2
|
Chips streamline filtering or action selection for users.
|
|
3
3
|
|
|
4
4
|
See page on [Path](https://zeroheight.com/62fdeb7ec/v/latest/p/79810d-chip) site for design and usage info.
|
|
5
|
-
`}},decorators:[t=>
|
|
5
|
+
`}},decorators:[t=>s.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:s.jsx(Q,{theme:"tokyo-ui",children:t()})})]},v=()=>{const[t,i]=l.useState(!1);return s.jsx(o,{"aria-label":"Chips",children:s.jsx(o.Item,{label:"Chip",pressed:t,onToggle:i})})},d=()=>{const[t,i]=l.useState({Ambition:!1,Boldness:!1,Collaboration:!0});return s.jsx(o,{variant:"choice","aria-label":"Principle choices",children:Object.entries(t).map(([e,r])=>s.jsx(o.Item,{label:e,pressed:r,onToggle:n=>{i(a=>({...a,[e]:n})),c(`Toggle ${e} ${n?"on":"off"}`)()}},e))})};d.parameters={docs:{description:{story:"`Choice` Chips are used to select from a list of suggested options."}}};const u=()=>{const[t,i]=l.useState({Ambition:!1,Boldness:!1,Collaboration:!0});return s.jsx(o,{variant:"choice","aria-label":"Principle choices",children:Object.entries(t).map(([e,r])=>s.jsx(o.Item,{label:e,leadingSvgIcon:G,pressed:r,onToggle:n=>{i(a=>({...a,[e]:n})),c(`Toggle ${e} ${n?"on":"off"}`)()}},e))})};u.parameters={docs:{description:{story:"They may also have leading icons:"}}};const f=()=>{const[t,i]=l.useState({Ambition:!1,Boldness:!1,Collaboration:!0});return s.jsx(o,{variant:"filter","aria-label":"Principle filters",children:Object.entries(t).map(([e,r])=>s.jsx(o.Item,{label:e,pressed:r,onToggle:n=>{i(a=>({...a,[e]:n})),c(`Toggle ${e} ${n?"on":"off"}`)()}},e))})};f.parameters={docs:{description:{story:"`Filter` Chips are used to add and remove filtering options from a list."}}};const h=()=>{const[t,i]=l.useState({Ambition:!1,Boldness:!1,Collaboration:!0});return s.jsx(o,{variant:"filter","aria-label":"Principle filters",children:Object.entries(t).map(([e,r])=>s.jsx(o.Item,{label:e,leadingSvgIcon:G,pressed:r,onToggle:n=>{i(a=>({...a,[e]:n})),c(`Toggle ${e} ${n?"on":"off"}`)()}},e))})};h.parameters={docs:{description:{story:"They may also have leading icons:"}}};const g=()=>{const[t,i]=l.useState(!1),[e,r]=l.useState(void 0);return s.jsxs("div",{children:[s.jsx(o,{variant:"filter","aria-label":"Principle filters",children:s.jsx(o.Item,{label:"Principles",pressed:t,onToggle:n=>{if(e!==void 0){r(void 0),c("Clear selected filter")();return}i(n),c(`Toggle filter ${n?"on":"off"}`)()},onRemove:()=>{r(void 0),i(!1),c("Remove filter")()},"aria-controls":"principle-menu"})}),s.jsx("div",{id:"principle-menu",children:t&&(e?s.jsxs(s.Fragment,{children:[s.jsx("p",{children:"Your favorite principle is:"}),s.jsx("p",{children:e})]}):s.jsxs(s.Fragment,{children:[s.jsx("p",{children:"What's your favorite principle?"}),s.jsxs("form",{onSubmit:n=>{n.preventDefault(),r(n.nativeEvent.submitter.value)},children:[s.jsx("input",{type:"submit",value:"Ambition"}),s.jsx("input",{type:"submit",value:"Boldness"}),s.jsx("input",{type:"submit",value:"Collaboration"})]})]}))})]})};g.parameters={docs:{description:{story:`
|
|
6
6
|
Here is a complex example in which a chip can toggle a sub-flow for filter
|
|
7
7
|
selection:
|
|
8
8
|
`}}};var E,R,T;v.parameters={...v.parameters,docs:{...(E=v.parameters)==null?void 0:E.docs,source:{originalSource:`() => {
|
|
@@ -40,7 +40,7 @@ selection:
|
|
|
40
40
|
action(\`Toggle \${name} \${newState ? 'on' : 'off'}\`)();
|
|
41
41
|
}} />)}
|
|
42
42
|
</Chips>;
|
|
43
|
-
}`,...(W=(D=u.parameters)==null?void 0:D.docs)==null?void 0:W.source}}};var k,L
|
|
43
|
+
}`,...(W=(D=u.parameters)==null?void 0:D.docs)==null?void 0:W.source}}};var k,z,L;f.parameters={...f.parameters,docs:{...(k=f.parameters)==null?void 0:k.docs,source:{originalSource:`() => {
|
|
44
44
|
const [filters, setFilters] = useState({
|
|
45
45
|
Ambition: false,
|
|
46
46
|
Boldness: false,
|
|
@@ -55,7 +55,7 @@ selection:
|
|
|
55
55
|
action(\`Toggle \${name} \${newState ? 'on' : 'off'}\`)();
|
|
56
56
|
}} />)}
|
|
57
57
|
</Chips>;
|
|
58
|
-
}`,...(
|
|
58
|
+
}`,...(L=(z=f.parameters)==null?void 0:z.docs)==null?void 0:L.source}}};var N,V,Y;h.parameters={...h.parameters,docs:{...(N=h.parameters)==null?void 0:N.docs,source:{originalSource:`() => {
|
|
59
59
|
const [filters, setFilters] = useState({
|
|
60
60
|
Ambition: false,
|
|
61
61
|
Boldness: false,
|
|
@@ -70,7 +70,7 @@ selection:
|
|
|
70
70
|
action(\`Toggle \${name} \${newState ? 'on' : 'off'}\`)();
|
|
71
71
|
}} />)}
|
|
72
72
|
</Chips>;
|
|
73
|
-
}`,...(Y=(
|
|
73
|
+
}`,...(Y=(V=h.parameters)==null?void 0:V.docs)==null?void 0:Y.source}}};var K,U,M;g.parameters={...g.parameters,docs:{...(K=g.parameters)==null?void 0:K.docs,source:{originalSource:`() => {
|
|
74
74
|
const [filterPrinciple, setFilterPrinciple] = useState(false);
|
|
75
75
|
const [principle, setPrinciple] = useState<string | undefined>(undefined);
|
|
76
76
|
return <div>
|
|
@@ -107,4 +107,4 @@ selection:
|
|
|
107
107
|
</>)}
|
|
108
108
|
</div>
|
|
109
109
|
</div>;
|
|
110
|
-
}`,...(M=(U=g.parameters)==null?void 0:U.docs)==null?void 0:M.source}}};const
|
|
110
|
+
}`,...(M=(U=g.parameters)==null?void 0:U.docs)==null?void 0:M.source}}};const Ie=["Base","Choice","ChoiceWithIcons","Filter","FilterWithIcons","ComplexFilter"];export{v as Base,d as Choice,u as ChoiceWithIcons,g as ComplexFilter,f as Filter,h as FilterWithIcons,Ie as __namedExportsOrder,Pe as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{ak as Me,al as $,a2 as ie,a0 as Ce,w as $e,am as Oe,an as Ie}from"./index-CXQveQOi.js";import{R as h,r as m}from"./index-mfbfsM12.js";import{g as ue}from"./_commonjsHelpers-BosuxZz1.js";import{_ as Ne,i as fe}from"./index-nrpnv_Jx.js";import"./iframe-9MNwBgj-.js";import"../sb-preview/runtime.js";import"./index-CnQXyiSh.js";import"./index-D-8MO0q_.js";import"./index-DrFu-skq.js";function I(){return(I=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function J(e,t){if(e==null)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}function K(e){var t=m.useRef(e),n=m.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var R=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e<t?t:e},F=function(e){return"touches"in e},V=function(e){return e&&e.ownerDocument.defaultView||self},te=function(e,t,n){var r=e.getBoundingClientRect(),o=F(t)?function(a,s){for(var l=0;l<a.length;l++)if(a[l].identifier===s)return a[l];return a[0]}(t.touches,n):t;return{left:R((o.pageX-(r.left+V(e).pageXOffset))/r.width),top:R((o.pageY-(r.top+V(e).pageYOffset))/r.height)}},ne=function(e){!F(e)&&e.preventDefault()},Q=h.memo(function(e){var t=e.onMove,n=e.onKey,r=J(e,["onMove","onKey"]),o=m.useRef(null),a=K(t),s=K(n),l=m.useRef(null),c=m.useRef(!1),i=m.useMemo(function(){var x=function(p){ne(p),(F(p)?p.touches.length>0:p.buttons>0)&&o.current?a(te(o.current,p,l.current)):M(!1)},j=function(){return M(!1)};function M(p){var b=c.current,w=V(o.current),E=p?w.addEventListener:w.removeEventListener;E(b?"touchmove":"mousemove",x),E(b?"touchend":"mouseup",j)}return[function(p){var b=p.nativeEvent,w=o.current;if(w&&(ne(b),!function(k,O){return O&&!F(k)}(b,c.current)&&w)){if(F(b)){c.current=!0;var E=b.changedTouches||[];E.length&&(l.current=E[0].identifier)}w.focus(),a(te(w,b,l.current)),M(!0)}},function(p){var b=p.which||p.keyCode;b<37||b>40||(p.preventDefault(),s({left:b===39?.05:b===37?-.05:0,top:b===40?.05:b===38?-.05:0}))},M]},[s,a]),d=i[0],f=i[1],g=i[2];return m.useEffect(function(){return g},[g]),h.createElement("div",I({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),T=function(e){return e.filter(Boolean).join(" ")},Z=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=T(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},y=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?y(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?y(parseInt(e.substring(6,8),16)/255,2):1}},je=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},ze=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?Fe({h:je(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},Fe=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},He=function(e){return Pe(de(e))},he=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:y(e.h),s:y(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:y(o/2),a:y(r,2)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},B=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),s=r*(1-n),l=r*(1-(t-a)*n),c=r*(1-(1-t+a)*n),i=a%6;return{r:y(255*[r,l,s,s,c,r][i]),g:y(255*[c,r,r,l,s,s][i]),b:y(255*[s,s,c,r,r,l][i]),a:y(o,2)}},Te=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},P=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Pe=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?P(y(255*o)):"";return"#"+P(t)+P(n)+P(r)+a},ge=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),s=a-Math.min(t,n,r),l=s?a===t?(n-r)/s:a===n?2+(r-t)/s:4+(t-n)/s:0;return{h:y(60*(l<0?l+6:l)),s:y(a?s/a*100:0),v:y(a/255*100),a:o}},me=h.memo(function(e){var t=e.hue,n=e.onChange,r=T(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Q,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:R(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(Z,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),be=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Q,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:R(t.s+100*o.left,0,100),v:R(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(Z,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(n),o=m.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=m.useRef({color:t,hsva:a});m.useEffect(function(){if(!e.equal(t,l.current.color)){var i=e.toHsva(t);l.current={hsva:i,color:t},s(i)}},[t,e]),m.useEffect(function(){var i;ve(a,l.current.hsva)||e.equal(i=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:i},r(i))},[a,e,r]);var c=m.useCallback(function(i){s(function(d){return Object.assign({},d,i)})},[]);return[a,c]}var qe=typeof window<"u"?m.useLayoutEffect:m.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},re=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!re.has(t)){var n=t.createElement("style");n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,re.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},Xe=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=J(e,["className","colorModel","color","onChange"]),l=m.useRef(null);xe(l);var c=ye(n,o,a),i=c[0],d=c[1],f=T(["react-colorful",t]);return h.createElement("div",I({},s,{ref:l,className:f}),h.createElement(be,{hsva:i,onChange:d}),h.createElement(me,{hue:i.h,onChange:d,className:"react-colorful__last-control"}))},De={defaultColor:"000",toHsva:Re,fromHsva:function(e){return He({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},We=function(e){return h.createElement(Xe,I({},e,{colorModel:De}))},Ke=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+B(Object.assign({},n,{a:0}))+", "+B(Object.assign({},n,{a:1}))+")"},a=T(["react-colorful__alpha",t]),s=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Q,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:R(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(Z,{className:"react-colorful__alpha-pointer",left:n.a,color:B(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=J(e,["className","colorModel","color","onChange"]),l=m.useRef(null);xe(l);var c=ye(n,o,a),i=c[0],d=c[1],f=T(["react-colorful",t]);return h.createElement("div",I({},s,{ref:l,className:f}),h.createElement(be,{hsva:i,onChange:d}),h.createElement(me,{hue:i.h,onChange:d}),h.createElement(Ke,{hsva:i,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ze,fromHsva:B,equal:pe},Ae=function(e){return h.createElement(we,I({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Te,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,I({},e,{colorModel:Ge}))},Ye={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const H=Ye,ke={};for(const e of Object.keys(H))ke[H[e]]=e;const u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var _e=u;for(const e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),s=a-o;let l,c;a===o?l=0:t===a?l=(n-r)/s:n===a?l=2+(r-t)/s:r===a&&(l=4+(t-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);const i=(o+a)/2;return a===o?c=0:i<=.5?c=s/(a+o):c=s/(2-a-o),[l,c*100,i*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,c=e[2]/255,i=Math.max(s,l,c),d=i-Math.min(s,l,c),f=function(g){return(i-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/i,t=f(s),n=f(l),r=f(c),s===i?o=r-n:l===i?o=1/3+t-r:c===i&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,i*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-r-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function Je(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(H)){const a=H[o],s=Je(e,a);s<n&&(n=s,r=o)}return r};u.keyword.rgb=function(e){return H[e]};u.rgb.xyz=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255;t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,s=t*.0193+n*.1192+r*.9505;return[o*100,a*100,s*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,s=500*(n-r),l=200*(r-o);return[a,s,l]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,s;if(n===0)return s=r*255,[s,s,s];r<.5?o=r*(1+n):o=r+n-r*n;const l=2*r-o,c=[0,0,0];for(let i=0;i<3;i++)a=t+1/3*-(i-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,c[i]=s*255;return c};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const s=(r+n)/2,l=r===0?2*o/(a+o):2*n/(r+n);return[t,l*100,s*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),s=255*r*(1-n),l=255*r*(1-n*a),c=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,c,s];case 1:return[l,r,s];case 2:return[s,r,c];case 3:return[s,l,r];case 4:return[c,s,r];case 5:return[r,s,l]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,s;s=(2-n)*r;const l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[t,a*100,s*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const s=Math.floor(6*t),l=1-r;a=6*t-s,s&1&&(a=1-a);const c=n+a*(l-n);let i,d,f;switch(s){default:case 6:case 0:i=l,d=c,f=n;break;case 1:i=c,d=l,f=n;break;case 2:i=n,d=l,f=c;break;case 3:i=n,d=c,f=l;break;case 4:i=c,d=n,f=l;break;case 5:i=l,d=n,f=c;break}return[i*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,r*(1-o)+o);return[a*255,s*255,l*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,s;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,s=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),s=200*(n-r);return[o,a,s]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,s;a=(t+16)/116,o=n/500+a,s=a-r/200;const l=a**3,c=o**3,i=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=c>.008856?c:(o-16/116)/7.787,s=i>.008856?i:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[t,s,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),s=n*Math.sin(o);return[t,a,s]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(l=>l+l).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,s=r&255;return[o,a,s]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),s=o-a;let l,c;return s<1?l=a/(1-s):l=0,s<=0?c=0:o===t?c=(n-r)/s%6:o===n?c=2+(r-t)/s:c=4+(t-n)/s,c/=6,c%=1,[c*360,s*100,l*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,s=a%1,l=1-s;let c=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return c=(1-n)*r,[(n*o[0]+c)*255,(n*o[1]+c)*255,(n*o[2]+c)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*100]};u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};u.gray.hsl=function(e){return[0,0,e[0]]};u.gray.hsv=u.gray.hsl;u.gray.hwb=function(e){return[0,100,e[0]]};u.gray.cmyk=function(e){return[0,0,0,e[0]]};u.gray.lab=function(e){return[e[0],0,0]};u.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r};u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const X=_e;function Qe(){const e={},t=Object.keys(X);for(let n=t.length,r=0;r<n;r++)e[t[r]]={distance:-1,parent:null};return e}function Ze(e){const t=Qe(),n=[e];for(t[e].distance=0;n.length;){const r=n.pop(),o=Object.keys(X[r]);for(let a=o.length,s=0;s<a;s++){const l=o[s],c=t[l];c.distance===-1&&(c.distance=t[r].distance+1,c.parent=r,n.unshift(l))}}return t}function et(e,t){return function(n){return t(e(n))}}function tt(e,t){const n=[t[e].parent,e];let r=X[t[e].parent][e],o=t[e].parent;for(;t[o].parent;)n.unshift(t[o].parent),r=et(X[t[o].parent][o],r),o=t[o].parent;return r.conversion=n,r}var nt=function(e){const t=Ze(e),n={},r=Object.keys(t);for(let o=r.length,a=0;a<o;a++){const s=r[a];t[s].parent!==null&&(n[s]=tt(s,t))}return n};const U=_e,rt=nt,N={},ot=Object.keys(U);function at(e){const t=function(...n){const r=n[0];return r==null?r:(r.length>1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function st(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s<a;s++)o[s]=Math.round(o[s]);return o};return"conversion"in e&&(t.conversion=e.conversion),t}ot.forEach(e=>{N[e]={},Object.defineProperty(N[e],"channels",{value:U[e].channels}),Object.defineProperty(N[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];N[e][r]=st(o),N[e][r].raw=at(o)})});var lt=N;const _=ue(lt);var ct=Ne,it=function(){return ct.Date.now()},ut=it,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,mt=/^\s+/;function bt(e){return e&&e.slice(0,gt(e)+1).replace(mt,"")}var vt=bt,pt=vt,oe=fe,yt=Me,ae=NaN,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return ae;if(oe(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=oe(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?ae:+e}var Mt=Et,Ct=fe,W=ut,se=Mt,$t="Expected a function",Ot=Math.max,It=Math.min;function Nt(e,t,n){var r,o,a,s,l,c,i=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError($t);t=se(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?Ot(se(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function x(v){var C=r,z=o;return r=o=void 0,i=v,s=e.apply(z,C),s}function j(v){return i=v,l=setTimeout(b,t),d?x(v):s}function M(v){var C=v-c,z=v-i,ee=t-C;return f?It(ee,a-z):ee}function p(v){var C=v-c,z=v-i;return c===void 0||C>=t||C<0||f&&z>=a}function b(){var v=W();if(p(v))return w(v);l=setTimeout(b,M(v))}function w(v){return l=void 0,g&&r?x(v):(r=o=void 0,s)}function E(){l!==void 0&&clearTimeout(l),i=0,r=c=o=l=void 0}function k(){return l===void 0?s:w(W())}function O(){var v=W(),C=p(v);if(r=arguments,o=this,c=v,C){if(l===void 0)return j(c);if(f)return clearTimeout(l),l=setTimeout(b,t),x(c)}return l===void 0&&(l=setTimeout(b,t)),s}return O.cancel=E,O.flush=k,O}var St=Nt;const Rt=ue(St);var jt=$.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),zt=$(ie)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ft=$.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Ht=$(Ce)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Tt=$.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Pt=$.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Lt=`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,le=({value:e,style:t,...n})=>{let r=`linear-gradient(${e}, ${e}), ${Lt}, linear-gradient(#fff, #fff)`;return h.createElement(Pt,{...n,style:{...t,backgroundImage:r}})},qt=$($e.Input)(({theme:e,readOnly:t})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Bt=$(Oe)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),L=Object.values(Ee),Xt=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Dt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Wt=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Kt=/^\s*#?([0-9a-f]{3})\s*$/i,Vt={hex:We,rgb:Ue,hsl:Ae},q={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(Xt);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},S=e=>{if(!e)return;let t=!0;if(Dt.test(e)){let[s,l,c,i]=ce(e),[d,f,g]=_.rgb.hsl([s,l,c])||[0,0,0];return{valid:t,value:e,keyword:_.rgb.keyword([s,l,c]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${i})`,hex:`#${_.rgb.hex([s,l,c]).toLowerCase()}`}}if(Wt.test(e)){let[s,l,c,i]=ce(e),[d,f,g]=_.hsl.rgb([s,l,c])||[0,0,0];return{valid:t,value:e,keyword:_.hsl.keyword([s,l,c]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${i})`,hsl:e,hex:`#${_.hsl.hex([s,l,c]).toLowerCase()}`}}let n=e.replace("#",""),r=_.keyword.rgb(n)||_.hex.rgb(n),o=_.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{_.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:_.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},At=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return q[n];if(n!=="hex")return(t==null?void 0:t[n])||q[n];if(!t.hex.startsWith("#"))try{return`#${_.keyword.hex(t.hex)}`}catch{return q.hex}let r=t.hex.match(Kt);if(!r)return Y.test(t.hex)?t.hex:q.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Gt=(e,t)=>{let[n,r]=m.useState(e||""),[o,a]=m.useState(()=>S(n)),[s,l]=m.useState((o==null?void 0:o.colorSpace)||"hex");m.useEffect(()=>{let f=e||"",g=S(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let c=m.useMemo(()=>At(n,o,s).toLowerCase(),[n,o,s]),i=m.useCallback(f=>{let g=S(f),x=(g==null?void 0:g.value)||f||"";r(x),x===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=m.useCallback(()=>{let f=L.indexOf(s)+1;f>=L.length&&(f=0),l(L[f]);let g=(o==null?void 0:o[L[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:c,updateValue:i,color:o,colorSpace:s,cycleColorSpace:d}},D=e=>e.replace(/\s*/,"").toLowerCase(),Ut=(e,t,n)=>{let[r,o]=m.useState(t!=null&&t.valid?[t]:[]);m.useEffect(()=>{t===void 0&&o([])},[t]);let a=m.useMemo(()=>(e||[]).map(l=>typeof l=="string"?S(l):l.title?{...S(l.color),keyword:l.title}:S(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=m.useCallback(l=>{l!=null&&l.valid&&(a.some(c=>D(c[n])===D(l[n]))||o(c=>c.concat(l)))},[n,a]);return{presets:a,addPreset:s}},Yt=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1,argType:l})=>{var E;let c=m.useCallback(Rt(n,200),[n]),{value:i,realValue:d,updateValue:f,color:g,colorSpace:x,cycleColorSpace:j}=Gt(t,c),{presets:M,addPreset:p}=Ut(a,g,x),b=Vt[x],w=!!((E=l==null?void 0:l.table)!=null&&E.readonly);return h.createElement(jt,{"aria-readonly":w},h.createElement(zt,{startOpen:s,trigger:w?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>p(g),tooltip:h.createElement(Ft,null,h.createElement(b,{color:d==="transparent"?"#000000":d,onChange:f,onFocus:r,onBlur:o}),M.length>0&&h.createElement(Tt,null,M.map((k,O)=>h.createElement(ie,{key:`${k.value}-${O}`,hasChrome:!1,tooltip:h.createElement(Ht,{note:k.keyword||k.value})},h.createElement(le,{value:k[x],active:g&&D(k[x])===D(g[x]),onClick:()=>f(k.value)})))))},h.createElement(le,{value:d,style:{margin:4}})),h.createElement(qt,{id:Ie(e),value:i,onChange:k=>f(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),i?h.createElement(Bt,{onClick:j}):null)},sn=Yt;export{Yt as ColorControl,sn as default};
|
|
1
|
+
import{ak as Me,al as $,a2 as ie,a0 as Ce,w as $e,am as Oe,an as Ie}from"./index-CrxsFCDW.js";import{R as h,r as m}from"./index-mfbfsM12.js";import{g as ue}from"./_commonjsHelpers-BosuxZz1.js";import{_ as Ne,i as fe}from"./index-nrpnv_Jx.js";import"./iframe-CgaZSV0R.js";import"../sb-preview/runtime.js";import"./index-CnQXyiSh.js";import"./index-D-8MO0q_.js";import"./index-DrFu-skq.js";function I(){return(I=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function J(e,t){if(e==null)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}function K(e){var t=m.useRef(e),n=m.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var R=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e<t?t:e},F=function(e){return"touches"in e},V=function(e){return e&&e.ownerDocument.defaultView||self},te=function(e,t,n){var r=e.getBoundingClientRect(),o=F(t)?function(a,s){for(var l=0;l<a.length;l++)if(a[l].identifier===s)return a[l];return a[0]}(t.touches,n):t;return{left:R((o.pageX-(r.left+V(e).pageXOffset))/r.width),top:R((o.pageY-(r.top+V(e).pageYOffset))/r.height)}},ne=function(e){!F(e)&&e.preventDefault()},Q=h.memo(function(e){var t=e.onMove,n=e.onKey,r=J(e,["onMove","onKey"]),o=m.useRef(null),a=K(t),s=K(n),l=m.useRef(null),c=m.useRef(!1),i=m.useMemo(function(){var x=function(p){ne(p),(F(p)?p.touches.length>0:p.buttons>0)&&o.current?a(te(o.current,p,l.current)):M(!1)},j=function(){return M(!1)};function M(p){var b=c.current,w=V(o.current),E=p?w.addEventListener:w.removeEventListener;E(b?"touchmove":"mousemove",x),E(b?"touchend":"mouseup",j)}return[function(p){var b=p.nativeEvent,w=o.current;if(w&&(ne(b),!function(k,O){return O&&!F(k)}(b,c.current)&&w)){if(F(b)){c.current=!0;var E=b.changedTouches||[];E.length&&(l.current=E[0].identifier)}w.focus(),a(te(w,b,l.current)),M(!0)}},function(p){var b=p.which||p.keyCode;b<37||b>40||(p.preventDefault(),s({left:b===39?.05:b===37?-.05:0,top:b===40?.05:b===38?-.05:0}))},M]},[s,a]),d=i[0],f=i[1],g=i[2];return m.useEffect(function(){return g},[g]),h.createElement("div",I({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),T=function(e){return e.filter(Boolean).join(" ")},Z=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=T(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},y=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?y(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?y(parseInt(e.substring(6,8),16)/255,2):1}},je=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},ze=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?Fe({h:je(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},Fe=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},He=function(e){return Pe(de(e))},he=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:y(e.h),s:y(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:y(o/2),a:y(r,2)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},B=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),s=r*(1-n),l=r*(1-(t-a)*n),c=r*(1-(1-t+a)*n),i=a%6;return{r:y(255*[r,l,s,s,c,r][i]),g:y(255*[c,r,r,l,s,s][i]),b:y(255*[s,s,c,r,r,l][i]),a:y(o,2)}},Te=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},P=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Pe=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?P(y(255*o)):"";return"#"+P(t)+P(n)+P(r)+a},ge=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),s=a-Math.min(t,n,r),l=s?a===t?(n-r)/s:a===n?2+(r-t)/s:4+(t-n)/s:0;return{h:y(60*(l<0?l+6:l)),s:y(a?s/a*100:0),v:y(a/255*100),a:o}},me=h.memo(function(e){var t=e.hue,n=e.onChange,r=T(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Q,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:R(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(Z,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),be=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Q,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:R(t.s+100*o.left,0,100),v:R(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(Z,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(n),o=m.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=m.useRef({color:t,hsva:a});m.useEffect(function(){if(!e.equal(t,l.current.color)){var i=e.toHsva(t);l.current={hsva:i,color:t},s(i)}},[t,e]),m.useEffect(function(){var i;ve(a,l.current.hsva)||e.equal(i=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:i},r(i))},[a,e,r]);var c=m.useCallback(function(i){s(function(d){return Object.assign({},d,i)})},[]);return[a,c]}var qe=typeof window<"u"?m.useLayoutEffect:m.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},re=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!re.has(t)){var n=t.createElement("style");n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,re.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},Xe=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=J(e,["className","colorModel","color","onChange"]),l=m.useRef(null);xe(l);var c=ye(n,o,a),i=c[0],d=c[1],f=T(["react-colorful",t]);return h.createElement("div",I({},s,{ref:l,className:f}),h.createElement(be,{hsva:i,onChange:d}),h.createElement(me,{hue:i.h,onChange:d,className:"react-colorful__last-control"}))},De={defaultColor:"000",toHsva:Re,fromHsva:function(e){return He({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},We=function(e){return h.createElement(Xe,I({},e,{colorModel:De}))},Ke=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+B(Object.assign({},n,{a:0}))+", "+B(Object.assign({},n,{a:1}))+")"},a=T(["react-colorful__alpha",t]),s=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Q,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:R(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(Z,{className:"react-colorful__alpha-pointer",left:n.a,color:B(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=J(e,["className","colorModel","color","onChange"]),l=m.useRef(null);xe(l);var c=ye(n,o,a),i=c[0],d=c[1],f=T(["react-colorful",t]);return h.createElement("div",I({},s,{ref:l,className:f}),h.createElement(be,{hsva:i,onChange:d}),h.createElement(me,{hue:i.h,onChange:d}),h.createElement(Ke,{hsva:i,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ze,fromHsva:B,equal:pe},Ae=function(e){return h.createElement(we,I({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Te,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,I({},e,{colorModel:Ge}))},Ye={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const H=Ye,ke={};for(const e of Object.keys(H))ke[H[e]]=e;const u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var _e=u;for(const e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),s=a-o;let l,c;a===o?l=0:t===a?l=(n-r)/s:n===a?l=2+(r-t)/s:r===a&&(l=4+(t-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);const i=(o+a)/2;return a===o?c=0:i<=.5?c=s/(a+o):c=s/(2-a-o),[l,c*100,i*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,c=e[2]/255,i=Math.max(s,l,c),d=i-Math.min(s,l,c),f=function(g){return(i-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/i,t=f(s),n=f(l),r=f(c),s===i?o=r-n:l===i?o=1/3+t-r:c===i&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,i*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-r-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function Je(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(H)){const a=H[o],s=Je(e,a);s<n&&(n=s,r=o)}return r};u.keyword.rgb=function(e){return H[e]};u.rgb.xyz=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255;t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,s=t*.0193+n*.1192+r*.9505;return[o*100,a*100,s*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,s=500*(n-r),l=200*(r-o);return[a,s,l]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,s;if(n===0)return s=r*255,[s,s,s];r<.5?o=r*(1+n):o=r+n-r*n;const l=2*r-o,c=[0,0,0];for(let i=0;i<3;i++)a=t+1/3*-(i-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,c[i]=s*255;return c};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const s=(r+n)/2,l=r===0?2*o/(a+o):2*n/(r+n);return[t,l*100,s*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),s=255*r*(1-n),l=255*r*(1-n*a),c=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,c,s];case 1:return[l,r,s];case 2:return[s,r,c];case 3:return[s,l,r];case 4:return[c,s,r];case 5:return[r,s,l]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,s;s=(2-n)*r;const l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[t,a*100,s*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const s=Math.floor(6*t),l=1-r;a=6*t-s,s&1&&(a=1-a);const c=n+a*(l-n);let i,d,f;switch(s){default:case 6:case 0:i=l,d=c,f=n;break;case 1:i=c,d=l,f=n;break;case 2:i=n,d=l,f=c;break;case 3:i=n,d=c,f=l;break;case 4:i=c,d=n,f=l;break;case 5:i=l,d=n,f=c;break}return[i*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,r*(1-o)+o);return[a*255,s*255,l*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,s;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,s=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),s=200*(n-r);return[o,a,s]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,s;a=(t+16)/116,o=n/500+a,s=a-r/200;const l=a**3,c=o**3,i=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=c>.008856?c:(o-16/116)/7.787,s=i>.008856?i:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[t,s,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),s=n*Math.sin(o);return[t,a,s]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(l=>l+l).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,s=r&255;return[o,a,s]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),s=o-a;let l,c;return s<1?l=a/(1-s):l=0,s<=0?c=0:o===t?c=(n-r)/s%6:o===n?c=2+(r-t)/s:c=4+(t-n)/s,c/=6,c%=1,[c*360,s*100,l*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,s=a%1,l=1-s;let c=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return c=(1-n)*r,[(n*o[0]+c)*255,(n*o[1]+c)*255,(n*o[2]+c)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*100]};u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};u.gray.hsl=function(e){return[0,0,e[0]]};u.gray.hsv=u.gray.hsl;u.gray.hwb=function(e){return[0,100,e[0]]};u.gray.cmyk=function(e){return[0,0,0,e[0]]};u.gray.lab=function(e){return[e[0],0,0]};u.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r};u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const X=_e;function Qe(){const e={},t=Object.keys(X);for(let n=t.length,r=0;r<n;r++)e[t[r]]={distance:-1,parent:null};return e}function Ze(e){const t=Qe(),n=[e];for(t[e].distance=0;n.length;){const r=n.pop(),o=Object.keys(X[r]);for(let a=o.length,s=0;s<a;s++){const l=o[s],c=t[l];c.distance===-1&&(c.distance=t[r].distance+1,c.parent=r,n.unshift(l))}}return t}function et(e,t){return function(n){return t(e(n))}}function tt(e,t){const n=[t[e].parent,e];let r=X[t[e].parent][e],o=t[e].parent;for(;t[o].parent;)n.unshift(t[o].parent),r=et(X[t[o].parent][o],r),o=t[o].parent;return r.conversion=n,r}var nt=function(e){const t=Ze(e),n={},r=Object.keys(t);for(let o=r.length,a=0;a<o;a++){const s=r[a];t[s].parent!==null&&(n[s]=tt(s,t))}return n};const U=_e,rt=nt,N={},ot=Object.keys(U);function at(e){const t=function(...n){const r=n[0];return r==null?r:(r.length>1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function st(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s<a;s++)o[s]=Math.round(o[s]);return o};return"conversion"in e&&(t.conversion=e.conversion),t}ot.forEach(e=>{N[e]={},Object.defineProperty(N[e],"channels",{value:U[e].channels}),Object.defineProperty(N[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];N[e][r]=st(o),N[e][r].raw=at(o)})});var lt=N;const _=ue(lt);var ct=Ne,it=function(){return ct.Date.now()},ut=it,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,mt=/^\s+/;function bt(e){return e&&e.slice(0,gt(e)+1).replace(mt,"")}var vt=bt,pt=vt,oe=fe,yt=Me,ae=NaN,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return ae;if(oe(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=oe(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?ae:+e}var Mt=Et,Ct=fe,W=ut,se=Mt,$t="Expected a function",Ot=Math.max,It=Math.min;function Nt(e,t,n){var r,o,a,s,l,c,i=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError($t);t=se(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?Ot(se(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function x(v){var C=r,z=o;return r=o=void 0,i=v,s=e.apply(z,C),s}function j(v){return i=v,l=setTimeout(b,t),d?x(v):s}function M(v){var C=v-c,z=v-i,ee=t-C;return f?It(ee,a-z):ee}function p(v){var C=v-c,z=v-i;return c===void 0||C>=t||C<0||f&&z>=a}function b(){var v=W();if(p(v))return w(v);l=setTimeout(b,M(v))}function w(v){return l=void 0,g&&r?x(v):(r=o=void 0,s)}function E(){l!==void 0&&clearTimeout(l),i=0,r=c=o=l=void 0}function k(){return l===void 0?s:w(W())}function O(){var v=W(),C=p(v);if(r=arguments,o=this,c=v,C){if(l===void 0)return j(c);if(f)return clearTimeout(l),l=setTimeout(b,t),x(c)}return l===void 0&&(l=setTimeout(b,t)),s}return O.cancel=E,O.flush=k,O}var St=Nt;const Rt=ue(St);var jt=$.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),zt=$(ie)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ft=$.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Ht=$(Ce)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Tt=$.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Pt=$.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Lt=`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,le=({value:e,style:t,...n})=>{let r=`linear-gradient(${e}, ${e}), ${Lt}, linear-gradient(#fff, #fff)`;return h.createElement(Pt,{...n,style:{...t,backgroundImage:r}})},qt=$($e.Input)(({theme:e,readOnly:t})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Bt=$(Oe)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),L=Object.values(Ee),Xt=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Dt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Wt=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Kt=/^\s*#?([0-9a-f]{3})\s*$/i,Vt={hex:We,rgb:Ue,hsl:Ae},q={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(Xt);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},S=e=>{if(!e)return;let t=!0;if(Dt.test(e)){let[s,l,c,i]=ce(e),[d,f,g]=_.rgb.hsl([s,l,c])||[0,0,0];return{valid:t,value:e,keyword:_.rgb.keyword([s,l,c]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${i})`,hex:`#${_.rgb.hex([s,l,c]).toLowerCase()}`}}if(Wt.test(e)){let[s,l,c,i]=ce(e),[d,f,g]=_.hsl.rgb([s,l,c])||[0,0,0];return{valid:t,value:e,keyword:_.hsl.keyword([s,l,c]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${i})`,hsl:e,hex:`#${_.hsl.hex([s,l,c]).toLowerCase()}`}}let n=e.replace("#",""),r=_.keyword.rgb(n)||_.hex.rgb(n),o=_.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{_.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:_.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},At=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return q[n];if(n!=="hex")return(t==null?void 0:t[n])||q[n];if(!t.hex.startsWith("#"))try{return`#${_.keyword.hex(t.hex)}`}catch{return q.hex}let r=t.hex.match(Kt);if(!r)return Y.test(t.hex)?t.hex:q.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Gt=(e,t)=>{let[n,r]=m.useState(e||""),[o,a]=m.useState(()=>S(n)),[s,l]=m.useState((o==null?void 0:o.colorSpace)||"hex");m.useEffect(()=>{let f=e||"",g=S(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let c=m.useMemo(()=>At(n,o,s).toLowerCase(),[n,o,s]),i=m.useCallback(f=>{let g=S(f),x=(g==null?void 0:g.value)||f||"";r(x),x===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=m.useCallback(()=>{let f=L.indexOf(s)+1;f>=L.length&&(f=0),l(L[f]);let g=(o==null?void 0:o[L[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:c,updateValue:i,color:o,colorSpace:s,cycleColorSpace:d}},D=e=>e.replace(/\s*/,"").toLowerCase(),Ut=(e,t,n)=>{let[r,o]=m.useState(t!=null&&t.valid?[t]:[]);m.useEffect(()=>{t===void 0&&o([])},[t]);let a=m.useMemo(()=>(e||[]).map(l=>typeof l=="string"?S(l):l.title?{...S(l.color),keyword:l.title}:S(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=m.useCallback(l=>{l!=null&&l.valid&&(a.some(c=>D(c[n])===D(l[n]))||o(c=>c.concat(l)))},[n,a]);return{presets:a,addPreset:s}},Yt=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1,argType:l})=>{var E;let c=m.useCallback(Rt(n,200),[n]),{value:i,realValue:d,updateValue:f,color:g,colorSpace:x,cycleColorSpace:j}=Gt(t,c),{presets:M,addPreset:p}=Ut(a,g,x),b=Vt[x],w=!!((E=l==null?void 0:l.table)!=null&&E.readonly);return h.createElement(jt,{"aria-readonly":w},h.createElement(zt,{startOpen:s,trigger:w?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>p(g),tooltip:h.createElement(Ft,null,h.createElement(b,{color:d==="transparent"?"#000000":d,onChange:f,onFocus:r,onBlur:o}),M.length>0&&h.createElement(Tt,null,M.map((k,O)=>h.createElement(ie,{key:`${k.value}-${O}`,hasChrome:!1,tooltip:h.createElement(Ht,{note:k.keyword||k.value})},h.createElement(le,{value:k[x],active:g&&D(k[x])===D(g[x]),onClick:()=>f(k.value)})))))},h.createElement(le,{value:d,style:{margin:4}})),h.createElement(qt,{id:Ie(e),value:i,onChange:k=>f(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),i?h.createElement(Bt,{onClick:j}):null)},sn=Yt;export{Yt as ColorControl,sn as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{D,d as c}from"./chunk-HLWAVYOI-DkHz4Axi.js";import"./iframe-CgaZSV0R.js";import"../sb-preview/runtime.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./client-Chldl6yy.js";import"./index-CnQXyiSh.js";import"./index-CrxsFCDW.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";export{D as DocsRenderer,c as defaultComponents};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._FieldAdditionalText_1tq7j_4{margin:0;font-weight:var(--026ea8);font-size:var(--3f1843);line-height:var(--030292);letter-spacing:var(--c142cd)}._FieldAdditionalText--variant-normal_1tq7j_11{color:var(--3d280d)}._FieldAdditionalText--variant-error_1tq7j_14{color:var(--9167e9)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as d}from"./jsx-runtime-Bxcv0yjW.js";import{u as l,m as n,s as r}from"./classNames-OZbnFNS5.js";import{w as t,g as m}from"./componentNames-BAR5iJaT.js";import{a as x}from"./constants-DL6gdbsq.js";const A="_FieldAdditionalText_1tq7j_4",a={FieldAdditionalText:A,"FieldAdditionalText--variant-normal":"_FieldAdditionalText--variant-normal_1tq7j_11","FieldAdditionalText--variant-error":"_FieldAdditionalText--variant-error_1tq7j_14"},c=({id:i,variant:e=x,children:o})=>{l(a);const s=n(a,t.FieldAdditionalText,[r("variant",e)]);return d.jsx("p",{id:i,className:s.join(" "),...m({preplyDsComponent:t.FieldAdditionalText}),children:o})};export{c as F};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as r}from"./jsx-runtime-Bxcv0yjW.js";import{F as t}from"./FieldAdditionalText-C82iM4Gm.js";import{S as p}from"./StoryContextDSWeb-BlVCJKyi.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./classNames-OZbnFNS5.js";import"./componentNames-BAR5iJaT.js";import"./constants-DL6gdbsq.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 P={title:"components/FieldAdditionalText",component:t,decorators:[n=>r.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:r.jsx(p,{theme:"tokyo-ui",children:n()})})]},e=()=>r.jsx(t,{children:"Provide a telephone number so we can contact you."}),o=()=>r.jsx(t,{variant:"error",children:"Please fill out this field."});var i,a,s;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:"() => <FieldAdditionalText>Provide a telephone number so we can contact you.</FieldAdditionalText>",...(s=(a=e.parameters)==null?void 0:a.docs)==null?void 0:s.source}}};var d,m,l;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:'() => <FieldAdditionalText variant="error">Please fill out this field.</FieldAdditionalText>',...(l=(m=o.parameters)==null?void 0:m.docs)==null?void 0:l.source}}};const b=["Normal","Error"];export{o as Error,e as Normal,b as __namedExportsOrder,P as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as o}from"./jsx-runtime-Bxcv0yjW.js";import{u as p,m as d}from"./classNames-OZbnFNS5.js";import{g as c,w as e}from"./componentNames-BAR5iJaT.js";const F="_FieldButton_wn7ry_4",n={FieldButton:F},j=({svg:a,assistiveText:r,onClick:t,dataset:l})=>{p(n);const m=d(n,e.FieldButton),u=s=>{s.stopPropagation(),t==null||t(s)},i={...c(l,{preplyDsComponent:e.FieldButton}),className:m.join(" "),title:r,onClick:u};return o.jsx("button",{...i,type:"button",children:o.jsx(a,{"aria-hidden":"true",focusable:"false"})})};export{j as F};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._FieldButton_wn7ry_4{display:flex;justify-content:center;align-items:center;min-width:var(--d57208);height:var(--3caeb9);border-width:1px;border-style:solid;border-radius:var(--0191ea);border-color:var(--ea1746);background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}@media (hover: hover) and (pointer: fine){._FieldButton_wn7ry_4:hover{background-color:var(--0bbea4)}}._FieldButton_wn7ry_4:active{background-color:var(--33e933)}._FieldButton_wn7ry_4:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._FieldButton_wn7ry_4 svg{width:var(--f02c4e);height:var(--f02c4e)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-Bxcv0yjW.js";import{F as a}from"./LibraryExplore-0TjvsBMy.js";import{F as i}from"./FieldButton-C1duijdS.js";import{S as p}from"./StoryContextDSWeb-BlVCJKyi.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./classNames-OZbnFNS5.js";import"./componentNames-BAR5iJaT.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 g={title:"components/FieldButton",component:i,decorators:[m=>t.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:t.jsx(p,{theme:"tokyo-ui",children:m()})})]},o=()=>t.jsx(i,{svg:a,assistiveText:"Lorem Ipsum",onClick:()=>{}});o.storyName="FieldButton";var e,r,s;o.parameters={...o.parameters,docs:{...(e=o.parameters)==null?void 0:e.docs,source:{originalSource:'() => <FieldButton svg={LibSvg} assistiveText="Lorem Ipsum" onClick={() => undefined} />',...(s=(r=o.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};const h=["Base"];export{o as Base,h as __namedExportsOrder,g as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as r}from"./jsx-runtime-Bxcv0yjW.js";import{r as c}from"./index-mfbfsM12.js";import{F as w}from"./FieldLayoutBase-DU1N8Oo9.js";import{u as C,f as d,b as o}from"./classNames-OZbnFNS5.js";import{w as t}from"./componentNames-BAR5iJaT.js";const i={"FieldLayout--input":"_FieldLayout--input_1fqqu_5","FieldLayout--icon":"_FieldLayout--icon_1fqqu_42","FieldLayout--has-icon":"_FieldLayout--has-icon_1fqqu_55","FieldLayout--has-button":"_FieldLayout--has-button_1fqqu_58","FieldLayout--has-error":"_FieldLayout--has-error_1fqqu_61","FieldLayout--is-focused":"_FieldLayout--is-focused_1fqqu_72","FieldLayout--is-disabled":"_FieldLayout--is-disabled_1fqqu_76"},I=({id:n,className:F,input:q,icon:l,button:m,disabled:y,isFocused:L,hasError:_,inputHandle:s,onClick:u,preplyDsComponent:h,...p},j)=>{C(i);const e=c.useRef(null);c.useImperativeHandle(j,()=>({setFocus:()=>s==null?void 0:s.setFocus(),scrollIntoView:()=>{var a;return(a=e==null?void 0:e.current)==null?void 0:a.scrollIntoView()}}));const f=d(i,t.FieldLayout,[o("is-disabled",void 0,y),o("is-focused",void 0,L),o("has-error",void 0,_),o("has-icon",void 0,!!l),o("has-button",void 0,!!m)]),x=F?[F,...f]:f,N=d(i,t.FieldLayout,["input"]),b=d(i,t.FieldLayout,["icon"]),v=a=>{s==null||s.setFocus(),u==null||u(a)};return r.jsx(w,{id:n,className:x.join(" "),disabled:y,isFocused:L,hasError:_,...p,preplyDsComponent:h??t.FieldLayout,ref:e,children:r.jsxs("div",{className:N.join(" "),onClick:v,children:[l&&r.jsx("span",{className:b.join(" "),children:l}),q,m]})})},S=c.forwardRef(I);export{S as F};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._FieldLayout--input_1fqqu_5{border-radius:var(--c4b051);display:flex;position:relative;align-items:center;background-color:var(--302ecf);color:var(--41d493);background-color:var(--211bc0)}@media (hover: hover) and (pointer: fine){._FieldLayout--input_1fqqu_5:hover input,._FieldLayout--input_1fqqu_5:hover textarea{border-color:var(--0bd642)}}._FieldLayout--input_1fqqu_5 input,._FieldLayout--input_1fqqu_5 textarea{border-color:var(--29cd58);border-width:var(--d9baa3);border-radius:var(--c4b051);border-style:solid;background:none;outline:none;font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);padding:calc(var(--d9baa3) + var(--1ba55a));padding-right:calc(var(--477fda) - var(--d9baa3));padding-left:calc(var(--477fda) - var(--d9baa3))}._FieldLayout--input_1fqqu_5 input::placeholder,._FieldLayout--input_1fqqu_5 textarea::placeholder{color:var(--d9209f)}._FieldLayout--icon_1fqqu_42{position:absolute;top:0;display:flex;align-items:center;height:100%;left:calc(var(--477fda) - var(--d9baa3));font-size:0;pointer-events:none}._FieldLayout--icon_1fqqu_42 svg{color:var(--cbc724)}._FieldLayout--has-icon_1fqqu_55 ._FieldLayout--input_1fqqu_5 input{padding-left:calc(calc(var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a))}._FieldLayout--has-button_1fqqu_58 ._FieldLayout--input_1fqqu_5 input{padding-right:58px}._FieldLayout--has-error_1fqqu_61 ._FieldLayout--input_1fqqu_5{background-color:var(--95df5b)}._FieldLayout--has-error_1fqqu_61 ._FieldLayout--input_1fqqu_5 input,._FieldLayout--has-error_1fqqu_61 ._FieldLayout--input_1fqqu_5 textarea{border-color:var(--eaf4a3);color:var(--7b0f41)}._FieldLayout--has-error_1fqqu_61 ._FieldLayout--icon_1fqqu_42 svg{color:var(--7b0f41)}._FieldLayout--is-focused_1fqqu_72 ._FieldLayout--input_1fqqu_5 input,._FieldLayout--is-focused_1fqqu_72 ._FieldLayout--input_1fqqu_5 textarea{border-color:var(--398094)}._FieldLayout--is-disabled_1fqqu_76 ._FieldLayout--input_1fqqu_5{background-color:var(--04daeb)}._FieldLayout--is-disabled_1fqqu_76 ._FieldLayout--input_1fqqu_5 input,._FieldLayout--is-disabled_1fqqu_76 ._FieldLayout--input_1fqqu_5 textarea{border-color:transparent}._FieldLayout--input_1fqqu_5 button{position:absolute;top:calc(var(--1ba55a) + var(--6947b0));right:var(--6947b0);margin-top:calc(-1 * var(--1ba55a));margin-bottom:calc(-1 * var(--1ba55a))}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-Bxcv0yjW.js";import{F as s,a as m}from"./User-nhKBVF6o.js";import{F as p}from"./FieldButton-C1duijdS.js";import{I as l}from"./Icon-Bh8jd4gJ.js";import{I as u}from"./InputText-CHBvsXzZ.js";import{F as a}from"./FieldLayout-BbTWObol.js";import{S as d}from"./StoryContextDSWeb-BlVCJKyi.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./classNames-OZbnFNS5.js";import"./componentNames-BAR5iJaT.js";import"./useTextAccentClassnames-flfSYb_B.js";import"./styled-components.browser.esm-BaO8iHee.js";import"./FieldLayoutBase-DU1N8Oo9.js";import"./getInputProps-C2L1DtDZ.js";import"./FieldAdditionalText-C82iM4Gm.js";import"./constants-DL6gdbsq.js";import"./StorybookGlobalStyle-BcEQvG9t.js";import"./RootProvider-BOk-5jT9.js";import"./useTheme-BV4v5x7f.js";import"./useColorScheme-Bv74nHTy.js";const H={title:"components/FieldLayout",component:a,decorators:[e=>t.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:t.jsx(d,{theme:"tokyo-ui",children:e()})})]},o=()=>{const e={current:null};return t.jsx(a,{id:"foo1",input:t.jsx(u,{type:"text",id:"foo1",ref:e,defaultValue:"John Smith"}),icon:t.jsx(l,{svg:s,label:"The hat"}),button:t.jsx(p,{svg:m,assistiveText:"Do the thing",onClick:()=>{}}),label:"Full name",inputHandle:e.current})};o.storyName="FieldLayout";var r,i,n;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
|
|
2
|
+
const ref = {
|
|
3
|
+
current: null
|
|
4
|
+
};
|
|
5
|
+
return <FieldLayout id="foo1" input={<InputText type="text" id="foo1" ref={ref} defaultValue="John Smith" />} icon={<Icon svg={UserSvg} label="The hat" />} button={<FieldButton svg={ErrorSvg} assistiveText="Do the thing" onClick={() => undefined} />} label="Full name" inputHandle={ref.current} />;
|
|
6
|
+
}`,...(n=(i=o.parameters)==null?void 0:i.docs)==null?void 0:n.source}}};const J=["Base"];export{o as Base,J as __namedExportsOrder,H as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as a}from"./jsx-runtime-Bxcv0yjW.js";import{r as p}from"./index-mfbfsM12.js";import{u as q,g as S,a as G}from"./getInputProps-C2L1DtDZ.js";import{g as P}from"./componentNames-BAR5iJaT.js";import{F as U}from"./FieldAdditionalText-C82iM4Gm.js";import{u as R,m as h,b as E,f as z}from"./classNames-OZbnFNS5.js";const B={textarea:"textarea",select:"select"},$=()=>{},k=(e,s)=>{const{type:t,id:o,name:r,className:n,onChange:u,onFocus:i,onBlur:x,onClick:L,onKeyDown:b,onKeyUp:y,onCopy:F,onPaste:I,required:w,readOnly:_,disabled:d,dataset:T,preplyDsComponent:f}=e,l=p.useRef(null);p.useImperativeHandle(s,()=>({setFocus:()=>{var c;return(c=l.current)==null?void 0:c.focus()},scrollIntoView:()=>{var c;return(c=l.current)==null?void 0:c.scrollIntoView()}}));const D=q({disabled:d,captureChildEvents:!0,onBlur:x,onFocus:i}),j=B[t]||"input",A=j===t in B?void 0:t,C={...{ref:l,type:A,id:o,name:r,className:n,...D,onChange:u||$,onClick:L,onKeyDown:b,onKeyUp:y,onCopy:F,onPaste:I,required:w,readOnly:_,disabled:d},...S(e),...P(T,{preplyDsComponent:f}),...G(e)};return a.jsx(j,{...C,ref:l})},de=p.forwardRef(k);function me(e,s,t,o=[]){return p.useMemo(()=>{if(!(!s&&!t))return r=>{s==null||s(r);const n=e(r);t==null||t(n)}},[s,t,...o])}const H="_InputText_1tyuu_4",K="_InputPassword_1tyuu_11",M="_InputDate_1tyuu_18",O="_InputTime_1tyuu_25",Q="_InputNumber_1tyuu_32",W="_Textarea_1tyuu_39",Y="_Checkbox_1tyuu_58",J="_Radio_1tyuu_61",X="_Select_1tyuu_64",xe={InputText:H,InputPassword:K,InputDate:M,InputTime:O,InputNumber:Q,Textarea:W,"Textarea--resize-none":"_Textarea--resize-none_1tyuu_46","Textarea--resize-vertical":"_Textarea--resize-vertical_1tyuu_49","Textarea--resize-horizontal":"_Textarea--resize-horizontal_1tyuu_52","Textarea--resize-both":"_Textarea--resize-both_1tyuu_55",Checkbox:Y,Radio:J,Select:X},Z="_FieldLabel_1vbw0_4",m={FieldLabel:Z,"FieldLabel--wrap":"_FieldLabel--wrap_1vbw0_19","FieldLabel--wrapGap":"_FieldLabel--wrapGap_1vbw0_22","FieldLabel--required":"_FieldLabel--required_1vbw0_26","FieldLabel--hide":"_FieldLabel--hide_1vbw0_31"},v="FieldLabel",g="•",V="Required",ee=({label:e=V})=>{const s=z(m,v,["required"]);return a.jsxs("span",{className:s.join(" "),children:[a.jsx("span",{children:g}),a.jsx("span",{children:e})]})},se=()=>{const e=z(m,v,["wrapGap"]);return a.jsx("span",{className:e.join(" ")})},te=({id:e,label:s,hideLabel:t,wrapLabel:o=!1,required:r,requiredLabel:n})=>{R(m);const u=h(m,v,[E("hide",void 0,t),E("wrap",void 0,o)]);return a.jsxs("label",{htmlFor:e,className:u.join(" "),children:[s,o&&a.jsx(se,{}),r&&a.jsx(ee,{label:n})]})},ae="_FieldLayoutBase_m2ho4_2",N={FieldLayoutBase:ae},oe="FieldLayoutBase",re=({id:e,className:s,label:t,hideLabel:o,wrapLabel:r=!1,required:n,requiredLabel:u,additionalText:i,preserveSpace:x,hasError:L,dataset:b,children:y,preplyDsComponent:F},I)=>{R(N);const _=[...h(N,oe)];s&&_.push(s);const d={className:_.join(" "),...P(b,{preplyDsComponent:F})},T={id:e,label:t,hideLabel:o,wrapLabel:r,required:n,requiredLabel:u},f=!i&&x?a.jsx("span",{children:" "}):void 0,l=L?"error":"normal";return a.jsxs("div",{...d,ref:I,children:[a.jsx(te,{...T}),y,i&&a.jsx(U,{id:`${e}-desc`,variant:l,children:i}),f]})},Le=p.forwardRef(re);export{Le as F,de as I,xe as s,me as u};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._InputText_1tyuu_4,._InputPassword_1tyuu_11,._InputDate_1tyuu_18,._InputTime_1tyuu_25,._InputNumber_1tyuu_32,._Textarea_1tyuu_39{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._Textarea--resize-none_1tyuu_46{resize:none}._Textarea--resize-vertical_1tyuu_49{resize:vertical}._Textarea--resize-horizontal_1tyuu_52{resize:horizontal}._Textarea--resize-both_1tyuu_55{resize:both}._Checkbox_1tyuu_58,._Radio_1tyuu_61{display:inline-block}._Select_1tyuu_64{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._FieldLabel_1vbw0_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);color:var(--e41135);font-size:var(--343d89);font-weight:var(--b44390);line-height:var(--360264);letter-spacing:var(--b8c41f);font-style:var(--0ab3be);display:flex;gap:var(--6947b0);max-width:max-content}._FieldLabel--wrap_1vbw0_19{display:inline}._FieldLabel--wrapGap_1vbw0_22{width:var(--6947b0);display:inline-block}._FieldLabel--required_1vbw0_26{display:flex;gap:var(--6947b0);color:var(--3d280d)}._FieldLabel--hide_1vbw0_31{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}._FieldLayoutBase_m2ho4_2{display:flex;flex-direction:column;gap:var(--6947b0)}._FieldLayoutBase_m2ho4_2 input,._FieldLayoutBase_m2ho4_2 textarea{display:block;width:100%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._Heading_o4a60_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);margin:0}._Heading--level-h1-normal_o4a60_11{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--level-h1-large_o4a60_17{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--level-h2-normal_o4a60_23{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--level-h2-large_o4a60_29{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--level-h3-normal_o4a60_35{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--level-h3-large_o4a60_41{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--level-h4-normal_o4a60_47{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--level-h4-large_o4a60_53{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--level-h5-normal_o4a60_59{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--level-h5-large_o4a60_65{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}@media (min-width: 400px){._Heading--narrow-l--level-h1-normal_o4a60_72{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--narrow-l--level-h1-large_o4a60_78{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--narrow-l--level-h2-normal_o4a60_84{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--narrow-l--level-h2-large_o4a60_90{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--narrow-l--level-h3-normal_o4a60_96{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--narrow-l--level-h3-large_o4a60_102{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--narrow-l--level-h4-normal_o4a60_108{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--narrow-l--level-h4-large_o4a60_114{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--narrow-l--level-h5-normal_o4a60_120{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--narrow-l--level-h5-large_o4a60_126{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 700px){._Heading--medium-s--level-h1-normal_o4a60_134{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-s--level-h1-large_o4a60_140{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-s--level-h2-normal_o4a60_146{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-s--level-h2-large_o4a60_152{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-s--level-h3-normal_o4a60_158{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-s--level-h3-large_o4a60_164{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-s--level-h4-normal_o4a60_170{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-s--level-h4-large_o4a60_176{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-s--level-h5-normal_o4a60_182{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-s--level-h5-large_o4a60_188{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 880px){._Heading--medium-l--level-h1-normal_o4a60_196{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-l--level-h1-large_o4a60_202{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-l--level-h2-normal_o4a60_208{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-l--level-h2-large_o4a60_214{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-l--level-h3-normal_o4a60_220{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-l--level-h3-large_o4a60_226{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-l--level-h4-normal_o4a60_232{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-l--level-h4-large_o4a60_238{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-l--level-h5-normal_o4a60_244{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-l--level-h5-large_o4a60_250{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1200px){._Heading--wide-s--level-h1-normal_o4a60_258{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-s--level-h1-large_o4a60_264{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-s--level-h2-normal_o4a60_270{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-s--level-h2-large_o4a60_276{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-s--level-h3-normal_o4a60_282{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-s--level-h3-large_o4a60_288{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-s--level-h4-normal_o4a60_294{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-s--level-h4-large_o4a60_300{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-s--level-h5-normal_o4a60_306{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-s--level-h5-large_o4a60_312{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1900px){._Heading--wide-l--level-h1-normal_o4a60_320{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-l--level-h1-large_o4a60_326{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-l--level-h2-normal_o4a60_332{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-l--level-h2-large_o4a60_338{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-l--level-h3-normal_o4a60_344{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-l--level-h3-large_o4a60_350{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-l--level-h4-normal_o4a60_356{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-l--level-h4-large_o4a60_362{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-l--level-h5-normal_o4a60_368{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-l--level-h5-large_o4a60_374{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}._Heading--variant-massive_o4a60_381{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--variant-huge_o4a60_387{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--variant-extraLarge_o4a60_393{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--variant-large_o4a60_399{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--variant-medium_o4a60_405{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--variant-small_o4a60_411{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}@media (min-width: 400px){._Heading--narrow-l--variant-massive_o4a60_418{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--narrow-l--variant-huge_o4a60_424{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--narrow-l--variant-extraLarge_o4a60_430{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--narrow-l--variant-large_o4a60_436{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--narrow-l--variant-medium_o4a60_442{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--narrow-l--variant-small_o4a60_448{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 700px){._Heading--medium-s--variant-massive_o4a60_456{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-s--variant-huge_o4a60_462{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-s--variant-extraLarge_o4a60_468{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-s--variant-large_o4a60_474{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-s--variant-medium_o4a60_480{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-s--variant-small_o4a60_486{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 880px){._Heading--medium-l--variant-massive_o4a60_494{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-l--variant-huge_o4a60_500{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-l--variant-extraLarge_o4a60_506{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-l--variant-large_o4a60_512{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-l--variant-medium_o4a60_518{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-l--variant-small_o4a60_524{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1200px){._Heading--wide-s--variant-massive_o4a60_532{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-s--variant-huge_o4a60_538{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-s--variant-extraLarge_o4a60_544{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-s--variant-large_o4a60_550{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-s--variant-medium_o4a60_556{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-s--variant-small_o4a60_562{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1900px){._Heading--wide-l--variant-massive_o4a60_570{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-l--variant-huge_o4a60_576{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-l--variant-extraLarge_o4a60_582{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-l--variant-large_o4a60_588{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-l--variant-medium_o4a60_594{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-l--variant-small_o4a60_600{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}
|
|
1
|
+
._Heading_1qdyr_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);margin:0}._Heading--level-h1-normal_1qdyr_11{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--level-h1-large_1qdyr_17{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--level-h2-normal_1qdyr_23{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--level-h2-large_1qdyr_29{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--level-h3-normal_1qdyr_35{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--level-h3-large_1qdyr_41{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--level-h4-normal_1qdyr_47{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--level-h4-large_1qdyr_53{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--level-h5-normal_1qdyr_59{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--level-h5-large_1qdyr_65{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}@media (min-width: 400px){._Heading--narrow-l--level-h1-normal_1qdyr_72{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--narrow-l--level-h1-large_1qdyr_78{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--narrow-l--level-h2-normal_1qdyr_84{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--narrow-l--level-h2-large_1qdyr_90{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--narrow-l--level-h3-normal_1qdyr_96{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--narrow-l--level-h3-large_1qdyr_102{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--narrow-l--level-h4-normal_1qdyr_108{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--narrow-l--level-h4-large_1qdyr_114{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--narrow-l--level-h5-normal_1qdyr_120{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--narrow-l--level-h5-large_1qdyr_126{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 700px){._Heading--medium-s--level-h1-normal_1qdyr_134{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-s--level-h1-large_1qdyr_140{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-s--level-h2-normal_1qdyr_146{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-s--level-h2-large_1qdyr_152{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-s--level-h3-normal_1qdyr_158{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-s--level-h3-large_1qdyr_164{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-s--level-h4-normal_1qdyr_170{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-s--level-h4-large_1qdyr_176{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-s--level-h5-normal_1qdyr_182{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-s--level-h5-large_1qdyr_188{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 880px){._Heading--medium-l--level-h1-normal_1qdyr_196{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-l--level-h1-large_1qdyr_202{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-l--level-h2-normal_1qdyr_208{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-l--level-h2-large_1qdyr_214{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-l--level-h3-normal_1qdyr_220{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-l--level-h3-large_1qdyr_226{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-l--level-h4-normal_1qdyr_232{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-l--level-h4-large_1qdyr_238{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-l--level-h5-normal_1qdyr_244{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-l--level-h5-large_1qdyr_250{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1200px){._Heading--wide-s--level-h1-normal_1qdyr_258{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-s--level-h1-large_1qdyr_264{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-s--level-h2-normal_1qdyr_270{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-s--level-h2-large_1qdyr_276{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-s--level-h3-normal_1qdyr_282{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-s--level-h3-large_1qdyr_288{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-s--level-h4-normal_1qdyr_294{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-s--level-h4-large_1qdyr_300{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-s--level-h5-normal_1qdyr_306{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-s--level-h5-large_1qdyr_312{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1900px){._Heading--wide-l--level-h1-normal_1qdyr_320{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-l--level-h1-large_1qdyr_326{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-l--level-h2-normal_1qdyr_332{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-l--level-h2-large_1qdyr_338{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-l--level-h3-normal_1qdyr_344{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-l--level-h3-large_1qdyr_350{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-l--level-h4-normal_1qdyr_356{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-l--level-h4-large_1qdyr_362{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-l--level-h5-normal_1qdyr_368{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-l--level-h5-large_1qdyr_374{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}._Heading--variant-massive_1qdyr_381{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--variant-huge_1qdyr_387{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--variant-extraLarge_1qdyr_393{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--variant-large_1qdyr_399{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--variant-medium_1qdyr_405{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--variant-small_1qdyr_411{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}@media (min-width: 400px){._Heading--narrow-l--variant-massive_1qdyr_418{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--narrow-l--variant-huge_1qdyr_424{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--narrow-l--variant-extraLarge_1qdyr_430{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--narrow-l--variant-large_1qdyr_436{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--narrow-l--variant-medium_1qdyr_442{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--narrow-l--variant-small_1qdyr_448{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 700px){._Heading--medium-s--variant-massive_1qdyr_456{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-s--variant-huge_1qdyr_462{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-s--variant-extraLarge_1qdyr_468{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-s--variant-large_1qdyr_474{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-s--variant-medium_1qdyr_480{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-s--variant-small_1qdyr_486{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 880px){._Heading--medium-l--variant-massive_1qdyr_494{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-l--variant-huge_1qdyr_500{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-l--variant-extraLarge_1qdyr_506{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-l--variant-large_1qdyr_512{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-l--variant-medium_1qdyr_518{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-l--variant-small_1qdyr_524{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1200px){._Heading--wide-s--variant-massive_1qdyr_532{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-s--variant-huge_1qdyr_538{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-s--variant-extraLarge_1qdyr_544{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-s--variant-large_1qdyr_550{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-s--variant-medium_1qdyr_556{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-s--variant-small_1qdyr_562{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1900px){._Heading--wide-l--variant-massive_1qdyr_570{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-l--variant-huge_1qdyr_576{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-l--variant-extraLarge_1qdyr_582{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-l--variant-large_1qdyr_588{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-l--variant-medium_1qdyr_594{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-l--variant-small_1qdyr_600{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as y}from"./jsx-runtime-Bxcv0yjW.js";import{u as w,m as q,s as c,b as x}from"./classNames-OZbnFNS5.js";import{w as i,g as C}from"./componentNames-BAR5iJaT.js";import{u as p}from"./useTextCenteredClassnames-DJAYJ6qC.js";import{u as L,a as N}from"./useTextAccentClassnames-flfSYb_B.js";const f="_Heading_1qdyr_4",r={Heading:f,"Heading--level-h1-normal":"_Heading--level-h1-normal_1qdyr_11","Heading--level-h1-large":"_Heading--level-h1-large_1qdyr_17","Heading--level-h2-normal":"_Heading--level-h2-normal_1qdyr_23","Heading--level-h2-large":"_Heading--level-h2-large_1qdyr_29","Heading--level-h3-normal":"_Heading--level-h3-normal_1qdyr_35","Heading--level-h3-large":"_Heading--level-h3-large_1qdyr_41","Heading--level-h4-normal":"_Heading--level-h4-normal_1qdyr_47","Heading--level-h4-large":"_Heading--level-h4-large_1qdyr_53","Heading--level-h5-normal":"_Heading--level-h5-normal_1qdyr_59","Heading--level-h5-large":"_Heading--level-h5-large_1qdyr_65","Heading--narrow-l--level-h1-normal":"_Heading--narrow-l--level-h1-normal_1qdyr_72","Heading--narrow-l--level-h1-large":"_Heading--narrow-l--level-h1-large_1qdyr_78","Heading--narrow-l--level-h2-normal":"_Heading--narrow-l--level-h2-normal_1qdyr_84","Heading--narrow-l--level-h2-large":"_Heading--narrow-l--level-h2-large_1qdyr_90","Heading--narrow-l--level-h3-normal":"_Heading--narrow-l--level-h3-normal_1qdyr_96","Heading--narrow-l--level-h3-large":"_Heading--narrow-l--level-h3-large_1qdyr_102","Heading--narrow-l--level-h4-normal":"_Heading--narrow-l--level-h4-normal_1qdyr_108","Heading--narrow-l--level-h4-large":"_Heading--narrow-l--level-h4-large_1qdyr_114","Heading--narrow-l--level-h5-normal":"_Heading--narrow-l--level-h5-normal_1qdyr_120","Heading--narrow-l--level-h5-large":"_Heading--narrow-l--level-h5-large_1qdyr_126","Heading--medium-s--level-h1-normal":"_Heading--medium-s--level-h1-normal_1qdyr_134","Heading--medium-s--level-h1-large":"_Heading--medium-s--level-h1-large_1qdyr_140","Heading--medium-s--level-h2-normal":"_Heading--medium-s--level-h2-normal_1qdyr_146","Heading--medium-s--level-h2-large":"_Heading--medium-s--level-h2-large_1qdyr_152","Heading--medium-s--level-h3-normal":"_Heading--medium-s--level-h3-normal_1qdyr_158","Heading--medium-s--level-h3-large":"_Heading--medium-s--level-h3-large_1qdyr_164","Heading--medium-s--level-h4-normal":"_Heading--medium-s--level-h4-normal_1qdyr_170","Heading--medium-s--level-h4-large":"_Heading--medium-s--level-h4-large_1qdyr_176","Heading--medium-s--level-h5-normal":"_Heading--medium-s--level-h5-normal_1qdyr_182","Heading--medium-s--level-h5-large":"_Heading--medium-s--level-h5-large_1qdyr_188","Heading--medium-l--level-h1-normal":"_Heading--medium-l--level-h1-normal_1qdyr_196","Heading--medium-l--level-h1-large":"_Heading--medium-l--level-h1-large_1qdyr_202","Heading--medium-l--level-h2-normal":"_Heading--medium-l--level-h2-normal_1qdyr_208","Heading--medium-l--level-h2-large":"_Heading--medium-l--level-h2-large_1qdyr_214","Heading--medium-l--level-h3-normal":"_Heading--medium-l--level-h3-normal_1qdyr_220","Heading--medium-l--level-h3-large":"_Heading--medium-l--level-h3-large_1qdyr_226","Heading--medium-l--level-h4-normal":"_Heading--medium-l--level-h4-normal_1qdyr_232","Heading--medium-l--level-h4-large":"_Heading--medium-l--level-h4-large_1qdyr_238","Heading--medium-l--level-h5-normal":"_Heading--medium-l--level-h5-normal_1qdyr_244","Heading--medium-l--level-h5-large":"_Heading--medium-l--level-h5-large_1qdyr_250","Heading--wide-s--level-h1-normal":"_Heading--wide-s--level-h1-normal_1qdyr_258","Heading--wide-s--level-h1-large":"_Heading--wide-s--level-h1-large_1qdyr_264","Heading--wide-s--level-h2-normal":"_Heading--wide-s--level-h2-normal_1qdyr_270","Heading--wide-s--level-h2-large":"_Heading--wide-s--level-h2-large_1qdyr_276","Heading--wide-s--level-h3-normal":"_Heading--wide-s--level-h3-normal_1qdyr_282","Heading--wide-s--level-h3-large":"_Heading--wide-s--level-h3-large_1qdyr_288","Heading--wide-s--level-h4-normal":"_Heading--wide-s--level-h4-normal_1qdyr_294","Heading--wide-s--level-h4-large":"_Heading--wide-s--level-h4-large_1qdyr_300","Heading--wide-s--level-h5-normal":"_Heading--wide-s--level-h5-normal_1qdyr_306","Heading--wide-s--level-h5-large":"_Heading--wide-s--level-h5-large_1qdyr_312","Heading--wide-l--level-h1-normal":"_Heading--wide-l--level-h1-normal_1qdyr_320","Heading--wide-l--level-h1-large":"_Heading--wide-l--level-h1-large_1qdyr_326","Heading--wide-l--level-h2-normal":"_Heading--wide-l--level-h2-normal_1qdyr_332","Heading--wide-l--level-h2-large":"_Heading--wide-l--level-h2-large_1qdyr_338","Heading--wide-l--level-h3-normal":"_Heading--wide-l--level-h3-normal_1qdyr_344","Heading--wide-l--level-h3-large":"_Heading--wide-l--level-h3-large_1qdyr_350","Heading--wide-l--level-h4-normal":"_Heading--wide-l--level-h4-normal_1qdyr_356","Heading--wide-l--level-h4-large":"_Heading--wide-l--level-h4-large_1qdyr_362","Heading--wide-l--level-h5-normal":"_Heading--wide-l--level-h5-normal_1qdyr_368","Heading--wide-l--level-h5-large":"_Heading--wide-l--level-h5-large_1qdyr_374","Heading--variant-massive":"_Heading--variant-massive_1qdyr_381","Heading--variant-huge":"_Heading--variant-huge_1qdyr_387","Heading--variant-extraLarge":"_Heading--variant-extraLarge_1qdyr_393","Heading--variant-large":"_Heading--variant-large_1qdyr_399","Heading--variant-medium":"_Heading--variant-medium_1qdyr_405","Heading--variant-small":"_Heading--variant-small_1qdyr_411","Heading--narrow-l--variant-massive":"_Heading--narrow-l--variant-massive_1qdyr_418","Heading--narrow-l--variant-huge":"_Heading--narrow-l--variant-huge_1qdyr_424","Heading--narrow-l--variant-extraLarge":"_Heading--narrow-l--variant-extraLarge_1qdyr_430","Heading--narrow-l--variant-large":"_Heading--narrow-l--variant-large_1qdyr_436","Heading--narrow-l--variant-medium":"_Heading--narrow-l--variant-medium_1qdyr_442","Heading--narrow-l--variant-small":"_Heading--narrow-l--variant-small_1qdyr_448","Heading--medium-s--variant-massive":"_Heading--medium-s--variant-massive_1qdyr_456","Heading--medium-s--variant-huge":"_Heading--medium-s--variant-huge_1qdyr_462","Heading--medium-s--variant-extraLarge":"_Heading--medium-s--variant-extraLarge_1qdyr_468","Heading--medium-s--variant-large":"_Heading--medium-s--variant-large_1qdyr_474","Heading--medium-s--variant-medium":"_Heading--medium-s--variant-medium_1qdyr_480","Heading--medium-s--variant-small":"_Heading--medium-s--variant-small_1qdyr_486","Heading--medium-l--variant-massive":"_Heading--medium-l--variant-massive_1qdyr_494","Heading--medium-l--variant-huge":"_Heading--medium-l--variant-huge_1qdyr_500","Heading--medium-l--variant-extraLarge":"_Heading--medium-l--variant-extraLarge_1qdyr_506","Heading--medium-l--variant-large":"_Heading--medium-l--variant-large_1qdyr_512","Heading--medium-l--variant-medium":"_Heading--medium-l--variant-medium_1qdyr_518","Heading--medium-l--variant-small":"_Heading--medium-l--variant-small_1qdyr_524","Heading--wide-s--variant-massive":"_Heading--wide-s--variant-massive_1qdyr_532","Heading--wide-s--variant-huge":"_Heading--wide-s--variant-huge_1qdyr_538","Heading--wide-s--variant-extraLarge":"_Heading--wide-s--variant-extraLarge_1qdyr_544","Heading--wide-s--variant-large":"_Heading--wide-s--variant-large_1qdyr_550","Heading--wide-s--variant-medium":"_Heading--wide-s--variant-medium_1qdyr_556","Heading--wide-s--variant-small":"_Heading--wide-s--variant-small_1qdyr_562","Heading--wide-l--variant-massive":"_Heading--wide-l--variant-massive_1qdyr_570","Heading--wide-l--variant-huge":"_Heading--wide-l--variant-huge_1qdyr_576","Heading--wide-l--variant-extraLarge":"_Heading--wide-l--variant-extraLarge_1qdyr_582","Heading--wide-l--variant-large":"_Heading--wide-l--variant-large_1qdyr_588","Heading--wide-l--variant-medium":"_Heading--wide-l--variant-medium_1qdyr_594","Heading--wide-l--variant-small":"_Heading--wide-l--variant-small_1qdyr_600"},R=({children:n,variant:a,accent:l,level:e,large:g=!1,tag:_,color:d,centered:m,dataset:v})=>{w(r);const H=_||e||"h1",s=q(r,i.Heading,a?c("variant",a):x(`level-${e}-large`,`level-${e}-normal`,g)),h=p(m),o=L(!(l?void 0:d),l),t=N(d),u={className:["preply-ds-heading",...s,...h,...o,...t].join(" "),...C(v,{preplyDsComponent:i.Heading})};return y.jsx(H,{...u,children:n})};export{R as H};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import{j as r}from"./jsx-runtime-Bxcv0yjW.js";import{H as e}from"./Heading-CC2QfCHz.js";import{S as f}from"./StoryContextDSWeb-BlVCJKyi.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./classNames-OZbnFNS5.js";import"./componentNames-BAR5iJaT.js";import"./useTextCenteredClassnames-DJAYJ6qC.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 F={title:"components/Heading",component:e,decorators:[E=>r.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:r.jsx(f,{theme:"tokyo-ui",children:E()})})]},a=()=>r.jsx(e,{tag:"h1",variant:"massive",children:"Lorem Ipsum"});a.storyName="Massive H1";const s=()=>r.jsx(e,{tag:"h2",variant:"huge",children:"Lorem Ipsum"});s.storyName="Huge H2";const o=()=>r.jsx(e,{tag:"h3",variant:"extraLarge",children:"Lorem Ipsum"});o.storyName="Extra Large H3";const t=()=>r.jsx(e,{tag:"h4",variant:"large",children:"Lorem Ipsum"});t.storyName="Large H4";const m=()=>r.jsx(e,{tag:"h5",variant:"medium",children:"Lorem Ipsum"});m.storyName="Medium H5";const i=()=>r.jsx(e,{tag:"p",variant:"small",children:"Lorem Ipsum"});i.storyName="Small P";var n,p,c;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:`() => <Heading tag="h1" variant="massive">
|
|
2
|
+
Lorem Ipsum
|
|
3
|
+
</Heading>`,...(c=(p=a.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};var d,g,u;s.parameters={...s.parameters,docs:{...(d=s.parameters)==null?void 0:d.docs,source:{originalSource:`() => <Heading tag="h2" variant="huge">
|
|
4
|
+
Lorem Ipsum
|
|
5
|
+
</Heading>`,...(u=(g=s.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};var H,l,h;o.parameters={...o.parameters,docs:{...(H=o.parameters)==null?void 0:H.docs,source:{originalSource:`() => <Heading tag="h3" variant="extraLarge">
|
|
6
|
+
Lorem Ipsum
|
|
7
|
+
</Heading>`,...(h=(l=o.parameters)==null?void 0:l.docs)==null?void 0:h.source}}};var L,v,x;t.parameters={...t.parameters,docs:{...(L=t.parameters)==null?void 0:L.docs,source:{originalSource:`() => <Heading tag="h4" variant="large">
|
|
8
|
+
Lorem Ipsum
|
|
9
|
+
</Heading>`,...(x=(v=t.parameters)==null?void 0:v.docs)==null?void 0:x.source}}};var I,S,j;m.parameters={...m.parameters,docs:{...(I=m.parameters)==null?void 0:I.docs,source:{originalSource:`() => <Heading tag="h5" variant="medium">
|
|
10
|
+
Lorem Ipsum
|
|
11
|
+
</Heading>`,...(j=(S=m.parameters)==null?void 0:S.docs)==null?void 0:j.source}}};var y,M,N;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`() => <Heading tag="p" variant="small">
|
|
12
|
+
Lorem Ipsum
|
|
13
|
+
</Heading>`,...(N=(M=i.parameters)==null?void 0:M.docs)==null?void 0:N.source}}};const G=["MassiveH1","HugeH2","ExtraLargeH3","LargeH4","MediumH5","SmallP"];export{o as ExtraLargeH3,s as HugeH2,t as LargeH4,a as MassiveH1,m as MediumH5,i as SmallP,G as __namedExportsOrder,F as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-Bxcv0yjW.js";import{u,m as w,b as y,I as x}from"./classNames-OZbnFNS5.js";import{w as c,g as C}from"./componentNames-BAR5iJaT.js";import{u as d,a as f}from"./useTextAccentClassnames-flfSYb_B.js";const h="_Icon_wtyo1_4",i={Icon:h,"Icon--size-2xs":"_Icon--size-2xs_wtyo1_16","Icon--size-xs":"_Icon--size-xs_wtyo1_22","Icon--size-s":"_Icon--size-s_wtyo1_28","Icon--size-m":"_Icon--size-m_wtyo1_34","Icon--size-l":"_Icon--size-l_wtyo1_40","Icon--size-16":"_Icon--size-16_wtyo1_46","Icon--size-24":"_Icon--size-24_wtyo1_52","Icon--size-32":"_Icon--size-32_wtyo1_58","Icon--size-48":"_Icon--size-48_wtyo1_64"},v=({svg:o,size:s=x,accent:e,color:r,label:a,dataset:_})=>{u(i);const n=!Number.isNaN(Number(s)),l=n?{width:`${s}px`,height:`${s}px`}:{},m=w(i,c.Icon,[y(`size-${s}`,void 0,!n)]),I=e?void 0:r,p=d(!1,e),z=f(I),N={className:[...m,...p,...z].join(" "),...C(_,{preplyDsComponent:c.Icon})};if(!o)throw new Error("Icon prop svg is mandatory");return t.jsx("span",{...N,style:l,"aria-hidden":!a,"aria-label":a,children:t.jsx(o,{"aria-hidden":"true",focusable:"false"})})};export{v as I};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Icon_wtyo1_4{display:inline-block;vertical-align:text-top}._Icon_wtyo1_4 svg{display:block;width:100%;min-width:100%;max-width:100%;max-height:100%;fill:currentColor}._Icon--size-2xs_wtyo1_16{width:var(--b21f61);height:var(--b21f61);min-width:var(--b21f61);max-width:var(--b21f61)}._Icon--size-xs_wtyo1_22{width:var(--766f3b);height:var(--766f3b);min-width:var(--766f3b);max-width:var(--766f3b)}._Icon--size-s_wtyo1_28{width:var(--7c1b1c);height:var(--7c1b1c);min-width:var(--7c1b1c);max-width:var(--7c1b1c)}._Icon--size-m_wtyo1_34{width:var(--2152b7);height:var(--2152b7);min-width:var(--2152b7);max-width:var(--2152b7)}._Icon--size-l_wtyo1_40{width:var(--8f525f);height:var(--8f525f);min-width:var(--8f525f);max-width:var(--8f525f)}._Icon--size-16_wtyo1_46{width:var(--656bbc);height:var(--656bbc);min-width:var(--656bbc);max-width:var(--656bbc)}._Icon--size-24_wtyo1_52{width:var(--81dc82);height:var(--81dc82);min-width:var(--81dc82);max-width:var(--81dc82)}._Icon--size-32_wtyo1_58{width:var(--2a6452);height:var(--2a6452);min-width:var(--2a6452);max-width:var(--2a6452)}._Icon--size-48_wtyo1_64{width:var(--03d2e4);height:var(--03d2e4);min-width:var(--03d2e4);max-width:var(--03d2e4)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-Bxcv0yjW.js";import{F as i}from"./TokyoUINotesWithPad-C9WDIp9V.js";import{I as s}from"./Icon-Bh8jd4gJ.js";import{S as I}from"./StoryContextDSWeb-BlVCJKyi.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./classNames-OZbnFNS5.js";import"./componentNames-BAR5iJaT.js";import"./useTextAccentClassnames-flfSYb_B.js";import"./styled-components.browser.esm-BaO8iHee.js";import"./StorybookGlobalStyle-BcEQvG9t.js";import"./RootProvider-BOk-5jT9.js";import"./useTheme-BV4v5x7f.js";import"./useColorScheme-Bv74nHTy.js";const W={title:"components/Icon",component:s,parameters:{docs:{description:{component:"To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page)."}}},decorators:[j=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(I,{theme:"tokyo-ui",children:j()})})]},r=()=>e.jsx(s,{svg:i,size:"16"}),o=()=>e.jsx(s,{svg:i,size:"24"}),t=()=>e.jsx(s,{svg:i,size:"32"}),a=()=>e.jsx(s,{svg:i,size:"48"});var c,m,p;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:'() => <Icon svg={svg} size="16" />',...(p=(m=r.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var n,d,g;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:'() => <Icon svg={svg} size="24" />',...(g=(d=o.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var u,z,l;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:'() => <Icon svg={svg} size="32" />',...(l=(z=t.parameters)==null?void 0:z.docs)==null?void 0:l.source}}};var v,S,x;a.parameters={...a.parameters,docs:{...(v=a.parameters)==null?void 0:v.docs,source:{originalSource:'() => <Icon svg={svg} size="48" />',...(x=(S=a.parameters)==null?void 0:S.docs)==null?void 0:x.source}}};const q=["Size16","Size24","Size32","Size48"];export{r as Size16,o as Size24,t as Size32,a as Size48,q as __namedExportsOrder,W as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as o}from"./jsx-runtime-Bxcv0yjW.js";import{B as m}from"./ButtonBase-wKD3gx2c.js";import{w as p}from"./componentNames-BAR5iJaT.js";import{B as i,a as u}from"./classNames-OZbnFNS5.js";const I=({variant:t=i,size:s=u,url:r,a11yLabel:n,svg:e,...a})=>o.jsx(m,{...a,isIconButton:!0,variant:t,size:s,url:r,a11yLabel:n,preplyDsComponent:p.IconButton,children:o.jsx(e,{"aria-hidden":"true",focusable:"false"})});export{I};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-Bxcv0yjW.js";import{F as e}from"./TokyoUIFav-B288CER3.js";import{I as s}from"./IconButton-
|
|
1
|
+
import{j as t}from"./jsx-runtime-Bxcv0yjW.js";import{F as e}from"./TokyoUIFav-B288CER3.js";import{I as s}from"./IconButton-BzgRgADV.js";import{S as Bt}from"./StoryContextDSWeb-BlVCJKyi.js";import{g as It}from"./getTokenVar-C2F95PBB.js";import{d as jt}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 Wt={title:"components/IconButton",component:s,parameters:{docs:{description:{component:"This component is a specialization of the [Button](/story/components-actions-button--base) component for cases where only an icon is visible."}}},decorators:[r=>t.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:t.jsx(Bt,{theme:"tokyo-ui",children:r()})})]},a=()=>t.jsx(s,{svg:e,assistiveText:"Do the thing",children:"Do the thing"}),o=()=>{const r=It(jt.color.grey[300]);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(s,{variant:"primary",svg:e,assistiveText:"primary"}),t.jsx(s,{variant:"secondary",svg:e,assistiveText:"secondary"}),t.jsx(s,{variant:"tertiary",svg:e,assistiveText:"tertiary"}),t.jsx(s,{variant:"ghost",svg:e,assistiveText:"ghost"}),t.jsx("div",{style:{backgroundColor:r,borderRadius:"8px"},children:t.jsx(s,{variant:"inverted",svg:e,assistiveText:"inverted"})}),t.jsx(s,{variant:"critical",svg:e,assistiveText:"critical"}),t.jsx(s,{variant:"onColor",svg:e,assistiveText:"onColor"})]})},n=()=>t.jsx(s,{size:"small",svg:e,assistiveText:"Do the thing",children:"Do the thing"}),c=()=>t.jsx(s,{size:"medium",svg:e,assistiveText:"Do the thing",children:"Do the thing"}),g=()=>t.jsx(s,{size:"large",svg:e,assistiveText:"Do the thing",children:"Do the thing"}),v=()=>t.jsx(s,{variant:"primary",svg:e,assistiveText:"Do the thing",children:"Do the thing"}),h=()=>t.jsx(s,{variant:"secondary",svg:e,assistiveText:"Do the thing",children:"Do the thing"}),m=()=>t.jsx(s,{variant:"tertiary",svg:e,assistiveText:"Do the thing",children:"Do the thing"}),d=()=>t.jsx(s,{variant:"ghost",svg:e,assistiveText:"Do the thing",children:"Do the thing"}),p=()=>t.jsx(s,{variant:"inverted",svg:e,assistiveText:"Do the thing",children:"Do the thing"}),u=()=>t.jsx(s,{variant:"critical",svg:e,assistiveText:"Do the thing",children:"Do the thing"}),l=()=>t.jsx(s,{variant:"ai",svg:e,assistiveText:"Do the thing",children:"Do the thing"}),x=()=>t.jsx(s,{variant:"onColor",svg:e,assistiveText:"Do the thing",children:"Do the thing"}),D=()=>t.jsx(s,{variant:"classroom",svg:e,assistiveText:"Do the thing",children:"Do the thing"}),y=()=>t.jsx(s,{busy:!0,svg:e,assistiveText:"Do the thing",children:"Do the thing"}),T=()=>t.jsx(s,{disabled:!0,svg:e,assistiveText:"Do the thing",children:"Do the thing"}),B=()=>t.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:["small","medium","large"].map(r=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(i=>t.jsxs("div",{style:{display:"flex",gap:"0.25rem"},children:[t.jsx(s,{svg:e,size:r,variant:i,assistiveText:"Do the thing"}),t.jsx(s,{svg:e,size:r,variant:i,assistiveText:"Do the thing",busy:!0}),t.jsx(s,{svg:e,size:r,variant:i,assistiveText:"Do the thing",disabled:!0})]},`${r}-${i}`)))});var I,j,S;a.parameters={...a.parameters,docs:{...(I=a.parameters)==null?void 0:I.docs,source:{originalSource:`() => <IconButton svg={svg} assistiveText="Do the thing">
|
|
2
2
|
Do the thing
|
|
3
3
|
</IconButton>`,...(S=(j=a.parameters)==null?void 0:j.docs)==null?void 0:S.source}}};var b,C,f,z,k;o.parameters={...o.parameters,docs:{...(b=o.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
|
|
4
4
|
const grey = getTokenVar(dsInternalPrimitive.color.grey[300]);
|
|
@@ -62,4 +62,4 @@ import{j as t}from"./jsx-runtime-Bxcv0yjW.js";import{F as e}from"./TokyoUIFav-B2
|
|
|
62
62
|
<IconButton svg={svg} size={size} variant={variant} assistiveText="Do the thing" disabled />
|
|
63
63
|
</div>))}
|
|
64
64
|
</div>;
|
|
65
|
-
}`,...(Tt=(yt=B.parameters)==null?void 0:yt.docs)==null?void 0:Tt.source}}};const
|
|
65
|
+
}`,...(Tt=(yt=B.parameters)==null?void 0:yt.docs)==null?void 0:Tt.source}}};const Zt=["Base","Variants","Small","Medium","Large","Primary","Secondary","Tertiary","Ghost","Inverted","Critical","Ai","OnColor","Classroom","Busy","Disabled","Combinations"];export{l as Ai,a as Base,y as Busy,D as Classroom,B as Combinations,u as Critical,T as Disabled,d as Ghost,p as Inverted,g as Large,c as Medium,x as OnColor,v as Primary,h as Secondary,n as Small,m as Tertiary,o as Variants,Zt as __namedExportsOrder,Wt as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as l}from"./jsx-runtime-Bxcv0yjW.js";import{r as u}from"./index-mfbfsM12.js";import{s,u as x,I as c}from"./FieldLayoutBase-DU1N8Oo9.js";import{u as f,m as i}from"./classNames-OZbnFNS5.js";import{w as t}from"./componentNames-BAR5iJaT.js";const C=({onChange:e,onValueChange:a,...o},r)=>{f(s);const n=i(s,t.InputText),m=x(p=>p.target.value,e,a);return l.jsx(c,{...o,ref:r,className:n.join(" "),onChange:m,preplyDsComponent:t.InputText})},h=u.forwardRef(C);export{h as I};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._LayoutFlexItem_wrkly_2{padding:0;margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0}._LayoutFlexItem--stretch_wrkly_11{flex:1}._LayoutFlexItem--no-stretch_wrkly_14{flex:none}@media (min-width: 400px){._LayoutFlexItem--narrow-l--stretch_wrkly_18{flex:1}._LayoutFlexItem--narrow-l--no-stretch_wrkly_21{flex:none}}@media (min-width: 700px){._LayoutFlexItem--medium-s--stretch_wrkly_26{flex:1}._LayoutFlexItem--medium-s--no-stretch_wrkly_29{flex:none}}@media (min-width: 880px){._LayoutFlexItem--medium-l--stretch_wrkly_34{flex:1}._LayoutFlexItem--medium-l--no-stretch_wrkly_37{flex:none}}@media (min-width: 1200px){._LayoutFlexItem--wide-s--stretch_wrkly_42{flex:1}._LayoutFlexItem--wide-s--no-stretch_wrkly_45{flex:none}}@media (min-width: 1900px){._LayoutFlexItem--wide-l--stretch_wrkly_50{flex:1}._LayoutFlexItem--wide-l--no-stretch_wrkly_53{flex:none}}
|