@preply/ds-docs 9.0.0 → 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-Dg87GSaL.js → 00.LayoutFlex.stories-BYXnY64p.js} +1 -1
- package/dist/assets/{00.applications-DuAVl9Uu.js → 00.applications-BsH2V3W_.js} +1 -1
- package/dist/assets/{00.favicons.guide-DVJeHh68.js → 00.favicons.guide-eBYOUVUH.js} +1 -1
- package/dist/assets/{00.token-explorer-CeGesqx6.js → 00.token-explorer-B2ulyaA-.js} +1 -1
- package/dist/assets/{00.using-responsive-props-EFJN_f6o.js → 00.using-responsive-props-CTjUYXUc.js} +1 -1
- package/dist/assets/{01.semantic-tokens-BXgFVzXr.js → 01.semantic-tokens-DaqL26gu.js} +1 -1
- package/dist/assets/{01.using-shorthand-props-IXrWatuj.js → 01.using-shorthand-props-CwDUu5-3.js} +1 -1
- package/dist/assets/{10.Combinations.stories-zbnD3HFM.js → 10.Combinations.stories-DyRUlGlL.js} +1 -1
- package/dist/assets/{10.fonts.guide-DCwKlvbu.js → 10.fonts.guide-DeXmgJeZ.js} +1 -1
- package/dist/assets/{10.ssr-D01_bXEP.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-Bo3eKddM.js → 11.ssr.app-router-D1SE_zWj.js} +1 -1
- package/dist/assets/{20.libraries-jKMh3ar0.js → 20.libraries-DfhUsp74.js} +1 -1
- package/dist/assets/{2025-q4-ds-cleanup-Bu4orcOa.js → 2025-q4-ds-cleanup-DGnTtnn3.js} +1 -1
- package/dist/assets/{30.icons.explorer-C9IE62G2.js → 30.icons.explorer-D0CP2r0K.js} +2 -2
- package/dist/assets/{30.storybook-DIp10jfK.js → 30.storybook-fiICi3pf.js} +1 -1
- package/dist/assets/{40.illustrations.explorer-D23bTPy_.js → 40.illustrations.explorer-BAusB8PF.js} +1 -1
- package/dist/assets/{90.advanced-DqmrsXoy.js → 90.advanced-DcSeiSZJ.js} +1 -1
- package/dist/assets/{Accordion-DxNzeFBJ.js → Accordion-BEPo4ld1.js} +4 -4
- package/dist/assets/{Accordion.stories-anse7uf1.js → Accordion.stories-BQqvv6_w.js} +1 -1
- package/dist/assets/{Accordion.tests.stories-DoGc7az7.js → Accordion.tests.stories-CbPTut9X.js} +1 -1
- package/dist/assets/{AlertBanner.primitives.stories-f7g-qsm5.js → AlertBanner.primitives.stories-B8wM25gx.js} +1 -1
- package/dist/assets/{AlertBanner.stories-DDbmK3Yc.js → AlertBanner.stories-CMG9DJ2x.js} +21 -9
- package/dist/assets/{AlertBannerText-CVGRB8DE.js → AlertBannerText-CmhnTe_E.js} +41 -41
- package/dist/assets/{AlertDialog.stories-DnaVSU9D.js → AlertDialog.stories-DizQy7gK.js} +1 -1
- package/dist/assets/{Avatar-BysKY9Is.js → Avatar-DooDODLU.js} +1 -1
- package/dist/assets/{Avatar.stories-BByTHGPI.js → Avatar.stories-D7qshDw_.js} +1 -1
- package/dist/assets/{AvatarWithStatus.stories-F9rm0dfc.js → AvatarWithStatus.stories-Dj6jZHHV.js} +1 -1
- package/dist/assets/{Badge-DgknZ2WQ.js → Badge-BOSHGFZw.js} +2 -2
- package/dist/assets/{Badge.stories-Cyx1byUJ.js → Badge.stories-D2WAGDpD.js} +1 -1
- package/dist/assets/{Box.stories-Bk6oJz6t.js → Box.stories-CHbntlOv.js} +1 -1
- package/dist/assets/{BubbleCounter.stories-D5J9h2cc.js → BubbleCounter.stories-DTv3QqdJ.js} +1 -1
- package/dist/assets/{Button-Dwk3YNxM.js → Button-C8B7W2Qo.js} +1 -1
- package/dist/assets/{Button-8TyghF-W.js → Button-KCBOR544.js} +3 -3
- package/dist/assets/{Button.stories-BCxVpHzQ.js → Button.stories-pEk6dWrs.js} +1 -1
- package/dist/assets/{ButtonBase-D85CySUD.js → ButtonBase-D1x6yeKi.js} +2 -2
- package/dist/assets/{CalloutBanner.stories-CeOpX8jY.js → CalloutBanner.stories-C-mTLhQp.js} +20 -20
- package/dist/assets/{Checkbox-sClu0CX-.js → Checkbox-BpQ-rwun.js} +3 -3
- package/dist/assets/{Checkbox.stories-DnFx9Fe8.js → Checkbox.stories-DsN55u_O.js} +1 -1
- package/dist/assets/{Checkbox.tests.stories-mrARYS3G.js → Checkbox.tests.stories-Bep_STbH.js} +1 -1
- package/dist/assets/{Chips.stories-tq4wQiCV.js → Chips.stories-Da8J7RES.js} +1 -1
- package/dist/assets/{Color-ASIRERSW-CCDuOJcx.js → Color-ASIRERSW-DWyFOMGN.js} +1 -1
- package/dist/assets/{ComposingPopovers.stories-BHJBVB7G.js → ComposingPopovers.stories-qqCHKKj8.js} +1 -1
- package/dist/assets/CountryFlag-CSGb4nau.js +49 -0
- package/dist/assets/{CountryFlag.stories-PLGwrkX-.js → CountryFlag.stories-DQpEMYMX.js} +1 -1
- package/dist/assets/{CountryFlag.test.stories-DyIRt-yG.js → CountryFlag.test.stories-CzcCUxia.js} +1 -1
- package/dist/assets/{Dialog-CbS23AlC.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-BbYJTVXB.js → Dialog.test.stories-DngMxsX4.js} +4 -4
- package/dist/assets/{DialogActions-DqsdBLDH.js → DialogActions-DTUDyqFX.js} +34 -34
- package/dist/assets/DialogTitle-8iZEMHpI.css +1 -0
- package/dist/assets/{DialogTitle-Cwjppmjv.js → DialogTitle-DJPc1ITB.js} +52 -52
- package/dist/assets/DismissibleChips-CRFGhm8B.js +1 -0
- package/dist/assets/{DismissibleChips.stories-SUVqKwVa.js → DismissibleChips.stories-Bi-ob_1G.js} +1 -1
- package/dist/assets/{Divider-UpivNe1W.js → Divider-CPpmQZmq.js} +1 -1
- package/dist/assets/{Divider.stories-FPMS1aC5.js → Divider.stories-CfHb5qbc.js} +1 -1
- package/dist/assets/{DocsRenderer-GHJI37HO-inYhWn1T.js → DocsRenderer-GHJI37HO-DtP4EKUP.js} +2 -2
- package/dist/assets/{DropdownMenu-RBToMXkL.js → DropdownMenu-N9_otewg.js} +430 -430
- package/dist/assets/{DropdownMenu.stories-BpEhFeX_.js → DropdownMenu.stories-CEAGHTed.js} +1 -1
- package/dist/assets/{FieldButton-D-3o-lMh.js → FieldButton-CCXniKhy.js} +1 -1
- package/dist/assets/{FieldButton.stories-Cc6AvbxX.js → FieldButton.stories-CJM_6H-S.js} +1 -1
- package/dist/assets/{FormControl-BwXDY9-m.js → FormControl-CygcWV_h.js} +1 -1
- package/dist/assets/{FormControl.stories-CI2bBHKa.js → FormControl.stories-C5u8y2E-.js} +1 -1
- package/dist/assets/{Heading-IAeZxORQ.js → Heading-Bie8QWaf.js} +1 -1
- package/dist/assets/{Heading.stories-B8NU4XH8.js → Heading.stories-D0fztdY8.js} +1 -1
- package/dist/assets/{Icon-CeynEPoQ.js → Icon-BX3I9JNh.js} +2 -2
- package/dist/assets/{Icon-RSC-DFJrR2oE.js → Icon-RSC-D3qlB5DK.js} +1 -1
- package/dist/assets/{Icon.stories-BuiwbRD-.js → Icon.stories-By891-S7.js} +1 -1
- package/dist/assets/IconButton-DVKNd7ZK.js +8 -0
- package/dist/assets/{IconTile.stories-D1hs9-qb.js → IconTile.stories-Dns_iBHK.js} +1 -1
- package/dist/assets/{Input-CqcqWEMs.js → Input-DwA6-keB.js} +18 -18
- package/dist/assets/{InputContainer-BFzIl3Vh.js → InputContainer-BM2ePliH.js} +1 -1
- package/dist/assets/{IntegrationWithReactHookForm.stories-HiLJZYEt.js → IntegrationWithReactHookForm.stories-mIoeMj7y.js} +1 -1
- package/dist/assets/{IntlFormattedCurrency.stories-YQIIjsGq.js → IntlFormattedCurrency.stories-7qKke3dW.js} +9 -9
- package/dist/assets/{IntlFormattedDateTime.stories-DLOaS3DY.js → IntlFormattedDateTime.stories-C2pI0ems.js} +7 -7
- package/dist/assets/{LayoutFlex-FxpGriXb.js → LayoutFlex-0WdUDfah.js} +1 -1
- package/dist/assets/{LayoutFlex-C9OAa1US.js → LayoutFlex-BnIoY5YK.js} +1 -1
- package/dist/assets/{LayoutFlexItem-B-MjINJK.js → LayoutFlexItem-9sCC-db-.js} +1 -1
- package/dist/assets/{LayoutGrid-DxGs2sRc.js → LayoutGrid-DfyCnoOo.js} +1 -1
- package/dist/assets/{LayoutGrid-YA3eCKBR.js → LayoutGrid-DqPWofJQ.js} +1 -1
- package/dist/assets/{LayoutGrid.stories-_KpVIpCb.js → LayoutGrid.stories-CPzyKie2.js} +1 -1
- package/dist/assets/{LayoutGridItem-C13waGcp.js → LayoutGridItem-BhNbXpRk.js} +1 -1
- package/dist/assets/{Link-D4CS5-70.js → Link-C686zlPi.js} +1 -1
- package/dist/assets/{Link.stories-dnKLDj_t.js → Link.stories-NTXG_YAN.js} +1 -1
- package/dist/assets/{Loader.stories-C_tJzTNQ.js → Loader.stories-CobXaiZW.js} +1 -1
- package/dist/assets/MultiSelectChips-DJ1p23QD.js +2 -0
- package/dist/assets/{MultiSelectChips.stories-Cup_MZ5f.js → MultiSelectChips.stories-D8qk9Xh6.js} +1 -1
- package/dist/assets/{NativeSelectField.stories-yUJmHEFy.js → NativeSelectField.stories-BDO41u_T.js} +21 -21
- package/dist/assets/{NumberField-B9tJ_84a.js → NumberField-DmosE2JM.js} +4 -4
- package/dist/assets/{NumberField.stories-CWKhXBUS.js → NumberField.stories-Dcw2SaBe.js} +1 -1
- package/dist/assets/{ObserveIntersection-cLHrROGT.js → ObserveIntersection-Be6WqdPA.js} +2 -2
- package/dist/assets/{ObserveIntersection.stories-vF80i0Li.js → ObserveIntersection.stories-DZmhDs2t.js} +1 -1
- package/dist/assets/{OnboardingTooltip-h7CPBh1u.js → OnboardingTooltip-CsTure6K.js} +1 -1
- package/dist/assets/{OnboardingTooltip.stories-DkNlz-Ad.js → OnboardingTooltip.stories-C_B-G4_v.js} +1 -1
- package/dist/assets/{OnboardingTooltip.tests.stories-B3eXtCbM.js → OnboardingTooltip.tests.stories-CpZhGhGz.js} +1 -1
- package/dist/assets/{OnboardingTour-DjRE-J8f.js → OnboardingTour-Dsl4caiq.js} +1 -1
- package/dist/assets/{OnboardingTour.stories-Dk65Z8oq.js → OnboardingTour.stories-DqC8M1Kd.js} +2 -2
- package/dist/assets/{OnboardingTour.tests.stories-Bnw00zW2.js → OnboardingTour.tests.stories-DGFSuiWj.js} +1 -1
- package/dist/assets/{PasswordField-XLhtbx29.js → PasswordField-DQuar8x2.js} +4 -4
- package/dist/assets/{PasswordField.stories-BtG0wGS0.js → PasswordField.stories-CZeXEfzi.js} +1 -1
- package/dist/assets/{PreplyLogo.stories-D1k24Ctu.js → PreplyLogo.stories-shAJfg57.js} +1 -1
- package/dist/assets/{ProgressBar.stories-9msYqEY0.js → ProgressBar.stories-iYTaP7-a.js} +1 -1
- package/dist/assets/{ProgressSteps-B2XQcdLG.js → ProgressSteps-Dq6mpMpu.js} +1 -1
- package/dist/assets/{ProgressSteps.stories-pl79KFEi.js → ProgressSteps.stories-DHMPLYQI.js} +1 -1
- package/dist/assets/{PromoDialog-CxF7WOnO.js → PromoDialog-D8vw3Grl.js} +1 -1
- package/dist/assets/{RangeSlider-B2Zouc8q.js → RangeSlider-Bhq0kPco.js} +1 -1
- package/dist/assets/{RangeSlider.stories-BAV1yY1C.js → RangeSlider.stories-g3pQNpDu.js} +1 -1
- package/dist/assets/{Rating.stories-BQVfxE6g.js → Rating.stories-CjioX0Al.js} +1 -1
- package/dist/assets/{RatingInput.stories-43LjC1w-.js → RatingInput.stories-D33p4lyo.js} +2 -2
- package/dist/assets/{SelectField-BvfGJpJ1.js → SelectField-Dndb8yfM.js} +12 -12
- package/dist/assets/{SelectField.stories-Il6MnDL1.js → SelectField.stories-CvIWxsEK.js} +1 -1
- package/dist/assets/{ShowOnIntersection.stories-FpYY0Q8q.js → ShowOnIntersection.stories-dFG1F9xz.js} +1 -1
- package/dist/assets/SingleSelectChips-BqEBu1qF.js +2 -0
- package/dist/assets/{SingleSelectChips.stories-CJZKH2U4.js → SingleSelectChips.stories-CUP8Bkco.js} +1 -1
- package/dist/assets/{Slider-B0S-MnFm.js → Slider-BECc3Wis.js} +1 -1
- package/dist/assets/{Slider.stories-B9M2oZ8y.js → Slider.stories-DjmgzkjU.js} +1 -1
- package/dist/assets/{Spinner-VeUQXU7V.js → Spinner-lj2QA4al.js} +1 -1
- package/dist/assets/{Stars-BBLs0oLi.js → Stars-jpVWvTeN.js} +1 -1
- package/dist/assets/{Steps-BxR2mZ1_.js → Steps-GOg1wsKY.js} +1 -1
- package/dist/assets/{Steps.stories-Dnws6acU.js → Steps.stories-kIC1j0Ik.js} +1 -1
- package/dist/assets/{Switch-CJwqtDn5.js → Switch-7aX4SIla.js} +1 -1
- package/dist/assets/{Switch.stories-DhI28GEc.js → Switch.stories-DT7OULK4.js} +1 -1
- package/dist/assets/{Text-CjzJNqHA.js → Text-CmJvwKqR.js} +1 -1
- package/dist/assets/{Text-CPACpRkz.js → Text-cq49jjad.js} +1 -1
- package/dist/assets/{Text.stories-B8yS59PB.js → Text.stories-CS1pqas4.js} +1 -1
- package/dist/assets/{TextField-DJcEjzcv.js → TextField-BkMawuql.js} +4 -4
- package/dist/assets/{TextField.stories-tVGWW2yJ.js → TextField.stories-CzFG171A.js} +1 -1
- package/dist/assets/{TextHighlighted.stories-BRgLkJWh.js → TextHighlighted.stories-CLRQJAB8.js} +1 -1
- package/dist/assets/{TextInline.stories-jXEa0vA8.js → TextInline.stories-DSzsl_kb.js} +1 -1
- package/dist/assets/{TextareaField-BG6B7Nx9.js → TextareaField-DBMUxHiI.js} +21 -21
- package/dist/assets/{TextareaField.stories-BD-9LN8n.js → TextareaField.stories-CUD2MBoL.js} +1 -1
- package/dist/assets/{Toast.stories-BKG1hvy6.js → Toast.stories-DPD668gP.js} +1 -1
- package/dist/assets/{TokyoUIAttach-8ypdmAyG.js → TokyoUIAttach-BtX3U917.js} +1 -1
- package/dist/assets/{TokyoUIAvailability7LateNight-DbyckCtx.js → TokyoUIAvailability7LateNight-CjHQEFhh.js} +1 -1
- package/dist/assets/{TokyoUICheck-DyeJxS4m.js → TokyoUICheck-DfGyg7qp.js} +1 -1
- package/dist/assets/{TokyoUICheckmark-E1IDF8Dm.js → TokyoUICheckmark-CittwpP4.js} +1 -1
- package/dist/assets/{TokyoUIChevronDown-Bqnin0me.js → TokyoUIChevronDown-D9z1Bocr.js} +1 -1
- package/dist/assets/{TokyoUIChevronRight-BUlmcwhk.js → TokyoUIChevronRight-DQBrjC0F.js} +1 -1
- package/dist/assets/{TokyoUIClose-DpSNWwxX.js → TokyoUIClose-C1pVTvLz.js} +1 -1
- package/dist/assets/{TokyoUIEmojiFrowning-Cns9Y9eQ.js → TokyoUIEmojiFrowning-D-sR3DAq.js} +1 -1
- package/dist/assets/{TokyoUIErrorWarning-BoJjXvv2.js → TokyoUIErrorWarning-CDZ53m2_.js} +1 -1
- package/dist/assets/{TokyoUIExerciseClosedGapsJumble-C_YhJafE.js → TokyoUIExerciseClosedGapsJumble-DYuDUGYW.js} +1 -1
- package/dist/assets/{TokyoUIEye-DBRRGjL1.js → TokyoUIEye-Bgb_ZF1l.js} +1 -1
- package/dist/assets/{TokyoUIFav-B5fsDXJO.js → TokyoUIFav-B1z6F-nK.js} +1 -1
- package/dist/assets/{TokyoUIInfo-B-nyxu9X.js → TokyoUIInfo-CwPA0O_V.js} +1 -1
- package/dist/assets/{TokyoUILanguage-DVvpEITD.js → TokyoUILanguage-Cnby-Siw.js} +1 -1
- package/dist/assets/{TokyoUILibraryExplore-DpTmvI5A.js → TokyoUILibraryExplore-D3Zqdc29.js} +1 -1
- package/dist/assets/{TokyoUILock-BenGJzbt.js → TokyoUILock-BVVVVd2O.js} +1 -1
- package/dist/assets/{TokyoUIMessages-wIafFsU2.js → TokyoUIMessages-B0IlDk1q.js} +1 -1
- package/dist/assets/{TokyoUIMinus-BEm8txMB.js → TokyoUIMinus-Bev2a7lF.js} +1 -1
- package/dist/assets/{TokyoUINotebook-KTkhwr1a.js → TokyoUINotebook-BCMFA3qu.js} +1 -1
- package/dist/assets/{TokyoUINotesWithPad-yqIw3i8c.js → TokyoUINotesWithPad-Bi4bu_3q.js} +1 -1
- package/dist/assets/{TokyoUIPhone-DeqV10GH.js → TokyoUIPhone-CX3CAtW4.js} +1 -1
- package/dist/assets/{TokyoUISettings-AUPAZo6H.js → TokyoUISettings-BlCV0s5R.js} +1 -1
- package/dist/assets/{TokyoUISparkle-Rlb1iC0a.js → TokyoUISparkle-C5euAhof.js} +1 -1
- package/dist/assets/{TokyoUIStarFilled-D232Uw9P.js → TokyoUIStarFilled-Dm7Rk3-6.js} +1 -1
- package/dist/assets/{TokyoUITag-CoRJX_jx.js → TokyoUITag-CxUsuh1h.js} +1 -1
- package/dist/assets/{TokyoUIUpload-B4cXgnHx.js → TokyoUIUpload-C50QSO0I.js} +1 -1
- package/dist/assets/{TokyoUIUser-utjsvyKG.js → TokyoUIUser-Cb3Rabu0.js} +1 -1
- package/dist/assets/{Tooltip-B2g58MT9.js → Tooltip-Zk6DNyQp.js} +1 -1
- package/dist/assets/{Tooltip.stories-U-p1zkCO.js → Tooltip.stories-DvCDg7L5.js} +1 -1
- package/dist/assets/{Tooltip.tests.stories-CZN7G-4k.js → Tooltip.tests.stories-DhLZuVsr.js} +1 -1
- package/dist/assets/{VisuallyHidden-oCB6vAK-.js → VisuallyHidden-lSSiGvdb.js} +1 -1
- package/dist/assets/{WithTooltip-IO6J4KBT-C9k24wac.js → WithTooltip-IO6J4KBT-BXUfDxdY.js} +1 -1
- package/dist/assets/{align-self-O6ejL7Ql.js → align-self-kXdO3hx1.js} +1 -1
- package/dist/assets/{axe-BzWvr5Jj.js → axe-D9-qZHEg.js} +1 -1
- package/dist/assets/{breakpoints-BjNHuaYo.js → breakpoints-C7qnntd1.js} +1 -1
- package/dist/assets/{breakpoints-C3Ozj99D.js → breakpoints-Cmpvj56z.js} +1 -1
- package/dist/assets/{breakpoints-DZ-M3yCb.js → breakpoints-QW-40zGS.js} +1 -1
- package/dist/assets/{changelog-DjYuyXm0.js → changelog-BWMxpTM2.js} +33 -1
- package/dist/assets/{client-B-EU1hAd.js → client-DvDoBCIp.js} +1 -1
- package/dist/assets/componentNames-hc9KR2nX.js +1 -0
- package/dist/assets/{constants-Dds16Uxa.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-BCmZt7NY.js → formatter-QJ4M4OGQ-kybJ6bB6.js} +1 -1
- package/dist/assets/{getTokenVar-CcURh2_L.js → getTokenVar-CszfVUbW.js} +1 -1
- package/dist/assets/getTokenVar-DntuTYid.js +1 -0
- package/dist/assets/{gradientBorders-CDHKf4Q9.js → gradientBorders-DRFre4M2.js} +1 -1
- package/dist/assets/{hover-C0jiF-AA.js → hover-D3OYWSUH.js} +1 -1
- package/dist/assets/{hover-DKZD2ovS.js → hover-DLl5EEx6.js} +1 -1
- package/dist/assets/{hover-B-P2TGdW.js → hover-DVoxXiPd.js} +1 -1
- package/dist/assets/{iframe-C8q8wjEm.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-YHu3r2_4.js → index-B_7ihsZD.js} +1 -1
- package/dist/assets/{index-BPdSA514.js → index-Cc28ZUNU.js} +1 -1
- package/dist/assets/{index-B2swU3YW.js → index-DT-MbRPK.js} +1 -1
- package/dist/assets/{index-BXUrJfTG.js → index-IVtS1ZoW.js} +1 -1
- package/dist/assets/{index-DYYdejgZ.js → index-dUCHvwfu.js} +1 -1
- package/dist/assets/{index-z06tkxNB.js → index-jLr7d-Kb.js} +1 -1
- package/dist/assets/{intro-BnVMZbuP.js → intro-1RVcci_B.js} +1 -1
- package/dist/assets/{layout-relative-Dd32P_-n.js → layout-relative-Bq7IHzTJ.js} +1 -1
- package/dist/assets/{layout-relative.module-1z75aSwo-DgGwh4VK.js → layout-relative.module-1z75aSwo-B4ha7m6U.js} +1 -1
- package/dist/assets/{layout-relative.module-C_WdSsa7.js → layout-relative.module-Bhi7U482.js} +1 -1
- package/dist/assets/{mcp-DPh13jjA.js → mcp-D4dEnAH6.js} +1 -1
- package/dist/assets/{message-C3RuDR6M.js → message-CTdBLxyt.js} +1 -1
- package/dist/assets/{migrating-from-less-BOBBwDyN.js → migrating-from-less-DyPFNe_D.js} +1 -1
- package/dist/assets/{playground.stories-ROyNG5YC.js → playground.stories-Cd-KauE2.js} +1 -1
- package/dist/assets/{react-18-CrwdWUsF.js → react-18-B6ZQhKaW.js} +1 -1
- package/dist/assets/{render-icon-DTP0kMmm.js → render-icon-CiYBms-s.js} +1 -1
- package/dist/assets/{render-icon-rjyGnIsi.js → render-icon-c7okze1K.js} +1 -1
- package/dist/assets/{shared-strings-CDaZX-3B.js → shared-strings-BChji30Y.js} +1 -1
- package/dist/assets/{styled-components.browser.esm-BYN4S5sO.js → styled-components.browser.esm-Cm3dhVk9.js} +1 -1
- package/dist/assets/{styled-components.browser.esm-Dlze6hxw.js → styled-components.browser.esm-DsMoKq9m.js} +1 -1
- package/dist/assets/{syntaxhighlighter-IQDEPFLK-6Oa5UCHB.js → syntaxhighlighter-IQDEPFLK-ckmVX3NN.js} +1 -1
- package/dist/assets/{text-accent-Bbx7l_cl.js → text-accent-DZ_ihUdH.js} +1 -1
- package/dist/assets/{text-centered-DmOdIfzx.js → text-centered-B26ac1NU.js} +1 -1
- package/dist/assets/{text-centered-Cg_ddFhQ.js → text-centered-DiwR-QSx.js} +1 -1
- package/dist/assets/{tokens-DeBguZpw.js → tokens-5M__FcH-.js} +1 -1
- package/dist/assets/{tokens-Db4wLFr3.js → tokens-B_sXFQpU.js} +1 -1
- package/dist/assets/{tokens-Cl9oUtjC.js → tokens-DO-XJjoF.js} +1 -1
- package/dist/assets/{tokens-CQefoo5n.js → tokens-DTCyqZ0W.js} +1 -1
- package/dist/assets/{useControllableState-POsCn5P8.js → useControllableState-ouxkeS_b.js} +1 -1
- package/dist/assets/useHostname-BVhrcDgi.js +1 -0
- package/dist/assets/{useMergeRefs-Cz2RkNaU.js → useMergeRefs-BVh7Ch_S.js} +1 -1
- package/dist/assets/{useMergeRefs-DkFVQgA0.js → useMergeRefs-DkQLsYW4.js} +1 -1
- package/dist/assets/{useOpenInteractionType-C_sBEUHJ.js → useOpenInteractionType-BBP_TXgz.js} +1 -1
- package/dist/assets/{usePortalElement-COVbROrS.js → usePortalElement-Cm2Hqn3J.js} +1 -1
- package/dist/assets/{useStableCallback-BE4-kfmF.js → useStableCallback-DHq1eG2Q.js} +1 -1
- package/dist/assets/{useToken-DL_qze01.js → useToken-CX1vf7pV.js} +1 -1
- package/dist/assets/{welcome-CDeJKqWI.js → welcome-CNokV_38.js} +1 -1
- package/dist/assets/{zeroheight-9HpbB1HN.js → zeroheight-8zVSToXs.js} +1 -1
- package/dist/iframe.html +2 -2
- package/dist/index.json +1 -1
- package/dist/preview-stats.json +9569 -9530
- 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/FontsExplorer/LanguageCard.tsx +101 -77
- 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-DIrAevD7.js +0 -130
- package/dist/assets/CountryFlag-BfP2Z-xa.js +0 -49
- package/dist/assets/Dialog.primitives-Bjw8AO3e.css +0 -1
- package/dist/assets/Dialog.primitives.stories-DRUk60bF.js +0 -246
- package/dist/assets/Dialog.stories-bIEy9TKX.js +0 -251
- package/dist/assets/DialogTitle-CiauK9kk.css +0 -1
- package/dist/assets/DismissibleChips-nrw1ViqW.js +0 -1
- package/dist/assets/IconButton-CT1U16hq.js +0 -8
- package/dist/assets/MultiSelectChips-BykmuV_j.js +0 -2
- package/dist/assets/SingleSelectChips-Bnoxobtc.js +0 -2
- package/dist/assets/componentNames-Dts5uwdK.js +0 -1
- package/dist/assets/createRequiredContext-CPJES7T4.js +0 -241
- package/dist/assets/getTokenVar-B4d49odp.js +0 -1
- package/dist/assets/iframe-u_WKqRSx.css +0 -1
- package/dist/assets/index-BZjlzf6m.js +0 -75
- package/dist/assets/useHostname-MecFXBKz.js +0 -1
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import{r as p,j as c,g as f}from"./iframe-C8q8wjEm.js";import{w as g}from"./componentNames-Dts5uwdK.js";const y={af:"Afghanistan",ax:"Aland Islands",al:"Albania",dz:"Algeria",as:"American Samoa",ad:"Andorra",ao:"Angola",ai:"Anguilla",aq:"Antarctica",ag:"Antigua and Barbuda",ar:"Argentina",am:"Armenia",aw:"Aruba","sh-ac":"Ascension Island",asean:"Association of Southeast Asian Nations",au:"Australia",at:"Austria",az:"Azerbaijan",bs:"Bahamas",bh:"Bahrain",bd:"Bangladesh",bb:"Barbados","es-pv":"Basque Country",by:"Belarus",be:"Belgium",bz:"Belize",bj:"Benin",bm:"Bermuda",bt:"Bhutan",bo:"Bolivia",bq:"Bonaire, Sint Eustatius and Saba",ba:"Bosnia and Herzegovina",bw:"Botswana",bv:"Bouvet Island",br:"Brazil",io:"British Indian Ocean Territory",bn:"Brunei Darussalam",bg:"Bulgaria",bf:"Burkina Faso",bi:"Burundi",cv:"Cabo Verde",kh:"Cambodia",cm:"Cameroon",ca:"Canada",ic:"Canary Islands","es-ct":"Catalonia",ky:"Cayman Islands",cf:"Central African Republic",cefta:"Central European Free Trade Agreement",td:"Chad",cl:"Chile",cn:"China",cx:"Christmas Island",cp:"Clipperton Island",cc:"Cocos (Keeling) Islands",co:"Colombia",km:"Comoros",ck:"Cook Islands",cr:"Costa Rica",hr:"Croatia",cu:"Cuba",cw:"Curaçao",cy:"Cyprus",cz:"Czech Republic",ci:"Côte d'Ivoire",cd:"Democratic Republic of the Congo",dk:"Denmark",dg:"Diego Garcia",dj:"Djibouti",dm:"Dominica",do:"Dominican Republic",eac:"East African Community",ec:"Ecuador",eg:"Egypt",sv:"El Salvador","gb-eng":"England",gq:"Equatorial Guinea",er:"Eritrea",ee:"Estonia",sz:"Eswatini",et:"Ethiopia",eu:"Europe",fk:"Falkland Islands",fo:"Faroe Islands",fm:"Federated States of Micronesia",fj:"Fiji",fi:"Finland",fr:"France",gf:"French Guiana",pf:"French Polynesia",tf:"French Southern Territories",ga:"Gabon","es-ga":"Galicia",gm:"Gambia",ge:"Georgia",de:"Germany",gh:"Ghana",gi:"Gibraltar",gr:"Greece",gl:"Greenland",gd:"Grenada",gp:"Guadeloupe",gu:"Guam",gt:"Guatemala",gg:"Guernsey",gn:"Guinea",gw:"Guinea-Bissau",gy:"Guyana",ht:"Haiti",hm:"Heard Island and McDonald Islands",va:"Holy See",hn:"Honduras",hk:"Hong Kong",hu:"Hungary",is:"Iceland",in:"India",id:"Indonesia",ir:"Iran",iq:"Iraq",ie:"Ireland",im:"Isle of Man",il:"Israel",it:"Italy",jm:"Jamaica",jp:"Japan",je:"Jersey",jo:"Jordan",kz:"Kazakhstan",ke:"Kenya",ki:"Kiribati",xk:"Kosovo",kw:"Kuwait",kg:"Kyrgyzstan",la:"Laos",lv:"Latvia",arab:"League of Arab States",lb:"Lebanon",ls:"Lesotho",lr:"Liberia",ly:"Libya",li:"Liechtenstein",lt:"Lithuania",lu:"Luxembourg",mo:"Macau",mg:"Madagascar",mw:"Malawi",my:"Malaysia",mv:"Maldives",ml:"Mali",mt:"Malta",mh:"Marshall Islands",mq:"Martinique",mr:"Mauritania",mu:"Mauritius",yt:"Mayotte",mx:"Mexico",md:"Moldova",mc:"Monaco",mn:"Mongolia",me:"Montenegro",ms:"Montserrat",ma:"Morocco",mz:"Mozambique",mm:"Myanmar",na:"Namibia",nr:"Nauru",np:"Nepal",nl:"Netherlands",nc:"New Caledonia",nz:"New Zealand",ni:"Nicaragua",ne:"Niger",ng:"Nigeria",nu:"Niue",nf:"Norfolk Island",kp:"North Korea",mk:"North Macedonia","gb-nir":"Northern Ireland",mp:"Northern Mariana Islands",no:"Norway",om:"Oman",pc:"Pacific Community",pk:"Pakistan",pw:"Palau",pa:"Panama",pg:"Papua New Guinea",py:"Paraguay",pe:"Peru",ph:"Philippines",pn:"Pitcairn",pl:"Poland",pt:"Portugal",pr:"Puerto Rico",qa:"Qatar",cg:"Republic of the Congo",ro:"Romania",ru:"Russia",rw:"Rwanda",re:"Réunion",bl:"Saint Barthélemy","sh-hl":"Saint Helena",sh:"Saint Helena, Ascension and Tristan da Cunha",kn:"Saint Kitts and Nevis",lc:"Saint Lucia",mf:"Saint Martin",pm:"Saint Pierre and Miquelon",vc:"Saint Vincent and the Grenadines",ws:"Samoa",sm:"San Marino",st:"Sao Tome and Principe",sa:"Saudi Arabia","gb-sct":"Scotland",sn:"Senegal",rs:"Serbia",sc:"Seychelles",sl:"Sierra Leone",sg:"Singapore",sx:"Sint Maarten",sk:"Slovakia",si:"Slovenia",sb:"Solomon Islands",so:"Somalia",za:"South Africa",gs:"South Georgia and the South Sandwich Islands",kr:"South Korea",ss:"South Sudan",es:"Spain",lk:"Sri Lanka",ps:"State of Palestine",sd:"Sudan",sr:"Suriname",sj:"Svalbard and Jan Mayen",se:"Sweden",ch:"Switzerland",sy:"Syria",tw:"Taiwan",tj:"Tajikistan",tz:"Tanzania",th:"Thailand",tl:"Timor-Leste",tg:"Togo",tk:"Tokelau",to:"Tonga",tt:"Trinidad and Tobago","sh-ta":"Tristan da Cunha",tn:"Tunisia",tm:"Turkmenistan",tc:"Turks and Caicos Islands",tv:"Tuvalu",tr:"Türkiye",ug:"Uganda",ua:"Ukraine",ae:"United Arab Emirates",gb:"United Kingdom",un:"United Nations",um:"United States Minor Outlying Islands",us:"United States of America",uy:"Uruguay",uz:"Uzbekistan",vu:"Vanuatu",ve:"Venezuela",vn:"Vietnam",vg:"Virgin Islands (British)",vi:"Virgin Islands (U.S.)","gb-wls":"Wales",wf:"Wallis and Futuna",eh:"Western Sahara",ye:"Yemen",zm:"Zambia",zw:"Zimbabwe"};function E({requester:l,countryCode:e,square:i=!1,simplified:n=!0,graphic:u="vector"}){const a=i?"1x1":"4x3",t=u==="vector"?"":"jpg/",r=u==="vector"?"svg":"jpg";return n&&(e==="es"||e==="mx")?`https://static.preply.com/ds/country-flags/${t}${a}/${e}-simplified.${r}?requester=${l}`:`https://static.preply.com/ds/country-flags/${t}${a}/${e}.${r}?requester=${l}`}const h="flag__UxXhl",H={flag:h},b="data:image/svg+xml;base64,PHN2ZyBkYXRhLXByZXBseS1kcy1jb21wb25lbnQ9IlN2Z0NvdW50cnlGbGFnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNDgwIi8+",d=p.forwardRef(function({alt:e,dataset:i,size:n="small",simplified:u=!0,code:a,...t},r){const o=n==="large"?32:n==="medium"?24:16,m=o*3/4,s=typeof a!="string"||!y[a]?b:E({countryCode:a,simplified:u,requester:"WebCountryFlag"}),v={alt:e,src:s,width:o,height:m,className:H.flag};return c.jsx("img",{...t,ref:r,...v,...f(i,{preplyDsComponent:g.CountryFlag})})});try{d.displayName="CountryFlag",d.__docgenInfo={description:"Renders an `img` element with the country flag. Passes down all the other props to the `img` element.",displayName:"CountryFlag",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
|
|
2
|
-
@see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'},{value:'"grammar"'},{value:'"spelling"'}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"},{value:"number"},{value:"readonly string[]"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLImageElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLImageElement>"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},"aria-label":{defaultValue:null,description:`Defines a string value that labels the current element.
|
|
3
|
-
@see aria-labelledby.`,name:"aria-label",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-labelledby":{defaultValue:null,description:`Identifies the element (or elements) that labels the current element.
|
|
4
|
-
@see aria-describedby.`,name:"aria-labelledby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
|
|
5
|
-
@see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"enum",value:[{value:"string"}]}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"none"'},{value:'"on"'},{value:'"sentences"'},{value:'"words"'},{value:'"characters"'},{value:"string & {}"}]}},autoFocus:{defaultValue:null,description:"",name:"autoFocus",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'},{value:'"inherit"'},{value:'"plaintext-only"'}]}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"enum",value:[{value:"string"}]}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"enum",value:[{value:"string"}]}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},enterKeyHint:{defaultValue:null,description:"",name:"enterKeyHint",required:!1,type:{name:"enum",value:[{value:'"enter"'},{value:'"done"'},{value:'"go"'},{value:'"next"'},{value:'"previous"'},{value:'"search"'},{value:'"send"'}]}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"enum",value:[{value:"string"}]}},nonce:{defaultValue:null,description:"",name:"nonce",required:!1,type:{name:"enum",value:[{value:"string"}]}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"enum",value:[{value:"string"}]}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"enum",value:[{value:"CSSProperties"}]}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"enum",value:[{value:"number"}]}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"enum",value:[{value:"string"}]}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:"enum",value:[{value:'"yes"'},{value:'"no"'}]}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"enum",value:[{value:"string"}]}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"enum",value:[{value:'"row"'},{value:'"main"'},{value:'"article"'},{value:'"table"'},{value:'"figure"'},{value:'"none"'},{value:"string & {}"},{value:'"search"'},{value:'"alert"'},{value:'"alertdialog"'},{value:'"application"'},{value:'"banner"'},{value:'"button"'},{value:'"cell"'},{value:'"checkbox"'},{value:'"columnheader"'},{value:'"combobox"'},{value:'"complementary"'},{value:'"contentinfo"'},{value:'"definition"'},{value:'"dialog"'},{value:'"directory"'},{value:'"document"'},{value:'"feed"'},{value:'"form"'},{value:'"grid"'},{value:'"gridcell"'},{value:'"group"'},{value:'"heading"'},{value:'"img"'},{value:'"link"'},{value:'"list"'},{value:'"listbox"'},{value:'"listitem"'},{value:'"log"'},{value:'"marquee"'},{value:'"math"'},{value:'"menu"'},{value:'"menubar"'},{value:'"menuitem"'},{value:'"menuitemcheckbox"'},{value:'"menuitemradio"'},{value:'"navigation"'},{value:'"note"'},{value:'"option"'},{value:'"presentation"'},{value:'"progressbar"'},{value:'"radio"'},{value:'"radiogroup"'},{value:'"region"'},{value:'"rowgroup"'},{value:'"rowheader"'},{value:'"scrollbar"'},{value:'"searchbox"'},{value:'"separator"'},{value:'"slider"'},{value:'"spinbutton"'},{value:'"status"'},{value:'"switch"'},{value:'"tab"'},{value:'"tablist"'},{value:'"tabpanel"'},{value:'"term"'},{value:'"textbox"'},{value:'"timer"'},{value:'"toolbar"'},{value:'"tooltip"'},{value:'"tree"'},{value:'"treegrid"'},{value:'"treeitem"'}]}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"enum",value:[{value:"string"}]}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"enum",value:[{value:"string"}]}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"enum",value:[{value:"string"}]}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"enum",value:[{value:"string"}]}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"enum",value:[{value:"string"}]}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"enum",value:[{value:"string"}]}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"enum",value:[{value:"string"}]}},rev:{defaultValue:null,description:"",name:"rev",required:!1,type:{name:"enum",value:[{value:"string"}]}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"enum",value:[{value:"string"}]}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"enum",value:[{value:"string"}]}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"enum",value:[{value:"string"}]}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"enum",value:[{value:"string"}]}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"enum",value:[{value:"string"}]}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"enum",value:[{value:"string"}]}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"enum",value:[{value:"string"}]}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"enum",value:[{value:"string"}]}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"enum",value:[{value:"string"}]}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"enum",value:[{value:"number"}]}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"enum",value:[{value:"string"}]}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},inputMode:{defaultValue:null,description:`Hints at the type of data that might be entered by the user while editing the element or its contents
|
|
6
|
-
@see {@link https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute}`,name:"inputMode",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"search"'},{value:'"text"'},{value:'"tel"'},{value:'"url"'},{value:'"email"'},{value:'"numeric"'},{value:'"decimal"'}]}},is:{defaultValue:null,description:`Specify that a standard HTML element should behave like a defined custom built-in element
|
|
7
|
-
@see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is}`,name:"is",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-autocomplete":{defaultValue:null,description:`Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be
|
|
8
|
-
presented if they are made.`,name:"aria-autocomplete",required:!1,type:{name:"enum",value:[{value:'"inline"'},{value:'"none"'},{value:'"list"'},{value:'"both"'}]}},"aria-braillelabel":{defaultValue:null,description:`Defines a string value that labels the current element, which is intended to be converted into Braille.
|
|
9
|
-
@see aria-label.`,name:"aria-braillelabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-brailleroledescription":{defaultValue:null,description:`Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.
|
|
10
|
-
@see aria-roledescription.`,name:"aria-brailleroledescription",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-busy":{defaultValue:null,description:"",name:"aria-busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-checked":{defaultValue:null,description:`Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
|
|
11
|
-
@see aria-pressed
|
|
12
|
-
@see aria-selected.`,name:"aria-checked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'},{value:'"mixed"'}]}},"aria-colcount":{defaultValue:null,description:`Defines the total number of columns in a table, grid, or treegrid.
|
|
13
|
-
@see aria-colindex.`,name:"aria-colcount",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-colindex":{defaultValue:null,description:`Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
|
|
14
|
-
@see aria-colcount
|
|
15
|
-
@see aria-colspan.`,name:"aria-colindex",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-colindextext":{defaultValue:null,description:`Defines a human readable text alternative of aria-colindex.
|
|
16
|
-
@see aria-rowindextext.`,name:"aria-colindextext",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-colspan":{defaultValue:null,description:`Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
|
|
17
|
-
@see aria-colindex
|
|
18
|
-
@see aria-rowspan.`,name:"aria-colspan",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-controls":{defaultValue:null,description:`Identifies the element (or elements) whose contents or presence are controlled by the current element.
|
|
19
|
-
@see aria-owns.`,name:"aria-controls",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'},{value:'"page"'},{value:'"step"'},{value:'"location"'},{value:'"date"'},{value:'"time"'}]}},"aria-description":{defaultValue:null,description:`Defines a string value that describes or annotates the current element.
|
|
20
|
-
@see related aria-describedby.`,name:"aria-description",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-details":{defaultValue:null,description:`Identifies the element that provides a detailed, extended description for the object.
|
|
21
|
-
@see aria-describedby.`,name:"aria-details",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
|
|
22
|
-
@see aria-hidden
|
|
23
|
-
@see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-dropeffect":{defaultValue:null,description:`Indicates what functions can be performed when a dragged object is released on the drop target.
|
|
24
|
-
@deprecated in ARIA 1.1`,name:"aria-dropeffect",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"link"'},{value:'"copy"'},{value:'"execute"'},{value:'"move"'},{value:'"popup"'}]}},"aria-errormessage":{defaultValue:null,description:`Identifies the element that provides an error message for the object.
|
|
25
|
-
@see aria-invalid
|
|
26
|
-
@see aria-describedby.`,name:"aria-errormessage",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-flowto":{defaultValue:null,description:`Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
|
|
27
|
-
allows assistive technology to override the general default of reading in document source order.`,name:"aria-flowto",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-grabbed":{defaultValue:null,description:`Indicates an element's "grabbed" state in a drag-and-drop operation.
|
|
28
|
-
@deprecated in ARIA 1.1`,name:"aria-grabbed",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'},{value:'"dialog"'},{value:'"grid"'},{value:'"listbox"'},{value:'"menu"'},{value:'"tree"'}]}},"aria-hidden":{defaultValue:null,description:`Indicates whether the element is exposed to an accessibility API.
|
|
29
|
-
@see aria-disabled.`,name:"aria-hidden",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},"aria-owns":{defaultValue:null,description:`Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship
|
|
30
|
-
between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
|
|
31
|
-
@see aria-controls.`,name:"aria-owns",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-placeholder":{defaultValue:null,description:`Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.
|
|
32
|
-
A hint could be a sample value or a brief description of the expected format.`,name:"aria-placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-posinset":{defaultValue:null,description:`Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
|
|
33
|
-
@see aria-setsize.`,name:"aria-posinset",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-pressed":{defaultValue:null,description:`Indicates the current "pressed" state of toggle buttons.
|
|
34
|
-
@see aria-checked
|
|
35
|
-
@see aria-selected.`,name:"aria-pressed",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'},{value:'"mixed"'}]}},"aria-readonly":{defaultValue:null,description:`Indicates that the element is not editable, but is otherwise operable.
|
|
36
|
-
@see aria-disabled.`,name:"aria-readonly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-relevant":{defaultValue:null,description:`Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
|
|
37
|
-
@see aria-atomic.`,name:"aria-relevant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"additions"'},{value:'"additions removals"'},{value:'"additions text"'},{value:'"all"'},{value:'"removals"'},{value:'"removals additions"'},{value:'"removals text"'},{value:'"text additions"'},{value:'"text removals"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-rowcount":{defaultValue:null,description:`Defines the total number of rows in a table, grid, or treegrid.
|
|
38
|
-
@see aria-rowindex.`,name:"aria-rowcount",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-rowindex":{defaultValue:null,description:`Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
|
|
39
|
-
@see aria-rowcount
|
|
40
|
-
@see aria-rowspan.`,name:"aria-rowindex",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-rowindextext":{defaultValue:null,description:`Defines a human readable text alternative of aria-rowindex.
|
|
41
|
-
@see aria-colindextext.`,name:"aria-rowindextext",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-rowspan":{defaultValue:null,description:`Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
|
|
42
|
-
@see aria-rowindex
|
|
43
|
-
@see aria-colspan.`,name:"aria-rowspan",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-selected":{defaultValue:null,description:`Indicates the current "selected" state of various widgets.
|
|
44
|
-
@see aria-checked
|
|
45
|
-
@see aria-pressed.`,name:"aria-selected",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"false"'},{value:'"true"'}]}},"aria-setsize":{defaultValue:null,description:`Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
|
|
46
|
-
@see aria-posinset.`,name:"aria-setsize",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"ascending"'},{value:'"descending"'},{value:'"other"'}]}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-valuenow":{defaultValue:null,description:`Defines the current value for a range widget.
|
|
47
|
-
@see aria-valuetext.`,name:"aria-valuenow",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"enum",value:[{value:"string"}]}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"enum",value:[{value:"{ __html: string | TrustedHTML; }"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLImageElement>"}]}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLImageElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLImageElement>"}]}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLImageElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLImageElement>"}]}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLImageElement>"}]}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLImageElement>"}]}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLImageElement>"}]}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLImageElement>"}]}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLImageElement>"}]}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLImageElement>"}]}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLImageElement>"}]}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLImageElement>"}]}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLImageElement>"}]}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLImageElement>"}]}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLImageElement>"}]}},onKeyPress:{defaultValue:null,description:"@deprecated Use `onKeyUp` or `onKeyDown` instead",name:"onKeyPress",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLImageElement>"}]}},onKeyPressCapture:{defaultValue:null,description:"@deprecated Use `onKeyUpCapture` or `onKeyDownCapture` instead",name:"onKeyPressCapture",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLImageElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLImageElement>"}]}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLImageElement>"}]}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLImageElement>"}]}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLImageElement>"}]}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLImageElement>"}]}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLImageElement>"}]}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLImageElement>"}]}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLImageElement>"}]}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLImageElement>"}]}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLImageElement>"}]}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"enum",value:[{value:"UIEventHandler<HTMLImageElement>"}]}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"enum",value:[{value:"UIEventHandler<HTMLImageElement>"}]}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"enum",value:[{value:"WheelEventHandler<HTMLImageElement>"}]}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"enum",value:[{value:"WheelEventHandler<HTMLImageElement>"}]}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLImageElement>"}]}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLImageElement>"}]}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLImageElement>"}]}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLImageElement>"}]}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLImageElement>"}]}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLImageElement>"}]}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"enum",value:[{value:"TransitionEventHandler<HTMLImageElement>"}]}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"enum",value:[{value:"TransitionEventHandler<HTMLImageElement>"}]}},crossOrigin:{defaultValue:null,description:"",name:"crossOrigin",required:!1,type:{name:"enum",value:[{value:'""'},{value:'"anonymous"'},{value:'"use-credentials"'}]}},decoding:{defaultValue:null,description:"",name:"decoding",required:!1,type:{name:"enum",value:[{value:'"async"'},{value:'"auto"'},{value:'"sync"'}]}},fetchPriority:{defaultValue:null,description:"",name:"fetchPriority",required:!1,type:{name:"enum",value:[{value:'"auto"'},{value:'"high"'},{value:'"low"'}]}},loading:{defaultValue:null,description:"",name:"loading",required:!1,type:{name:"enum",value:[{value:'"eager"'},{value:'"lazy"'}]}},referrerPolicy:{defaultValue:null,description:"",name:"referrerPolicy",required:!1,type:{name:"enum",value:[{value:'""'},{value:'"no-referrer"'},{value:'"no-referrer-when-downgrade"'},{value:'"origin"'},{value:'"origin-when-cross-origin"'},{value:'"same-origin"'},{value:'"strict-origin"'},{value:'"strict-origin-when-cross-origin"'},{value:'"unsafe-url"'}]}},sizes:{defaultValue:null,description:"",name:"sizes",required:!1,type:{name:"enum",value:[{value:"string"}]}},srcSet:{defaultValue:null,description:"",name:"srcSet",required:!1,type:{name:"enum",value:[{value:"string"}]}},useMap:{defaultValue:null,description:"",name:"useMap",required:!1,type:{name:"enum",value:[{value:"string"}]}},code:{defaultValue:null,description:"",name:"code",required:!0,type:{name:"enum",value:[{value:'"li"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"ai"'},{value:'"id"'},{value:'"no"'},{value:'"is"'},{value:'"as"'},{value:'"br"'},{value:'"hr"'},{value:'"at"'},{value:'"af"'},{value:'"ax"'},{value:'"al"'},{value:'"dz"'},{value:'"ad"'},{value:'"ao"'},{value:'"aq"'},{value:'"ag"'},{value:'"ar"'},{value:'"am"'},{value:'"aw"'},{value:'"sh-ac"'},{value:'"asean"'},{value:'"au"'},{value:'"az"'},{value:'"bs"'},{value:'"bh"'},{value:'"bd"'},{value:'"bb"'},{value:'"es-pv"'},{value:'"by"'},{value:'"be"'},{value:'"bz"'},{value:'"bj"'},{value:'"bm"'},{value:'"bt"'},{value:'"bo"'},{value:'"bq"'},{value:'"ba"'},{value:'"bw"'},{value:'"bv"'},{value:'"io"'},{value:'"bn"'},{value:'"bg"'},{value:'"bf"'},{value:'"bi"'},{value:'"cv"'},{value:'"kh"'},{value:'"cm"'},{value:'"ca"'},{value:'"ic"'},{value:'"es-ct"'},{value:'"ky"'},{value:'"cf"'},{value:'"cefta"'},{value:'"cl"'},{value:'"cn"'},{value:'"cx"'},{value:'"cp"'},{value:'"cc"'},{value:'"co"'},{value:'"km"'},{value:'"ck"'},{value:'"cr"'},{value:'"cu"'},{value:'"cw"'},{value:'"cy"'},{value:'"cz"'},{value:'"ci"'},{value:'"cd"'},{value:'"dk"'},{value:'"dg"'},{value:'"dj"'},{value:'"dm"'},{value:'"do"'},{value:'"eac"'},{value:'"ec"'},{value:'"eg"'},{value:'"sv"'},{value:'"gb-eng"'},{value:'"gq"'},{value:'"er"'},{value:'"ee"'},{value:'"sz"'},{value:'"et"'},{value:'"eu"'},{value:'"fk"'},{value:'"fo"'},{value:'"fm"'},{value:'"fj"'},{value:'"fi"'},{value:'"fr"'},{value:'"gf"'},{value:'"pf"'},{value:'"tf"'},{value:'"ga"'},{value:'"es-ga"'},{value:'"gm"'},{value:'"ge"'},{value:'"de"'},{value:'"gh"'},{value:'"gi"'},{value:'"gr"'},{value:'"gl"'},{value:'"gd"'},{value:'"gp"'},{value:'"gu"'},{value:'"gt"'},{value:'"gg"'},{value:'"gn"'},{value:'"gw"'},{value:'"gy"'},{value:'"ht"'},{value:'"hm"'},{value:'"va"'},{value:'"hn"'},{value:'"hk"'},{value:'"hu"'},{value:'"in"'},{value:'"ir"'},{value:'"iq"'},{value:'"ie"'},{value:'"im"'},{value:'"il"'},{value:'"it"'},{value:'"jm"'},{value:'"jp"'},{value:'"je"'},{value:'"jo"'},{value:'"kz"'},{value:'"ke"'},{value:'"ki"'},{value:'"xk"'},{value:'"kw"'},{value:'"kg"'},{value:'"la"'},{value:'"lv"'},{value:'"arab"'},{value:'"lb"'},{value:'"ls"'},{value:'"lr"'},{value:'"ly"'},{value:'"lt"'},{value:'"lu"'},{value:'"mo"'},{value:'"mg"'},{value:'"mw"'},{value:'"my"'},{value:'"mv"'},{value:'"ml"'},{value:'"mt"'},{value:'"mh"'},{value:'"mq"'},{value:'"mr"'},{value:'"mu"'},{value:'"yt"'},{value:'"mx"'},{value:'"md"'},{value:'"mc"'},{value:'"mn"'},{value:'"me"'},{value:'"ms"'},{value:'"ma"'},{value:'"mz"'},{value:'"mm"'},{value:'"na"'},{value:'"nr"'},{value:'"np"'},{value:'"nl"'},{value:'"nc"'},{value:'"nz"'},{value:'"ni"'},{value:'"ne"'},{value:'"ng"'},{value:'"nu"'},{value:'"nf"'},{value:'"kp"'},{value:'"mk"'},{value:'"gb-nir"'},{value:'"mp"'},{value:'"om"'},{value:'"pc"'},{value:'"pk"'},{value:'"pw"'},{value:'"pa"'},{value:'"pg"'},{value:'"py"'},{value:'"pe"'},{value:'"ph"'},{value:'"pn"'},{value:'"pl"'},{value:'"pt"'},{value:'"pr"'},{value:'"qa"'},{value:'"cg"'},{value:'"ro"'},{value:'"ru"'},{value:'"rw"'},{value:'"re"'},{value:'"bl"'},{value:'"sh-hl"'},{value:'"sh"'},{value:'"kn"'},{value:'"lc"'},{value:'"mf"'},{value:'"pm"'},{value:'"vc"'},{value:'"ws"'},{value:'"sm"'},{value:'"st"'},{value:'"sa"'},{value:'"gb-sct"'},{value:'"sn"'},{value:'"rs"'},{value:'"sc"'},{value:'"sl"'},{value:'"sg"'},{value:'"sx"'},{value:'"sk"'},{value:'"si"'},{value:'"sb"'},{value:'"so"'},{value:'"za"'},{value:'"gs"'},{value:'"kr"'},{value:'"ss"'},{value:'"es"'},{value:'"lk"'},{value:'"ps"'},{value:'"sd"'},{value:'"sr"'},{value:'"sj"'},{value:'"se"'},{value:'"ch"'},{value:'"sy"'},{value:'"tw"'},{value:'"tj"'},{value:'"tz"'},{value:'"tl"'},{value:'"tg"'},{value:'"tk"'},{value:'"to"'},{value:'"tt"'},{value:'"sh-ta"'},{value:'"tn"'},{value:'"tm"'},{value:'"tc"'},{value:'"tv"'},{value:'"ug"'},{value:'"ua"'},{value:'"ae"'},{value:'"gb"'},{value:'"un"'},{value:'"um"'},{value:'"us"'},{value:'"uy"'},{value:'"uz"'},{value:'"vu"'},{value:'"ve"'},{value:'"vn"'},{value:'"vg"'},{value:'"vi"'},{value:'"gb-wls"'},{value:'"wf"'},{value:'"eh"'},{value:'"ye"'},{value:'"zm"'},{value:'"zw"'}]}},alt:{defaultValue:null,description:`An accessible alt description of the flag.
|
|
48
|
-
This will usually be the localized country or language name.`,name:"alt",required:!0,type:{name:"string"}},size:{defaultValue:{value:"small"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},simplified:{defaultValue:{value:"true"},description:"For some countries (like ES and MX) the simplified flags are automatically used to speed up loading them.",name:"simplified",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
|
|
49
|
-
@example <CountryFlag dataset={{ 'qa-id': 'tutor-country-of-birth' }} code="ua" alt="Ukraine" /> // will add data-qa-id="accept-conditions" to the HTML element`,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: HTMLImageElement | null) => void"},{value:"RefObject<HTMLImageElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{d as C,y as c,E as g};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.content__4abpn{background:linear-gradient(to bottom,#f8f8ff,#fff)}.close__yXHzM{position:static;margin-inline:auto;width:fit-content}.title__L2rvR,.description__FdpTb{color:indigo;text-align:center}.footer__5lWIE{position:static;--footer-sticky-border-color: transparent;background-color:transparent}.buttonStack__eh-Q7{flex-direction:column}.content__EhYnl{top:0;height:fit-content;border-radius:var(--fa4b1a);max-height:calc(100% - var(--42fccf));width:min(440px,90%)}
|
|
@@ -1,246 +0,0 @@
|
|
|
1
|
-
import{r as i,j as t}from"./iframe-C8q8wjEm.js";import{u as X,w as Y,e as $}from"./index-YHu3r2_4.js";import{F as G}from"./TokyoUIInfo-B-nyxu9X.js";import{B as o}from"./Button-8TyghF-W.js";import{I as J}from"./Icon-CeynEPoQ.js";import{B as U}from"./Badge-DgknZ2WQ.js";import{a as p,b as Z,D as c}from"./DialogActions-DqsdBLDH.js";import{c as d,b as g,a as u,D as r}from"./DialogTitle-Cwjppmjv.js";import"./preload-helper-Dp1pzeXC.js";import"./render-icon-rjyGnIsi.js";import"./ButtonBase-D85CySUD.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-VeUQXU7V.js";import"./useMergeRefs-DkFVQgA0.js";import"./useHostname-MecFXBKz.js";import"./index-CC6DAVyL.js";import"./componentNames-Dts5uwdK.js";import"./text-accent-Bbx7l_cl.js";import"./index-B2swU3YW.js";import"./TokyoUIClose-DpSNWwxX.js";import"./IconButton-CT1U16hq.js";import"./shared-strings-CDaZX-3B.js";import"./useOpenInteractionType-C_sBEUHJ.js";const tt="content__4abpn",et="close__yXHzM",ot="title__L2rvR",nt="description__FdpTb",at="footer__5lWIE",rt="buttonStack__eh-Q7",l={content:tt,close:et,title:ot,description:nt,footer:at,buttonStack:rt},it="content__EhYnl",st={content:it},Rt={title:"Components/Dialog/Primitives",component:r,subcomponents:{DialogCloseButton:u,DialogFooter:c,DialogTitle:g,DialogDescription:d,DialogActions:Z,DialogButtonStack:p},parameters:{preventIframeFromScrollingParent:!0,docs:{story:{inline:!1,height:600}}},play:async({canvas:a,step:n})=>{await n("Open dialog",async()=>{const e=a.getByTestId("trigger");return await X.click(e),Y(()=>{$(a.getByTestId("dialog")).toBeVisible()})})}},s=({style:a={}})=>t.jsx("div",{style:{width:"100%",height:"200px",background:"linear-gradient(to bottom, color-mix(in srgb, #ffe8f7, transparent), #ffe8f7)",...a}}),m={render:function(){const[n,e]=i.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(o,{dataset:{testid:"trigger"},onClick:()=>e(!0),children:"Open"}),t.jsx(r,{dataset:{testid:"dialog"},open:n,onClose:()=>e(!1),children:t.jsx(s,{})})]})}},D={render:function(){const[n,e]=i.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(o,{dataset:{testid:"trigger"},onClick:()=>e(!0),children:"Open"}),t.jsx(r,{dataset:{testid:"dialog"},open:n,onClose:()=>e(!1),overlay:!1,children:t.jsx(s,{})})]})}},x={render:function(){const[n,e]=i.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(o,{dataset:{testid:"trigger"},onClick:()=>e(!0),children:"Open"}),t.jsx(r,{dataset:{testid:"dialog"},open:n,onClose:()=>e(!1),children:t.jsx(c,{children:t.jsxs(p,{children:[t.jsx(o,{variant:"quaternary",children:"Quaternary"}),t.jsx(o,{variant:"tertiary",children:"Tertiary"}),t.jsx(o,{variant:"secondary",children:"Secondary"}),t.jsx(o,{variant:"primary",children:"Primary"})]})})})]})}},f={render:function(){const[n,e]=i.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(o,{dataset:{testid:"trigger"},onClick:()=>e(!0),children:"Open"}),t.jsxs(r,{dataset:{testid:"dialog"},open:n,onClose:()=>e(!1),children:[t.jsx(u,{}),t.jsxs("header",{style:{display:"flex",flexDirection:"column",gap:"20px",marginBottom:"24px"},children:[t.jsx(J,{size:"32",svg:G}),t.jsxs("hgroup",{children:[t.jsx(g,{children:"Dialog"}),t.jsx(d,{children:"AKA Task Dialog"})]})]}),t.jsx(s,{}),t.jsx(c,{children:t.jsxs(p,{children:[t.jsx(o,{variant:"tertiary",children:"Cancel"}),t.jsx(o,{variant:"primary",children:"Confirm"})]})})]})]})}},y={render:function(){const[n,e]=i.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(o,{dataset:{testid:"trigger"},onClick:()=>e(!0),children:"Open"}),t.jsxs(r,{open:n,onClose:()=>e(!1),dataset:{testid:"dialog"},children:[t.jsx(u,{}),t.jsx(s,{style:{backgroundColor:"pink",marginInline:"calc(-1 * var(--dialog-padding))",marginTop:"calc(-1 * var(--dialog-padding))",marginBottom:"var(--dialog-padding)",width:"calc-size(auto)"}}),t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px",alignItems:"center"},children:[t.jsx(g,{children:"Promo Dialog"}),t.jsx(d,{children:"For all your promotional needs"})]}),t.jsx(c,{children:t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px",width:"fit-content",marginInline:"auto"},children:[t.jsx(o,{variant:"primary",children:"Confirm"}),t.jsx(o,{variant:"tertiary",children:"Cancel"})]})})]})]})}},h={render:function(){const[n,e]=i.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(o,{dataset:{testid:"trigger"},onClick:()=>e(!0),children:"Open"}),t.jsxs(r,{dataset:{testid:"dialog"},open:n,onClose:()=>e(!1),children:[t.jsx(u,{children:t.jsx(o,{variant:"ghost",children:"Not Now"})}),t.jsx(s,{style:{background:"color-mix(in srgb, #ffe8f7, transparent)",position:"absolute",inset:0,height:"100%",zIndex:"-1"}}),t.jsx(s,{style:{marginInline:"calc(-1 * var(--dialog-padding))",marginTop:"calc(-1 * var(--dialog-padding))",marginBottom:"var(--dialog-padding)",width:"calc-size(auto)"}}),t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px",alignItems:"center"},children:[t.jsx(U,{type:"ai",children:"Beta"}),t.jsx(g,{children:"Promo Dialog 2.0"}),t.jsx(d,{children:"Now with a longer button"})]}),t.jsx("div",{style:{marginTop:"var(--dialog-padding)"},children:t.jsx(o,{variant:"onColor",fullWidth:!0,children:"Let's go!"})})]})]})}},j={render:function(){const[n,e]=i.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(o,{dataset:{testid:"trigger"},onClick:()=>e(!0),children:"Open"}),t.jsxs(r,{open:n,onClose:()=>e(!1),dataset:{testid:"dialog"},className:l.content,children:[t.jsx(u,{className:l.close}),t.jsx(g,{className:l.title,children:"Custom Title"}),t.jsx(d,{className:l.description,children:"Custom Description"}),t.jsx("br",{}),Array.from({length:5}).map((lt,V)=>t.jsx(s,{},V)),t.jsx(c,{className:l.footer,children:t.jsxs(p,{className:l.buttonStack,children:[t.jsx(o,{variant:"primary",children:"Custom Primary"}),t.jsx(o,{variant:"secondary",children:"Custom Secondary"})]})})]})]})}},B={render:function(){const[n,e]=i.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(o,{dataset:{testid:"trigger"},onClick:()=>e(!0),children:"Open"}),t.jsxs(r,{dataset:{testid:"dialog"},role:"alertdialog",open:n,className:st.content,children:[t.jsxs("header",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[t.jsx(g,{children:"Delete Account"}),t.jsx(d,{children:"This action cannot be undone."})]}),t.jsx(c,{children:t.jsxs(p,{children:[t.jsx(o,{variant:"ghost",onClick:()=>e(!1),children:"Cancel"}),t.jsx(o,{variant:"primary",onClick:()=>e(!1),children:"Confirm"})]})})]})]})}};var C,S,v;m.parameters={...m.parameters,docs:{...(C=m.parameters)==null?void 0:C.docs,source:{originalSource:`{
|
|
2
|
-
render: function Story() {
|
|
3
|
-
const [open, setOpen] = useState(false);
|
|
4
|
-
return <>
|
|
5
|
-
<Button dataset={{
|
|
6
|
-
testid: 'trigger'
|
|
7
|
-
}} onClick={() => setOpen(true)}>
|
|
8
|
-
Open
|
|
9
|
-
</Button>
|
|
10
|
-
<DialogRoot dataset={{
|
|
11
|
-
testid: 'dialog'
|
|
12
|
-
}} open={open} onClose={() => setOpen(false)}>
|
|
13
|
-
<DummyContent />
|
|
14
|
-
</DialogRoot>
|
|
15
|
-
</>;
|
|
16
|
-
}
|
|
17
|
-
}`,...(v=(S=m.parameters)==null?void 0:S.docs)==null?void 0:v.source}}};var O,k,T;D.parameters={...D.parameters,docs:{...(O=D.parameters)==null?void 0:O.docs,source:{originalSource:`{
|
|
18
|
-
render: function Story() {
|
|
19
|
-
const [open, setOpen] = useState(false);
|
|
20
|
-
return <>
|
|
21
|
-
<Button dataset={{
|
|
22
|
-
testid: 'trigger'
|
|
23
|
-
}} onClick={() => setOpen(true)}>
|
|
24
|
-
Open
|
|
25
|
-
</Button>
|
|
26
|
-
<DialogRoot dataset={{
|
|
27
|
-
testid: 'dialog'
|
|
28
|
-
}} open={open} onClose={() => setOpen(false)} overlay={false}>
|
|
29
|
-
<DummyContent />
|
|
30
|
-
</DialogRoot>
|
|
31
|
-
</>;
|
|
32
|
-
}
|
|
33
|
-
}`,...(T=(k=D.parameters)==null?void 0:k.docs)==null?void 0:T.source}}};var b,F,I;x.parameters={...x.parameters,docs:{...(b=x.parameters)==null?void 0:b.docs,source:{originalSource:`{
|
|
34
|
-
render: function Story() {
|
|
35
|
-
const [open, setOpen] = useState(false);
|
|
36
|
-
return <>
|
|
37
|
-
<Button dataset={{
|
|
38
|
-
testid: 'trigger'
|
|
39
|
-
}} onClick={() => setOpen(true)}>
|
|
40
|
-
Open
|
|
41
|
-
</Button>
|
|
42
|
-
<DialogRoot dataset={{
|
|
43
|
-
testid: 'dialog'
|
|
44
|
-
}} open={open} onClose={() => setOpen(false)}>
|
|
45
|
-
<DialogFooter>
|
|
46
|
-
<DialogButtonStack>
|
|
47
|
-
<Button variant="quaternary">Quaternary</Button>
|
|
48
|
-
<Button variant="tertiary">Tertiary</Button>
|
|
49
|
-
<Button variant="secondary">Secondary</Button>
|
|
50
|
-
<Button variant="primary">Primary</Button>
|
|
51
|
-
</DialogButtonStack>
|
|
52
|
-
</DialogFooter>
|
|
53
|
-
</DialogRoot>
|
|
54
|
-
</>;
|
|
55
|
-
}
|
|
56
|
-
}`,...(I=(F=x.parameters)==null?void 0:F.docs)==null?void 0:I.source}}};var N,R,_;f.parameters={...f.parameters,docs:{...(N=f.parameters)==null?void 0:N.docs,source:{originalSource:`{
|
|
57
|
-
render: function Story() {
|
|
58
|
-
const [open, setOpen] = useState(false);
|
|
59
|
-
return <>
|
|
60
|
-
<Button dataset={{
|
|
61
|
-
testid: 'trigger'
|
|
62
|
-
}} onClick={() => setOpen(true)}>
|
|
63
|
-
Open
|
|
64
|
-
</Button>
|
|
65
|
-
<DialogRoot dataset={{
|
|
66
|
-
testid: 'dialog'
|
|
67
|
-
}} open={open} onClose={() => setOpen(false)}>
|
|
68
|
-
<DialogCloseButton />
|
|
69
|
-
<header style={{
|
|
70
|
-
display: 'flex',
|
|
71
|
-
flexDirection: 'column',
|
|
72
|
-
gap: '20px',
|
|
73
|
-
marginBottom: '24px'
|
|
74
|
-
}}>
|
|
75
|
-
<Icon size="32" svg={InfoIcon} />
|
|
76
|
-
<hgroup>
|
|
77
|
-
<DialogTitle>Dialog</DialogTitle>
|
|
78
|
-
<DialogDescription>AKA Task Dialog</DialogDescription>
|
|
79
|
-
</hgroup>
|
|
80
|
-
</header>
|
|
81
|
-
<DummyContent />
|
|
82
|
-
<DialogFooter>
|
|
83
|
-
<DialogButtonStack>
|
|
84
|
-
<Button variant="tertiary">Cancel</Button>
|
|
85
|
-
<Button variant="primary">Confirm</Button>
|
|
86
|
-
</DialogButtonStack>
|
|
87
|
-
</DialogFooter>
|
|
88
|
-
</DialogRoot>
|
|
89
|
-
</>;
|
|
90
|
-
}
|
|
91
|
-
}`,...(_=(R=f.parameters)==null?void 0:R.docs)==null?void 0:_.source}}};var w,P,A;y.parameters={...y.parameters,docs:{...(w=y.parameters)==null?void 0:w.docs,source:{originalSource:`{
|
|
92
|
-
render: function Story() {
|
|
93
|
-
const [open, setOpen] = useState(false);
|
|
94
|
-
return <>
|
|
95
|
-
<Button dataset={{
|
|
96
|
-
testid: 'trigger'
|
|
97
|
-
}} onClick={() => setOpen(true)}>
|
|
98
|
-
Open
|
|
99
|
-
</Button>
|
|
100
|
-
<DialogRoot open={open} onClose={() => setOpen(false)} dataset={{
|
|
101
|
-
testid: 'dialog'
|
|
102
|
-
}}>
|
|
103
|
-
<DialogCloseButton />
|
|
104
|
-
<DummyContent style={{
|
|
105
|
-
backgroundColor: 'pink',
|
|
106
|
-
marginInline: 'calc(-1 * var(--dialog-padding))',
|
|
107
|
-
marginTop: 'calc(-1 * var(--dialog-padding))',
|
|
108
|
-
marginBottom: 'var(--dialog-padding)',
|
|
109
|
-
width: 'calc-size(auto)'
|
|
110
|
-
}} />
|
|
111
|
-
<div style={{
|
|
112
|
-
display: 'flex',
|
|
113
|
-
flexDirection: 'column',
|
|
114
|
-
gap: '12px',
|
|
115
|
-
alignItems: 'center'
|
|
116
|
-
}}>
|
|
117
|
-
<DialogTitle>Promo Dialog</DialogTitle>
|
|
118
|
-
<DialogDescription>For all your promotional needs</DialogDescription>
|
|
119
|
-
</div>
|
|
120
|
-
<DialogFooter>
|
|
121
|
-
<div style={{
|
|
122
|
-
display: 'flex',
|
|
123
|
-
flexDirection: 'column',
|
|
124
|
-
gap: '12px',
|
|
125
|
-
width: 'fit-content',
|
|
126
|
-
marginInline: 'auto'
|
|
127
|
-
}}>
|
|
128
|
-
<Button variant="primary">Confirm</Button>
|
|
129
|
-
<Button variant="tertiary">Cancel</Button>
|
|
130
|
-
</div>
|
|
131
|
-
</DialogFooter>
|
|
132
|
-
</DialogRoot>
|
|
133
|
-
</>;
|
|
134
|
-
}
|
|
135
|
-
}`,...(A=(P=y.parameters)==null?void 0:P.docs)==null?void 0:A.source}}};var z,E,W;h.parameters={...h.parameters,docs:{...(z=h.parameters)==null?void 0:z.docs,source:{originalSource:`{
|
|
136
|
-
render: function Story() {
|
|
137
|
-
const [open, setOpen] = useState(false);
|
|
138
|
-
return <>
|
|
139
|
-
<Button dataset={{
|
|
140
|
-
testid: 'trigger'
|
|
141
|
-
}} onClick={() => setOpen(true)}>
|
|
142
|
-
Open
|
|
143
|
-
</Button>
|
|
144
|
-
<DialogRoot dataset={{
|
|
145
|
-
testid: 'dialog'
|
|
146
|
-
}} open={open} onClose={() => setOpen(false)}>
|
|
147
|
-
<DialogCloseButton>
|
|
148
|
-
<Button variant="ghost">Not Now</Button>
|
|
149
|
-
</DialogCloseButton>
|
|
150
|
-
<DummyContent style={{
|
|
151
|
-
background: 'color-mix(in srgb, #ffe8f7, transparent)',
|
|
152
|
-
position: 'absolute',
|
|
153
|
-
inset: 0,
|
|
154
|
-
height: '100%',
|
|
155
|
-
zIndex: '-1'
|
|
156
|
-
}} />
|
|
157
|
-
<DummyContent style={{
|
|
158
|
-
marginInline: 'calc(-1 * var(--dialog-padding))',
|
|
159
|
-
marginTop: 'calc(-1 * var(--dialog-padding))',
|
|
160
|
-
marginBottom: 'var(--dialog-padding)',
|
|
161
|
-
width: 'calc-size(auto)'
|
|
162
|
-
}} />
|
|
163
|
-
<div style={{
|
|
164
|
-
display: 'flex',
|
|
165
|
-
flexDirection: 'column',
|
|
166
|
-
gap: '12px',
|
|
167
|
-
alignItems: 'center'
|
|
168
|
-
}}>
|
|
169
|
-
<Badge type="ai">Beta</Badge>
|
|
170
|
-
<DialogTitle>Promo Dialog 2.0</DialogTitle>
|
|
171
|
-
<DialogDescription>Now with a longer button</DialogDescription>
|
|
172
|
-
</div>
|
|
173
|
-
<div style={{
|
|
174
|
-
marginTop: 'var(--dialog-padding)'
|
|
175
|
-
}}>
|
|
176
|
-
<Button variant="onColor" fullWidth>
|
|
177
|
-
Let's go!
|
|
178
|
-
</Button>
|
|
179
|
-
</div>
|
|
180
|
-
</DialogRoot>
|
|
181
|
-
</>;
|
|
182
|
-
}
|
|
183
|
-
}`,...(W=(E=h.parameters)==null?void 0:E.docs)==null?void 0:W.source}}};var L,M,Q;j.parameters={...j.parameters,docs:{...(L=j.parameters)==null?void 0:L.docs,source:{originalSource:`{
|
|
184
|
-
render: function Story() {
|
|
185
|
-
const [open, setOpen] = useState(false);
|
|
186
|
-
return <>
|
|
187
|
-
<Button dataset={{
|
|
188
|
-
testid: 'trigger'
|
|
189
|
-
}} onClick={() => setOpen(true)}>
|
|
190
|
-
Open
|
|
191
|
-
</Button>
|
|
192
|
-
<DialogRoot open={open} onClose={() => setOpen(false)} dataset={{
|
|
193
|
-
testid: 'dialog'
|
|
194
|
-
}} className={customDialogStyles.content}>
|
|
195
|
-
<DialogCloseButton className={customDialogStyles.close} />
|
|
196
|
-
<DialogTitle className={customDialogStyles.title}>Custom Title</DialogTitle>
|
|
197
|
-
<DialogDescription className={customDialogStyles.description}>
|
|
198
|
-
Custom Description
|
|
199
|
-
</DialogDescription>
|
|
200
|
-
<br />
|
|
201
|
-
{Array.from({
|
|
202
|
-
length: 5
|
|
203
|
-
}).map((_, index) => <DummyContent key={index} />)}
|
|
204
|
-
<DialogFooter className={customDialogStyles.footer}>
|
|
205
|
-
<DialogButtonStack className={customDialogStyles.buttonStack}>
|
|
206
|
-
<Button variant="primary">Custom Primary</Button>
|
|
207
|
-
<Button variant="secondary">Custom Secondary</Button>
|
|
208
|
-
</DialogButtonStack>
|
|
209
|
-
</DialogFooter>
|
|
210
|
-
</DialogRoot>
|
|
211
|
-
</>;
|
|
212
|
-
}
|
|
213
|
-
}`,...(Q=(M=j.parameters)==null?void 0:M.docs)==null?void 0:Q.source}}};var q,K,H;B.parameters={...B.parameters,docs:{...(q=B.parameters)==null?void 0:q.docs,source:{originalSource:`{
|
|
214
|
-
render: function Story() {
|
|
215
|
-
const [open, setOpen] = useState(false);
|
|
216
|
-
return <>
|
|
217
|
-
<Button dataset={{
|
|
218
|
-
testid: 'trigger'
|
|
219
|
-
}} onClick={() => setOpen(true)}>
|
|
220
|
-
Open
|
|
221
|
-
</Button>
|
|
222
|
-
<DialogRoot dataset={{
|
|
223
|
-
testid: 'dialog'
|
|
224
|
-
}} role="alertdialog" open={open} className={alertDialogStyles.content}>
|
|
225
|
-
<header style={{
|
|
226
|
-
display: 'flex',
|
|
227
|
-
flexDirection: 'column',
|
|
228
|
-
gap: '12px'
|
|
229
|
-
}}>
|
|
230
|
-
<DialogTitle>Delete Account</DialogTitle>
|
|
231
|
-
<DialogDescription>This action cannot be undone.</DialogDescription>
|
|
232
|
-
</header>
|
|
233
|
-
<DialogFooter>
|
|
234
|
-
<DialogButtonStack>
|
|
235
|
-
<Button variant="ghost" onClick={() => setOpen(false)}>
|
|
236
|
-
Cancel
|
|
237
|
-
</Button>
|
|
238
|
-
<Button variant="primary" onClick={() => setOpen(false)}>
|
|
239
|
-
Confirm
|
|
240
|
-
</Button>
|
|
241
|
-
</DialogButtonStack>
|
|
242
|
-
</DialogFooter>
|
|
243
|
-
</DialogRoot>
|
|
244
|
-
</>;
|
|
245
|
-
}
|
|
246
|
-
}`,...(H=(K=B.parameters)==null?void 0:K.docs)==null?void 0:H.source}}};const _t=["Default","WithoutOverlay","ButtonStackMultiple","TaskDialog","PromoDialog","PromoDialogExperiment","CustomStyles","AlertDialog"];export{B as AlertDialog,x as ButtonStackMultiple,j as CustomStyles,m as Default,y as PromoDialog,h as PromoDialogExperiment,f as TaskDialog,D as WithoutOverlay,_t as __namedExportsOrder,Rt as default};
|