@preply/ds-docs 6.1.0 → 6.2.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-Czuzrjrk.js → 00.LayoutFlex.stories-CFA_TqiB.js} +1 -1
- package/dist/assets/{00.applications-LrxGyYUD.js → 00.applications-CBHIYP5V.js} +1 -1
- package/dist/assets/{00.favicons.guide-BGmNrnkW.js → 00.favicons.guide-DES91oFw.js} +1 -1
- package/dist/assets/{00.token-explorer-C9RjGd2m.js → 00.token-explorer-CB_W5xDw.js} +1 -1
- package/dist/assets/{00.using-responsive-props-B5Hf_zhg.js → 00.using-responsive-props-BlNxgh6e.js} +1 -1
- package/dist/assets/{01.semantic-tokens-LE_URlku.js → 01.semantic-tokens-57w9hsId.js} +1 -1
- package/dist/assets/{01.using-shorthand-props-B6ZHTEKI.js → 01.using-shorthand-props-B4ptLiFF.js} +1 -1
- package/dist/assets/{10.Combinations.stories-crFMqWYW.js → 10.Combinations.stories-BoSshDz-.js} +1 -1
- package/dist/assets/{10.fonts.guide-BvsFakA0.js → 10.fonts.guide-CChndGR6.js} +1 -1
- package/dist/assets/{10.ssr-CvzytiB2.js → 10.ssr-DLi856r9.js} +1 -1
- package/dist/assets/{11.languageFont.explorer.stories-D74Fnx-9.js → 11.languageFont.explorer.stories-B768GtgD.js} +1 -1
- package/dist/assets/{11.ssr.app-router-6gm8LtbX.js → 11.ssr.app-router-D_15gE8t.js} +1 -1
- package/dist/assets/{20.libraries-DK289zy7.js → 20.libraries-DQTTSvsY.js} +1 -1
- package/dist/assets/{30.icons.explorer-Beh39C6t.js → 30.icons.explorer-aVpQ43do.js} +8 -8
- package/dist/assets/{30.storybook-DOaJn8iY.js → 30.storybook-YIHgueDX.js} +1 -1
- package/dist/assets/{40.illustrations.explorer-B_EKmaEw.js → 40.illustrations.explorer-DDcxoN1B.js} +1 -1
- package/dist/assets/{90.advanced-CSPomJZ9.js → 90.advanced-B439yxZO.js} +1 -1
- package/dist/assets/{Accordion-D6ZH-DjE.js → Accordion-C0QrA-6c.js} +5 -5
- package/dist/assets/{Accordion.stories-BeDqFMEq.js → Accordion.stories-CCwJvBCB.js} +1 -1
- package/dist/assets/{Accordion.tests.stories-WqwXlFhP.js → Accordion.tests.stories-BrRH9_Sj.js} +1 -1
- package/dist/assets/{AlertDialog.stories-wkxHjKFk.js → AlertDialog.stories-CCjaPjvg.js} +1 -1
- package/dist/assets/{Avatar-pYo4pD9f.js → Avatar-CUIDF2Uz.js} +1 -1
- package/dist/assets/{Avatar.stories-DW2TYQqg.js → Avatar.stories-W6dpZqal.js} +1 -1
- package/dist/assets/{AvatarWithStatus.stories-DJHFLq1b.js → AvatarWithStatus.stories-DKnIlANz.js} +3 -3
- package/dist/assets/{Badge.stories-nc4ge1vK.js → Badge.stories-BPJPq1Zm.js} +2 -2
- package/dist/assets/{Box.stories-DDa-aSBM.js → Box.stories-DHzuH0q4.js} +1 -1
- package/dist/assets/{BubbleCounter.stories-BbmHv_wr.js → BubbleCounter.stories-Bl92FUMb.js} +1 -1
- package/dist/assets/{Button-C0ATLgoL.js → Button-DixvkhBo.js} +1 -1
- package/dist/assets/Button-Dpx1oUXU.css +1 -0
- package/dist/assets/{Button.stories-CPyl_2HB.js → Button.stories-BajPN_9k.js} +1 -1
- package/dist/assets/ButtonBase-CAzN2xsB.css +1 -0
- package/dist/assets/{ButtonBase-6aCRtC4n.js → ButtonBase-DTqpenrU.js} +1 -1
- package/dist/assets/{Checkbox-B4QnbKjr.js → Checkbox-D0qeA3OO.js} +3 -3
- package/dist/assets/{Checkbox.stories-BoDx-Aqb.js → Checkbox.stories-B8jPRdZg.js} +1 -1
- package/dist/assets/{Checkbox.tests.stories-0pTjaycC.js → Checkbox.tests.stories-DwOcteiI.js} +1 -1
- package/dist/assets/{Chips.stories-DHJLxAwi.js → Chips.stories-DvEyddmS.js} +1 -1
- package/dist/assets/{Color-YHDXOIA2-DtSlX6y8.js → Color-YHDXOIA2-BtW6qOVR.js} +1 -1
- package/dist/assets/{ComposingPopovers.stories-Buhcez-K.js → ComposingPopovers.stories-DBJFjhzX.js} +1 -1
- package/dist/assets/CountryFlag-BhibdOJ2.js +49 -0
- package/dist/assets/{CountryFlag.stories-BAoq9f11.js → CountryFlag.stories-DfJhWYOz.js} +1 -1
- package/dist/assets/{CountryFlag.test.stories-BQOn25VR.js → CountryFlag.test.stories-BmLRxSj2.js} +1 -1
- package/dist/assets/{Dialog.stories-wddpMYPZ.js → Dialog.stories-DuVAp1uh.js} +1 -1
- package/dist/assets/DismissibleChips-D8qOUNl1.js +1 -0
- package/dist/assets/{DismissibleChips.stories-DJjBWEal.js → DismissibleChips.stories-Bggm2Uu_.js} +1 -1
- package/dist/assets/{Divider-BPgGsji3.js → Divider-nt4GwjWS.js} +1 -1
- package/dist/assets/{Divider.stories-D0XhMPpe.js → Divider.stories-DD0t6A5Y.js} +1 -1
- package/dist/assets/{DocsRenderer-CFRXHY34-BRe85de1.js → DocsRenderer-CFRXHY34-BF4-7Bvz.js} +1 -1
- package/dist/assets/{DropdownMenu-BjXJi9hq.js → DropdownMenu-D0HlOrIY.js} +180 -180
- package/dist/assets/{DropdownMenu.stories-Br_YQdnZ.js → DropdownMenu.stories-BjlS3fvQ.js} +1 -1
- package/dist/assets/{FormControl.stories-Do6Ag_mi.js → FormControl.stories-Dwh6RVsg.js} +1 -1
- package/dist/assets/{Heading-AcDVTZ-_.js → Heading-O7e38RDd.js} +2 -2
- package/dist/assets/{Heading.stories-Dq8LtEfG.js → Heading.stories-DUy8mOqK.js} +1 -1
- package/dist/assets/{Icon-wspFbxjK.js → Icon-Dh4gq7rV.js} +1 -1
- package/dist/assets/{Icon-RSC-COhGavBW.js → Icon-RSC-Dcn5sZ3U.js} +1 -1
- package/dist/assets/{Icon.stories-BNA7Bui8.js → Icon.stories-YNDb1uxz.js} +1 -1
- package/dist/assets/IconButton-BpsZ_i0D.js +8 -0
- package/dist/assets/{Input-BAXGCyfY.js → Input-p1USf21q.js} +3 -3
- package/dist/assets/{IntegrationWithReactHookForm.stories-B0wzkRUy.js → IntegrationWithReactHookForm.stories-C7rkP74I.js} +1 -1
- package/dist/assets/{IntlFormattedCurrency.stories-DXgF0fgL.js → IntlFormattedCurrency.stories-DKCbye_s.js} +1 -1
- package/dist/assets/{IntlFormattedDateTime.stories-1kBqMLSv.js → IntlFormattedDateTime.stories-C7ql1fzH.js} +1 -1
- package/dist/assets/{LayoutFlex-DaVVk5XW.js → LayoutFlex-BQNwfAZ8.js} +1 -1
- package/dist/assets/{LayoutFlexItem-CbD8uHkr.js → LayoutFlexItem-Cnu7TJMT.js} +1 -1
- package/dist/assets/{LayoutGrid-BIeryQor.js → LayoutGrid-DKo6LloH.js} +1 -1
- package/dist/assets/{LayoutGrid.stories-pQ5UReWz.js → LayoutGrid.stories-d8Uh7SyS.js} +1 -1
- package/dist/assets/{LayoutGridItem-DhK3Bywt.js → LayoutGridItem-C3Sbj_zb.js} +1 -1
- package/dist/assets/{Link-Cc9tpbxA.js → Link-DNHygNgT.js} +1 -1
- package/dist/assets/{Link.stories-Drp_umWZ.js → Link.stories-C8G914wS.js} +1 -1
- package/dist/assets/MultiSelectChips-x8-aNb7S.js +2 -0
- package/dist/assets/{MultiSelectChips.stories-dUDp4Xc_.js → MultiSelectChips.stories-C-itbYdR.js} +1 -1
- package/dist/assets/NumberField-D2w4cJKT.js +6 -0
- package/dist/assets/{NumberField.stories-ZxFHRJyU.js → NumberField.stories-K0G1eZYP.js} +1 -1
- package/dist/assets/{ObserveIntersection-CBPJ0vGf.js → ObserveIntersection-CJD9SPB4.js} +1 -1
- package/dist/assets/{ObserveIntersection.stories-Bj8cybzJ.js → ObserveIntersection.stories-BZxt8NB9.js} +1 -1
- package/dist/assets/{OnboardingTooltip-BKRWp9Pq.js → OnboardingTooltip-DGGIkrYL.js} +1 -1
- package/dist/assets/{OnboardingTooltip.stories-DU8mHci-.js → OnboardingTooltip.stories-CqHYAi6H.js} +1 -1
- package/dist/assets/{OnboardingTooltip.tests.stories-CkbP5Ipu.js → OnboardingTooltip.tests.stories-nFV51x-_.js} +1 -1
- package/dist/assets/{OnboardingTour-BV2VCN_i.js → OnboardingTour-BglC71Ta.js} +1 -1
- package/dist/assets/{OnboardingTour.stories-K9VvH40P.js → OnboardingTour.stories-DBshcJ0B.js} +2 -2
- package/dist/assets/{OnboardingTour.tests.stories-D7L1eKyZ.js → OnboardingTour.tests.stories-CSVFsDnS.js} +1 -1
- package/dist/assets/PasswordField-CxIkNFsF.js +6 -0
- package/dist/assets/{PasswordField.stories-D9iudzST.js → PasswordField.stories-Dco0ovJg.js} +1 -1
- package/dist/assets/{PreplyLogo.stories-eJP4lbLQ.js → PreplyLogo.stories-DQVXMPIz.js} +1 -1
- package/dist/assets/{ProgressBar.stories-uUJTq2by.js → ProgressBar.stories-D3jz1ZQP.js} +1 -1
- package/dist/assets/{ProgressSteps.stories-b7cdUZmK.js → ProgressSteps.stories-1KAWRZVd.js} +1 -1
- package/dist/assets/{PromoDialog-DZI6CpQc.js → PromoDialog-DmE1Ox6z.js} +1 -1
- package/dist/assets/{Rating.stories-CC-5R6ut.js → Rating.stories-byG85-k9.js} +1 -1
- package/dist/assets/{RatingInput.stories-BO7jyUpI.js → RatingInput.stories-BmyAcN2r.js} +1 -1
- package/dist/assets/{SelectField-D9Fok9XR.js → SelectField-BygRJ7mA.js} +8 -8
- package/dist/assets/{SelectField.stories-DQTnk9Os.js → SelectField.stories-DgBLde_T.js} +1 -1
- package/dist/assets/{ShowOnIntersection.stories-CtV5r2Kn.js → ShowOnIntersection.stories-Dgh5DwVX.js} +1 -1
- package/dist/assets/SingleSelectChips-D3BHVGfe.js +2 -0
- package/dist/assets/{SingleSelectChips.stories-BQFZDkdR.js → SingleSelectChips.stories-Dh4SjJCK.js} +1 -1
- package/dist/assets/{Steps-BUMjNhaw.js → Steps-DhH69dIM.js} +1 -1
- package/dist/assets/{Steps.stories-BIrAAKzK.js → Steps.stories-BYZWWBHf.js} +1 -1
- package/dist/assets/{Switch.stories-DS5KnbfD.js → Switch.stories-CaMAnd_b.js} +1 -1
- package/dist/assets/{Text-BeTVFZDV.js → Text-Bj4lCtRc.js} +1 -1
- package/dist/assets/{Text.stories-BTK0-cRF.js → Text.stories-Dx9I8yq7.js} +1 -1
- package/dist/assets/TextField-CpqUV3nE.js +6 -0
- package/dist/assets/{TextField.stories-DkdS2Mfb.js → TextField.stories-DVcFAmI_.js} +1 -1
- package/dist/assets/{TextHighlighted.stories-C75NoH2M.js → TextHighlighted.stories-Ddkb0Eic.js} +1 -1
- package/dist/assets/{TextInline.stories-0r8wshPV.js → TextInline.stories-TF8QL7dO.js} +1 -1
- package/dist/assets/{TextareaField-Drzk_csF.js → TextareaField-BllgUips.js} +8 -8
- package/dist/assets/{TextareaField.stories-BEBK6RZT.js → TextareaField.stories-CCqlnPe_.js} +1 -1
- package/dist/assets/{Toast.stories-6u3p4VaR.js → Toast.stories-DIdoJeJF.js} +1 -1
- package/dist/assets/{Tooltip.stories-DIt2icPQ.js → Tooltip.stories-CNov-gkX.js} +1 -1
- package/dist/assets/{Tooltip.tests.stories-D4UUXvaG.js → Tooltip.tests.stories-CJh9LT0Y.js} +1 -1
- package/dist/assets/{breakpoints-__JDXoVV.js → breakpoints-CXCZFL5D.js} +1 -1
- package/dist/assets/{breakpoints-D1NuJ1Ck.js → breakpoints-D198lovo.js} +1 -1
- package/dist/assets/{breakpoints-DQ0cE-7v.js → breakpoints-D9Y6r7Wa.js} +1 -1
- package/dist/assets/{changelog-B-7o4UyI.js → changelog-C1ld2nDc.js} +240 -230
- package/dist/assets/createRequiredContext-ChMx7FdN.js +241 -0
- package/dist/assets/{entry-preview-B_etxKYS.js → entry-preview-C6CnKIuC.js} +1 -1
- package/dist/assets/{getTokenVar-BrRxg7Sd.js → getTokenVar-Kl4fQ1Kj.js} +1 -1
- package/dist/assets/{hover-BRL3-ew5.js → hover-CZpvGpBh.js} +1 -1
- package/dist/assets/{hover-QZ-mRtAD.js → hover-DxOyTM6D.js} +1 -1
- package/dist/assets/{hover-D6DPls7K.js → hover-deiWDZRE.js} +1 -1
- package/dist/assets/{iframe-HVWDRYwU.js → iframe-DaGDN8RV.js} +2 -2
- package/dist/assets/{index-BVD8Q_yH.js → index-B2Dfubap.js} +1 -1
- package/dist/assets/{index-HAWm7lpA.js → index-DutI5zZq.js} +4 -4
- package/dist/assets/{index-D2OeATJc.js → index-DzhQa_UD.js} +3 -3
- package/dist/assets/{intro-CCOnfVV-.js → intro-BE4s0K_N.js} +1 -1
- package/dist/assets/{migrating-from-less-CGTLe5iR.js → migrating-from-less-CtULEQ8m.js} +1 -1
- package/dist/assets/{preview-Cm45ft8v.js → preview-ByHXCScc.js} +2 -2
- package/dist/assets/{preview-45qDei97.js → preview-V9rP4WZc.js} +1 -1
- package/dist/assets/{preview-Dh5Xn-6N.js → preview-oSwaWaKi.js} +1 -1
- package/dist/assets/{tokens-CLEDQ2NI.js → tokens-8ofWrKCO.js} +1 -1
- package/dist/assets/{tokens-DLLmUmoT.js → tokens-BZHfgJsO.js} +1 -1
- package/dist/assets/{tokens-0vMwrKfg.js → tokens-DhYlNiT9.js} +1 -1
- package/dist/assets/{usePortalElement--_bF-XXu.js → usePortalElement-_10aM_bu.js} +1 -1
- package/dist/assets/{welcome-BeM9AkPY.js → welcome-BE7qPLxT.js} +1 -1
- package/dist/assets/{zeroheight-ot2J4ixf.js → zeroheight-CNXUtlRH.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/preview-stats.json +9228 -9210
- package/dist/project.json +1 -1
- package/package.json +3 -3
- package/dist/assets/Button-DWJn1UPq.css +0 -1
- package/dist/assets/ButtonBase-B_NzLahR.css +0 -1
- package/dist/assets/CountryFlag-B0HpjQWe.js +0 -49
- package/dist/assets/DismissibleChips-DQhE_0Ll.js +0 -1
- package/dist/assets/IconButton-Uj306zax.js +0 -8
- package/dist/assets/MultiSelectChips-BqFtbDlW.js +0 -2
- package/dist/assets/NumberField-D5QfH9e7.js +0 -6
- package/dist/assets/PasswordField-IOfkl1f_.js +0 -6
- package/dist/assets/SingleSelectChips-CSrlgJ4x.js +0 -2
- package/dist/assets/TextField-DNQO5hjo.js +0 -6
- package/dist/assets/createRequiredContext-xfj07Y2n.js +0 -241
- /package/dist/assets/{Button-CiNYQcxX.js → Button-RI9aMQG7.js} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var he=Object.defineProperty;var Se=(e,n,t)=>n in e?he(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;var N=(e,n,t)=>Se(e,typeof n!="symbol"?n+"":n,t);import{j as f}from"./jsx-runtime-BTJTZTIL.js";import{r as y}from"./index-Cb9e4tly.js";import{S as F,u as be}from"./Steps-
|
|
1
|
+
var he=Object.defineProperty;var Se=(e,n,t)=>n in e?he(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;var N=(e,n,t)=>Se(e,typeof n!="symbol"?n+"":n,t);import{j as f}from"./jsx-runtime-BTJTZTIL.js";import{r as y}from"./index-Cb9e4tly.js";import{S as F,u as be}from"./Steps-DhH69dIM.js";import{F as Ee}from"./TokyoUIClose-thK8sk63.js";import{I as xe}from"./IconButton-BpsZ_i0D.js";import{g as De}from"./shared-strings-DFzxd8lM.js";import{u as _e}from"./index-DWSmmBvQ.js";import{H as Ce}from"./Heading-O7e38RDd.js";import{T as Re}from"./Text-Bj4lCtRc.js";import{u as H,c as we,a as Ve,m as Ie,b as Te,d as ke,e as ie,f as qe,g as Ne,h as Pe,i as ze,j as Me,k as Be,l as Oe,n as z,N as je,o as P,p as ce,t as de,q as pe,C as M,r as Ue,I as Ae,s as Fe,F as He,v as We,w as Le,x as Je,E as te}from"./useOpenInteractionType-BkuUI9ak.js";import{b as Ge}from"./PortalElementProvider-BAqvxZzH.js";import{g as Xe}from"./index-qlqSh81O.js";import{w as ne}from"./componentNames-k0j3gHgH.js";import{m as Ke,s as $e,b as Ye}from"./classNames-9hsFPPZv.js";import{r as me}from"./index-ChsGqxH_.js";var W={exports:{}},L={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* use-sync-external-store-shim.production.js
|
|
4
4
|
*
|
|
@@ -52,7 +52,7 @@ return next;
|
|
|
52
52
|
const handleStepChange = async (current, next) => {
|
|
53
53
|
if (next === 2) return 3; // Skip step 2
|
|
54
54
|
return next;
|
|
55
|
-
};`,name:"onStepChange",required:!1,type:{name:"enum",value:[{value:"(currentStep: number, nextStep: number) => number | Promise<number | undefined> | undefined"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}try{$.displayName="DialogStep",$.__docgenInfo={description:"",displayName:"DialogStep",props:{title:{defaultValue:null,description:"Main heading for the step.",name:"title",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},description:{defaultValue:null,description:"Optional description text displayed below the title.",name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideHeader:{defaultValue:null,description:"If true, hides the step title and description.",name:"hideHeader",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},children:{defaultValue:null,description:"Step content.",name:"children",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}}}}}catch{}try{j.displayName="DialogStepsNext",j.__docgenInfo={description:"",displayName:"DialogStepsNext",props:{
|
|
55
|
+
};`,name:"onStepChange",required:!1,type:{name:"enum",value:[{value:"(currentStep: number, nextStep: number) => number | Promise<number | undefined> | undefined"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}try{$.displayName="DialogStep",$.__docgenInfo={description:"",displayName:"DialogStep",props:{title:{defaultValue:null,description:"Main heading for the step.",name:"title",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},description:{defaultValue:null,description:"Optional description text displayed below the title.",name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideHeader:{defaultValue:null,description:"If true, hides the step title and description.",name:"hideHeader",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},children:{defaultValue:null,description:"Step content.",name:"children",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}}}}}catch{}try{j.displayName="DialogStepsNext",j.__docgenInfo={description:"",displayName:"DialogStepsNext",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"m"'},{value:'"xl"'},{value:'"s"'},{value:'"l"'},{value:'"small"'},{value:'"medium"'},{value:'"large"'},{value:"ResponsiveProp<ButtonSize>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"critical"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"inverted"'},{value:'"newFeature"'},{value:'"ai"'}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler"}]}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
|
|
56
56
|
|
|
57
57
|
Allows rendering the button using a different React element or component.
|
|
58
58
|
This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
|
|
@@ -71,7 +71,7 @@ The trailing SVG icon.
|
|
|
71
71
|
|
|
72
72
|
<Button trailingSvgIcon={TokyoUITag}>Button</Button>
|
|
73
73
|
or
|
|
74
|
-
<Button trailingSvgIcon={<TokyoUITag />}>Button</Button>`,name:"trailingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLAnchorElement | HTMLButtonElement | null) => void"},{value:"RefObject<HTMLAnchorElement | HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}try{U.displayName="DialogStepsPrevious",U.__docgenInfo={description:"",displayName:"DialogStepsPrevious",props:{
|
|
74
|
+
<Button trailingSvgIcon={<TokyoUITag />}>Button</Button>`,name:"trailingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLAnchorElement | HTMLButtonElement | null) => void"},{value:"RefObject<HTMLAnchorElement | HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}try{U.displayName="DialogStepsPrevious",U.__docgenInfo={description:"",displayName:"DialogStepsPrevious",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"m"'},{value:'"xl"'},{value:'"s"'},{value:'"l"'},{value:'"small"'},{value:'"medium"'},{value:'"large"'},{value:"ResponsiveProp<ButtonSize>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"critical"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"inverted"'},{value:'"newFeature"'},{value:'"ai"'}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler"}]}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
|
|
75
75
|
|
|
76
76
|
Allows rendering the button using a different React element or component.
|
|
77
77
|
This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
|
|
@@ -112,7 +112,7 @@ Might be an icon or an avatar.
|
|
|
112
112
|
leadingElement={
|
|
113
113
|
<Avatar size="48" src="https://example.com/avatar.jpg" />
|
|
114
114
|
}
|
|
115
|
-
/>`,name:"leadingElement",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}}}}}catch{}const Q=({open:e,title:n,description:t,leadingElement:a,children:l,size:s="md",hideHeader:u,onClose:o,mobileFullHeight:r,dataset:c})=>{const{formatMessage:d}=_e(),p=Ge(),i=en(e),v=Xe(c,{preplyDsComponent:ne.Dialog}),g=Ke(x,ne.Dialog,[$e("size",s),Ye("fullheight",void 0,r)]).join(" "),m=y.useCallback(h=>{h||o==null||o()},[o]);return f.jsx(Zt,{open:e,onOpenChange:m,children:f.jsxs($t,{container:p,children:[f.jsx(Ft,{className:x.overlay,"data-testid":"dialog-overlay",forceRender:!0}),f.jsxs(Kt,{...v,ref:i,className:g,children:[f.jsx(Z,{title:n,description:t,hidden:u,leadingElement:a}),f.jsx("div",{className:x.close,children:f.jsx(Ht,{render:f.jsx(xe,{size:"small",variant:"ghost",dataset:{testid:"dialog-close"},assistiveText:d(De.close),svg:Ee})})}),l]})]})})};function en(e){const[n,t]=y.useState(null),a=y.useCallback(l=>t(l),[]);return y.useEffect(()=>{if(!e||!n)return;const l=async()=>{const u=n.getAnimations().map(r=>r.finished);await Promise.allSettled(u);const{y:o}=n.getBoundingClientRect();n.classList.toggle(x["no-border-radius"],o===0)};l(),window.addEventListener("resize",l);const s=new ResizeObserver(l);return s.observe(n),()=>{window.removeEventListener("resize",l),s.disconnect()}},[e,n]),a}try{Q.displayName="Dialog",Q.__docgenInfo={description:"",displayName:"Dialog",props:{
|
|
115
|
+
/>`,name:"leadingElement",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}}}}}catch{}const Q=({open:e,title:n,description:t,leadingElement:a,children:l,size:s="md",hideHeader:u,onClose:o,mobileFullHeight:r,dataset:c})=>{const{formatMessage:d}=_e(),p=Ge(),i=en(e),v=Xe(c,{preplyDsComponent:ne.Dialog}),g=Ke(x,ne.Dialog,[$e("size",s),Ye("fullheight",void 0,r)]).join(" "),m=y.useCallback(h=>{h||o==null||o()},[o]);return f.jsx(Zt,{open:e,onOpenChange:m,children:f.jsxs($t,{container:p,children:[f.jsx(Ft,{className:x.overlay,"data-testid":"dialog-overlay",forceRender:!0}),f.jsxs(Kt,{...v,ref:i,className:g,children:[f.jsx(Z,{title:n,description:t,hidden:u,leadingElement:a}),f.jsx("div",{className:x.close,children:f.jsx(Ht,{render:f.jsx(xe,{size:"small",variant:"ghost",dataset:{testid:"dialog-close"},assistiveText:d(De.close),svg:Ee})})}),l]})]})})};function en(e){const[n,t]=y.useState(null),a=y.useCallback(l=>t(l),[]);return y.useEffect(()=>{if(!e||!n)return;const l=async()=>{const u=n.getAnimations().map(r=>r.finished);await Promise.allSettled(u);const{y:o}=n.getBoundingClientRect();n.classList.toggle(x["no-border-radius"],o===0)};l(),window.addEventListener("resize",l);const s=new ResizeObserver(l);return s.observe(n),()=>{window.removeEventListener("resize",l),s.disconnect()}},[e,n]),a}try{Q.displayName="Dialog",Q.__docgenInfo={description:"",displayName:"Dialog",props:{title:{defaultValue:null,description:"Title displayed in the dialog header",name:"title",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},description:{defaultValue:null,description:"Optional description displayed below the title",name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},leadingElement:{defaultValue:null,description:`Optional leading element displayed above the title.
|
|
116
116
|
Might be an icon or an avatar.
|
|
117
117
|
@example import TokyoUINotesWithPad from '@preply/ds-media-icons/dist/24/TokyoUINotesWithPad.svg';
|
|
118
118
|
|