@preply/ds-docs 9.0.1 → 9.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{00.LayoutFlex.stories-BCNMygVE.js → 00.LayoutFlex.stories-BYXnY64p.js} +1 -1
- package/dist/assets/{00.applications-Cj9uC86n.js → 00.applications-BsH2V3W_.js} +1 -1
- package/dist/assets/{00.favicons.guide-C-C9jg3T.js → 00.favicons.guide-eBYOUVUH.js} +1 -1
- package/dist/assets/{00.token-explorer-C4LAzVZX.js → 00.token-explorer-B2ulyaA-.js} +1 -1
- package/dist/assets/{00.using-responsive-props-B7byf0gx.js → 00.using-responsive-props-CTjUYXUc.js} +1 -1
- package/dist/assets/{01.semantic-tokens-Dnr3rSdi.js → 01.semantic-tokens-DaqL26gu.js} +1 -1
- package/dist/assets/{01.using-shorthand-props-Bj8N2oP4.js → 01.using-shorthand-props-CwDUu5-3.js} +1 -1
- package/dist/assets/{10.Combinations.stories-DCuScgXp.js → 10.Combinations.stories-DyRUlGlL.js} +1 -1
- package/dist/assets/{10.fonts.guide-CU8dMBRc.js → 10.fonts.guide-DeXmgJeZ.js} +1 -1
- package/dist/assets/{10.ssr-BJUSHkUL.js → 10.ssr-Cc4-BW5H.js} +1 -1
- package/dist/assets/11.fonts.explorer-ZD_-8450.js +2 -0
- package/dist/assets/{11.ssr.app-router-BAmVsjxv.js → 11.ssr.app-router-D1SE_zWj.js} +1 -1
- package/dist/assets/{20.libraries-dgsYSyEH.js → 20.libraries-DfhUsp74.js} +1 -1
- package/dist/assets/{2025-q4-ds-cleanup-BD1l2a2v.js → 2025-q4-ds-cleanup-DGnTtnn3.js} +1 -1
- package/dist/assets/{30.icons.explorer-CS4d6zHG.js → 30.icons.explorer-D0CP2r0K.js} +1 -1
- package/dist/assets/{30.storybook-BKiYDtg1.js → 30.storybook-fiICi3pf.js} +1 -1
- package/dist/assets/{40.illustrations.explorer-dyGWgv36.js → 40.illustrations.explorer-BAusB8PF.js} +1 -1
- package/dist/assets/{90.advanced-BK6rI0l2.js → 90.advanced-DcSeiSZJ.js} +1 -1
- package/dist/assets/{Accordion-K_j-43HZ.js → Accordion-BEPo4ld1.js} +4 -4
- package/dist/assets/{Accordion.stories-CjbasC68.js → Accordion.stories-BQqvv6_w.js} +1 -1
- package/dist/assets/{Accordion.tests.stories-_cRdUDSo.js → Accordion.tests.stories-CbPTut9X.js} +1 -1
- package/dist/assets/{AlertBanner.primitives.stories-JMCCPJnr.js → AlertBanner.primitives.stories-B8wM25gx.js} +1 -1
- package/dist/assets/{AlertBanner.stories-C8GUF7vm.js → AlertBanner.stories-CMG9DJ2x.js} +1 -1
- package/dist/assets/{AlertBannerText-D_GhSx4T.js → AlertBannerText-CmhnTe_E.js} +43 -43
- package/dist/assets/{AlertDialog.stories-Dgq01GlN.js → AlertDialog.stories-DizQy7gK.js} +1 -1
- package/dist/assets/{Avatar-B1YmiX3C.js → Avatar-DooDODLU.js} +1 -1
- package/dist/assets/{Avatar.stories-CaGLIDv1.js → Avatar.stories-D7qshDw_.js} +1 -1
- package/dist/assets/{AvatarWithStatus.stories-CQhlZknK.js → AvatarWithStatus.stories-Dj6jZHHV.js} +1 -1
- package/dist/assets/{Badge-gJPjBeZA.js → Badge-BOSHGFZw.js} +2 -2
- package/dist/assets/{Badge.stories-BX3zOvcz.js → Badge.stories-D2WAGDpD.js} +1 -1
- package/dist/assets/{Box.stories-D1-aaP7y.js → Box.stories-CHbntlOv.js} +1 -1
- package/dist/assets/{BubbleCounter.stories-BheNu2XE.js → BubbleCounter.stories-DTv3QqdJ.js} +1 -1
- package/dist/assets/{Button-Dq9U-x_2.js → Button-C8B7W2Qo.js} +1 -1
- package/dist/assets/{Button-DGeBRRiu.js → Button-KCBOR544.js} +3 -3
- package/dist/assets/{Button.stories-kWB87Dip.js → Button.stories-pEk6dWrs.js} +1 -1
- package/dist/assets/{ButtonBase-DNBAX75l.js → ButtonBase-D1x6yeKi.js} +2 -2
- package/dist/assets/{CalloutBanner.stories-imF3pWrO.js → CalloutBanner.stories-C-mTLhQp.js} +21 -21
- package/dist/assets/{Checkbox-C_2Ntdn7.js → Checkbox-BpQ-rwun.js} +3 -3
- package/dist/assets/{Checkbox.stories-BR1rzo3V.js → Checkbox.stories-DsN55u_O.js} +1 -1
- package/dist/assets/{Checkbox.tests.stories-DLHzbR-3.js → Checkbox.tests.stories-Bep_STbH.js} +1 -1
- package/dist/assets/{Chips.stories-DyyZPrDy.js → Chips.stories-Da8J7RES.js} +1 -1
- package/dist/assets/{Color-ASIRERSW-BLBT1VcA.js → Color-ASIRERSW-DWyFOMGN.js} +1 -1
- package/dist/assets/{ComposingPopovers.stories-lwiwkDau.js → ComposingPopovers.stories-qqCHKKj8.js} +1 -1
- package/dist/assets/CountryFlag-CSGb4nau.js +49 -0
- package/dist/assets/{CountryFlag.stories-7UiE4oBf.js → CountryFlag.stories-DQpEMYMX.js} +1 -1
- package/dist/assets/{CountryFlag.test.stories-OR19SNon.js → CountryFlag.test.stories-CzcCUxia.js} +1 -1
- package/dist/assets/{Dialog-CKmITsZc.js → Dialog-Bmg2gpCM.js} +3 -3
- package/dist/assets/Dialog.primitives-DLgD-yog.css +1 -0
- package/dist/assets/Dialog.primitives.stories-CSDdsj-9.js +213 -0
- package/dist/assets/Dialog.stories-BfS-yGJK.js +248 -0
- package/dist/assets/{Dialog.test.stories-gNvLYcCQ.js → Dialog.test.stories-DngMxsX4.js} +4 -4
- package/dist/assets/{DialogActions-BVsjnGkp.js → DialogActions-DTUDyqFX.js} +36 -36
- package/dist/assets/DialogTitle-8iZEMHpI.css +1 -0
- package/dist/assets/{DialogTitle-C_7Sfj1O.js → DialogTitle-DJPc1ITB.js} +55 -55
- package/dist/assets/DismissibleChips-CRFGhm8B.js +1 -0
- package/dist/assets/{DismissibleChips.stories-DgeyF-ao.js → DismissibleChips.stories-Bi-ob_1G.js} +1 -1
- package/dist/assets/{Divider-CBYEIgmI.js → Divider-CPpmQZmq.js} +1 -1
- package/dist/assets/{Divider.stories-C12psIEV.js → Divider.stories-CfHb5qbc.js} +1 -1
- package/dist/assets/{DocsRenderer-GHJI37HO-CG8Y-g_n.js → DocsRenderer-GHJI37HO-DtP4EKUP.js} +2 -2
- package/dist/assets/{DropdownMenu-CHmY9MEd.js → DropdownMenu-N9_otewg.js} +456 -456
- package/dist/assets/{DropdownMenu.stories-BFi_X5F2.js → DropdownMenu.stories-CEAGHTed.js} +1 -1
- package/dist/assets/{FieldButton-yd6DmWvU.js → FieldButton-CCXniKhy.js} +1 -1
- package/dist/assets/{FieldButton.stories-D9JBtr4O.js → FieldButton.stories-CJM_6H-S.js} +1 -1
- package/dist/assets/{FormControl-CzKrRqYA.js → FormControl-CygcWV_h.js} +1 -1
- package/dist/assets/{FormControl.stories-B9EOoEVt.js → FormControl.stories-C5u8y2E-.js} +1 -1
- package/dist/assets/{Heading-BFtiYfNT.js → Heading-Bie8QWaf.js} +1 -1
- package/dist/assets/{Heading.stories-D69YSRMR.js → Heading.stories-D0fztdY8.js} +1 -1
- package/dist/assets/{Icon-C5UQdb5e.js → Icon-BX3I9JNh.js} +2 -2
- package/dist/assets/{Icon-RSC-BiLq__Ve.js → Icon-RSC-D3qlB5DK.js} +1 -1
- package/dist/assets/{Icon.stories-D7NEwDBE.js → Icon.stories-By891-S7.js} +1 -1
- package/dist/assets/IconButton-DVKNd7ZK.js +8 -0
- package/dist/assets/{IconTile.stories-BELcbM0x.js → IconTile.stories-Dns_iBHK.js} +1 -1
- package/dist/assets/{Input-CY8WPfKe.js → Input-DwA6-keB.js} +19 -19
- package/dist/assets/{InputContainer-D7ZAPKi0.js → InputContainer-BM2ePliH.js} +1 -1
- package/dist/assets/{IntegrationWithReactHookForm.stories-DAkZZlj1.js → IntegrationWithReactHookForm.stories-mIoeMj7y.js} +1 -1
- package/dist/assets/{IntlFormattedCurrency.stories-DOB_mJMJ.js → IntlFormattedCurrency.stories-7qKke3dW.js} +9 -9
- package/dist/assets/{IntlFormattedDateTime.stories-Bb0wYsKS.js → IntlFormattedDateTime.stories-C2pI0ems.js} +7 -7
- package/dist/assets/{LayoutFlex-DJchK3Ku.js → LayoutFlex-0WdUDfah.js} +1 -1
- package/dist/assets/{LayoutFlex-8VEpbYm2.js → LayoutFlex-BnIoY5YK.js} +1 -1
- package/dist/assets/{LayoutFlexItem-veclhYXd.js → LayoutFlexItem-9sCC-db-.js} +1 -1
- package/dist/assets/{LayoutGrid-DRM7laCZ.js → LayoutGrid-DfyCnoOo.js} +1 -1
- package/dist/assets/{LayoutGrid-ClN55Wfu.js → LayoutGrid-DqPWofJQ.js} +1 -1
- package/dist/assets/{LayoutGrid.stories-DVMweKlV.js → LayoutGrid.stories-CPzyKie2.js} +1 -1
- package/dist/assets/{LayoutGridItem-ZgShiMY6.js → LayoutGridItem-BhNbXpRk.js} +1 -1
- package/dist/assets/{Link-A5JmQWbD.js → Link-C686zlPi.js} +2 -2
- package/dist/assets/{Link.stories-B2hbErdK.js → Link.stories-NTXG_YAN.js} +1 -1
- package/dist/assets/{Loader.stories-DjT9WSa0.js → Loader.stories-CobXaiZW.js} +1 -1
- package/dist/assets/MultiSelectChips-DJ1p23QD.js +2 -0
- package/dist/assets/{MultiSelectChips.stories-FaaktENh.js → MultiSelectChips.stories-D8qk9Xh6.js} +1 -1
- package/dist/assets/{NativeSelectField.stories-BOCQBvr9.js → NativeSelectField.stories-BDO41u_T.js} +22 -22
- package/dist/assets/NumberField-DmosE2JM.js +6 -0
- package/dist/assets/{NumberField.stories-FCP9vR30.js → NumberField.stories-Dcw2SaBe.js} +1 -1
- package/dist/assets/{ObserveIntersection-CQkIW63_.js → ObserveIntersection-Be6WqdPA.js} +2 -2
- package/dist/assets/{ObserveIntersection.stories-gQnws4dC.js → ObserveIntersection.stories-DZmhDs2t.js} +1 -1
- package/dist/assets/{OnboardingTooltip-BZ24KrQu.js → OnboardingTooltip-CsTure6K.js} +1 -1
- package/dist/assets/{OnboardingTooltip.stories-CtzOLUxN.js → OnboardingTooltip.stories-C_B-G4_v.js} +1 -1
- package/dist/assets/{OnboardingTooltip.tests.stories-BNw7iy_w.js → OnboardingTooltip.tests.stories-CpZhGhGz.js} +1 -1
- package/dist/assets/{OnboardingTour-Dn-m2m1d.js → OnboardingTour-Dsl4caiq.js} +1 -1
- package/dist/assets/{OnboardingTour.stories-6zCHX4V0.js → OnboardingTour.stories-DqC8M1Kd.js} +2 -2
- package/dist/assets/{OnboardingTour.tests.stories-CW9B-QMs.js → OnboardingTour.tests.stories-DGFSuiWj.js} +1 -1
- package/dist/assets/PasswordField-DQuar8x2.js +6 -0
- package/dist/assets/{PasswordField.stories-C0mB2e5u.js → PasswordField.stories-CZeXEfzi.js} +1 -1
- package/dist/assets/{PreplyLogo.stories-CZG5H-Pd.js → PreplyLogo.stories-shAJfg57.js} +1 -1
- package/dist/assets/{ProgressBar.stories-fPxhHJbx.js → ProgressBar.stories-iYTaP7-a.js} +1 -1
- package/dist/assets/{ProgressSteps-DENeSjPR.js → ProgressSteps-Dq6mpMpu.js} +1 -1
- package/dist/assets/{ProgressSteps.stories-DzXqXJeY.js → ProgressSteps.stories-DHMPLYQI.js} +1 -1
- package/dist/assets/{PromoDialog-BsePIPb7.js → PromoDialog-D8vw3Grl.js} +1 -1
- package/dist/assets/{RangeSlider-93BZWuvB.js → RangeSlider-Bhq0kPco.js} +1 -1
- package/dist/assets/{RangeSlider.stories-JyNrkPT0.js → RangeSlider.stories-g3pQNpDu.js} +1 -1
- package/dist/assets/{Rating.stories-NVs2SdN3.js → Rating.stories-CjioX0Al.js} +1 -1
- package/dist/assets/{RatingInput.stories-DcP1qONO.js → RatingInput.stories-D33p4lyo.js} +2 -2
- package/dist/assets/{SelectField-DpD7wOTW.js → SelectField-Dndb8yfM.js} +14 -14
- package/dist/assets/{SelectField.stories-Bo0V_Tu3.js → SelectField.stories-CvIWxsEK.js} +1 -1
- package/dist/assets/{ShowOnIntersection.stories-D8dDbLPb.js → ShowOnIntersection.stories-dFG1F9xz.js} +1 -1
- package/dist/assets/SingleSelectChips-BqEBu1qF.js +2 -0
- package/dist/assets/{SingleSelectChips.stories-BY1rIhey.js → SingleSelectChips.stories-CUP8Bkco.js} +1 -1
- package/dist/assets/{Slider-BEvY5ahD.js → Slider-BECc3Wis.js} +1 -1
- package/dist/assets/{Slider.stories-7tdok1Lu.js → Slider.stories-DjmgzkjU.js} +1 -1
- package/dist/assets/{Spinner-DMKptX0-.js → Spinner-lj2QA4al.js} +1 -1
- package/dist/assets/{Stars-B0SlHGua.js → Stars-jpVWvTeN.js} +1 -1
- package/dist/assets/{Steps-CmKCNz9h.js → Steps-GOg1wsKY.js} +1 -1
- package/dist/assets/{Steps.stories-DnK825vX.js → Steps.stories-kIC1j0Ik.js} +1 -1
- package/dist/assets/{Switch-bEvpJ3Q9.js → Switch-7aX4SIla.js} +1 -1
- package/dist/assets/{Switch.stories-BsJzpmTT.js → Switch.stories-DT7OULK4.js} +1 -1
- package/dist/assets/{Text-s7kR65wV.js → Text-CmJvwKqR.js} +1 -1
- package/dist/assets/{Text-DadiF3bg.js → Text-cq49jjad.js} +1 -1
- package/dist/assets/{Text.stories-BpH1Ii1L.js → Text.stories-CS1pqas4.js} +1 -1
- package/dist/assets/TextField-BkMawuql.js +6 -0
- package/dist/assets/{TextField.stories-2DsJRJA-.js → TextField.stories-CzFG171A.js} +1 -1
- package/dist/assets/{TextHighlighted.stories-DJRCNwVQ.js → TextHighlighted.stories-CLRQJAB8.js} +1 -1
- package/dist/assets/{TextInline.stories-Y4zpFEDV.js → TextInline.stories-DSzsl_kb.js} +1 -1
- package/dist/assets/{TextareaField-Dgl4xame.js → TextareaField-DBMUxHiI.js} +23 -23
- package/dist/assets/{TextareaField.stories-BJtFz_Du.js → TextareaField.stories-CUD2MBoL.js} +1 -1
- package/dist/assets/{Toast.stories-BVf0GuVo.js → Toast.stories-DPD668gP.js} +1 -1
- package/dist/assets/{TokyoUIAttach-CuccI8mX.js → TokyoUIAttach-BtX3U917.js} +1 -1
- package/dist/assets/{TokyoUIAvailability7LateNight-Bu_wDbHq.js → TokyoUIAvailability7LateNight-CjHQEFhh.js} +1 -1
- package/dist/assets/{TokyoUICheck-CBZ8cyGE.js → TokyoUICheck-DfGyg7qp.js} +1 -1
- package/dist/assets/{TokyoUICheckmark-Cz_YL9lO.js → TokyoUICheckmark-CittwpP4.js} +1 -1
- package/dist/assets/{TokyoUIChevronDown-CpJTAVH5.js → TokyoUIChevronDown-D9z1Bocr.js} +1 -1
- package/dist/assets/{TokyoUIChevronRight-BQJATqWN.js → TokyoUIChevronRight-DQBrjC0F.js} +1 -1
- package/dist/assets/{TokyoUIClose-CdBZGlA7.js → TokyoUIClose-C1pVTvLz.js} +1 -1
- package/dist/assets/{TokyoUIEmojiFrowning-DlNteo5p.js → TokyoUIEmojiFrowning-D-sR3DAq.js} +1 -1
- package/dist/assets/{TokyoUIErrorWarning-CxGVa-_Z.js → TokyoUIErrorWarning-CDZ53m2_.js} +1 -1
- package/dist/assets/{TokyoUIExerciseClosedGapsJumble-C8EDtq9l.js → TokyoUIExerciseClosedGapsJumble-DYuDUGYW.js} +1 -1
- package/dist/assets/{TokyoUIEye-CuEqusRx.js → TokyoUIEye-Bgb_ZF1l.js} +1 -1
- package/dist/assets/{TokyoUIFav-0uWF_TDx.js → TokyoUIFav-B1z6F-nK.js} +1 -1
- package/dist/assets/{TokyoUIInfo-CIEgGZLb.js → TokyoUIInfo-CwPA0O_V.js} +1 -1
- package/dist/assets/{TokyoUILanguage-BCWaVqWU.js → TokyoUILanguage-Cnby-Siw.js} +1 -1
- package/dist/assets/{TokyoUILibraryExplore-B--iVn5l.js → TokyoUILibraryExplore-D3Zqdc29.js} +1 -1
- package/dist/assets/{TokyoUILock-CYuXl3qM.js → TokyoUILock-BVVVVd2O.js} +1 -1
- package/dist/assets/{TokyoUIMessages-D58TZTzG.js → TokyoUIMessages-B0IlDk1q.js} +1 -1
- package/dist/assets/{TokyoUIMinus-CPkUsesB.js → TokyoUIMinus-Bev2a7lF.js} +1 -1
- package/dist/assets/{TokyoUINotebook-Sko1JO2r.js → TokyoUINotebook-BCMFA3qu.js} +1 -1
- package/dist/assets/{TokyoUINotesWithPad-Bg9LPtgb.js → TokyoUINotesWithPad-Bi4bu_3q.js} +1 -1
- package/dist/assets/{TokyoUIPhone-BEiSZYPc.js → TokyoUIPhone-CX3CAtW4.js} +1 -1
- package/dist/assets/{TokyoUISettings-mcnFb11P.js → TokyoUISettings-BlCV0s5R.js} +1 -1
- package/dist/assets/{TokyoUISparkle-BrtqBicw.js → TokyoUISparkle-C5euAhof.js} +1 -1
- package/dist/assets/{TokyoUIStarFilled-CJDgeuMD.js → TokyoUIStarFilled-Dm7Rk3-6.js} +1 -1
- package/dist/assets/{TokyoUITag-Clpp0JxY.js → TokyoUITag-CxUsuh1h.js} +1 -1
- package/dist/assets/{TokyoUIUpload-CPhgdTOp.js → TokyoUIUpload-C50QSO0I.js} +1 -1
- package/dist/assets/{TokyoUIUser-CytSxWM9.js → TokyoUIUser-Cb3Rabu0.js} +1 -1
- package/dist/assets/{Tooltip-RkXcTs0t.js → Tooltip-Zk6DNyQp.js} +1 -1
- package/dist/assets/{Tooltip.stories-CBLbLc_w.js → Tooltip.stories-DvCDg7L5.js} +1 -1
- package/dist/assets/{Tooltip.tests.stories-C7UdOp5j.js → Tooltip.tests.stories-DhLZuVsr.js} +1 -1
- package/dist/assets/{VisuallyHidden-Ck1Kevby.js → VisuallyHidden-lSSiGvdb.js} +1 -1
- package/dist/assets/{WithTooltip-IO6J4KBT-D16YMXZO.js → WithTooltip-IO6J4KBT-BXUfDxdY.js} +1 -1
- package/dist/assets/{align-self-DF2HdNLf.js → align-self-kXdO3hx1.js} +1 -1
- package/dist/assets/{axe-DGWcnrmP.js → axe-D9-qZHEg.js} +1 -1
- package/dist/assets/{breakpoints-D16MO9BL.js → breakpoints-C7qnntd1.js} +1 -1
- package/dist/assets/{breakpoints-DoQjZnZv.js → breakpoints-Cmpvj56z.js} +1 -1
- package/dist/assets/{breakpoints-BT11HiNp.js → breakpoints-QW-40zGS.js} +1 -1
- package/dist/assets/{changelog--yKJfcPf.js → changelog-BWMxpTM2.js} +26 -1
- package/dist/assets/{client-BT9FXva8.js → client-DvDoBCIp.js} +1 -1
- package/dist/assets/componentNames-hc9KR2nX.js +1 -0
- package/dist/assets/{constants-k1WYvB4V.js → constants-6ClT3n6m.js} +47 -47
- package/dist/assets/createRequiredContext-63KJmEaI.js +241 -0
- package/dist/assets/fonts-explorer-BKje7Hq_.css +1 -0
- package/dist/assets/fonts-explorer.stories-DP7h1C3f.js +130 -0
- package/dist/assets/{formatter-QJ4M4OGQ-6tp9RKud.js → formatter-QJ4M4OGQ-kybJ6bB6.js} +1 -1
- package/dist/assets/{getTokenVar-DT9EHDfD.js → getTokenVar-CszfVUbW.js} +1 -1
- package/dist/assets/getTokenVar-DntuTYid.js +1 -0
- package/dist/assets/{gradientBorders-DTKu2Po4.js → gradientBorders-DRFre4M2.js} +1 -1
- package/dist/assets/{hover-BJvzh5lj.js → hover-D3OYWSUH.js} +1 -1
- package/dist/assets/{hover-C1gpRujJ.js → hover-DLl5EEx6.js} +1 -1
- package/dist/assets/{hover-CA54fPeb.js → hover-DVoxXiPd.js} +1 -1
- package/dist/assets/{iframe-rPxPheSO.js → iframe-CpMEswOF.js} +16 -16
- package/dist/assets/iframe-DR4kltvM.css +1 -0
- package/dist/assets/index-9rU-ZrVj.js +75 -0
- package/dist/assets/{index-DxeZSyRS.js → index-B_7ihsZD.js} +1 -1
- package/dist/assets/{index-Bzd5dlB9.js → index-Cc28ZUNU.js} +1 -1
- package/dist/assets/{index-Ch8cwrP-.js → index-DT-MbRPK.js} +1 -1
- package/dist/assets/{index-D5hhDObe.js → index-IVtS1ZoW.js} +1 -1
- package/dist/assets/{index-CHV8c6AM.js → index-dUCHvwfu.js} +1 -1
- package/dist/assets/{index-AkiTKRT4.js → index-jLr7d-Kb.js} +1 -1
- package/dist/assets/{intro-C95-vT5U.js → intro-1RVcci_B.js} +1 -1
- package/dist/assets/{layout-relative-BfaWqLn8.js → layout-relative-Bq7IHzTJ.js} +1 -1
- package/dist/assets/{layout-relative.module-1z75aSwo-Btp4KtwY.js → layout-relative.module-1z75aSwo-B4ha7m6U.js} +1 -1
- package/dist/assets/{layout-relative.module-D5jJ_Wjz.js → layout-relative.module-Bhi7U482.js} +1 -1
- package/dist/assets/{mcp-DG0oSwJ_.js → mcp-D4dEnAH6.js} +1 -1
- package/dist/assets/{message-CVBYHxuJ.js → message-CTdBLxyt.js} +1 -1
- package/dist/assets/{migrating-from-less-Dl58ybrk.js → migrating-from-less-DyPFNe_D.js} +1 -1
- package/dist/assets/{playground.stories-CPGFTUrj.js → playground.stories-Cd-KauE2.js} +1 -1
- package/dist/assets/{react-18-CuwswiWa.js → react-18-B6ZQhKaW.js} +1 -1
- package/dist/assets/{render-icon-CDgYoeDK.js → render-icon-CiYBms-s.js} +1 -1
- package/dist/assets/{render-icon-CYz0RSbb.js → render-icon-c7okze1K.js} +1 -1
- package/dist/assets/{shared-strings-DqJVAlTT.js → shared-strings-BChji30Y.js} +1 -1
- package/dist/assets/{styled-components.browser.esm-DNrL5PLt.js → styled-components.browser.esm-Cm3dhVk9.js} +1 -1
- package/dist/assets/{styled-components.browser.esm-Do9--Umw.js → styled-components.browser.esm-DsMoKq9m.js} +1 -1
- package/dist/assets/{syntaxhighlighter-IQDEPFLK-CDCuyLmW.js → syntaxhighlighter-IQDEPFLK-ckmVX3NN.js} +1 -1
- package/dist/assets/{text-accent-DectBi3u.js → text-accent-DZ_ihUdH.js} +1 -1
- package/dist/assets/{text-centered-DrGkZ2FI.js → text-centered-B26ac1NU.js} +1 -1
- package/dist/assets/{text-centered-nlNU1AO2.js → text-centered-DiwR-QSx.js} +1 -1
- package/dist/assets/{tokens-DlIhIRgz.js → tokens-5M__FcH-.js} +1 -1
- package/dist/assets/{tokens-Cpg5Tsa3.js → tokens-B_sXFQpU.js} +1 -1
- package/dist/assets/{tokens-CXDURKfu.js → tokens-DO-XJjoF.js} +1 -1
- package/dist/assets/{tokens-DVFIp8cS.js → tokens-DTCyqZ0W.js} +1 -1
- package/dist/assets/{useControllableState-BGQSGH6e.js → useControllableState-ouxkeS_b.js} +1 -1
- package/dist/assets/useHostname-BVhrcDgi.js +1 -0
- package/dist/assets/{useMergeRefs-B0tLxB64.js → useMergeRefs-BVh7Ch_S.js} +1 -1
- package/dist/assets/{useMergeRefs-D3-2wqPW.js → useMergeRefs-DkQLsYW4.js} +1 -1
- package/dist/assets/{useOpenInteractionType-DLe0t7DD.js → useOpenInteractionType-BBP_TXgz.js} +1 -1
- package/dist/assets/{usePortalElement-2Z6Vojwe.js → usePortalElement-Cm2Hqn3J.js} +1 -1
- package/dist/assets/{useStableCallback-CM7WIg73.js → useStableCallback-DHq1eG2Q.js} +1 -1
- package/dist/assets/{useToken-Dbb7YMsn.js → useToken-CX1vf7pV.js} +1 -1
- package/dist/assets/{welcome-7UdPDmAm.js → welcome-CNokV_38.js} +1 -1
- package/dist/assets/{zeroheight-V0-az0nn.js → zeroheight-8zVSToXs.js} +1 -1
- package/dist/iframe.html +2 -2
- package/dist/index.json +1 -1
- package/dist/preview-stats.json +10104 -10065
- package/dist/project.json +1 -1
- package/package.json +5 -5
- package/pages/30.guides/70.assets/11.fonts.explorer.mdx +4 -8
- package/pages/30.guides/70.assets/components/IllustrationsList.tsx +1 -0
- package/pages/30.guides/70.assets/fonts-explorer.stories.tsx +14 -0
- package/dist/assets/11.fonts-DNWYfYg9.css +0 -1
- package/dist/assets/11.fonts.explorer-BkYx16R6.js +0 -130
- package/dist/assets/CountryFlag-CIdWr2XO.js +0 -49
- package/dist/assets/Dialog.primitives-Bjw8AO3e.css +0 -1
- package/dist/assets/Dialog.primitives.stories-BdTs3FLi.js +0 -246
- package/dist/assets/Dialog.stories-JSWOh9Dn.js +0 -251
- package/dist/assets/DialogTitle-CiauK9kk.css +0 -1
- package/dist/assets/DismissibleChips-Ban3NVPS.js +0 -1
- package/dist/assets/IconButton-ClS7adSJ.js +0 -8
- package/dist/assets/MultiSelectChips-DidzFDbd.js +0 -2
- package/dist/assets/NumberField-UaAR3tKE.js +0 -6
- package/dist/assets/PasswordField-BZzwsMwt.js +0 -6
- package/dist/assets/SingleSelectChips-k-EE7r6U.js +0 -2
- package/dist/assets/TextField-C5NAs2Cw.js +0 -6
- package/dist/assets/componentNames-Dts5uwdK.js +0 -1
- package/dist/assets/createRequiredContext-Co5wTaFA.js +0 -241
- package/dist/assets/getTokenVar-C2EwRMHN.js +0 -1
- package/dist/assets/iframe-u_WKqRSx.css +0 -1
- package/dist/assets/index-jKLBZczP.js +0 -75
- package/dist/assets/useHostname-CSCtqnDM.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{aa as Z,r as s,ax as we,a8 as ke,j as t,ab as I,ad as P,ae as Be,af as C,ag as D,ai as x,aj as Fe,ak as Me,ay as ze,I as We,g as $e}from"./iframe-
|
|
1
|
+
import{aa as Z,r as s,ax as we,a8 as ke,j as t,ab as I,ad as P,ae as Be,af as C,ag as D,ai as x,aj as Fe,ak as Me,ay as ze,I as We,g as $e}from"./iframe-CpMEswOF.js";import{H as Le}from"./Heading-Bie8QWaf.js";import{B as v}from"./Button-KCBOR544.js";import{w as Ge}from"./componentNames-hc9KR2nX.js";import{R as Ue,h as Ve,u as qe,F as Ye}from"./index-dUCHvwfu.js";import"./preload-helper-Dp1pzeXC.js";import"./text-accent-DZ_ihUdH.js";import"./text-centered-DiwR-QSx.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-c7okze1K.js";import"./ButtonBase-D1x6yeKi.js";import"./Spinner-lj2QA4al.js";import"./useMergeRefs-DkQLsYW4.js";import"./useHostname-BVhrcDgi.js";import"./index-CC6DAVyL.js";var N="Dialog",[Q,ee]=Z(N),[He,p]=Q(N),te=e=>{const{__scopeDialog:n,children:o,open:r,defaultOpen:a,onOpenChange:i,modal:l=!0}=e,c=s.useRef(null),g=s.useRef(null),[u,y]=ke({prop:r,defaultProp:a??!1,onChange:i,caller:N});return t.jsx(He,{scope:n,triggerRef:c,contentRef:g,contentId:I(),titleId:I(),descriptionId:I(),open:u,onOpenChange:y,onOpenToggle:s.useCallback(()=>y(Pe=>!Pe),[y]),modal:l,children:o})};te.displayName=N;var ne="DialogTrigger",oe=s.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(ne,o),i=x(n,a.triggerRef);return t.jsx(C.button,{type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.contentId,"data-state":B(a.open),...r,ref:i,onClick:D(e.onClick,a.onOpenToggle)})});oe.displayName=ne;var w="DialogPortal",[Xe,re]=Q(w,{forceMount:void 0}),ae=e=>{const{__scopeDialog:n,forceMount:o,children:r,container:a}=e,i=p(w,n);return t.jsx(Xe,{scope:n,forceMount:o,children:s.Children.map(r,l=>t.jsx(P,{present:o||i.open,children:t.jsx(Be,{asChild:!0,container:a,children:l})}))})};ae.displayName=w;var O="DialogOverlay",ie=s.forwardRef((e,n)=>{const o=re(O,e.__scopeDialog),{forceMount:r=o.forceMount,...a}=e,i=p(O,e.__scopeDialog);return i.modal?t.jsx(P,{present:r||i.open,children:t.jsx(Ke,{...a,ref:n})}):null});ie.displayName=O;var Je=Fe("DialogOverlay.RemoveScroll"),Ke=s.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(O,o);return t.jsx(Ue,{as:Je,allowPinchZoom:!0,shards:[a.contentRef],children:t.jsx(C.div,{"data-state":B(a.open),...r,ref:n,style:{pointerEvents:"auto",...r.style}})})}),m="DialogContent",se=s.forwardRef((e,n)=>{const o=re(m,e.__scopeDialog),{forceMount:r=o.forceMount,...a}=e,i=p(m,e.__scopeDialog);return t.jsx(P,{present:r||i.open,children:i.modal?t.jsx(Ze,{...a,ref:n}):t.jsx(Qe,{...a,ref:n})})});se.displayName=m;var Ze=s.forwardRef((e,n)=>{const o=p(m,e.__scopeDialog),r=s.useRef(null),a=x(n,o.contentRef,r);return s.useEffect(()=>{const i=r.current;if(i)return Ve(i)},[]),t.jsx(le,{...e,ref:a,trapFocus:o.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:D(e.onCloseAutoFocus,i=>{var l;i.preventDefault(),(l=o.triggerRef.current)==null||l.focus()}),onPointerDownOutside:D(e.onPointerDownOutside,i=>{const l=i.detail.originalEvent,c=l.button===0&&l.ctrlKey===!0;(l.button===2||c)&&i.preventDefault()}),onFocusOutside:D(e.onFocusOutside,i=>i.preventDefault())})}),Qe=s.forwardRef((e,n)=>{const o=p(m,e.__scopeDialog),r=s.useRef(!1),a=s.useRef(!1);return t.jsx(le,{...e,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:i=>{var l,c;(l=e.onCloseAutoFocus)==null||l.call(e,i),i.defaultPrevented||(r.current||(c=o.triggerRef.current)==null||c.focus(),i.preventDefault()),r.current=!1,a.current=!1},onInteractOutside:i=>{var g,u;(g=e.onInteractOutside)==null||g.call(e,i),i.defaultPrevented||(r.current=!0,i.detail.originalEvent.type==="pointerdown"&&(a.current=!0));const l=i.target;((u=o.triggerRef.current)==null?void 0:u.contains(l))&&i.preventDefault(),i.detail.originalEvent.type==="focusin"&&a.current&&i.preventDefault()}})}),le=s.forwardRef((e,n)=>{const{__scopeDialog:o,trapFocus:r,onOpenAutoFocus:a,onCloseAutoFocus:i,...l}=e,c=p(m,o),g=s.useRef(null),u=x(n,g);return qe(),t.jsxs(t.Fragment,{children:[t.jsx(Ye,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:a,onUnmountAutoFocus:i,children:t.jsx(Me,{role:"dialog",id:c.contentId,"aria-describedby":c.descriptionId,"aria-labelledby":c.titleId,"data-state":B(c.open),...l,ref:u,onDismiss:()=>c.onOpenChange(!1)})}),t.jsxs(t.Fragment,{children:[t.jsx(tt,{titleId:c.titleId}),t.jsx(ot,{contentRef:g,descriptionId:c.descriptionId})]})]})}),k="DialogTitle",ce=s.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(k,o);return t.jsx(C.h2,{id:a.titleId,...r,ref:n})});ce.displayName=k;var de="DialogDescription",ue=s.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(de,o);return t.jsx(C.p,{id:a.descriptionId,...r,ref:n})});ue.displayName=de;var ge="DialogClose",pe=s.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(ge,o);return t.jsx(C.button,{type:"button",...r,ref:n,onClick:D(e.onClick,()=>a.onOpenChange(!1))})});pe.displayName=ge;function B(e){return e?"open":"closed"}var fe="DialogTitleWarning",[et,me]=we(fe,{contentName:m,titleName:k,docsSlug:"dialog"}),tt=({titleId:e})=>{const n=me(fe),o=`\`${n.contentName}\` requires a \`${n.titleName}\` for the component to be accessible for screen reader users.
|
|
2
2
|
|
|
3
3
|
If you want to hide the \`${n.titleName}\`, you can wrap it with our VisuallyHidden component.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as z,u as p,v as c,w,g as f,j as a,A as g}from"./iframe-
|
|
1
|
+
import{r as z,u as p,v as c,w,g as f,j as a,A as g}from"./iframe-CpMEswOF.js";import{f as y}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as e}from"./componentNames-hc9KR2nX.js";import{A as h}from"./constants-5om8Ptru.js";const x="Avatar__K41Tw",N={Avatar:x,"Avatar--size-24":"Avatar--size-24__hDb5G","Avatar--size-32":"Avatar--size-32__0goVI","Avatar--size-48":"Avatar--size-48__uGMSJ","Avatar--size-64":"Avatar--size-64__WD77O","Avatar--size-96":"Avatar--size-96__OxIe2","Avatar--size-160":"Avatar--size-160__8tEPo","Avatar--narrow-l--size-24":"Avatar--narrow-l--size-24__L-54O","Avatar--narrow-l--size-32":"Avatar--narrow-l--size-32__Mdeh3","Avatar--narrow-l--size-48":"Avatar--narrow-l--size-48__1xNsg","Avatar--narrow-l--size-64":"Avatar--narrow-l--size-64__ZQ5C-","Avatar--narrow-l--size-96":"Avatar--narrow-l--size-96__DuZVB","Avatar--narrow-l--size-160":"Avatar--narrow-l--size-160__PN1pX","Avatar--medium-s--size-24":"Avatar--medium-s--size-24__6--6m","Avatar--medium-s--size-32":"Avatar--medium-s--size-32__7rlpv","Avatar--medium-s--size-48":"Avatar--medium-s--size-48__R893D","Avatar--medium-s--size-64":"Avatar--medium-s--size-64__x4N0d","Avatar--medium-s--size-96":"Avatar--medium-s--size-96__1qdaO","Avatar--medium-s--size-160":"Avatar--medium-s--size-160__z7IAl","Avatar--medium-l--size-24":"Avatar--medium-l--size-24__Ndkzw","Avatar--medium-l--size-32":"Avatar--medium-l--size-32__3miIB","Avatar--medium-l--size-48":"Avatar--medium-l--size-48__arPBB","Avatar--medium-l--size-64":"Avatar--medium-l--size-64__aFQa7","Avatar--medium-l--size-96":"Avatar--medium-l--size-96__eg03F","Avatar--medium-l--size-160":"Avatar--medium-l--size-160__fGJ7K","Avatar--wide-s--size-24":"Avatar--wide-s--size-24__Ue7o0","Avatar--wide-s--size-32":"Avatar--wide-s--size-32__hYoGY","Avatar--wide-s--size-48":"Avatar--wide-s--size-48__Q9kzJ","Avatar--wide-s--size-64":"Avatar--wide-s--size-64__vvQME","Avatar--wide-s--size-96":"Avatar--wide-s--size-96__tVnz3","Avatar--wide-s--size-160":"Avatar--wide-s--size-160__brJ59","Avatar--wide-l--size-24":"Avatar--wide-l--size-24__EMfbp","Avatar--wide-l--size-32":"Avatar--wide-l--size-32__7bYZs","Avatar--wide-l--size-48":"Avatar--wide-l--size-48__548Bt","Avatar--wide-l--size-64":"Avatar--wide-l--size-64__5Ce08","Avatar--wide-l--size-96":"Avatar--wide-l--size-96__-6w7Y","Avatar--wide-l--size-160":"Avatar--wide-l--size-160__5ft-T","Avatar--round":"Avatar--round__ZDtGc"},s=z.forwardRef(function({size:i=g,round:t,src:l,alt:v="",dataset:d,crossOrigin:u,...m},A){const n=t??!0,o=p(N,e.Avatar,[c("size",i),w("round",void 0,n)]),_={...y(m),ref:A,className:o.join(" "),...f(d,{preplyDsComponent:e.Avatar})};return a.jsx("picture",{..._,children:a.jsx("img",{src:l||h,alt:v,crossOrigin:u})})});try{s.displayName="Avatar",s.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"32"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:"ResponsiveProp<AvatarSize>"}]}},round:{defaultValue:null,description:"@deprecated this prop is deprecated and has no effect",name:"round",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},src:{defaultValue:null,description:`The avatar image URL.
|
|
2
2
|
If not provided, the default placeholder image is used instead.`,name:"src",required:!1,type:{name:"enum",value:[{value:"string"}]}},alt:{defaultValue:{value:""},description:`A description of the image.
|
|
3
3
|
This is recommended for accessibility purposes, specifically for users
|
|
4
4
|
of screen readers.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as a}from"./iframe-
|
|
1
|
+
import{j as a}from"./iframe-CpMEswOF.js";import{A as s}from"./Avatar-DooDODLU.js";import{S as d}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";import"./constants-5om8Ptru.js";const S={title:"components/Avatar",component:s,argTypes:{size:{description:d}}},t=()=>a.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"end"},children:[a.jsx(s,{size:"160"}),a.jsx(s,{src:"./assets/avatar-1.png",size:"96"}),a.jsx(s,{src:"./assets/avatar-2.png",size:"64"}),a.jsx(s,{src:"./assets/avatar-3.png",size:"48"}),a.jsx(s,{src:"./assets/avatar-4.png",size:"32"}),a.jsx(s,{src:"./assets/avatar-5.png",size:"24"})]}),r={parameters:{chromatic:{disableSnapshot:!0}},args:{size:"32",src:"./assets/avatar-1.png",dataset:{qaid:"avatar"}},argTypes:{src:{control:"text"},dataset:{control:"object"},alt:{control:"text"},round:{table:{disable:!0}}}};var e,n,o;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:`() => <div style={{
|
|
2
2
|
display: 'flex',
|
|
3
3
|
gap: '8px',
|
|
4
4
|
alignItems: 'end'
|
package/dist/assets/{AvatarWithStatus.stories-CQhlZknK.js → AvatarWithStatus.stories-Dj6jZHHV.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as T,u as b,w as q,v as C,G as N,g as R,j as a,a4 as w,A as V}from"./iframe-
|
|
1
|
+
import{r as T,u as b,w as q,v as C,G as N,g as R,j as a,a4 as w,A as V}from"./iframe-CpMEswOF.js";import{f as D}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{A as E}from"./Avatar-DooDODLU.js";import{w as r}from"./componentNames-hc9KR2nX.js";import"./preload-helper-Dp1pzeXC.js";import"./constants-5om8Ptru.js";const I="AvatarWithStatus__z8Zik",i={AvatarWithStatus:I,"AvatarWithStatus--indicator":"AvatarWithStatus--indicator__dsdXa","AvatarWithStatus--online":"AvatarWithStatus--online__pGAFw","AvatarWithStatus--size-64":"AvatarWithStatus--size-64__vG-kB","AvatarWithStatus--size-96":"AvatarWithStatus--size-96__Dgqc1","AvatarWithStatus--size-160":"AvatarWithStatus--size-160__7gCR7"},e=T.forwardRef(function({online:A=!1,size:n=w,dataset:f,alt:S,crossOrigin:g,src:_,...y},W){const x=b(i,r.AvatarWithStatus,[q("online",void 0,A),C("size",n)]),z=[...N(i,r.AvatarWithStatus,["indicator"])],j={...D(y),ref:W,className:x.join(" "),...R(f,{preplyDsComponent:r.AvatarWithStatus})};return a.jsxs("div",{...j,children:[a.jsx("span",{className:z.join(" ")}),a.jsx("div",{children:a.jsx(E,{alt:S,crossOrigin:g,src:_,size:n??V})})]})});try{e.displayName="AvatarWithStatus",e.__docgenInfo={description:"",displayName:"AvatarWithStatus",props:{dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
|
|
2
2
|
@example <Avatar dataset={{ 'qa-id': 'user-avatar' }} /> // will add data-qa-id="user-avatar" to the HTML element`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},src:{defaultValue:null,description:`The avatar image URL.
|
|
3
3
|
If not provided, the default placeholder image is used instead.`,name:"src",required:!1,type:{name:"enum",value:[{value:"string"}]}},alt:{defaultValue:null,description:`A description of the image.
|
|
4
4
|
This is recommended for accessibility purposes, specifically for users
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as b,g as h,j as n}from"./iframe-
|
|
1
|
+
import{r as b,g as h,j as n}from"./iframe-CpMEswOF.js";import{f as B}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{I as T}from"./Icon-BX3I9JNh.js";import{w as x}from"./componentNames-hc9KR2nX.js";const I="badge__ioy0w",V="label__lXPEF",r={badge:I,label:V},_=e=>{switch(e){case"xs":return"small";case"s":return"medium";case"m":return"large";default:return e}},d=b.forwardRef(function({type:a="neutral",size:l="medium",leadingSvgIcon:s,dataset:o,children:c,accent:i,inverted:u,hideLabel:m,...p},v){const g=_(l),t={...o,size:g};i===void 0&&u===void 0?t.type=a:(t.accent=i||"unset",t.inverted=!!u);const f={...B(p),ref:v,className:r.badge,...h(t,{preplyDsComponent:x.Badge})},y=a==="neutral"||a==="ai"?"primary":a;return n.jsxs("span",{...f,children:[!!s&&n.jsx(T,{accent:y,size:l==="large"?"24":"16",svg:s}),n.jsx("span",{className:r.label,"data-hidden":m,children:c})]})});try{d.displayName="Badge",d.__docgenInfo={description:"",displayName:"Badge",props:{size:{defaultValue:{value:"medium"},description:"The size of the badge.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon.
|
|
2
2
|
@example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
|
|
3
3
|
|
|
4
4
|
<Badge leadingSvgIcon={TokyoUITag}>Badge</Badge>
|
|
@@ -7,4 +7,4 @@ or
|
|
|
7
7
|
|
|
8
8
|
Hides badge label visually, but keeps it in the accessibility tree.
|
|
9
9
|
Use this prop to implement icons-only badges.
|
|
10
|
-
@example <Badge leadingSvgIcon={<TokyoUITag />} hideLabel>Badge</Badge>`,name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"@deprecated badge children should have all necessary information",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},type:{defaultValue:{value:"neutral"},description:"The type of the badge.",name:"type",required:!1,type:{name:"enum",value:[{value:'"
|
|
10
|
+
@example <Badge leadingSvgIcon={<TokyoUITag />} hideLabel>Badge</Badge>`,name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"@deprecated badge children should have all necessary information",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},type:{defaultValue:{value:"neutral"},description:"The type of the badge.",name:"type",required:!1,type:{name:"enum",value:[{value:'"ai"'},{value:'"neutral"'},{value:'"info"'},{value:'"positive"'},{value:'"warning"'},{value:'"critical"'}]}},accent:{defaultValue:null,description:"@deprecated Use `type` instead.",name:"accent",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"info"'},{value:'"positive"'},{value:'"warning"'},{value:'"critical"'},{value:'"tertiary"'}]}},inverted:{defaultValue:null,description:"@deprecated inverted badge is deprecated & will be removed in the future releases",name:"inverted",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}export{d as B};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./iframe-
|
|
1
|
+
import{j as e}from"./iframe-CpMEswOF.js";import{F as n}from"./TokyoUITag-CxUsuh1h.js";import{L as d}from"./LayoutFlex-BnIoY5YK.js";import{B as a}from"./Badge-BOSHGFZw.js";import"./preload-helper-Dp1pzeXC.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./layout-relative.module-Bhi7U482.js";import"./componentNames-hc9KR2nX.js";import"./Icon-BX3I9JNh.js";import"./text-accent-DZ_ihUdH.js";import"./render-icon-c7okze1K.js";const q={title:"components/Badge",component:a,parameters:{layout:"padded",docs:{source:{type:"dynamic"}}}},r=()=>e.jsxs(d,{gap:"16",children:[e.jsx(a,{type:"neutral",children:"Neutral"}),e.jsx(a,{type:"positive",children:"Positive"}),e.jsx(a,{type:"info",children:"Info"}),e.jsx(a,{type:"warning",children:"Warning"}),e.jsx(a,{type:"critical",children:"Critical"}),e.jsx(a,{type:"ai",children:"AI"})]});n.displayName="TokyoUITag";const t=()=>e.jsxs(d,{gap:"16",alignItems:"center",children:[e.jsx(a,{size:"small",leadingSvgIcon:e.jsx(n,{}),children:"Small"}),e.jsx(a,{size:"medium",leadingSvgIcon:e.jsx(n,{}),children:"Medium"}),e.jsx(a,{size:"large",leadingSvgIcon:e.jsx(n,{}),children:"Large"})]}),s=()=>e.jsx(d,{gap:"16",direction:"column",children:e.jsx(a,{size:"small",leadingSvgIcon:e.jsx(n,{}),children:"Badge"})});s.tags=["!autodocs"];const o=()=>e.jsx("div",{style:{maxWidth:150,margin:"0 auto"},children:e.jsx(a,{size:"medium",leadingSvgIcon:e.jsx(n,{}),children:"I'm way too long to be a badge label"})}),i={parameters:{chromatic:{disableSnapshot:!0}},args:{type:"neutral",size:"medium",children:"Badge",dataset:{qaid:"badge"}},argTypes:{dataset:{control:"object"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":n},control:"select"},assistiveText:{table:{disable:!0}},accent:{table:{disable:!0}},inverted:{table:{disable:!0}}}};var l,c,g;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`() => <LayoutFlex gap="16">
|
|
2
2
|
<Badge type="neutral">Neutral</Badge>
|
|
3
3
|
<Badge type="positive">Positive</Badge>
|
|
4
4
|
<Badge type="info">Info</Badge>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as S,u as O,v as i,g as q,j as a,L as I,a5 as A,a6 as H}from"./iframe-
|
|
1
|
+
import{r as S,u as O,v as i,g as q,j as a,L as I,a5 as A,a6 as H}from"./iframe-CpMEswOF.js";import{H as c}from"./Heading-Bie8QWaf.js";import{L as m}from"./LayoutFlex-BnIoY5YK.js";import{T as b}from"./Text-cq49jjad.js";import{f as R}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{g as N}from"./layout-relative.module-Bhi7U482.js";import{w as u}from"./componentNames-hc9KR2nX.js";import{a as V,S as j}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./text-accent-DZ_ihUdH.js";import"./text-centered-DiwR-QSx.js";const C="Box__T6Fyt",E={Box:C,"Box--box-radius-0":"Box--box-radius-0__FWPBJ","Box--box-radius-2":"Box--box-radius-2__IXJHQ","Box--box-radius-4":"Box--box-radius-4__aoSlX","Box--box-radius-8":"Box--box-radius-8__-BuzF","Box--box-radius-16":"Box--box-radius-16__n3666","Box--box-radius-300":"Box--box-radius-300__MyFTq","Box--narrow-l--box-radius-0":"Box--narrow-l--box-radius-0__rbA8v","Box--narrow-l--box-radius-2":"Box--narrow-l--box-radius-2__Cn0nB","Box--narrow-l--box-radius-4":"Box--narrow-l--box-radius-4__dXX4d","Box--narrow-l--box-radius-8":"Box--narrow-l--box-radius-8__c2qTs","Box--narrow-l--box-radius-16":"Box--narrow-l--box-radius-16__7yiZ2","Box--narrow-l--box-radius-300":"Box--narrow-l--box-radius-300__Ic2BC","Box--medium-s--box-radius-0":"Box--medium-s--box-radius-0__6dX4D","Box--medium-s--box-radius-2":"Box--medium-s--box-radius-2__h-yhf","Box--medium-s--box-radius-4":"Box--medium-s--box-radius-4__YmbvG","Box--medium-s--box-radius-8":"Box--medium-s--box-radius-8__NOIeK","Box--medium-s--box-radius-16":"Box--medium-s--box-radius-16__Q-4Io","Box--medium-s--box-radius-300":"Box--medium-s--box-radius-300__fynf3","Box--medium-l--box-radius-0":"Box--medium-l--box-radius-0__-HCNC","Box--medium-l--box-radius-2":"Box--medium-l--box-radius-2__cWx-n","Box--medium-l--box-radius-4":"Box--medium-l--box-radius-4__ibcr4","Box--medium-l--box-radius-8":"Box--medium-l--box-radius-8__zm-dC","Box--medium-l--box-radius-16":"Box--medium-l--box-radius-16__o3E1Q","Box--medium-l--box-radius-300":"Box--medium-l--box-radius-300__Hsi3C","Box--wide-s--box-radius-0":"Box--wide-s--box-radius-0__H9zOa","Box--wide-s--box-radius-2":"Box--wide-s--box-radius-2__FnsdM","Box--wide-s--box-radius-4":"Box--wide-s--box-radius-4__G4jL0","Box--wide-s--box-radius-8":"Box--wide-s--box-radius-8__7Mz6S","Box--wide-s--box-radius-16":"Box--wide-s--box-radius-16__or-lk","Box--wide-s--box-radius-300":"Box--wide-s--box-radius-300__rPeg0","Box--wide-l--box-radius-0":"Box--wide-l--box-radius-0__HQ2Tn","Box--wide-l--box-radius-2":"Box--wide-l--box-radius-2__GYO54","Box--wide-l--box-radius-4":"Box--wide-l--box-radius-4__267az","Box--wide-l--box-radius-8":"Box--wide-l--box-radius-8__1hPOR","Box--wide-l--box-radius-16":"Box--wide-l--box-radius-16__gp8Ov","Box--wide-l--box-radius-300":"Box--wide-l--box-radius-300__NiuZR","Box--background-primary":"Box--background-primary__00zVu","Box--background-secondary":"Box--background-secondary__hY7w0","Box--background-tertiary":"Box--background-tertiary__cIPge","Box--background-overlay":"Box--background-overlay__vbs8V","Box--background-disabled":"Box--background-disabled__81WYT","Box--background-brand":"Box--background-brand__2W0VB","Box--background-brandB2b":"Box--background-brandB2b__KQrLm","Box--background-accentLight":"Box--background-accentLight__x6RrQ","Box--background-accentDark":"Box--background-accentDark__agpDd","Box--background-positiveLight":"Box--background-positiveLight__67dRq","Box--background-positiveDark":"Box--background-positiveDark__lYghV","Box--background-infoLight":"Box--background-infoLight__u-TX4","Box--background-infoDark":"Box--background-infoDark__ud4qs","Box--background-warningLight":"Box--background-warningLight__JtSuS","Box--background-warningDark":"Box--background-warningDark__SIgOQ","Box--background-criticalLight":"Box--background-criticalLight__uPTDs","Box--background-criticalDark":"Box--background-criticalDark__12Zft","Box--background-statusOnline":"Box--background-statusOnline__5PZcQ","Box--background-statusOffline":"Box--background-statusOffline__Vh0CO","Box--background-primaryInverted":"Box--background-primaryInverted__TePy2","Box--background-secondaryInverted":"Box--background-secondaryInverted__tMytW","Box--background-tertiaryInverted":"Box--background-tertiaryInverted__K2wU5"},r=S.forwardRef(function({children:g,background:_="primary",radius:v=A,padding:p=H,tag:k,dataset:f,...y},h){const w=O(E,u.Box,[i("box-radius",v),i("background",_)]),L=N(p),P=k??I,D=[...w,...L],T={...R(y),ref:h,className:D.join(" "),...q(f,{preplyDsComponent:u.Box})};return a.jsx(P,{...T,children:g})});try{r.displayName="Box",r.__docgenInfo={description:"A styleable container.\n\nUse this with `Layout*` components to create complex content containers.",displayName:"Box",props:{background:{defaultValue:{value:"primary"},description:"",name:"background",required:!1,type:{name:"enum",value:[{value:'"disabled"'},{value:'"tertiary"'},{value:'"primary"'},{value:'"secondary"'},{value:'"accentDark"'},{value:'"overlay"'},{value:'"brand"'},{value:'"brandB2b"'},{value:'"accentLight"'},{value:'"positiveLight"'},{value:'"positiveDark"'},{value:'"infoLight"'},{value:'"infoDark"'},{value:'"warningLight"'},{value:'"warningDark"'},{value:'"criticalLight"'},{value:'"criticalDark"'},{value:'"statusOnline"'},{value:'"statusOffline"'},{value:'"primaryInverted"'},{value:'"secondaryInverted"'},{value:'"tertiaryInverted"'}]}},radius:{defaultValue:{value:"16"},description:"",name:"radius",required:!1,type:{name:"enum",value:[{value:'"0"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"16"'},{value:'"300"'},{value:"ResponsiveProp<BoxRadius>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"td"'},{value:'"li"'},{value:'"th"'},{value:'"tr"'},{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"fieldset"'},{value:'"table"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},padding:{defaultValue:{value:"24"},description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"6"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"[BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding, BoxPadding]"},{value:"ResponsiveProp<ShortHand<BoxPadding>>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const K={title:"components/Box",component:r,argTypes:{radius:{description:j},padding:{description:V}}},e=()=>a.jsx(r,{background:"positiveLight",children:a.jsxs(m,{gap:"16",direction:"column",children:[a.jsx(c,{tag:"h3",variant:"medium",children:"Heading"}),a.jsx(b,{accent:"positive",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]})});e.storyName="Box";const o={parameters:{chromatic:{disableSnapshot:!0}},args:{background:void 0,radius:void 0,padding:void 0,children:a.jsxs(m,{gap:"16",direction:"column",children:[a.jsx(c,{variant:"large",tag:"h3",children:"Heading"}),a.jsx(b,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]}),dataset:{qaid:"box"}},argTypes:{children:{control:!1},dataset:{control:"object"}}};var d,s,t;e.parameters={...e.parameters,docs:{...(d=e.parameters)==null?void 0:d.docs,source:{originalSource:`() => <Box background="positiveLight">
|
|
2
2
|
<LayoutFlex gap="16" direction="column">
|
|
3
3
|
<Heading tag="h3" variant="medium">
|
|
4
4
|
Heading
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e,g as je}from"./iframe-
|
|
1
|
+
import{j as e,g as je}from"./iframe-CpMEswOF.js";import{b as l,I as b}from"./IconButton-DVKNd7ZK.js";import{w as ye}from"./componentNames-hc9KR2nX.js";import{F as g}from"./TokyoUIMessages-B0IlDk1q.js";import{B as C}from"./Button-KCBOR544.js";import{A as v}from"./Avatar-DooDODLU.js";import{L as j}from"./LayoutFlex-BnIoY5YK.js";import"./preload-helper-Dp1pzeXC.js";import"./render-icon-c7okze1K.js";import"./ButtonBase-D1x6yeKi.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-lj2QA4al.js";import"./useMergeRefs-DkQLsYW4.js";import"./useHostname-BVhrcDgi.js";import"./index-CC6DAVyL.js";import"./constants-5om8Ptru.js";import"./layout-relative.module-Bhi7U482.js";const t=({count:r,showEmpty:be=!1,limit:y=99,size:ge="large",variant:xe="dark",children:x,dataset:ve})=>{if(r===void 0&&!be)return x??e.jsx(e.Fragment,{});const z=e.jsx("span",{className:[l.bubbleCounter,l[`size-${ge}`],l[`variant-${xe}`]].join(" "),...je(ve,{preplyDsComponent:ye.BubbleCounter}),children:typeof r=="number"&&(r>y?`${y}+`:r)});return x?e.jsxs("div",{className:l.childTargetOverlay,children:[z,x]}):z};try{t.displayName="BubbleCounter",t.__docgenInfo={description:"",displayName:"BubbleCounter",props:{count:{defaultValue:null,description:"The counter's current value;\n\n- If `undefined`, the counter is not rendered.\n- If above `limit`, the `limit` value is rendered instead, with a `+`\n suffix.",name:"count",required:!1,type:{name:"enum",value:[{value:"number"}]}},showEmpty:{defaultValue:{value:"false"},description:"If `true`, the counter will render even if `count` is `undefined`.",name:"showEmpty",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},limit:{defaultValue:{value:"99"},description:"",name:"limit",required:!1,type:{name:"enum",value:[{value:"number"}]}},size:{defaultValue:{value:"large"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},variant:{defaultValue:{value:"dark"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},children:{defaultValue:null,description:`When provided, the \`BubbleCounter\` will position itself as an indicator
|
|
2
2
|
overlay above the target child element.
|
|
3
3
|
|
|
4
4
|
This is intended to work on just one child, but will not throw errors if
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,u as b,v as l,g as J,j as n,aw as ct,G as p,D as V,z as Y,w as m,E as vt}from"./iframe-rPxPheSO.js";import{a as gt,g as zt}from"./text-centered-DrGkZ2FI.js";import{f as Q}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as f}from"./componentNames-Dts5uwdK.js";import{r as W}from"./render-icon-CDgYoeDK.js";import{u as ht}from"./useHostname-CSCtqnDM.js";import{m as pt}from"./index-CC6DAVyL.js";const G=(e,t)=>{typeof e=="function"?e(t):e&&(e.current=t)},ft=(e,t)=>a.useCallback(i=>{G(e,i),G(t,i)},[e,t]),bt="Heading__Lv13n",St={Heading:bt,"Heading--variant-massive":"Heading--variant-massive__xBbvd","Heading--variant-huge":"Heading--variant-huge__uNKwX","Heading--variant-extraLarge":"Heading--variant-extraLarge__O5YaA","Heading--variant-large":"Heading--variant-large__npEGh","Heading--variant-medium":"Heading--variant-medium__WRzNp","Heading--variant-small":"Heading--variant-small__RlTJl","Heading--narrow-l--variant-massive":"Heading--narrow-l--variant-massive__NkQiN","Heading--narrow-l--variant-huge":"Heading--narrow-l--variant-huge__xN-4a","Heading--narrow-l--variant-extraLarge":"Heading--narrow-l--variant-extraLarge__dhHS3","Heading--narrow-l--variant-large":"Heading--narrow-l--variant-large__O-yyq","Heading--narrow-l--variant-medium":"Heading--narrow-l--variant-medium__T3ZkZ","Heading--narrow-l--variant-small":"Heading--narrow-l--variant-small__nibGn","Heading--medium-s--variant-massive":"Heading--medium-s--variant-massive__dkhpb","Heading--medium-s--variant-huge":"Heading--medium-s--variant-huge__Td7XG","Heading--medium-s--variant-extraLarge":"Heading--medium-s--variant-extraLarge__puDN9","Heading--medium-s--variant-large":"Heading--medium-s--variant-large__UQMHF","Heading--medium-s--variant-medium":"Heading--medium-s--variant-medium__i2JwC","Heading--medium-s--variant-small":"Heading--medium-s--variant-small__UQTL9","Heading--medium-l--variant-massive":"Heading--medium-l--variant-massive__UtPA0","Heading--medium-l--variant-huge":"Heading--medium-l--variant-huge__BiY-j","Heading--medium-l--variant-extraLarge":"Heading--medium-l--variant-extraLarge__IP2Vo","Heading--medium-l--variant-large":"Heading--medium-l--variant-large__tV93Y","Heading--medium-l--variant-medium":"Heading--medium-l--variant-medium__945np","Heading--medium-l--variant-small":"Heading--medium-l--variant-small__ZUV1D","Heading--wide-s--variant-massive":"Heading--wide-s--variant-massive__BWmTX","Heading--wide-s--variant-huge":"Heading--wide-s--variant-huge__inkxv","Heading--wide-s--variant-extraLarge":"Heading--wide-s--variant-extraLarge__SQjI9","Heading--wide-s--variant-large":"Heading--wide-s--variant-large__UNDsi","Heading--wide-s--variant-medium":"Heading--wide-s--variant-medium__4OLaD","Heading--wide-s--variant-small":"Heading--wide-s--variant-small__ex4C1","Heading--wide-l--variant-massive":"Heading--wide-l--variant-massive__94l-9","Heading--wide-l--variant-huge":"Heading--wide-l--variant-huge__1qto2","Heading--wide-l--variant-extraLarge":"Heading--wide-l--variant-extraLarge__udFtI","Heading--wide-l--variant-large":"Heading--wide-l--variant-large__Y7k-Q","Heading--wide-l--variant-medium":"Heading--wide-l--variant-medium__xkuYd","Heading--wide-l--variant-small":"Heading--wide-l--variant-small__ORLbL"},Ht=a.forwardRef(function({children:t,variant:i,accent:s,tag:u,centered:o,dataset:r,id:B,className:_,...w},c){const v=u||"h1",S=b(St,f.Heading,l("variant",i)),H=gt(o),y=zt(!s,s),C=[...S,...H,...y,_],N={...Q(w),className:C.join(" "),...J(r,{preplyDsComponent:f.Heading}),id:B,ref:c};return n.jsx(v,{...N,children:t})});Ht.__docgenInfo={description:"",methods:[],displayName:"Heading"};const It="Spinner__U3f6H",yt="spin__6opuF",j={Spinner:It,"Spinner--size-default":"Spinner--size-default__xo-Jk","Spinner--size-large":"Spinner--size-large__2nk5J","Spinner--narrow-l--size-default":"Spinner--narrow-l--size-default__gRrq1","Spinner--narrow-l--size-large":"Spinner--narrow-l--size-large__6gb70","Spinner--medium-s--size-default":"Spinner--medium-s--size-default__bJg-R","Spinner--medium-s--size-large":"Spinner--medium-s--size-large__HAPhI","Spinner--medium-l--size-default":"Spinner--medium-l--size-default__AuHDV","Spinner--medium-l--size-large":"Spinner--medium-l--size-large__MlfBE","Spinner--wide-s--size-default":"Spinner--wide-s--size-default__3sTOC","Spinner--wide-s--size-large":"Spinner--wide-s--size-large__AkfHJ","Spinner--wide-l--size-default":"Spinner--wide-l--size-default__FDlfA","Spinner--wide-l--size-large":"Spinner--wide-l--size-large__Oyg7h","Spinner--static":"Spinner--static__3-otL","Spinner--animated":"Spinner--animated__K3vs3",spin:yt},Ct=({title:e,titleId:t,...i},s)=>a.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:s,"aria-labelledby":t,...i},e?a.createElement("title",{id:t},e):null,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm9-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})),Nt=a.forwardRef(Ct),xt=({title:e,titleId:t,...i},s)=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:s,"aria-labelledby":t,...i},e?a.createElement("title",{id:t},e):null,a.createElement("g",{clipPath:"url(#clip0_1785_4234)"},a.createElement("path",{d:"M30 15.9996C30.0002 18.5815 29.2863 21.1132 27.9373 23.3148C26.5884 25.5163 24.6569 27.302 22.3564 28.4743C20.0559 29.6465 17.476 30.1598 14.902 29.9573C12.328 29.7548 9.86014 28.8444 7.77126 27.3269C5.68238 25.8093 4.05386 23.7436 3.06576 21.3582C2.07765 18.9728 1.76846 16.3606 2.17236 13.8104C2.57627 11.2602 3.67753 8.8714 5.35439 6.90808C7.03126 4.94475 9.2184 3.48339 11.674 2.68557",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{opacity:.3,d:"M16 29.9996C23.732 29.9996 30 23.7316 30 15.9996C30 8.26758 23.732 1.99956 16 1.99956C8.26801 1.99956 2 8.26758 2 15.9996C2 23.7316 8.26801 29.9996 16 29.9996Z",strokeWidth:3,strokeLinejoin:"round"})),a.createElement("defs",null,a.createElement("clipPath",{id:"clip0_1785_4234"},a.createElement("rect",{width:32,height:32,fill:"white"})))),Et=a.forwardRef(xt),L="Spinner",jt=({size:e=ct})=>{const t=b(j,L,[l("size",e)]),i=[...p(j,L,["animated"])],s=[...p(j,L,["static"])];return n.jsxs("span",{className:t.join(" "),children:[n.jsx("span",{className:i.join(" "),children:n.jsx(Et,{})}),n.jsx("span",{className:s.join(" "),children:n.jsx(Nt,{})})]})},Lt="ButtonBase__lIl-s",k={"button-width--width-full":"button-width--width-full__nJNYU","button-width--width-auto":"button-width--width-auto__gsqlf","button-width--narrow-l--width-full":"button-width--narrow-l--width-full__y2YjC","button-width--narrow-l--width-auto":"button-width--narrow-l--width-auto__1qVpi","button-width--medium-s--width-full":"button-width--medium-s--width-full__IdW9b","button-width--medium-s--width-auto":"button-width--medium-s--width-auto__hrO4e","button-width--medium-l--width-full":"button-width--medium-l--width-full__Oc0vB","button-width--medium-l--width-auto":"button-width--medium-l--width-auto__RNuIr","button-width--wide-s--width-full":"button-width--wide-s--width-full__-egYf","button-width--wide-s--width-auto":"button-width--wide-s--width-auto__h-tgw","button-width--wide-l--width-full":"button-width--wide-l--width-full__OWgAy","button-width--wide-l--width-auto":"button-width--wide-l--width-auto__orWDN",ButtonBase:Lt,"ButtonBase--content":"ButtonBase--content__F9k22","ButtonBase--is-icon-button":"ButtonBase--is-icon-button__48zlf","ButtonBase--is-icon-button-size-large":"ButtonBase--is-icon-button-size-large__9HVLW","ButtonBase--busy":"ButtonBase--busy__XAkcK","ButtonBase--dsInternalSimulation-focus":"ButtonBase--dsInternalSimulation-focus__8jkWp","ButtonBase--is-busy":"ButtonBase--is-busy__OpmZd","ButtonBase--width-full":"ButtonBase--width-full__rPUpd","ButtonBase--width-auto":"ButtonBase--width-auto__4ebPj","ButtonBase--narrow-l--width-full":"ButtonBase--narrow-l--width-full__Bwysi","ButtonBase--narrow-l--width-auto":"ButtonBase--narrow-l--width-auto__r52SI","ButtonBase--medium-s--width-full":"ButtonBase--medium-s--width-full__nsvpl","ButtonBase--medium-s--width-auto":"ButtonBase--medium-s--width-auto__hcYr9","ButtonBase--medium-l--width-full":"ButtonBase--medium-l--width-full__6AYGL","ButtonBase--medium-l--width-auto":"ButtonBase--medium-l--width-auto__BGHr5","ButtonBase--wide-s--width-full":"ButtonBase--wide-s--width-full__4w-XJ","ButtonBase--wide-s--width-auto":"ButtonBase--wide-s--width-auto__5eGoZ","ButtonBase--wide-l--width-full":"ButtonBase--wide-l--width-full__8LbNM","ButtonBase--wide-l--width-auto":"ButtonBase--wide-l--width-auto__ys3sp","ButtonBase--size-large":"ButtonBase--size-large__mHtSn","ButtonBase--size-medium":"ButtonBase--size-medium__5Qsuj","ButtonBase--is-icon-button-size-medium":"ButtonBase--is-icon-button-size-medium__HRsbM","ButtonBase--size-small":"ButtonBase--size-small__Ajd60","ButtonBase--is-icon-button-size-small":"ButtonBase--is-icon-button-size-small__Me6wm","ButtonBase--narrow-l--size-large":"ButtonBase--narrow-l--size-large__3gfd8","ButtonBase--narrow-l--is-icon-button-size-large":"ButtonBase--narrow-l--is-icon-button-size-large__mWjvJ","ButtonBase--narrow-l--size-medium":"ButtonBase--narrow-l--size-medium__BhXNK","ButtonBase--narrow-l--is-icon-button-size-medium":"ButtonBase--narrow-l--is-icon-button-size-medium__RWwYm","ButtonBase--narrow-l--size-small":"ButtonBase--narrow-l--size-small__Vl2nb","ButtonBase--narrow-l--is-icon-button-size-small":"ButtonBase--narrow-l--is-icon-button-size-small__-dAMj","ButtonBase--medium-s--size-large":"ButtonBase--medium-s--size-large__x6d3B","ButtonBase--medium-s--is-icon-button-size-large":"ButtonBase--medium-s--is-icon-button-size-large__54tXt","ButtonBase--medium-s--size-medium":"ButtonBase--medium-s--size-medium__l27CC","ButtonBase--medium-s--is-icon-button-size-medium":"ButtonBase--medium-s--is-icon-button-size-medium__zUviu","ButtonBase--medium-s--size-small":"ButtonBase--medium-s--size-small__49UoI","ButtonBase--medium-s--is-icon-button-size-small":"ButtonBase--medium-s--is-icon-button-size-small__IvyNG","ButtonBase--medium-l--size-large":"ButtonBase--medium-l--size-large__HywFW","ButtonBase--medium-l--is-icon-button-size-large":"ButtonBase--medium-l--is-icon-button-size-large__7IhZP","ButtonBase--medium-l--size-medium":"ButtonBase--medium-l--size-medium__Tf265","ButtonBase--medium-l--is-icon-button-size-medium":"ButtonBase--medium-l--is-icon-button-size-medium__bwlaM","ButtonBase--medium-l--size-small":"ButtonBase--medium-l--size-small__t2X0A","ButtonBase--medium-l--is-icon-button-size-small":"ButtonBase--medium-l--is-icon-button-size-small__LyC6d","ButtonBase--wide-s--size-large":"ButtonBase--wide-s--size-large__revq4","ButtonBase--wide-s--is-icon-button-size-large":"ButtonBase--wide-s--is-icon-button-size-large__ECs3C","ButtonBase--wide-s--size-medium":"ButtonBase--wide-s--size-medium__LcWNl","ButtonBase--wide-s--is-icon-button-size-medium":"ButtonBase--wide-s--is-icon-button-size-medium__XgG6m","ButtonBase--wide-s--size-small":"ButtonBase--wide-s--size-small__zMihk","ButtonBase--wide-s--is-icon-button-size-small":"ButtonBase--wide-s--is-icon-button-size-small__86pYD","ButtonBase--wide-l--size-large":"ButtonBase--wide-l--size-large__dkSfM","ButtonBase--wide-l--is-icon-button-size-large":"ButtonBase--wide-l--is-icon-button-size-large__Exb49","ButtonBase--wide-l--size-medium":"ButtonBase--wide-l--size-medium__DSTMt","ButtonBase--wide-l--is-icon-button-size-medium":"ButtonBase--wide-l--is-icon-button-size-medium__wftX5","ButtonBase--wide-l--size-small":"ButtonBase--wide-l--size-small__1o3ZA","ButtonBase--wide-l--is-icon-button-size-small":"ButtonBase--wide-l--is-icon-button-size-small__Xqy2p","ButtonBase--variant-primary":"ButtonBase--variant-primary__EgRuu","ButtonBase--variant-primary--dsInternalSimulation-hover":"ButtonBase--variant-primary--dsInternalSimulation-hover__qshA-","ButtonBase--variant-primary--dsInternalSimulation-active":"ButtonBase--variant-primary--dsInternalSimulation-active__RQanZ","ButtonBase--variant-secondary":"ButtonBase--variant-secondary__GphQb","ButtonBase--variant-secondary--dsInternalSimulation-hover":"ButtonBase--variant-secondary--dsInternalSimulation-hover__ndGIz","ButtonBase--variant-secondary--dsInternalSimulation-active":"ButtonBase--variant-secondary--dsInternalSimulation-active__k4I5F","ButtonBase--variant-tertiary":"ButtonBase--variant-tertiary__O9c3W","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"ButtonBase--variant-tertiary--dsInternalSimulation-hover__4-xa1","ButtonBase--variant-tertiary--dsInternalSimulation-active":"ButtonBase--variant-tertiary--dsInternalSimulation-active__-10gZ","ButtonBase--variant-quaternary":"ButtonBase--variant-quaternary__pLeI5","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"ButtonBase--variant-quaternary--dsInternalSimulation-hover__ED-s6","ButtonBase--variant-quaternary--dsInternalSimulation-active":"ButtonBase--variant-quaternary--dsInternalSimulation-active__4fmhU","ButtonBase--variant-ghost":"ButtonBase--variant-ghost__ezCgl","ButtonBase--variant-ghost--dsInternalSimulation-hover":"ButtonBase--variant-ghost--dsInternalSimulation-hover__N-vL2","ButtonBase--variant-ghost--dsInternalSimulation-active":"ButtonBase--variant-ghost--dsInternalSimulation-active__ap8Wb","ButtonBase--variant-ghost--is-selected":"ButtonBase--variant-ghost--is-selected__vHgdy","ButtonBase--variant-critical":"ButtonBase--variant-critical__0FoGb","ButtonBase--variant-critical--dsInternalSimulation-hover":"ButtonBase--variant-critical--dsInternalSimulation-hover__DcuKz","ButtonBase--variant-critical--dsInternalSimulation-active":"ButtonBase--variant-critical--dsInternalSimulation-active__-D3p9","ButtonBase--variant-onColor":"ButtonBase--variant-onColor__gDgiZ","ButtonBase--variant-onColor--dsInternalSimulation-hover":"ButtonBase--variant-onColor--dsInternalSimulation-hover__GtnDL","ButtonBase--variant-onColor--dsInternalSimulation-active":"ButtonBase--variant-onColor--dsInternalSimulation-active__4ca8i","ButtonBase--variant-classroom":"ButtonBase--variant-classroom__HVQMA","ButtonBase--variant-classroom--dsInternalSimulation-hover":"ButtonBase--variant-classroom--dsInternalSimulation-hover__h2nxf","ButtonBase--variant-classroom--dsInternalSimulation-active":"ButtonBase--variant-classroom--dsInternalSimulation-active__3uCrs","ButtonBase--variant-classroom--is-selected":"ButtonBase--variant-classroom--is-selected__o47f2","ButtonBase--variant-primaryB2b":"ButtonBase--variant-primaryB2b__mqIFn","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__s-6Io","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"ButtonBase--variant-primaryB2b--dsInternalSimulation-active__5Zy8P","ButtonBase--variant-primaryTutor":"ButtonBase--variant-primaryTutor__0m-N0","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__-St95","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"ButtonBase--variant-primaryTutor--dsInternalSimulation-active__U8f46","ButtonBase--variant-inverted":"ButtonBase--variant-inverted__espSx","ButtonBase--variant-inverted--dsInternalSimulation-hover":"ButtonBase--variant-inverted--dsInternalSimulation-hover__2QLK5","ButtonBase--variant-inverted--dsInternalSimulation-active":"ButtonBase--variant-inverted--dsInternalSimulation-active__XPR7p","ButtonBase--variant-newFeature":"ButtonBase--variant-newFeature__kiL3X","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"ButtonBase--variant-newFeature--dsInternalSimulation-hover__MJYRN","ButtonBase--variant-newFeature--dsInternalSimulation-active":"ButtonBase--variant-newFeature--dsInternalSimulation-active__eVKIo","ButtonBase--variant-ai":"ButtonBase--variant-ai__QQ5F5","ButtonBase--variant-ai--dsInternalSimulation-hover":"ButtonBase--variant-ai--dsInternalSimulation-hover__sEFmg","ButtonBase--variant-ai--dsInternalSimulation-active":"ButtonBase--variant-ai--dsInternalSimulation-active__wLX6u","ButtonBase--no-wrap":"ButtonBase--no-wrap__U0fYw"},T="ButtonBase",Rt=e=>Object.prototype.hasOwnProperty.call(e,"selected"),R=({children:e,busy:t})=>{const i=[...p(k,T,["content"])],s=[...p(k,T,["busy"])];return n.jsxs(n.Fragment,{children:[n.jsx("span",{className:i.join(" "),children:e}),t&&n.jsx("span",{className:s.join(" "),children:n.jsx(jt,{})})]})},X=a.forwardRef(function(t,i){const{id:s,variant:u=V,size:o=Y,fullWidth:r=!1,wrap:B=!1,href:_,download:w,opensInNewTab:c,nofollow:v,submitsForm:S,assistiveText:H,onClick:I,onKeyDown:y,onKeyUp:C,onMouseDown:N,onMouseUp:K,onMouseEnter:$,onMouseMove:tt,onPointerDown:et,onPointerEnter:at,disabled:h,busy:d,isIconButton:A,as:D,url:it,a11yLabel:nt,dataset:st,children:x,dsInternalSimulation:F,preplyDsComponent:ot,className:ut,...rt}=t,{selected:lt}=Rt(t)?t:{selected:void 0},dt=ht(),P=a.useRef(null),U=ft(P,i),mt=g=>{(h||d)&&g.preventDefault(),I==null||I(g)},Bt=g=>{var q;const Z=pt(g.key);(Z===" "||Z==="Enter")&&(g.preventDefault(),(q=P.current)==null||q.click())},_t=F==="focus"?m("dsInternalSimulation-focus",void 0,!0):l(`variant-${u}--dsInternalSimulation`,F),wt=b(k,T,[_t,l("variant",u),l("size",o),A?l("is-icon-button-size",o):[],m(void 0,"no-wrap",B),m("width-full","width-auto",r),m("is-busy",void 0,d),m("is-icon-button",void 0,A),m(`variant-${u}--is-selected`,void 0,lt)]),M={...Q(rt),...J(st,{preplyDsComponent:ot}),className:[...wt,ut].join(" "),"aria-label":H||nt,onClick:mt,disabled:h,"aria-disabled":h||d?!0:void 0,ref:U,id:s,onKeyDown:y,onKeyUp:C,onMouseDown:N,onMouseUp:K,onMouseEnter:$,onMouseMove:tt,onPointerDown:et,onPointerEnter:at},E=_||it,O={...M,download:w,ref:U,role:"button",tabIndex:h?-1:0,href:E,onKeyDown:Bt};return E?n.jsx("a",{...O,...vt(dt,E,c,v),children:R({children:x,busy:d})}):D?a.cloneElement(D,{...O},R({children:x,busy:d})):n.jsx("button",{...M,type:S?"submit":"button",children:R({children:x,busy:d})})});X.__docgenInfo={description:"",methods:[],displayName:"ButtonBase"};const kt="Button__lJRiF",Tt="leadingIcon__OZj4E",At="trailingIcon__d6fiW",Dt="icon__M1Hs-",z={Button:kt,leadingIcon:Tt,trailingIcon:At,"Button--size-s":"Button--size-s__02RwJ",icon:Dt,"Button--size-m":"Button--size-m__m1kGp","Button--size-small":"Button--size-small__hrJyO","Button--size-medium":"Button--size-medium__ToEik","Button--size-l":"Button--size-l__rHzPz","Button--size-large":"Button--size-large__2ARbP","Button--narrow-l--size-s":"Button--narrow-l--size-s__1iIxT","Button--narrow-l--size-m":"Button--narrow-l--size-m__Hn-71","Button--narrow-l--size-small":"Button--narrow-l--size-small__clOC0","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__4CZXu","Button--narrow-l--size-l":"Button--narrow-l--size-l__VsnrA","Button--narrow-l--size-large":"Button--narrow-l--size-large__NNkfS","Button--medium-s--size-s":"Button--medium-s--size-s__JOAqd","Button--medium-s--size-m":"Button--medium-s--size-m__hQdSS","Button--medium-s--size-small":"Button--medium-s--size-small__EweV7","Button--medium-s--size-medium":"Button--medium-s--size-medium__72Buq","Button--medium-s--size-l":"Button--medium-s--size-l__cRcEp","Button--medium-s--size-large":"Button--medium-s--size-large__PaPLT","Button--medium-l--size-s":"Button--medium-l--size-s__FrGUu","Button--medium-l--size-m":"Button--medium-l--size-m__SWC53","Button--medium-l--size-small":"Button--medium-l--size-small__36CyE","Button--medium-l--size-medium":"Button--medium-l--size-medium__ySDr1","Button--medium-l--size-l":"Button--medium-l--size-l__ImFHA","Button--medium-l--size-large":"Button--medium-l--size-large__o93q-","Button--wide-s--size-s":"Button--wide-s--size-s__fGKJg","Button--wide-s--size-m":"Button--wide-s--size-m__qAksG","Button--wide-s--size-small":"Button--wide-s--size-small__sKZpV","Button--wide-s--size-medium":"Button--wide-s--size-medium__ovQ2U","Button--wide-s--size-l":"Button--wide-s--size-l__MTeN9","Button--wide-s--size-large":"Button--wide-s--size-large__vQ0OS","Button--wide-l--size-s":"Button--wide-l--size-s__ROYdJ","Button--wide-l--size-m":"Button--wide-l--size-m__4cVoF","Button--wide-l--size-small":"Button--wide-l--size-small__RU5x9","Button--wide-l--size-medium":"Button--wide-l--size-medium__Hv0g8","Button--wide-l--size-l":"Button--wide-l--size-l__r0ktJ","Button--wide-l--size-large":"Button--wide-l--size-large__WblYc"},Ft=a.forwardRef(function({variant:t=V,size:i=Y,url:s,a11yLabel:u,leadingSvgIcon:o,trailingSvgIcon:r,children:B,..._},w){const c=!!o||!!r,v=b(z,f.Button,[l("size",i)]);return n.jsxs(X,{..._,ref:w,isIconButton:!1,variant:t,size:i,url:s,a11yLabel:u,preplyDsComponent:f.Button,className:c?v.join(" "):"",children:[!!o&&n.jsx("span",{className:`${z.icon} ${z.leadingIcon}`,children:W(o,{"aria-hidden":"true",focusable:"false"})}),B,!!r&&n.jsx("span",{className:`${z.icon} ${z.trailingIcon}`,children:W(r,{"aria-hidden":"true",focusable:"false"})})]})});Ft.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'small'",computed:!1},required:!1}}};export{Ft as B,Ht as H,X as a};
|
|
1
|
+
import{r as a,u as b,v as l,g as J,j as n,aw as ct,G as p,D as V,z as Y,w as m,E as vt}from"./iframe-CpMEswOF.js";import{a as gt,g as zt}from"./text-centered-B26ac1NU.js";import{f as Q}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as f}from"./componentNames-hc9KR2nX.js";import{r as W}from"./render-icon-CiYBms-s.js";import{u as ht}from"./useHostname-BVhrcDgi.js";import{m as pt}from"./index-CC6DAVyL.js";const G=(e,t)=>{typeof e=="function"?e(t):e&&(e.current=t)},ft=(e,t)=>a.useCallback(i=>{G(e,i),G(t,i)},[e,t]),bt="Heading__Lv13n",St={Heading:bt,"Heading--variant-massive":"Heading--variant-massive__xBbvd","Heading--variant-huge":"Heading--variant-huge__uNKwX","Heading--variant-extraLarge":"Heading--variant-extraLarge__O5YaA","Heading--variant-large":"Heading--variant-large__npEGh","Heading--variant-medium":"Heading--variant-medium__WRzNp","Heading--variant-small":"Heading--variant-small__RlTJl","Heading--narrow-l--variant-massive":"Heading--narrow-l--variant-massive__NkQiN","Heading--narrow-l--variant-huge":"Heading--narrow-l--variant-huge__xN-4a","Heading--narrow-l--variant-extraLarge":"Heading--narrow-l--variant-extraLarge__dhHS3","Heading--narrow-l--variant-large":"Heading--narrow-l--variant-large__O-yyq","Heading--narrow-l--variant-medium":"Heading--narrow-l--variant-medium__T3ZkZ","Heading--narrow-l--variant-small":"Heading--narrow-l--variant-small__nibGn","Heading--medium-s--variant-massive":"Heading--medium-s--variant-massive__dkhpb","Heading--medium-s--variant-huge":"Heading--medium-s--variant-huge__Td7XG","Heading--medium-s--variant-extraLarge":"Heading--medium-s--variant-extraLarge__puDN9","Heading--medium-s--variant-large":"Heading--medium-s--variant-large__UQMHF","Heading--medium-s--variant-medium":"Heading--medium-s--variant-medium__i2JwC","Heading--medium-s--variant-small":"Heading--medium-s--variant-small__UQTL9","Heading--medium-l--variant-massive":"Heading--medium-l--variant-massive__UtPA0","Heading--medium-l--variant-huge":"Heading--medium-l--variant-huge__BiY-j","Heading--medium-l--variant-extraLarge":"Heading--medium-l--variant-extraLarge__IP2Vo","Heading--medium-l--variant-large":"Heading--medium-l--variant-large__tV93Y","Heading--medium-l--variant-medium":"Heading--medium-l--variant-medium__945np","Heading--medium-l--variant-small":"Heading--medium-l--variant-small__ZUV1D","Heading--wide-s--variant-massive":"Heading--wide-s--variant-massive__BWmTX","Heading--wide-s--variant-huge":"Heading--wide-s--variant-huge__inkxv","Heading--wide-s--variant-extraLarge":"Heading--wide-s--variant-extraLarge__SQjI9","Heading--wide-s--variant-large":"Heading--wide-s--variant-large__UNDsi","Heading--wide-s--variant-medium":"Heading--wide-s--variant-medium__4OLaD","Heading--wide-s--variant-small":"Heading--wide-s--variant-small__ex4C1","Heading--wide-l--variant-massive":"Heading--wide-l--variant-massive__94l-9","Heading--wide-l--variant-huge":"Heading--wide-l--variant-huge__1qto2","Heading--wide-l--variant-extraLarge":"Heading--wide-l--variant-extraLarge__udFtI","Heading--wide-l--variant-large":"Heading--wide-l--variant-large__Y7k-Q","Heading--wide-l--variant-medium":"Heading--wide-l--variant-medium__xkuYd","Heading--wide-l--variant-small":"Heading--wide-l--variant-small__ORLbL"},Ht=a.forwardRef(function({children:t,variant:i,accent:s,tag:u,centered:o,dataset:r,id:B,className:_,...w},c){const v=u||"h1",S=b(St,f.Heading,l("variant",i)),H=gt(o),y=zt(!s,s),C=[...S,...H,...y,_],N={...Q(w),className:C.join(" "),...J(r,{preplyDsComponent:f.Heading}),id:B,ref:c};return n.jsx(v,{...N,children:t})});Ht.__docgenInfo={description:"",methods:[],displayName:"Heading"};const It="Spinner__U3f6H",yt="spin__6opuF",j={Spinner:It,"Spinner--size-default":"Spinner--size-default__xo-Jk","Spinner--size-large":"Spinner--size-large__2nk5J","Spinner--narrow-l--size-default":"Spinner--narrow-l--size-default__gRrq1","Spinner--narrow-l--size-large":"Spinner--narrow-l--size-large__6gb70","Spinner--medium-s--size-default":"Spinner--medium-s--size-default__bJg-R","Spinner--medium-s--size-large":"Spinner--medium-s--size-large__HAPhI","Spinner--medium-l--size-default":"Spinner--medium-l--size-default__AuHDV","Spinner--medium-l--size-large":"Spinner--medium-l--size-large__MlfBE","Spinner--wide-s--size-default":"Spinner--wide-s--size-default__3sTOC","Spinner--wide-s--size-large":"Spinner--wide-s--size-large__AkfHJ","Spinner--wide-l--size-default":"Spinner--wide-l--size-default__FDlfA","Spinner--wide-l--size-large":"Spinner--wide-l--size-large__Oyg7h","Spinner--static":"Spinner--static__3-otL","Spinner--animated":"Spinner--animated__K3vs3",spin:yt},Ct=({title:e,titleId:t,...i},s)=>a.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:s,"aria-labelledby":t,...i},e?a.createElement("title",{id:t},e):null,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm9-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})),Nt=a.forwardRef(Ct),xt=({title:e,titleId:t,...i},s)=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:s,"aria-labelledby":t,...i},e?a.createElement("title",{id:t},e):null,a.createElement("g",{clipPath:"url(#clip0_1785_4234)"},a.createElement("path",{d:"M30 15.9996C30.0002 18.5815 29.2863 21.1132 27.9373 23.3148C26.5884 25.5163 24.6569 27.302 22.3564 28.4743C20.0559 29.6465 17.476 30.1598 14.902 29.9573C12.328 29.7548 9.86014 28.8444 7.77126 27.3269C5.68238 25.8093 4.05386 23.7436 3.06576 21.3582C2.07765 18.9728 1.76846 16.3606 2.17236 13.8104C2.57627 11.2602 3.67753 8.8714 5.35439 6.90808C7.03126 4.94475 9.2184 3.48339 11.674 2.68557",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{opacity:.3,d:"M16 29.9996C23.732 29.9996 30 23.7316 30 15.9996C30 8.26758 23.732 1.99956 16 1.99956C8.26801 1.99956 2 8.26758 2 15.9996C2 23.7316 8.26801 29.9996 16 29.9996Z",strokeWidth:3,strokeLinejoin:"round"})),a.createElement("defs",null,a.createElement("clipPath",{id:"clip0_1785_4234"},a.createElement("rect",{width:32,height:32,fill:"white"})))),Et=a.forwardRef(xt),L="Spinner",jt=({size:e=ct})=>{const t=b(j,L,[l("size",e)]),i=[...p(j,L,["animated"])],s=[...p(j,L,["static"])];return n.jsxs("span",{className:t.join(" "),children:[n.jsx("span",{className:i.join(" "),children:n.jsx(Et,{})}),n.jsx("span",{className:s.join(" "),children:n.jsx(Nt,{})})]})},Lt="ButtonBase__lIl-s",k={"button-width--width-full":"button-width--width-full__nJNYU","button-width--width-auto":"button-width--width-auto__gsqlf","button-width--narrow-l--width-full":"button-width--narrow-l--width-full__y2YjC","button-width--narrow-l--width-auto":"button-width--narrow-l--width-auto__1qVpi","button-width--medium-s--width-full":"button-width--medium-s--width-full__IdW9b","button-width--medium-s--width-auto":"button-width--medium-s--width-auto__hrO4e","button-width--medium-l--width-full":"button-width--medium-l--width-full__Oc0vB","button-width--medium-l--width-auto":"button-width--medium-l--width-auto__RNuIr","button-width--wide-s--width-full":"button-width--wide-s--width-full__-egYf","button-width--wide-s--width-auto":"button-width--wide-s--width-auto__h-tgw","button-width--wide-l--width-full":"button-width--wide-l--width-full__OWgAy","button-width--wide-l--width-auto":"button-width--wide-l--width-auto__orWDN",ButtonBase:Lt,"ButtonBase--content":"ButtonBase--content__F9k22","ButtonBase--is-icon-button":"ButtonBase--is-icon-button__48zlf","ButtonBase--is-icon-button-size-large":"ButtonBase--is-icon-button-size-large__9HVLW","ButtonBase--busy":"ButtonBase--busy__XAkcK","ButtonBase--dsInternalSimulation-focus":"ButtonBase--dsInternalSimulation-focus__8jkWp","ButtonBase--is-busy":"ButtonBase--is-busy__OpmZd","ButtonBase--width-full":"ButtonBase--width-full__rPUpd","ButtonBase--width-auto":"ButtonBase--width-auto__4ebPj","ButtonBase--narrow-l--width-full":"ButtonBase--narrow-l--width-full__Bwysi","ButtonBase--narrow-l--width-auto":"ButtonBase--narrow-l--width-auto__r52SI","ButtonBase--medium-s--width-full":"ButtonBase--medium-s--width-full__nsvpl","ButtonBase--medium-s--width-auto":"ButtonBase--medium-s--width-auto__hcYr9","ButtonBase--medium-l--width-full":"ButtonBase--medium-l--width-full__6AYGL","ButtonBase--medium-l--width-auto":"ButtonBase--medium-l--width-auto__BGHr5","ButtonBase--wide-s--width-full":"ButtonBase--wide-s--width-full__4w-XJ","ButtonBase--wide-s--width-auto":"ButtonBase--wide-s--width-auto__5eGoZ","ButtonBase--wide-l--width-full":"ButtonBase--wide-l--width-full__8LbNM","ButtonBase--wide-l--width-auto":"ButtonBase--wide-l--width-auto__ys3sp","ButtonBase--size-large":"ButtonBase--size-large__mHtSn","ButtonBase--size-medium":"ButtonBase--size-medium__5Qsuj","ButtonBase--is-icon-button-size-medium":"ButtonBase--is-icon-button-size-medium__HRsbM","ButtonBase--size-small":"ButtonBase--size-small__Ajd60","ButtonBase--is-icon-button-size-small":"ButtonBase--is-icon-button-size-small__Me6wm","ButtonBase--narrow-l--size-large":"ButtonBase--narrow-l--size-large__3gfd8","ButtonBase--narrow-l--is-icon-button-size-large":"ButtonBase--narrow-l--is-icon-button-size-large__mWjvJ","ButtonBase--narrow-l--size-medium":"ButtonBase--narrow-l--size-medium__BhXNK","ButtonBase--narrow-l--is-icon-button-size-medium":"ButtonBase--narrow-l--is-icon-button-size-medium__RWwYm","ButtonBase--narrow-l--size-small":"ButtonBase--narrow-l--size-small__Vl2nb","ButtonBase--narrow-l--is-icon-button-size-small":"ButtonBase--narrow-l--is-icon-button-size-small__-dAMj","ButtonBase--medium-s--size-large":"ButtonBase--medium-s--size-large__x6d3B","ButtonBase--medium-s--is-icon-button-size-large":"ButtonBase--medium-s--is-icon-button-size-large__54tXt","ButtonBase--medium-s--size-medium":"ButtonBase--medium-s--size-medium__l27CC","ButtonBase--medium-s--is-icon-button-size-medium":"ButtonBase--medium-s--is-icon-button-size-medium__zUviu","ButtonBase--medium-s--size-small":"ButtonBase--medium-s--size-small__49UoI","ButtonBase--medium-s--is-icon-button-size-small":"ButtonBase--medium-s--is-icon-button-size-small__IvyNG","ButtonBase--medium-l--size-large":"ButtonBase--medium-l--size-large__HywFW","ButtonBase--medium-l--is-icon-button-size-large":"ButtonBase--medium-l--is-icon-button-size-large__7IhZP","ButtonBase--medium-l--size-medium":"ButtonBase--medium-l--size-medium__Tf265","ButtonBase--medium-l--is-icon-button-size-medium":"ButtonBase--medium-l--is-icon-button-size-medium__bwlaM","ButtonBase--medium-l--size-small":"ButtonBase--medium-l--size-small__t2X0A","ButtonBase--medium-l--is-icon-button-size-small":"ButtonBase--medium-l--is-icon-button-size-small__LyC6d","ButtonBase--wide-s--size-large":"ButtonBase--wide-s--size-large__revq4","ButtonBase--wide-s--is-icon-button-size-large":"ButtonBase--wide-s--is-icon-button-size-large__ECs3C","ButtonBase--wide-s--size-medium":"ButtonBase--wide-s--size-medium__LcWNl","ButtonBase--wide-s--is-icon-button-size-medium":"ButtonBase--wide-s--is-icon-button-size-medium__XgG6m","ButtonBase--wide-s--size-small":"ButtonBase--wide-s--size-small__zMihk","ButtonBase--wide-s--is-icon-button-size-small":"ButtonBase--wide-s--is-icon-button-size-small__86pYD","ButtonBase--wide-l--size-large":"ButtonBase--wide-l--size-large__dkSfM","ButtonBase--wide-l--is-icon-button-size-large":"ButtonBase--wide-l--is-icon-button-size-large__Exb49","ButtonBase--wide-l--size-medium":"ButtonBase--wide-l--size-medium__DSTMt","ButtonBase--wide-l--is-icon-button-size-medium":"ButtonBase--wide-l--is-icon-button-size-medium__wftX5","ButtonBase--wide-l--size-small":"ButtonBase--wide-l--size-small__1o3ZA","ButtonBase--wide-l--is-icon-button-size-small":"ButtonBase--wide-l--is-icon-button-size-small__Xqy2p","ButtonBase--variant-primary":"ButtonBase--variant-primary__EgRuu","ButtonBase--variant-primary--dsInternalSimulation-hover":"ButtonBase--variant-primary--dsInternalSimulation-hover__qshA-","ButtonBase--variant-primary--dsInternalSimulation-active":"ButtonBase--variant-primary--dsInternalSimulation-active__RQanZ","ButtonBase--variant-secondary":"ButtonBase--variant-secondary__GphQb","ButtonBase--variant-secondary--dsInternalSimulation-hover":"ButtonBase--variant-secondary--dsInternalSimulation-hover__ndGIz","ButtonBase--variant-secondary--dsInternalSimulation-active":"ButtonBase--variant-secondary--dsInternalSimulation-active__k4I5F","ButtonBase--variant-tertiary":"ButtonBase--variant-tertiary__O9c3W","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"ButtonBase--variant-tertiary--dsInternalSimulation-hover__4-xa1","ButtonBase--variant-tertiary--dsInternalSimulation-active":"ButtonBase--variant-tertiary--dsInternalSimulation-active__-10gZ","ButtonBase--variant-quaternary":"ButtonBase--variant-quaternary__pLeI5","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"ButtonBase--variant-quaternary--dsInternalSimulation-hover__ED-s6","ButtonBase--variant-quaternary--dsInternalSimulation-active":"ButtonBase--variant-quaternary--dsInternalSimulation-active__4fmhU","ButtonBase--variant-ghost":"ButtonBase--variant-ghost__ezCgl","ButtonBase--variant-ghost--dsInternalSimulation-hover":"ButtonBase--variant-ghost--dsInternalSimulation-hover__N-vL2","ButtonBase--variant-ghost--dsInternalSimulation-active":"ButtonBase--variant-ghost--dsInternalSimulation-active__ap8Wb","ButtonBase--variant-ghost--is-selected":"ButtonBase--variant-ghost--is-selected__vHgdy","ButtonBase--variant-critical":"ButtonBase--variant-critical__0FoGb","ButtonBase--variant-critical--dsInternalSimulation-hover":"ButtonBase--variant-critical--dsInternalSimulation-hover__DcuKz","ButtonBase--variant-critical--dsInternalSimulation-active":"ButtonBase--variant-critical--dsInternalSimulation-active__-D3p9","ButtonBase--variant-onColor":"ButtonBase--variant-onColor__gDgiZ","ButtonBase--variant-onColor--dsInternalSimulation-hover":"ButtonBase--variant-onColor--dsInternalSimulation-hover__GtnDL","ButtonBase--variant-onColor--dsInternalSimulation-active":"ButtonBase--variant-onColor--dsInternalSimulation-active__4ca8i","ButtonBase--variant-classroom":"ButtonBase--variant-classroom__HVQMA","ButtonBase--variant-classroom--dsInternalSimulation-hover":"ButtonBase--variant-classroom--dsInternalSimulation-hover__h2nxf","ButtonBase--variant-classroom--dsInternalSimulation-active":"ButtonBase--variant-classroom--dsInternalSimulation-active__3uCrs","ButtonBase--variant-classroom--is-selected":"ButtonBase--variant-classroom--is-selected__o47f2","ButtonBase--variant-primaryB2b":"ButtonBase--variant-primaryB2b__mqIFn","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__s-6Io","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"ButtonBase--variant-primaryB2b--dsInternalSimulation-active__5Zy8P","ButtonBase--variant-primaryTutor":"ButtonBase--variant-primaryTutor__0m-N0","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__-St95","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"ButtonBase--variant-primaryTutor--dsInternalSimulation-active__U8f46","ButtonBase--variant-inverted":"ButtonBase--variant-inverted__espSx","ButtonBase--variant-inverted--dsInternalSimulation-hover":"ButtonBase--variant-inverted--dsInternalSimulation-hover__2QLK5","ButtonBase--variant-inverted--dsInternalSimulation-active":"ButtonBase--variant-inverted--dsInternalSimulation-active__XPR7p","ButtonBase--variant-newFeature":"ButtonBase--variant-newFeature__kiL3X","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"ButtonBase--variant-newFeature--dsInternalSimulation-hover__MJYRN","ButtonBase--variant-newFeature--dsInternalSimulation-active":"ButtonBase--variant-newFeature--dsInternalSimulation-active__eVKIo","ButtonBase--variant-ai":"ButtonBase--variant-ai__QQ5F5","ButtonBase--variant-ai--dsInternalSimulation-hover":"ButtonBase--variant-ai--dsInternalSimulation-hover__sEFmg","ButtonBase--variant-ai--dsInternalSimulation-active":"ButtonBase--variant-ai--dsInternalSimulation-active__wLX6u","ButtonBase--no-wrap":"ButtonBase--no-wrap__U0fYw"},T="ButtonBase",Rt=e=>Object.prototype.hasOwnProperty.call(e,"selected"),R=({children:e,busy:t})=>{const i=[...p(k,T,["content"])],s=[...p(k,T,["busy"])];return n.jsxs(n.Fragment,{children:[n.jsx("span",{className:i.join(" "),children:e}),t&&n.jsx("span",{className:s.join(" "),children:n.jsx(jt,{})})]})},X=a.forwardRef(function(t,i){const{id:s,variant:u=V,size:o=Y,fullWidth:r=!1,wrap:B=!1,href:_,download:w,opensInNewTab:c,nofollow:v,submitsForm:S,assistiveText:H,onClick:I,onKeyDown:y,onKeyUp:C,onMouseDown:N,onMouseUp:K,onMouseEnter:$,onMouseMove:tt,onPointerDown:et,onPointerEnter:at,disabled:h,busy:d,isIconButton:A,as:D,url:it,a11yLabel:nt,dataset:st,children:x,dsInternalSimulation:F,preplyDsComponent:ot,className:ut,...rt}=t,{selected:lt}=Rt(t)?t:{selected:void 0},dt=ht(),P=a.useRef(null),U=ft(P,i),mt=g=>{(h||d)&&g.preventDefault(),I==null||I(g)},Bt=g=>{var q;const Z=pt(g.key);(Z===" "||Z==="Enter")&&(g.preventDefault(),(q=P.current)==null||q.click())},_t=F==="focus"?m("dsInternalSimulation-focus",void 0,!0):l(`variant-${u}--dsInternalSimulation`,F),wt=b(k,T,[_t,l("variant",u),l("size",o),A?l("is-icon-button-size",o):[],m(void 0,"no-wrap",B),m("width-full","width-auto",r),m("is-busy",void 0,d),m("is-icon-button",void 0,A),m(`variant-${u}--is-selected`,void 0,lt)]),M={...Q(rt),...J(st,{preplyDsComponent:ot}),className:[...wt,ut].join(" "),"aria-label":H||nt,onClick:mt,disabled:h,"aria-disabled":h||d?!0:void 0,ref:U,id:s,onKeyDown:y,onKeyUp:C,onMouseDown:N,onMouseUp:K,onMouseEnter:$,onMouseMove:tt,onPointerDown:et,onPointerEnter:at},E=_||it,O={...M,download:w,ref:U,role:"button",tabIndex:h?-1:0,href:E,onKeyDown:Bt};return E?n.jsx("a",{...O,...vt(dt,E,c,v),children:R({children:x,busy:d})}):D?a.cloneElement(D,{...O},R({children:x,busy:d})):n.jsx("button",{...M,type:S?"submit":"button",children:R({children:x,busy:d})})});X.__docgenInfo={description:"",methods:[],displayName:"ButtonBase"};const kt="Button__lJRiF",Tt="leadingIcon__OZj4E",At="trailingIcon__d6fiW",Dt="icon__M1Hs-",z={Button:kt,leadingIcon:Tt,trailingIcon:At,"Button--size-s":"Button--size-s__02RwJ",icon:Dt,"Button--size-m":"Button--size-m__m1kGp","Button--size-small":"Button--size-small__hrJyO","Button--size-medium":"Button--size-medium__ToEik","Button--size-l":"Button--size-l__rHzPz","Button--size-large":"Button--size-large__2ARbP","Button--narrow-l--size-s":"Button--narrow-l--size-s__1iIxT","Button--narrow-l--size-m":"Button--narrow-l--size-m__Hn-71","Button--narrow-l--size-small":"Button--narrow-l--size-small__clOC0","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__4CZXu","Button--narrow-l--size-l":"Button--narrow-l--size-l__VsnrA","Button--narrow-l--size-large":"Button--narrow-l--size-large__NNkfS","Button--medium-s--size-s":"Button--medium-s--size-s__JOAqd","Button--medium-s--size-m":"Button--medium-s--size-m__hQdSS","Button--medium-s--size-small":"Button--medium-s--size-small__EweV7","Button--medium-s--size-medium":"Button--medium-s--size-medium__72Buq","Button--medium-s--size-l":"Button--medium-s--size-l__cRcEp","Button--medium-s--size-large":"Button--medium-s--size-large__PaPLT","Button--medium-l--size-s":"Button--medium-l--size-s__FrGUu","Button--medium-l--size-m":"Button--medium-l--size-m__SWC53","Button--medium-l--size-small":"Button--medium-l--size-small__36CyE","Button--medium-l--size-medium":"Button--medium-l--size-medium__ySDr1","Button--medium-l--size-l":"Button--medium-l--size-l__ImFHA","Button--medium-l--size-large":"Button--medium-l--size-large__o93q-","Button--wide-s--size-s":"Button--wide-s--size-s__fGKJg","Button--wide-s--size-m":"Button--wide-s--size-m__qAksG","Button--wide-s--size-small":"Button--wide-s--size-small__sKZpV","Button--wide-s--size-medium":"Button--wide-s--size-medium__ovQ2U","Button--wide-s--size-l":"Button--wide-s--size-l__MTeN9","Button--wide-s--size-large":"Button--wide-s--size-large__vQ0OS","Button--wide-l--size-s":"Button--wide-l--size-s__ROYdJ","Button--wide-l--size-m":"Button--wide-l--size-m__4cVoF","Button--wide-l--size-small":"Button--wide-l--size-small__RU5x9","Button--wide-l--size-medium":"Button--wide-l--size-medium__Hv0g8","Button--wide-l--size-l":"Button--wide-l--size-l__r0ktJ","Button--wide-l--size-large":"Button--wide-l--size-large__WblYc"},Ft=a.forwardRef(function({variant:t=V,size:i=Y,url:s,a11yLabel:u,leadingSvgIcon:o,trailingSvgIcon:r,children:B,..._},w){const c=!!o||!!r,v=b(z,f.Button,[l("size",i)]);return n.jsxs(X,{..._,ref:w,isIconButton:!1,variant:t,size:i,url:s,a11yLabel:u,preplyDsComponent:f.Button,className:c?v.join(" "):"",children:[!!o&&n.jsx("span",{className:`${z.icon} ${z.leadingIcon}`,children:W(o,{"aria-hidden":"true",focusable:"false"})}),B,!!r&&n.jsx("span",{className:`${z.icon} ${z.trailingIcon}`,children:W(r,{"aria-hidden":"true",focusable:"false"})})]})});Ft.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'small'",computed:!1},required:!1}}};export{Ft as B,Ht as H,X as a};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import{r as _,u as z,v as y,j as a,z as g,D as w}from"./iframe-
|
|
1
|
+
import{r as _,u as z,v as y,j as a,z as g,D as w}from"./iframe-CpMEswOF.js";import{r as u}from"./render-icon-c7okze1K.js";import{B as V}from"./ButtonBase-D1x6yeKi.js";import{w as i}from"./componentNames-hc9KR2nX.js";const T="Button__zN6zT",q="leadingIcon__wQqJW",E="trailingIcon__zChSf",h="icon__sU6GA",e={Button:T,leadingIcon:q,trailingIcon:E,"Button--size-s":"Button--size-s__yKEFo",icon:h,"Button--size-m":"Button--size-m__-0jeH","Button--size-small":"Button--size-small__xrFvg","Button--size-medium":"Button--size-medium__Mc1B1","Button--size-l":"Button--size-l__7gew2","Button--size-large":"Button--size-large__LejpK","Button--narrow-l--size-s":"Button--narrow-l--size-s__oKIHq","Button--narrow-l--size-m":"Button--narrow-l--size-m__FfkOA","Button--narrow-l--size-small":"Button--narrow-l--size-small__y-M26","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__so23Y","Button--narrow-l--size-l":"Button--narrow-l--size-l__xZOAd","Button--narrow-l--size-large":"Button--narrow-l--size-large__8clcn","Button--medium-s--size-s":"Button--medium-s--size-s__I-GoC","Button--medium-s--size-m":"Button--medium-s--size-m__Fk3sj","Button--medium-s--size-small":"Button--medium-s--size-small__N-91h","Button--medium-s--size-medium":"Button--medium-s--size-medium__sRSxR","Button--medium-s--size-l":"Button--medium-s--size-l__QXDbD","Button--medium-s--size-large":"Button--medium-s--size-large__Rtei-","Button--medium-l--size-s":"Button--medium-l--size-s__YqR0K","Button--medium-l--size-m":"Button--medium-l--size-m__BaJ0d","Button--medium-l--size-small":"Button--medium-l--size-small__iP5bS","Button--medium-l--size-medium":"Button--medium-l--size-medium__JanvZ","Button--medium-l--size-l":"Button--medium-l--size-l__ps0aM","Button--medium-l--size-large":"Button--medium-l--size-large__2gVOL","Button--wide-s--size-s":"Button--wide-s--size-s__OE3Yz","Button--wide-s--size-m":"Button--wide-s--size-m__H2KPf","Button--wide-s--size-small":"Button--wide-s--size-small__lDDYF","Button--wide-s--size-medium":"Button--wide-s--size-medium__CoePZ","Button--wide-s--size-l":"Button--wide-s--size-l__gcSoP","Button--wide-s--size-large":"Button--wide-s--size-large__KLj98","Button--wide-l--size-s":"Button--wide-l--size-s__HAZa1","Button--wide-l--size-m":"Button--wide-l--size-m__xB4x0","Button--wide-l--size-small":"Button--wide-l--size-small__WdoWT","Button--wide-l--size-medium":"Button--wide-l--size-medium__KgZbS","Button--wide-l--size-l":"Button--wide-l--size-l__rw5N1","Button--wide-l--size-large":"Button--wide-l--size-large__7TyOT"},o=_.forwardRef(function({variant:r=w,size:l=g,url:m,a11yLabel:d,leadingSvgIcon:n,trailingSvgIcon:t,children:c,...v},p){const f=!!n||!!t,B=z(e,i.Button,[y("size",l)]);return a.jsxs(V,{...v,ref:p,isIconButton:!1,variant:r,size:l,url:m,a11yLabel:d,preplyDsComponent:i.Button,className:f?B.join(" "):"",children:[!!n&&a.jsx("span",{className:`${e.icon} ${e.leadingIcon}`,children:u(n,{"aria-hidden":"true",focusable:"false"})}),c,!!t&&a.jsx("span",{className:`${e.icon} ${e.trailingIcon}`,children:u(t,{"aria-hidden":"true",focusable:"false"})})]})});try{o.displayName="Button",o.__docgenInfo={description:"",displayName:"Button",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},as:{defaultValue:null,description:`Custom element to render the button.
|
|
2
2
|
|
|
3
3
|
Allows rendering the button using a different React element or component.
|
|
4
4
|
This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
|
|
5
5
|
@example // Render as a react router link component
|
|
6
6
|
import { Link } from 'react-router-dom';
|
|
7
7
|
|
|
8
|
-
<ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},
|
|
8
|
+
<ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},size:{defaultValue:{value:"small"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'},{value:"ResponsiveProp<ButtonSize>"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"ai"'},{value:'"inverted"'},{value:'"critical"'},{value:'"tertiary"'},{value:'"primary"'},{value:'"secondary"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon.
|
|
9
9
|
@example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
|
|
10
10
|
|
|
11
11
|
<Button leadingSvgIcon={TokyoUITag}>Button</Button>
|
|
@@ -15,4 +15,4 @@ or
|
|
|
15
15
|
|
|
16
16
|
<Button trailingSvgIcon={TokyoUITag}>Button</Button>
|
|
17
17
|
or
|
|
18
|
-
<Button trailingSvgIcon={<TokyoUITag />}>Button</Button>`,name:"trailingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance:
|
|
18
|
+
<Button trailingSvgIcon={<TokyoUITag />}>Button</Button>`,name:"trailingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLButtonElement | HTMLAnchorElement | null) => void"},{value:"RefObject<HTMLButtonElement | HTMLAnchorElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{o as B};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t,r as X}from"./iframe-
|
|
1
|
+
import{j as t,r as X}from"./iframe-CpMEswOF.js";import{F as a}from"./TokyoUIFav-B1z6F-nK.js";import{I as s}from"./IconButton-DVKNd7ZK.js";import{B as e}from"./Button-KCBOR544.js";import{T as Q}from"./Text-cq49jjad.js";import{g as p}from"./getTokenVar-DntuTYid.js";import{c as m}from"./tokens-DTCyqZ0W.js";import{S as b}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./render-icon-c7okze1K.js";import"./ButtonBase-D1x6yeKi.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-lj2QA4al.js";import"./useMergeRefs-DkQLsYW4.js";import"./useHostname-BVhrcDgi.js";import"./index-CC6DAVyL.js";import"./componentNames-hc9KR2nX.js";import"./text-accent-DZ_ihUdH.js";import"./text-centered-DiwR-QSx.js";const yt={title:"components/Button",component:e,subcomponents:{IconButton:s},argTypes:{size:{description:b},fullWidth:{description:b}}},i=()=>t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(e,{children:"Button"}),t.jsx(e,{leadingSvgIcon:a,children:"Button"}),t.jsx(e,{trailingSvgIcon:a,children:"Button"}),t.jsx(s,{svg:a,assistiveText:"Favourite"})]});i.tags=["!autodocs","!test"];i.parameters={chromatic:{disableSnapshot:!0}};const g=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(e,{variant:"primary",children:"Primary"}),t.jsx(e,{variant:"secondary",children:"Secondary"}),t.jsx(e,{variant:"tertiary",children:"Tertiary"}),t.jsx(e,{variant:"ghost",children:"Ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(e,{variant:"inverted",children:"Inverted"})}),t.jsx(e,{variant:"critical",children:"Critical"}),t.jsx(e,{variant:"onColor",children:"onColor"})]})},d=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(s,{variant:"primary",svg:a,assistiveText:"primary"}),t.jsx(s,{variant:"secondary",svg:a,assistiveText:"secondary"}),t.jsx(s,{variant:"tertiary",svg:a,assistiveText:"tertiary"}),t.jsx(s,{variant:"ghost",svg:a,assistiveText:"ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(s,{variant:"inverted",svg:a,assistiveText:"inverted"})}),t.jsx(s,{variant:"critical",svg:a,assistiveText:"critical"}),t.jsx(s,{variant:"onColor",svg:a,assistiveText:"onColor"})]})};d.storyName="Variants (IconButton)";const x=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{variant:"ai",children:"AI"}),t.jsx(s,{variant:"ai",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px",backgroundColor:o},children:[t.jsx(e,{variant:"classroom",children:"Classroom"}),t.jsx(s,{variant:"classroom",svg:a,assistiveText:"Fav"})]})]})},y=()=>t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"small",children:"Small"}),t.jsx(s,{size:"small",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"medium",children:"Medium"}),t.jsx(s,{size:"medium",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"large",children:"Large"}),t.jsx(s,{size:"large",svg:a,assistiveText:"Fav"})]})]}),l=()=>t.jsxs(t.Fragment,{children:[t.jsx(e,{wrap:!0,size:"small",children:"Do the really quite unusually long thing"}),t.jsx(e,{wrap:!0,size:"medium",children:"Do the really quite unusually long thing"}),t.jsx(e,{wrap:!0,size:"large",children:"Do the really quite unusually long thing"})]});l.tags=["!autodocs"];l.decorators=[o=>t.jsx("div",{style:{width:"200px"},children:o()})];const v=()=>t.jsx(e,{size:{_:"small","medium-l":"medium","wide-s":"large"},leadingSvgIcon:a,children:"Change the viewport size"});v.parameters={chromatic:{modes:{"narrow-l":{viewport:"narrow-l"},"medium-l":{viewport:"medium-l"},"wide-s":{viewport:"wide-s"}}}};const u=()=>{const o=p(m.background.primaryInverted);return t.jsx("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:["small","medium","large"].map(r=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(n=>t.jsxs(X.Fragment,{children:[t.jsxs(Q,{variant:"default-regular-italic",children:[n," - ",r]}),t.jsxs("div",{style:{display:"flex",gap:"16px",backgroundColor:n==="inverted"||n==="classroom"?o:void 0},children:[t.jsx(e,{size:r,variant:n,children:"button"}),t.jsx(e,{size:r,variant:n,leadingSvgIcon:a,children:"button"}),t.jsx(e,{size:r,variant:n,trailingSvgIcon:a,children:"button"}),t.jsx(e,{size:r,variant:n,busy:!0,assistiveText:"Fav",children:"button"}),t.jsx(e,{size:r,variant:n,disabled:!0,children:"disabled"}),t.jsx(e,{size:r,variant:n,dsInternalSimulation:"hover",children:"hover"}),t.jsx(e,{size:r,variant:n,dsInternalSimulation:"active",children:"active"}),t.jsx(e,{size:r,variant:n,dsInternalSimulation:"focus",children:"focus"})]},`${r}-${n}`)]},`${r}-${n}`)))})};u.tags=["!autodocs"];const c=()=>{const o=p(m.background.primaryInverted);return t.jsx("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:["small","medium","large"].map(r=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(n=>t.jsxs(t.Fragment,{children:[t.jsxs(Q,{variant:"default-regular-italic",children:[n," - ",r]}),t.jsxs("div",{style:{display:"flex",gap:"16px",backgroundColor:n==="inverted"||n==="classroom"?o:void 0},children:[t.jsx(s,{svg:a,assistiveText:"fav",size:r,variant:n}),t.jsx(s,{svg:a,assistiveText:"fav",size:r,variant:n,busy:!0}),t.jsx(s,{svg:a,assistiveText:"fav",size:r,variant:n,disabled:!0}),t.jsx(s,{svg:a,assistiveText:"fav",size:r,variant:n,dsInternalSimulation:"hover"}),t.jsx(s,{svg:a,assistiveText:"fav",size:r,variant:n,dsInternalSimulation:"active"}),t.jsx(s,{svg:a,assistiveText:"fav",size:r,variant:n,dsInternalSimulation:"focus"})]},`${r}-${n}`)]})))})};c.storyName="Combinations (IconButton)";c.tags=["!autodocs"];const h={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(o,{args:r})=>t.jsx("div",{style:{backgroundColor:r.variant==="inverted"?"black":void 0},children:o()})],args:{children:"Button",dataset:{qaid:"button"}},argTypes:{children:{control:"text"},dataset:{control:"object"},assistiveText:{control:"text"},disabled:{control:"boolean"},fullWidth:{control:"boolean"},wrap:{control:"boolean"},href:{control:"text"},download:{control:"boolean"},opensInNewTab:{control:"boolean"},nofollow:{control:"boolean"},submitsForm:{control:"boolean"},busy:{control:"boolean"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":a},control:"select"},trailingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":a},control:"select"},url:{table:{disable:!0}},a11yLabel:{table:{disable:!0}}}};var B,I,f;i.parameters={...i.parameters,docs:{...(B=i.parameters)==null?void 0:B.docs,source:{originalSource:`() => <div style={{
|
|
2
2
|
display: 'flex',
|
|
3
3
|
gap: '1rem'
|
|
4
4
|
}}>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import{r as c,D as ie,z as ue,w as a,v as o,u as se,g as oe,j as e,E as le,G as E}from"./iframe-rPxPheSO.js";import{f as re}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{S as de}from"./Spinner-DMKptX0-.js";import{u as Be}from"./useMergeRefs-D3-2wqPW.js";import{u as me}from"./useHostname-CSCtqnDM.js";import{m as ve}from"./index-CC6DAVyL.js";const ce="ButtonBase__0qXGj",w={"button-width--width-full":"button-width--width-full__nxjVK","button-width--width-auto":"button-width--width-auto__CngVf","button-width--narrow-l--width-full":"button-width--narrow-l--width-full__rZc8T","button-width--narrow-l--width-auto":"button-width--narrow-l--width-auto__Fs14X","button-width--medium-s--width-full":"button-width--medium-s--width-full__lb8XX","button-width--medium-s--width-auto":"button-width--medium-s--width-auto__gtajp","button-width--medium-l--width-full":"button-width--medium-l--width-full__qOGDr","button-width--medium-l--width-auto":"button-width--medium-l--width-auto__vFKgm","button-width--wide-s--width-full":"button-width--wide-s--width-full__5nhxD","button-width--wide-s--width-auto":"button-width--wide-s--width-auto__J4Ht3","button-width--wide-l--width-full":"button-width--wide-l--width-full__Rsexc","button-width--wide-l--width-auto":"button-width--wide-l--width-auto__k6Ctk",ButtonBase:ce,"ButtonBase--content":"ButtonBase--content__ZEhK4","ButtonBase--is-icon-button":"ButtonBase--is-icon-button__CDG-9","ButtonBase--is-icon-button-size-large":"ButtonBase--is-icon-button-size-large__bebMj","ButtonBase--busy":"ButtonBase--busy__M2Cgo","ButtonBase--dsInternalSimulation-focus":"ButtonBase--dsInternalSimulation-focus__xhIA9","ButtonBase--is-busy":"ButtonBase--is-busy__FT7vR","ButtonBase--width-full":"ButtonBase--width-full__0ENoK","ButtonBase--width-auto":"ButtonBase--width-auto__vwDOv","ButtonBase--narrow-l--width-full":"ButtonBase--narrow-l--width-full__-H9pn","ButtonBase--narrow-l--width-auto":"ButtonBase--narrow-l--width-auto__2i3td","ButtonBase--medium-s--width-full":"ButtonBase--medium-s--width-full__sNHbR","ButtonBase--medium-s--width-auto":"ButtonBase--medium-s--width-auto__6T6zO","ButtonBase--medium-l--width-full":"ButtonBase--medium-l--width-full__FTcYM","ButtonBase--medium-l--width-auto":"ButtonBase--medium-l--width-auto__KPNbM","ButtonBase--wide-s--width-full":"ButtonBase--wide-s--width-full__YgEMT","ButtonBase--wide-s--width-auto":"ButtonBase--wide-s--width-auto__nM-ia","ButtonBase--wide-l--width-full":"ButtonBase--wide-l--width-full__CFPdD","ButtonBase--wide-l--width-auto":"ButtonBase--wide-l--width-auto__6gGyZ","ButtonBase--size-large":"ButtonBase--size-large__-OxgW","ButtonBase--size-medium":"ButtonBase--size-medium__YgQDT","ButtonBase--is-icon-button-size-medium":"ButtonBase--is-icon-button-size-medium__AC6Cq","ButtonBase--size-small":"ButtonBase--size-small__UMBKe","ButtonBase--is-icon-button-size-small":"ButtonBase--is-icon-button-size-small__hZmvi","ButtonBase--narrow-l--size-large":"ButtonBase--narrow-l--size-large__jbaAB","ButtonBase--narrow-l--is-icon-button-size-large":"ButtonBase--narrow-l--is-icon-button-size-large__UIpIh","ButtonBase--narrow-l--size-medium":"ButtonBase--narrow-l--size-medium__62t1K","ButtonBase--narrow-l--is-icon-button-size-medium":"ButtonBase--narrow-l--is-icon-button-size-medium__r2nuk","ButtonBase--narrow-l--size-small":"ButtonBase--narrow-l--size-small__8uFFR","ButtonBase--narrow-l--is-icon-button-size-small":"ButtonBase--narrow-l--is-icon-button-size-small__CkKxU","ButtonBase--medium-s--size-large":"ButtonBase--medium-s--size-large__XpFoi","ButtonBase--medium-s--is-icon-button-size-large":"ButtonBase--medium-s--is-icon-button-size-large__-IvSU","ButtonBase--medium-s--size-medium":"ButtonBase--medium-s--size-medium__ZA4JC","ButtonBase--medium-s--is-icon-button-size-medium":"ButtonBase--medium-s--is-icon-button-size-medium__946RE","ButtonBase--medium-s--size-small":"ButtonBase--medium-s--size-small__nNIDt","ButtonBase--medium-s--is-icon-button-size-small":"ButtonBase--medium-s--is-icon-button-size-small__aAjgr","ButtonBase--medium-l--size-large":"ButtonBase--medium-l--size-large__yo-U7","ButtonBase--medium-l--is-icon-button-size-large":"ButtonBase--medium-l--is-icon-button-size-large__3ORQx","ButtonBase--medium-l--size-medium":"ButtonBase--medium-l--size-medium__N9rbz","ButtonBase--medium-l--is-icon-button-size-medium":"ButtonBase--medium-l--is-icon-button-size-medium__EFk6V","ButtonBase--medium-l--size-small":"ButtonBase--medium-l--size-small__FMlot","ButtonBase--medium-l--is-icon-button-size-small":"ButtonBase--medium-l--is-icon-button-size-small__Ak0TL","ButtonBase--wide-s--size-large":"ButtonBase--wide-s--size-large__ASjU0","ButtonBase--wide-s--is-icon-button-size-large":"ButtonBase--wide-s--is-icon-button-size-large__hF4qT","ButtonBase--wide-s--size-medium":"ButtonBase--wide-s--size-medium__glo8Q","ButtonBase--wide-s--is-icon-button-size-medium":"ButtonBase--wide-s--is-icon-button-size-medium__W-O0C","ButtonBase--wide-s--size-small":"ButtonBase--wide-s--size-small__b10zZ","ButtonBase--wide-s--is-icon-button-size-small":"ButtonBase--wide-s--is-icon-button-size-small__-E8EY","ButtonBase--wide-l--size-large":"ButtonBase--wide-l--size-large__qXddN","ButtonBase--wide-l--is-icon-button-size-large":"ButtonBase--wide-l--is-icon-button-size-large__ceEkB","ButtonBase--wide-l--size-medium":"ButtonBase--wide-l--size-medium__OPxKX","ButtonBase--wide-l--is-icon-button-size-medium":"ButtonBase--wide-l--is-icon-button-size-medium__dAxcc","ButtonBase--wide-l--size-small":"ButtonBase--wide-l--size-small__tqGj-","ButtonBase--wide-l--is-icon-button-size-small":"ButtonBase--wide-l--is-icon-button-size-small__cCSAh","ButtonBase--variant-primary":"ButtonBase--variant-primary__oSRJV","ButtonBase--variant-primary--dsInternalSimulation-hover":"ButtonBase--variant-primary--dsInternalSimulation-hover__D7OCC","ButtonBase--variant-primary--dsInternalSimulation-active":"ButtonBase--variant-primary--dsInternalSimulation-active__V0iju","ButtonBase--variant-secondary":"ButtonBase--variant-secondary__APosz","ButtonBase--variant-secondary--dsInternalSimulation-hover":"ButtonBase--variant-secondary--dsInternalSimulation-hover__5F1t-","ButtonBase--variant-secondary--dsInternalSimulation-active":"ButtonBase--variant-secondary--dsInternalSimulation-active__MwFWM","ButtonBase--variant-tertiary":"ButtonBase--variant-tertiary__oSJoa","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"ButtonBase--variant-tertiary--dsInternalSimulation-hover__juCHk","ButtonBase--variant-tertiary--dsInternalSimulation-active":"ButtonBase--variant-tertiary--dsInternalSimulation-active__CZKvj","ButtonBase--variant-quaternary":"ButtonBase--variant-quaternary__gX2sB","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"ButtonBase--variant-quaternary--dsInternalSimulation-hover__Hzaa5","ButtonBase--variant-quaternary--dsInternalSimulation-active":"ButtonBase--variant-quaternary--dsInternalSimulation-active__cKsaN","ButtonBase--variant-ghost":"ButtonBase--variant-ghost__pR3-X","ButtonBase--variant-ghost--dsInternalSimulation-hover":"ButtonBase--variant-ghost--dsInternalSimulation-hover__O2HFh","ButtonBase--variant-ghost--dsInternalSimulation-active":"ButtonBase--variant-ghost--dsInternalSimulation-active__CvLh8","ButtonBase--variant-ghost--is-selected":"ButtonBase--variant-ghost--is-selected__mS0Le","ButtonBase--variant-critical":"ButtonBase--variant-critical__-t4Qu","ButtonBase--variant-critical--dsInternalSimulation-hover":"ButtonBase--variant-critical--dsInternalSimulation-hover__iyVj2","ButtonBase--variant-critical--dsInternalSimulation-active":"ButtonBase--variant-critical--dsInternalSimulation-active__2RACT","ButtonBase--variant-onColor":"ButtonBase--variant-onColor__Hgon2","ButtonBase--variant-onColor--dsInternalSimulation-hover":"ButtonBase--variant-onColor--dsInternalSimulation-hover__8ca7h","ButtonBase--variant-onColor--dsInternalSimulation-active":"ButtonBase--variant-onColor--dsInternalSimulation-active__OxSu7","ButtonBase--variant-classroom":"ButtonBase--variant-classroom__ZiZjl","ButtonBase--variant-classroom--dsInternalSimulation-hover":"ButtonBase--variant-classroom--dsInternalSimulation-hover__Fy83L","ButtonBase--variant-classroom--dsInternalSimulation-active":"ButtonBase--variant-classroom--dsInternalSimulation-active__88eK7","ButtonBase--variant-classroom--is-selected":"ButtonBase--variant-classroom--is-selected__GHt9-","ButtonBase--variant-primaryB2b":"ButtonBase--variant-primaryB2b__q-vvW","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__Nrl78","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"ButtonBase--variant-primaryB2b--dsInternalSimulation-active__IGZDa","ButtonBase--variant-primaryTutor":"ButtonBase--variant-primaryTutor__B6BAn","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__HXGA0","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"ButtonBase--variant-primaryTutor--dsInternalSimulation-active__FCV-3","ButtonBase--variant-inverted":"ButtonBase--variant-inverted__9yknJ","ButtonBase--variant-inverted--dsInternalSimulation-hover":"ButtonBase--variant-inverted--dsInternalSimulation-hover__oX9GA","ButtonBase--variant-inverted--dsInternalSimulation-active":"ButtonBase--variant-inverted--dsInternalSimulation-active__-HnsQ","ButtonBase--variant-newFeature":"ButtonBase--variant-newFeature__8uk2D","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"ButtonBase--variant-newFeature--dsInternalSimulation-hover__plXXr","ButtonBase--variant-newFeature--dsInternalSimulation-active":"ButtonBase--variant-newFeature--dsInternalSimulation-active__yDfE1","ButtonBase--variant-ai":"ButtonBase--variant-ai__iq9tW","ButtonBase--variant-ai--dsInternalSimulation-hover":"ButtonBase--variant-ai--dsInternalSimulation-hover__78mV7","ButtonBase--variant-ai--dsInternalSimulation-active":"ButtonBase--variant-ai--dsInternalSimulation-active__48Tn0","ButtonBase--no-wrap":"ButtonBase--no-wrap__8TMhQ"},p="ButtonBase",_e=n=>Object.prototype.hasOwnProperty.call(n,"selected"),_=({children:n,busy:i})=>{const l=[...E(w,p,["content"])],r=[...E(w,p,["busy"])];return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:l.join(" "),children:n}),i&&e.jsx("span",{className:r.join(" "),children:e.jsx(de,{})})]})},V=c.forwardRef(function(i,l){const{id:r,variant:d=ie,size:f=ue,fullWidth:T=!1,wrap:M=!1,href:D,download:x,opensInNewTab:F,nofollow:N,submitsForm:R,assistiveText:j,onClick:B,onKeyDown:k,onKeyUp:A,onMouseDown:H,onMouseUp:K,onMouseEnter:P,onMouseMove:U,onPointerDown:O,onPointerEnter:L,disabled:s,busy:t,isIconButton:h,as:y,url:X,a11yLabel:Z,dataset:G,children:m,dsInternalSimulation:b,preplyDsComponent:W,className:J,...Q}=i,{selected:Y}=_e(i)?i:{selected:void 0},$=me(),z=c.useRef(null),I=Be(z,l),ee=u=>{(s||t)&&u.preventDefault(),B==null||B(u)},te=u=>{var C;const q=ve(u.key);(q===" "||q==="Enter")&&(u.preventDefault(),(C=z.current)==null||C.click())},ae=b==="focus"?a("dsInternalSimulation-focus",void 0,!0):o(`variant-${d}--dsInternalSimulation`,b),ne=se(w,p,[ae,o("variant",d),o("size",f),h?o("is-icon-button-size",f):[],a(void 0,"no-wrap",M),a("width-full","width-auto",T),a("is-busy",void 0,t),a("is-icon-button",void 0,h),a(`variant-${d}--is-selected`,void 0,Y)]),g={...re(Q),...oe(G,{preplyDsComponent:W}),className:[...ne,J].join(" "),"aria-label":j||Z,onClick:ee,disabled:s,"aria-disabled":s||t?!0:void 0,ref:I,id:r,onKeyDown:k,onKeyUp:A,onMouseDown:H,onMouseUp:K,onMouseEnter:P,onMouseMove:U,onPointerDown:O,onPointerEnter:L},v=D||X,S={...g,download:x,ref:I,role:"button",tabIndex:s?-1:0,href:v,onKeyDown:te};return v?e.jsx("a",{...S,...le($,v,F,N),children:_({children:m,busy:t})}):y?c.cloneElement(y,{...S},_({children:m,busy:t})):e.jsx("button",{...g,type:R?"submit":"button",children:_({children:m,busy:t})})});try{V.displayName="ButtonBase",V.__docgenInfo={description:"",displayName:"ButtonBase",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"critical"'},{value:'"ai"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler"}]}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isIconButton:{defaultValue:null,description:"",name:"isIconButton",required:!0,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
|
|
1
|
+
import{r as c,D as ie,z as ue,w as a,v as o,u as se,g as oe,j as e,E as le,G as E}from"./iframe-CpMEswOF.js";import{f as re}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{S as de}from"./Spinner-lj2QA4al.js";import{u as Be}from"./useMergeRefs-DkQLsYW4.js";import{u as me}from"./useHostname-BVhrcDgi.js";import{m as ve}from"./index-CC6DAVyL.js";const ce="ButtonBase__0qXGj",w={"button-width--width-full":"button-width--width-full__nxjVK","button-width--width-auto":"button-width--width-auto__CngVf","button-width--narrow-l--width-full":"button-width--narrow-l--width-full__rZc8T","button-width--narrow-l--width-auto":"button-width--narrow-l--width-auto__Fs14X","button-width--medium-s--width-full":"button-width--medium-s--width-full__lb8XX","button-width--medium-s--width-auto":"button-width--medium-s--width-auto__gtajp","button-width--medium-l--width-full":"button-width--medium-l--width-full__qOGDr","button-width--medium-l--width-auto":"button-width--medium-l--width-auto__vFKgm","button-width--wide-s--width-full":"button-width--wide-s--width-full__5nhxD","button-width--wide-s--width-auto":"button-width--wide-s--width-auto__J4Ht3","button-width--wide-l--width-full":"button-width--wide-l--width-full__Rsexc","button-width--wide-l--width-auto":"button-width--wide-l--width-auto__k6Ctk",ButtonBase:ce,"ButtonBase--content":"ButtonBase--content__ZEhK4","ButtonBase--is-icon-button":"ButtonBase--is-icon-button__CDG-9","ButtonBase--is-icon-button-size-large":"ButtonBase--is-icon-button-size-large__bebMj","ButtonBase--busy":"ButtonBase--busy__M2Cgo","ButtonBase--dsInternalSimulation-focus":"ButtonBase--dsInternalSimulation-focus__xhIA9","ButtonBase--is-busy":"ButtonBase--is-busy__FT7vR","ButtonBase--width-full":"ButtonBase--width-full__0ENoK","ButtonBase--width-auto":"ButtonBase--width-auto__vwDOv","ButtonBase--narrow-l--width-full":"ButtonBase--narrow-l--width-full__-H9pn","ButtonBase--narrow-l--width-auto":"ButtonBase--narrow-l--width-auto__2i3td","ButtonBase--medium-s--width-full":"ButtonBase--medium-s--width-full__sNHbR","ButtonBase--medium-s--width-auto":"ButtonBase--medium-s--width-auto__6T6zO","ButtonBase--medium-l--width-full":"ButtonBase--medium-l--width-full__FTcYM","ButtonBase--medium-l--width-auto":"ButtonBase--medium-l--width-auto__KPNbM","ButtonBase--wide-s--width-full":"ButtonBase--wide-s--width-full__YgEMT","ButtonBase--wide-s--width-auto":"ButtonBase--wide-s--width-auto__nM-ia","ButtonBase--wide-l--width-full":"ButtonBase--wide-l--width-full__CFPdD","ButtonBase--wide-l--width-auto":"ButtonBase--wide-l--width-auto__6gGyZ","ButtonBase--size-large":"ButtonBase--size-large__-OxgW","ButtonBase--size-medium":"ButtonBase--size-medium__YgQDT","ButtonBase--is-icon-button-size-medium":"ButtonBase--is-icon-button-size-medium__AC6Cq","ButtonBase--size-small":"ButtonBase--size-small__UMBKe","ButtonBase--is-icon-button-size-small":"ButtonBase--is-icon-button-size-small__hZmvi","ButtonBase--narrow-l--size-large":"ButtonBase--narrow-l--size-large__jbaAB","ButtonBase--narrow-l--is-icon-button-size-large":"ButtonBase--narrow-l--is-icon-button-size-large__UIpIh","ButtonBase--narrow-l--size-medium":"ButtonBase--narrow-l--size-medium__62t1K","ButtonBase--narrow-l--is-icon-button-size-medium":"ButtonBase--narrow-l--is-icon-button-size-medium__r2nuk","ButtonBase--narrow-l--size-small":"ButtonBase--narrow-l--size-small__8uFFR","ButtonBase--narrow-l--is-icon-button-size-small":"ButtonBase--narrow-l--is-icon-button-size-small__CkKxU","ButtonBase--medium-s--size-large":"ButtonBase--medium-s--size-large__XpFoi","ButtonBase--medium-s--is-icon-button-size-large":"ButtonBase--medium-s--is-icon-button-size-large__-IvSU","ButtonBase--medium-s--size-medium":"ButtonBase--medium-s--size-medium__ZA4JC","ButtonBase--medium-s--is-icon-button-size-medium":"ButtonBase--medium-s--is-icon-button-size-medium__946RE","ButtonBase--medium-s--size-small":"ButtonBase--medium-s--size-small__nNIDt","ButtonBase--medium-s--is-icon-button-size-small":"ButtonBase--medium-s--is-icon-button-size-small__aAjgr","ButtonBase--medium-l--size-large":"ButtonBase--medium-l--size-large__yo-U7","ButtonBase--medium-l--is-icon-button-size-large":"ButtonBase--medium-l--is-icon-button-size-large__3ORQx","ButtonBase--medium-l--size-medium":"ButtonBase--medium-l--size-medium__N9rbz","ButtonBase--medium-l--is-icon-button-size-medium":"ButtonBase--medium-l--is-icon-button-size-medium__EFk6V","ButtonBase--medium-l--size-small":"ButtonBase--medium-l--size-small__FMlot","ButtonBase--medium-l--is-icon-button-size-small":"ButtonBase--medium-l--is-icon-button-size-small__Ak0TL","ButtonBase--wide-s--size-large":"ButtonBase--wide-s--size-large__ASjU0","ButtonBase--wide-s--is-icon-button-size-large":"ButtonBase--wide-s--is-icon-button-size-large__hF4qT","ButtonBase--wide-s--size-medium":"ButtonBase--wide-s--size-medium__glo8Q","ButtonBase--wide-s--is-icon-button-size-medium":"ButtonBase--wide-s--is-icon-button-size-medium__W-O0C","ButtonBase--wide-s--size-small":"ButtonBase--wide-s--size-small__b10zZ","ButtonBase--wide-s--is-icon-button-size-small":"ButtonBase--wide-s--is-icon-button-size-small__-E8EY","ButtonBase--wide-l--size-large":"ButtonBase--wide-l--size-large__qXddN","ButtonBase--wide-l--is-icon-button-size-large":"ButtonBase--wide-l--is-icon-button-size-large__ceEkB","ButtonBase--wide-l--size-medium":"ButtonBase--wide-l--size-medium__OPxKX","ButtonBase--wide-l--is-icon-button-size-medium":"ButtonBase--wide-l--is-icon-button-size-medium__dAxcc","ButtonBase--wide-l--size-small":"ButtonBase--wide-l--size-small__tqGj-","ButtonBase--wide-l--is-icon-button-size-small":"ButtonBase--wide-l--is-icon-button-size-small__cCSAh","ButtonBase--variant-primary":"ButtonBase--variant-primary__oSRJV","ButtonBase--variant-primary--dsInternalSimulation-hover":"ButtonBase--variant-primary--dsInternalSimulation-hover__D7OCC","ButtonBase--variant-primary--dsInternalSimulation-active":"ButtonBase--variant-primary--dsInternalSimulation-active__V0iju","ButtonBase--variant-secondary":"ButtonBase--variant-secondary__APosz","ButtonBase--variant-secondary--dsInternalSimulation-hover":"ButtonBase--variant-secondary--dsInternalSimulation-hover__5F1t-","ButtonBase--variant-secondary--dsInternalSimulation-active":"ButtonBase--variant-secondary--dsInternalSimulation-active__MwFWM","ButtonBase--variant-tertiary":"ButtonBase--variant-tertiary__oSJoa","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"ButtonBase--variant-tertiary--dsInternalSimulation-hover__juCHk","ButtonBase--variant-tertiary--dsInternalSimulation-active":"ButtonBase--variant-tertiary--dsInternalSimulation-active__CZKvj","ButtonBase--variant-quaternary":"ButtonBase--variant-quaternary__gX2sB","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"ButtonBase--variant-quaternary--dsInternalSimulation-hover__Hzaa5","ButtonBase--variant-quaternary--dsInternalSimulation-active":"ButtonBase--variant-quaternary--dsInternalSimulation-active__cKsaN","ButtonBase--variant-ghost":"ButtonBase--variant-ghost__pR3-X","ButtonBase--variant-ghost--dsInternalSimulation-hover":"ButtonBase--variant-ghost--dsInternalSimulation-hover__O2HFh","ButtonBase--variant-ghost--dsInternalSimulation-active":"ButtonBase--variant-ghost--dsInternalSimulation-active__CvLh8","ButtonBase--variant-ghost--is-selected":"ButtonBase--variant-ghost--is-selected__mS0Le","ButtonBase--variant-critical":"ButtonBase--variant-critical__-t4Qu","ButtonBase--variant-critical--dsInternalSimulation-hover":"ButtonBase--variant-critical--dsInternalSimulation-hover__iyVj2","ButtonBase--variant-critical--dsInternalSimulation-active":"ButtonBase--variant-critical--dsInternalSimulation-active__2RACT","ButtonBase--variant-onColor":"ButtonBase--variant-onColor__Hgon2","ButtonBase--variant-onColor--dsInternalSimulation-hover":"ButtonBase--variant-onColor--dsInternalSimulation-hover__8ca7h","ButtonBase--variant-onColor--dsInternalSimulation-active":"ButtonBase--variant-onColor--dsInternalSimulation-active__OxSu7","ButtonBase--variant-classroom":"ButtonBase--variant-classroom__ZiZjl","ButtonBase--variant-classroom--dsInternalSimulation-hover":"ButtonBase--variant-classroom--dsInternalSimulation-hover__Fy83L","ButtonBase--variant-classroom--dsInternalSimulation-active":"ButtonBase--variant-classroom--dsInternalSimulation-active__88eK7","ButtonBase--variant-classroom--is-selected":"ButtonBase--variant-classroom--is-selected__GHt9-","ButtonBase--variant-primaryB2b":"ButtonBase--variant-primaryB2b__q-vvW","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__Nrl78","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"ButtonBase--variant-primaryB2b--dsInternalSimulation-active__IGZDa","ButtonBase--variant-primaryTutor":"ButtonBase--variant-primaryTutor__B6BAn","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__HXGA0","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"ButtonBase--variant-primaryTutor--dsInternalSimulation-active__FCV-3","ButtonBase--variant-inverted":"ButtonBase--variant-inverted__9yknJ","ButtonBase--variant-inverted--dsInternalSimulation-hover":"ButtonBase--variant-inverted--dsInternalSimulation-hover__oX9GA","ButtonBase--variant-inverted--dsInternalSimulation-active":"ButtonBase--variant-inverted--dsInternalSimulation-active__-HnsQ","ButtonBase--variant-newFeature":"ButtonBase--variant-newFeature__8uk2D","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"ButtonBase--variant-newFeature--dsInternalSimulation-hover__plXXr","ButtonBase--variant-newFeature--dsInternalSimulation-active":"ButtonBase--variant-newFeature--dsInternalSimulation-active__yDfE1","ButtonBase--variant-ai":"ButtonBase--variant-ai__iq9tW","ButtonBase--variant-ai--dsInternalSimulation-hover":"ButtonBase--variant-ai--dsInternalSimulation-hover__78mV7","ButtonBase--variant-ai--dsInternalSimulation-active":"ButtonBase--variant-ai--dsInternalSimulation-active__48Tn0","ButtonBase--no-wrap":"ButtonBase--no-wrap__8TMhQ"},p="ButtonBase",_e=n=>Object.prototype.hasOwnProperty.call(n,"selected"),_=({children:n,busy:i})=>{const l=[...E(w,p,["content"])],r=[...E(w,p,["busy"])];return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:l.join(" "),children:n}),i&&e.jsx("span",{className:r.join(" "),children:e.jsx(de,{})})]})},V=c.forwardRef(function(i,l){const{id:r,variant:d=ie,size:f=ue,fullWidth:T=!1,wrap:M=!1,href:D,download:x,opensInNewTab:F,nofollow:N,submitsForm:R,assistiveText:j,onClick:B,onKeyDown:k,onKeyUp:A,onMouseDown:H,onMouseUp:K,onMouseEnter:P,onMouseMove:U,onPointerDown:O,onPointerEnter:L,disabled:s,busy:t,isIconButton:h,as:y,url:X,a11yLabel:Z,dataset:G,children:m,dsInternalSimulation:b,preplyDsComponent:W,className:J,...Q}=i,{selected:Y}=_e(i)?i:{selected:void 0},$=me(),z=c.useRef(null),I=Be(z,l),ee=u=>{(s||t)&&u.preventDefault(),B==null||B(u)},te=u=>{var C;const q=ve(u.key);(q===" "||q==="Enter")&&(u.preventDefault(),(C=z.current)==null||C.click())},ae=b==="focus"?a("dsInternalSimulation-focus",void 0,!0):o(`variant-${d}--dsInternalSimulation`,b),ne=se(w,p,[ae,o("variant",d),o("size",f),h?o("is-icon-button-size",f):[],a(void 0,"no-wrap",M),a("width-full","width-auto",T),a("is-busy",void 0,t),a("is-icon-button",void 0,h),a(`variant-${d}--is-selected`,void 0,Y)]),g={...re(Q),...oe(G,{preplyDsComponent:W}),className:[...ne,J].join(" "),"aria-label":j||Z,onClick:ee,disabled:s,"aria-disabled":s||t?!0:void 0,ref:I,id:r,onKeyDown:k,onKeyUp:A,onMouseDown:H,onMouseUp:K,onMouseEnter:P,onMouseMove:U,onPointerDown:O,onPointerEnter:L},v=D||X,S={...g,download:x,ref:I,role:"button",tabIndex:s?-1:0,href:v,onKeyDown:te};return v?e.jsx("a",{...S,...le($,v,F,N),children:_({children:m,busy:t})}):y?c.cloneElement(y,{...S},_({children:m,busy:t})):e.jsx("button",{...g,type:R?"submit":"button",children:_({children:m,busy:t})})});try{V.displayName="ButtonBase",V.__docgenInfo={description:"",displayName:"ButtonBase",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"ai"'},{value:'"inverted"'},{value:'"critical"'},{value:'"tertiary"'},{value:'"primary"'},{value:'"secondary"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'},{value:"ResponsiveProp<ButtonSize>"}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler"}]}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isIconButton:{defaultValue:null,description:"",name:"isIconButton",required:!0,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
|
|
2
2
|
|
|
3
3
|
Allows rendering the button using a different React element or component.
|
|
4
4
|
This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
|
|
5
5
|
@example // Render as a react router link component
|
|
6
6
|
import { Link } from 'react-router-dom';
|
|
7
7
|
|
|
8
|
-
<ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance:
|
|
8
|
+
<ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLButtonElement | HTMLAnchorElement | null) => void"},{value:"RefObject<HTMLButtonElement | HTMLAnchorElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}export{V as B};
|