@preply/ds-docs 2.2.2 → 2.4.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-DG5XDWWv.js → 00.LayoutFlex.stories-D9Mbli09.js} +1 -1
- package/dist/assets/{00.applications-D9LRSiJ2.js → 00.applications-h3eU30x1.js} +1 -1
- package/dist/assets/{00.favicons.guide-Ckn8Ny70.js → 00.favicons.guide-BAXqiQQX.js} +1 -1
- package/dist/assets/{00.token-explorer-r_cr8B1c.js → 00.token-explorer-Dm9UX3N0.js} +8 -8
- package/dist/assets/{00.using-responsive-props-C6sHJ8kz.js → 00.using-responsive-props-CzuKWDWH.js} +1 -1
- package/dist/assets/01.semantic-tokens-BJHIZq-S.js +2 -0
- package/dist/assets/{01.using-shorthand-props-C9Ntfrh8.js → 01.using-shorthand-props-w68fjJ1S.js} +1 -1
- package/dist/assets/10.Combinations.stories-DpIFw2ZH.js +144 -0
- package/dist/assets/{10.fonts.guide-e6UD4uLu.js → 10.fonts.guide-Dy8ifEG0.js} +1 -1
- package/dist/assets/{10.ssr-CVR5x6k2.js → 10.ssr-CTf7FA6T.js} +1 -1
- package/dist/assets/{11.languageFont.explorer-D-2_ljwo.js → 11.languageFont.explorer-CzzsAo_-.js} +4 -4
- package/dist/assets/{11.ssr.app-router-DCaas1Jg.js → 11.ssr.app-router-1a1bLSxS.js} +1 -1
- package/dist/assets/{20.libraries-DaFUTy97.js → 20.libraries-cfFMZ5jt.js} +1 -1
- package/dist/assets/30.icons.explorer-DkDUlAAs.js +73 -0
- package/dist/assets/{30.storybook-CNA1zJjZ.js → 30.storybook-Df7y_pEg.js} +1 -1
- package/dist/assets/40.illustrations.explorer-Cp-KWsVv.js +21 -0
- package/dist/assets/{90.advanced-CR3aXZf3.js → 90.advanced-hQWASLuO.js} +1 -1
- package/dist/assets/{AlertDialog.stories-CB_cqbh2.js → AlertDialog.stories-BYaM3Dmh.js} +1 -1
- package/dist/assets/Avatar-BhXAiEHx.js +1 -0
- package/dist/assets/Avatar-DB1aMzdM.js +6 -0
- package/dist/assets/{Avatar.stories--exyM3AW.js → Avatar.stories-DjqCRDPm.js} +1 -1
- package/dist/assets/{AvatarWithStatus.stories-DoxREpBO.js → AvatarWithStatus.stories-BZuSG4Su.js} +2 -2
- package/dist/assets/{Badge.stories-CkfGCM6P.js → Badge.stories-DUeSVdhy.js} +2 -2
- package/dist/assets/Box.stories-Nfk41bTN.js +44 -0
- package/dist/assets/{Button-Ua3wdhT5.js → Button-BwzVXfnD.js} +1 -1
- package/dist/assets/Button-DBRxFdD6.js +1 -0
- package/dist/assets/{Button.stories-Ch27R8oX.js → Button.stories-Ds7LLJCv.js} +1 -1
- package/dist/assets/ButtonBase-fjWfWc99.js +8 -0
- package/dist/assets/Checkbox-CLpuKQf1.js +10 -0
- package/dist/assets/{Checkbox.stories-D3hadrXr.js → Checkbox.stories-BpslrBRV.js} +1 -1
- package/dist/assets/Checkbox.tests.stories-CunSiMPy.js +137 -0
- package/dist/assets/{Chips.stories-DRsHKMsQ.js → Chips.stories-BpSsn1sj.js} +4 -4
- package/dist/assets/{Color-YHDXOIA2-B7l-M1yz.js → Color-YHDXOIA2-nYlMi6NW.js} +1 -1
- package/dist/assets/{Dialog.stories-DxdwCMLf.js → Dialog.stories-BjLQxUlw.js} +1 -1
- package/dist/assets/{DocsRenderer-CFRXHY34-CwOeTrS1.js → DocsRenderer-CFRXHY34-E44rqLii.js} +1 -1
- package/dist/assets/FieldButton-BcfNDhpZ.js +1 -0
- package/dist/assets/FieldButton.stories-DiyzxI51.js +1 -0
- package/dist/assets/{FieldLayout-BTyC7lWj.js → FieldLayout-Df4DLDsB.js} +1 -1
- package/dist/assets/{FieldLayout.stories-CuEj0T8M.js → FieldLayout.stories-XL0oFgId.js} +1 -1
- package/dist/assets/{FieldLayoutBase-F3pRKFiA.js → FieldLayoutBase-anE7xqIx.js} +2 -2
- package/dist/assets/Heading-Iho_snJl.js +2 -0
- package/dist/assets/{Heading.stories-D8_2U4kZ.js → Heading.stories-BmAkaflC.js} +1 -1
- package/dist/assets/Icon-BlrxZqIa.js +1 -0
- package/dist/assets/Icon-CzZtXwMO.js +8 -0
- package/dist/assets/{Icon-RSC-Vg8p_sFp.js → Icon-RSC-FCfhIsMz.js} +1 -1
- package/dist/assets/{Icon.stories-D8MBZIDN.js → Icon.stories-B1XRazs6.js} +1 -1
- package/dist/assets/{IconButton-BUDpAbUP.js → IconButton-BXhZQuQT.js} +1 -1
- package/dist/assets/InputText-DsxbN3CG.js +5 -0
- package/dist/assets/LayoutFlex-B25JvLRp.js +1 -0
- package/dist/assets/LayoutFlex-DVn5GUOH.js +1 -0
- package/dist/assets/{Text-BjBJEVRG.css → LayoutFlex-a_rYMhDk.css} +1 -1
- package/dist/assets/LayoutFlexItem-BoPow6tI.js +1 -0
- package/dist/assets/LayoutGrid-BPWOaksx.js +1 -0
- package/dist/assets/LayoutGrid.stories-DDK_v_6q.js +88 -0
- package/dist/assets/LayoutGridItem-DbVmH61j.js +1 -0
- package/dist/assets/{Link.stories-D970H-zX.js → Link.stories-BV1DTHIx.js} +6 -6
- package/dist/assets/Loader.stories-BtMhSe5v.js +37 -0
- package/dist/assets/{NumberField.stories-CmsQI4vK.js → NumberField.stories-DLUFUbhI.js} +2 -2
- package/dist/assets/{ObserveIntersection-DmUYWtw_.js → ObserveIntersection-X9T7s8C_.js} +1 -1
- package/dist/assets/{ObserveIntersection.stories-D9iSLGDs.js → ObserveIntersection.stories-CL2a-4JN.js} +1 -1
- package/dist/assets/{OnboardingTooltip-CBrKU8Xk.js → OnboardingTooltip-BPM5tdAw.js} +1 -1
- package/dist/assets/{OnboardingTooltip.stories-Co4Xw1ei.js → OnboardingTooltip.stories-Ddrm-Vy0.js} +1 -1
- package/dist/assets/{OnboardingTooltip.tests.stories-BNTOBN_G.js → OnboardingTooltip.tests.stories-BHVQqSnl.js} +1 -1
- package/dist/assets/{OnboardingTour-D3bCOYvo.js → OnboardingTour-CoyXtu8b.js} +1 -1
- package/dist/assets/{OnboardingTour.stories-IjbV5XsB.js → OnboardingTour.stories-vU8ghqhL.js} +2 -2
- package/dist/assets/{OnboardingTour.tests.stories-EupxMCzm.js → OnboardingTour.tests.stories-vXlx1Tk2.js} +1 -1
- package/dist/assets/PasswordField.stories-BGY7rjXV.js +203 -0
- package/dist/assets/PreplyLogo.stories-_fxAXZGE.js +97 -0
- package/dist/assets/{ProgressBar.stories-uMqhJXI-.js → ProgressBar.stories-BclbcX02.js} +1 -1
- package/dist/assets/{ProgressSteps.stories-CD8imjKH.js → ProgressSteps.stories-_F3izKgu.js} +1 -1
- package/dist/assets/SelectField.stories-_QOq1bZM.js +182 -0
- package/dist/assets/{ShowOnIntersection.stories-DkmJRWg7.js → ShowOnIntersection.stories-kLcUye2N.js} +1 -1
- package/dist/assets/{Steps-D250tL4K.js → Steps-Dhp0iBn3.js} +1 -1
- package/dist/assets/{Steps.stories-D87rOP2-.js → Steps.stories-Bte8vve5.js} +1 -1
- package/dist/assets/Text-C6Y3rIRK.js +1 -0
- package/dist/assets/{Text.stories-DGPV9-zq.js → Text.stories-X4B6SOqs.js} +1 -1
- package/dist/assets/TextField.stories-BNT31zf0.js +178 -0
- package/dist/assets/TextHighlighted-BzUuo56x.js +1 -0
- package/dist/assets/TextHighlighted.stories-BnvdwfAX.js +32 -0
- package/dist/assets/TextInline.stories-BlmLch3R.js +37 -0
- package/dist/assets/TextareaField.stories-DGd7H0kt.js +221 -0
- package/dist/assets/{Toast.stories-C11cgX_6.js → Toast.stories-BrR9WTSV.js} +1 -1
- package/dist/assets/{Tooltip.stories-Dq5PJhdA.js → Tooltip.stories-C5jfWW6M.js} +1 -1
- package/dist/assets/{Tooltip.tests.stories-Cie8T0vz.js → Tooltip.tests.stories-D6ZXwY8n.js} +1 -1
- package/dist/assets/{breakpoints-DUiEWk32.js → breakpoints-BRV2oI45.js} +1 -1
- package/dist/assets/{breakpoints-Kkq9QlyD.js → breakpoints-CZRP5Alm.js} +1 -1
- package/dist/assets/{breakpoints-BRdPP1TZ.js → breakpoints-sSFugu-b.js} +1 -1
- package/dist/assets/{changelog-cNICkEng.js → changelog-B1t0y4q9.js} +124 -110
- package/dist/assets/{entry-preview-1hDLzyVO.js → entry-preview-gixUDv64.js} +1 -1
- package/dist/assets/filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js +1 -0
- package/dist/assets/filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js +1 -0
- package/dist/assets/{getTokenVar-Dcfo1be_.js → getTokenVar-CybtM9M1.js} +1 -1
- package/dist/assets/{hover-BGigwCNJ.js → hover-BiJvfb0v.js} +1 -1
- package/dist/assets/{hover-Cyb6UrgY.js → hover-D4e5NPL-.js} +1 -1
- package/dist/assets/{hover-DtM1J8qe.js → hover-swm44S6H.js} +1 -1
- package/dist/assets/{iframe-BH3uiHBc.js → iframe-D-owUXoQ.js} +2 -2
- package/dist/assets/{index-Ck13yCbr.js → index-DR0BJ77C.js} +3 -3
- package/dist/assets/{index-BS21oJwQ.js → index-DaKSiyPo.js} +1 -1
- package/dist/assets/{intro-CSxtP1xn.js → intro-BmEWNarv.js} +1 -1
- package/dist/assets/{migrating-from-less-ippcIs1q.js → migrating-from-less-OVTYMVPH.js} +1 -1
- package/dist/assets/{playground.stories-DL5fpOBd.js → playground.stories-BXB-tnbw.js} +4 -4
- package/dist/assets/{preview-_3frqnfu.js → preview-DBV_6kXj.js} +1 -1
- package/dist/assets/{preview-CM4C4-L-.js → preview-DfxRAFJo.js} +2 -2
- package/dist/assets/{preview-D_fhqkVz.js → preview-_QLeU3Ae.js} +1 -1
- package/dist/assets/text-centered-C0V1O_Sd.js +1 -0
- package/dist/assets/{text-accent-CDvOoGdV.css → text-centered-fslmi4MP.css} +1 -1
- package/dist/assets/{tokens-xt6pG3U-.js → tokens-2b0Aegc5.js} +1 -1
- package/dist/assets/{tokens-CJ63pfRL.js → tokens-B5EFsLtR.js} +1 -1
- package/dist/assets/{tokens-C1MGvdIw.js → tokens-CvzHiOXz.js} +1 -1
- package/dist/assets/{usePortalElement-2c19axHO.js → usePortalElement-DnCZkF76.js} +1 -1
- package/dist/assets/useToken-BExS62AK.js +1 -0
- package/dist/assets/{welcome-CT5T3CAe.js → welcome-BjgujnHV.js} +1 -1
- package/dist/assets/{zeroheight-5br1IU2I.js → zeroheight-DeWlsak-.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/preview-stats.json +1154 -1127
- package/dist/project.json +1 -1
- package/package.json +3 -3
- package/dist/assets/01.semantic-tokens-CrBTxkww.js +0 -2
- package/dist/assets/10.Combinations.stories-Ce5YVZgO.js +0 -144
- package/dist/assets/30.icons.explorer-C9gwiQSc.js +0 -72
- package/dist/assets/40.illustrations.explorer-CE4NkG7U.js +0 -21
- package/dist/assets/Avatar-CH0_UrRN.js +0 -6
- package/dist/assets/Avatar-Iyph9-aQ.js +0 -1
- package/dist/assets/Box.stories-BmdIAENY.js +0 -44
- package/dist/assets/Button-BzRWDefj.js +0 -1
- package/dist/assets/ButtonBase-D0ZIVzRq.js +0 -8
- package/dist/assets/Checkbox-BxvcX_wW.js +0 -10
- package/dist/assets/Checkbox.tests.stories-1YpjlZVu.js +0 -137
- package/dist/assets/FieldButton-CCz9-7Bu.js +0 -1
- package/dist/assets/FieldButton.stories-Cf4ZQ0zO.js +0 -1
- package/dist/assets/Heading-CQ-2lErO.js +0 -2
- package/dist/assets/Icon-CcRUbFZa.js +0 -1
- package/dist/assets/Icon-CsccYTZ-.js +0 -8
- package/dist/assets/InputText-D9JhNXoc.js +0 -5
- package/dist/assets/LayoutFlex-7DoB3s9X.css +0 -1
- package/dist/assets/LayoutFlex-BHnRSdTL.js +0 -1
- package/dist/assets/LayoutFlex-b2QXeA0z.js +0 -1
- package/dist/assets/LayoutFlexItem-CJkCBZ-T.js +0 -1
- package/dist/assets/LayoutGrid-CvUo6BcD.js +0 -1
- package/dist/assets/LayoutGrid.stories-SyasmoS3.js +0 -88
- package/dist/assets/LayoutGridItem-CxfS8XlV.js +0 -1
- package/dist/assets/Loader.stories-BYeEl9cb.js +0 -37
- package/dist/assets/PasswordField.stories-BF8iWcu_.js +0 -203
- package/dist/assets/PreplyLogo.stories-Cb304jZX.js +0 -97
- package/dist/assets/SelectField.stories-pGSDbpvG.js +0 -182
- package/dist/assets/Text-D7kiVARi.js +0 -1
- package/dist/assets/Text-QKoyPmSP.js +0 -1
- package/dist/assets/TextField.stories-CNsyGMQ7.js +0 -178
- package/dist/assets/TextHighlighted-DMdISSz2.js +0 -1
- package/dist/assets/TextHighlighted.stories-CbkTjtVw.js +0 -32
- package/dist/assets/TextInline.stories-DTtJTDzJ.js +0 -37
- package/dist/assets/TextareaField.stories-D6Ov6Kwe.js +0 -221
- package/dist/assets/filterHTMLAttributes-DYdLqcvH.js +0 -1
- package/dist/assets/filterHTMLAttributes-UOns5Q7s.js +0 -1
- package/dist/assets/text-accent-CZD2Hmtq.js +0 -1
- package/dist/assets/text-centered-Bk7GkK8R.js +0 -1
- package/dist/assets/text-centered-DN9XHxjM.css +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{r as U}from"./index-Cb9e4tly.js";import{a as g}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{u as X,w as M,e as P}from"./index-BVDq5o4N.js";import{F as Z,a as ee}from"./TokyoUIUser-Hwg3-lyt.js";import{F as re}from"./FieldButton-
|
|
1
|
+
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{r as U}from"./index-Cb9e4tly.js";import{a as g}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{u as X,w as M,e as P}from"./index-BVDq5o4N.js";import{F as Z,a as ee}from"./TokyoUIUser-Hwg3-lyt.js";import{F as re}from"./FieldButton-BcfNDhpZ.js";import{I as te}from"./Icon-CzZtXwMO.js";import{I as ae}from"./InputText-DsxbN3CG.js";import{F as h}from"./FieldLayout-Df4DLDsB.js";import{B as Q}from"./Button-BwzVXfnD.js";import{T as oe}from"./Text-C6Y3rIRK.js";import{u as se}from"./useForcedRef--iGFM41p.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./classNames-BUL1Zq7e.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Y1T_IIlY.js";import"./text-accent-DZDDtpIt.js";import"./render-icon-BT0Aq7PA.js";import"./defaults-B1rzzf6M.js";import"./FieldLayoutBase-anE7xqIx.js";import"./FieldAdditionalText-Du1TBs7a.js";import"./constants-DL6gdbsq.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-B1DLZQ1U.js";import"./ButtonBase-fjWfWc99.js";import"./Spinner-B2C3RkCF.js";import"./useMergeRefs-SFH7Mw4x.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./text-centered-CznToR0o.js";const _e={title:"components/FieldLayout",component:h,args:{onClick:g("onClick")},render:function(t){const a=U.useRef(null),o=se();return t.ref=a,r.jsx(h,{...t,id:"full-name",label:"Full name",icon:r.jsx(te,{svg:ee,label:"The hat"}),input:r.jsx(ae,{type:"text",id:"full-name-input",ref:o,placeholder:"John Smith",disabled:t.disabled,dataset:{testid:"input"}}),inputHandle:o.current,button:r.jsx(re,{svg:Z,assistiveText:"Do the thing",onClick:g("button clicked")})})}},s={},n={args:{additionalText:"This is additional text"}},i={args:{required:!0}},c={args:{required:!0,requiredLabel:r.jsx(oe,{accent:"critical",variant:"m-bold",children:"Needed"})}},p={args:{hideLabel:!0}},d={args:{isFocused:!0}},u={args:{hasError:!0}},l={args:{disabled:!0}},m={decorators:[(e,{args:t})=>r.jsxs("div",{style:{padding:"8px",margin:"8px"},children:[r.jsxs("p",{children:["You can"," ",r.jsx(Q,{variant:"secondary",dataset:{testid:"focus-button"},onClick:()=>{var a,o;return(o=(a=t.ref)==null?void 0:a.current)==null?void 0:o.setFocus()},children:"Focus"})," ","the input imperatively."]}),r.jsx(e,{})]})],play:async({args:e,canvas:t})=>{if(!x(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const a=t.getByTestId("input");await X.click(t.getByTestId("focus-button")),await M(()=>P(a).toHaveFocus())}},f={decorators:[(e,{args:t})=>r.jsxs("div",{style:{height:"300px",overflow:"scroll",padding:"8px",margin:"8px"},children:[r.jsxs("p",{children:["You can"," ",r.jsx(Q,{variant:"secondary",dataset:{testid:"scroll-button"},onClick:()=>{if(!x(t.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");t.ref.current.scrollIntoView()},children:"Scroll"})," ","the input into view imperatively."]}),r.jsx("div",{style:{height:"1000px",display:"flex",flexDirection:"column",justifyContent:"end",border:"2px dashed lightgray",padding:"16px"},children:r.jsx(e,{})})]})],play:async({args:e,canvas:t})=>{if(!x(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const a=t.getByTestId("input");e.ref.current.scrollIntoView(),await M(()=>P(a).toBeVisible())}};function x(e){return typeof e=="object"&&e!==null&&"current"in e&&e.current!==null&&typeof e.current=="object"&&"setFocus"in e.current}var v,y,b;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(b=(y=s.parameters)==null?void 0:y.docs)==null?void 0:b.source}}};var I,w,F;n.parameters={...n.parameters,docs:{...(I=n.parameters)==null?void 0:I.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
additionalText: 'This is additional text'
|
|
4
4
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{j as u}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Cb9e4tly.js";import{a as k,g as H,b as z}from"./useForcedRef--iGFM41p.js";import{g as T}from"./index-DdzHuZ-Y.js";import{F as S}from"./FieldAdditionalText-Du1TBs7a.js";import"./index-D1pfvbUR.js";import{m as N,b as I,a as D}from"./classNames-BUL1Zq7e.js";import{M as A}from"./message-B1DLZQ1U.js";const R={textarea:"textarea",select:"select"},M=()=>{},O=(e,a)=>{const{type:l,id:n,name:t,className:r,onChange:d,onFocus:o,onBlur:v,onClick:f,onKeyDown:y,onKeyUp:b,onCopy:q,onPaste:_,required:E,readOnly:p,disabled:c,dataset:h,preplyDsComponent:L}=e,s=i.useRef(null);i.useImperativeHandle(a,()=>({setFocus:()=>{var m;return(m=s.current)==null?void 0:m.focus()},scrollIntoView:()=>{var m;return(m=s.current)==null?void 0:m.scrollIntoView()}}));const j=k({disabled:c,captureChildEvents:!0,onBlur:v,onFocus:o}),F=R[l]||"input",P=F===l in R?void 0:l,B={...{ref:s,type:P,id:n,name:t,className:r,...j,onChange:d||M,onClick:f,onKeyDown:y,onKeyUp:b,onCopy:q,onPaste:_,required:E,readOnly:p,disabled:c},...z(e),...T(h,{preplyDsComponent:L}),...H(e)};return u.jsx(F,{...B,ref:s})},w=i.forwardRef(O);try{w.displayName="InputBase",w.__docgenInfo={description:"",displayName:"InputBase",props:{type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"number"'},{value:'"url"'},{value:'"
|
|
1
|
+
import{j as u}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Cb9e4tly.js";import{a as k,g as H,b as z}from"./useForcedRef--iGFM41p.js";import{g as T}from"./index-DdzHuZ-Y.js";import{F as S}from"./FieldAdditionalText-Du1TBs7a.js";import"./index-D1pfvbUR.js";import{m as N,b as I,a as D}from"./classNames-BUL1Zq7e.js";import{M as A}from"./message-B1DLZQ1U.js";const R={textarea:"textarea",select:"select"},M=()=>{},O=(e,a)=>{const{type:l,id:n,name:t,className:r,onChange:d,onFocus:o,onBlur:v,onClick:f,onKeyDown:y,onKeyUp:b,onCopy:q,onPaste:_,required:E,readOnly:p,disabled:c,dataset:h,preplyDsComponent:L}=e,s=i.useRef(null);i.useImperativeHandle(a,()=>({setFocus:()=>{var m;return(m=s.current)==null?void 0:m.focus()},scrollIntoView:()=>{var m;return(m=s.current)==null?void 0:m.scrollIntoView()}}));const j=k({disabled:c,captureChildEvents:!0,onBlur:v,onFocus:o}),F=R[l]||"input",P=F===l in R?void 0:l,B={...{ref:s,type:P,id:n,name:t,className:r,...j,onChange:d||M,onClick:f,onKeyDown:y,onKeyUp:b,onCopy:q,onPaste:_,required:E,readOnly:p,disabled:c},...z(e),...T(h,{preplyDsComponent:L}),...H(e)};return u.jsx(F,{...B,ref:s})},w=i.forwardRef(O);try{w.displayName="InputBase",w.__docgenInfo={description:"",displayName:"InputBase",props:{type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"number"'},{value:'"url"'},{value:'"text"'},{value:'"search"'},{value:'"select"'},{value:'"textarea"'},{value:'"time"'},{value:'"email"'},{value:'"tel"'},{value:'"password"'},{value:'"date"'},{value:'"checkbox"'},{value:'"radio"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"name"'},{value:'"off"'},{value:'"on"'},{value:'"email"'},{value:'"username"'},{value:'"language"'},{value:'"tel"'},{value:'"new-password"'},{value:'"current-password"'}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
|
|
2
2
|
@see aria-labelledby`,name:"aria-describedby",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.
|
|
3
3
|
@see aria-hidden
|
|
4
4
|
@see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
|
|
5
5
|
@see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},"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:'"true"'},{value:'"false"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},preplyDsComponent:{defaultValue:null,description:`@deprecated preplyDsComponent is meant for internal Design SYstem use only!!
|
|
6
|
-
@see getDatasetProps`,name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"string"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},
|
|
6
|
+
@see getDatasetProps`,name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"string"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"enum",value:[{value:"string"}]}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"enum",value:[{value:"string"}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"enum",value:[{value:"number"}]}},resize:{defaultValue:null,description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"vertical"'},{value:'"horizontal"'},{value:'"both"'}]}},checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}function be(e,a,l){const n=i.useRef(e);return n.current=e,i.useMemo(()=>{if(!(!a&&!l))return t=>{a==null||a(t);const r=n.current(t);l==null||l(r)}},[a,l])}const K="InputText__FxeHT",U="InputPassword__q4ij6",G="InputDate__7a78C",J="InputTime__52oJ2",X="InputNumber__xlaLL",$="Textarea__POrZ-",Y="Checkbox__z-SLR",Q="Radio__jGtyy",W="Select__aV7xP",qe={InputText:K,InputPassword:U,InputDate:G,InputTime:J,InputNumber:X,Textarea:$,"Textarea--resize-none":"Textarea--resize-none__vTwQm","Textarea--resize-vertical":"Textarea--resize-vertical__OLW8E","Textarea--resize-horizontal":"Textarea--resize-horizontal__Smuc-","Textarea--resize-both":"Textarea--resize-both__Ti-0n",Checkbox:Y,Radio:Q,Select:W},Z="FieldLabel__b1RPF",g={FieldLabel:Z,"FieldLabel--wrap":"FieldLabel--wrap__A8t1v","FieldLabel--wrapGap":"FieldLabel--wrapGap__F694Q","FieldLabel--required":"FieldLabel--required__s9RYi","FieldLabel--hide":"FieldLabel--hide__j60I8"},x="FieldLabel",ee="•",ae=u.jsx(A,{id:"preply-ds.fieldLabel.required",defaultMessage:"Required",description:"Form field required label"}),le=({label:e=ae})=>{const a=D(g,x,["required"]);return u.jsxs("span",{className:a.join(" "),children:[u.jsx("span",{children:ee}),u.jsx("span",{children:e})]})},ue=()=>{const e=D(g,x,["wrapGap"]);return u.jsx("span",{className:e.join(" ")})},V=({id:e,label:a,hideLabel:l,wrapLabel:n=!1,required:t,requiredLabel:r})=>{const d=N(g,x,[I("hide",void 0,l),I("wrap",void 0,n)]);return u.jsxs("label",{htmlFor:e,className:d.join(" "),children:[a,n&&u.jsx(ue,{}),t&&u.jsx(le,{label:r})]})};try{V.displayName="FieldLabel",V.__docgenInfo={description:"",displayName:"FieldLabel",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},label:{defaultValue:{value:`(
|
|
7
7
|
<FormattedMessage
|
|
8
8
|
id="preply-ds.fieldLabel.required"
|
|
9
9
|
defaultMessage="Required"
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as x}from"./jsx-runtime-BTJTZTIL.js";import{r as N}from"./index-Cb9e4tly.js";import{g as b,a as C}from"./text-accent-DZDDtpIt.js";import{g as L}from"./text-centered-CznToR0o.js";import{f as T}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{m as k,s as q,b as E}from"./classNames-BUL1Zq7e.js";import{w as i}from"./componentNames-Y1T_IIlY.js";import{g as U}from"./index-DdzHuZ-Y.js";const V="Heading__Erkb1",I={Heading:V,"Heading--level-h1-normal":"Heading--level-h1-normal__t2Kqc","Heading--level-h1-large":"Heading--level-h1-large__2-ENi","Heading--level-h2-normal":"Heading--level-h2-normal__VzetR","Heading--level-h2-large":"Heading--level-h2-large__NxpiQ","Heading--level-h3-normal":"Heading--level-h3-normal__vCnMS","Heading--level-h3-large":"Heading--level-h3-large__Vs-gN","Heading--level-h4-normal":"Heading--level-h4-normal__O6PPx","Heading--level-h4-large":"Heading--level-h4-large__fNZXP","Heading--level-h5-normal":"Heading--level-h5-normal__IMKhU","Heading--level-h5-large":"Heading--level-h5-large__G40j-","Heading--narrow-l--level-h1-normal":"Heading--narrow-l--level-h1-normal__1qZxP","Heading--narrow-l--level-h1-large":"Heading--narrow-l--level-h1-large__vhit5","Heading--narrow-l--level-h2-normal":"Heading--narrow-l--level-h2-normal__a2FJF","Heading--narrow-l--level-h2-large":"Heading--narrow-l--level-h2-large__qFLdx","Heading--narrow-l--level-h3-normal":"Heading--narrow-l--level-h3-normal__D2GNa","Heading--narrow-l--level-h3-large":"Heading--narrow-l--level-h3-large__xeciI","Heading--narrow-l--level-h4-normal":"Heading--narrow-l--level-h4-normal__G7nUl","Heading--narrow-l--level-h4-large":"Heading--narrow-l--level-h4-large__cL6he","Heading--narrow-l--level-h5-normal":"Heading--narrow-l--level-h5-normal__UNw3s","Heading--narrow-l--level-h5-large":"Heading--narrow-l--level-h5-large__o76Fo","Heading--medium-s--level-h1-normal":"Heading--medium-s--level-h1-normal__IGwXF","Heading--medium-s--level-h1-large":"Heading--medium-s--level-h1-large__y2QjY","Heading--medium-s--level-h2-normal":"Heading--medium-s--level-h2-normal__T5nXA","Heading--medium-s--level-h2-large":"Heading--medium-s--level-h2-large__FbGid","Heading--medium-s--level-h3-normal":"Heading--medium-s--level-h3-normal__dcenB","Heading--medium-s--level-h3-large":"Heading--medium-s--level-h3-large__AR-Fa","Heading--medium-s--level-h4-normal":"Heading--medium-s--level-h4-normal__-NI8n","Heading--medium-s--level-h4-large":"Heading--medium-s--level-h4-large__AE93N","Heading--medium-s--level-h5-normal":"Heading--medium-s--level-h5-normal__ZJEJ-","Heading--medium-s--level-h5-large":"Heading--medium-s--level-h5-large__GJ8sd","Heading--medium-l--level-h1-normal":"Heading--medium-l--level-h1-normal__UG7oa","Heading--medium-l--level-h1-large":"Heading--medium-l--level-h1-large__hJgJ9","Heading--medium-l--level-h2-normal":"Heading--medium-l--level-h2-normal__sf7Py","Heading--medium-l--level-h2-large":"Heading--medium-l--level-h2-large__iYIZ9","Heading--medium-l--level-h3-normal":"Heading--medium-l--level-h3-normal__32eny","Heading--medium-l--level-h3-large":"Heading--medium-l--level-h3-large__kuCwB","Heading--medium-l--level-h4-normal":"Heading--medium-l--level-h4-normal__TE1Eh","Heading--medium-l--level-h4-large":"Heading--medium-l--level-h4-large__zZfdz","Heading--medium-l--level-h5-normal":"Heading--medium-l--level-h5-normal__7HYFE","Heading--medium-l--level-h5-large":"Heading--medium-l--level-h5-large__NkY03","Heading--wide-s--level-h1-normal":"Heading--wide-s--level-h1-normal__kqRcj","Heading--wide-s--level-h1-large":"Heading--wide-s--level-h1-large__yzHzL","Heading--wide-s--level-h2-normal":"Heading--wide-s--level-h2-normal__b9MXd","Heading--wide-s--level-h2-large":"Heading--wide-s--level-h2-large__q0kXc","Heading--wide-s--level-h3-normal":"Heading--wide-s--level-h3-normal__Ziuj8","Heading--wide-s--level-h3-large":"Heading--wide-s--level-h3-large__Q4111","Heading--wide-s--level-h4-normal":"Heading--wide-s--level-h4-normal__TxCtT","Heading--wide-s--level-h4-large":"Heading--wide-s--level-h4-large__cQQZf","Heading--wide-s--level-h5-normal":"Heading--wide-s--level-h5-normal__ZSrD7","Heading--wide-s--level-h5-large":"Heading--wide-s--level-h5-large__ZuCIn","Heading--wide-l--level-h1-normal":"Heading--wide-l--level-h1-normal__MavHI","Heading--wide-l--level-h1-large":"Heading--wide-l--level-h1-large__rE1tu","Heading--wide-l--level-h2-normal":"Heading--wide-l--level-h2-normal__YUYcX","Heading--wide-l--level-h2-large":"Heading--wide-l--level-h2-large__v5ssH","Heading--wide-l--level-h3-normal":"Heading--wide-l--level-h3-normal__kQBs2","Heading--wide-l--level-h3-large":"Heading--wide-l--level-h3-large__pU-wX","Heading--wide-l--level-h4-normal":"Heading--wide-l--level-h4-normal__WvWGX","Heading--wide-l--level-h4-large":"Heading--wide-l--level-h4-large__TeFQp","Heading--wide-l--level-h5-normal":"Heading--wide-l--level-h5-normal__1yKda","Heading--wide-l--level-h5-large":"Heading--wide-l--level-h5-large__Uadr4","Heading--variant-massive":"Heading--variant-massive__JFGji","Heading--variant-huge":"Heading--variant-huge__47FQz","Heading--variant-extraLarge":"Heading--variant-extraLarge__xRrqx","Heading--variant-large":"Heading--variant-large__wNK6S","Heading--variant-medium":"Heading--variant-medium__bCNZ-","Heading--variant-small":"Heading--variant-small__308Nb","Heading--narrow-l--variant-massive":"Heading--narrow-l--variant-massive__yg4AJ","Heading--narrow-l--variant-huge":"Heading--narrow-l--variant-huge__y9b4N","Heading--narrow-l--variant-extraLarge":"Heading--narrow-l--variant-extraLarge__XgyJu","Heading--narrow-l--variant-large":"Heading--narrow-l--variant-large__tzTo6","Heading--narrow-l--variant-medium":"Heading--narrow-l--variant-medium__iP3sG","Heading--narrow-l--variant-small":"Heading--narrow-l--variant-small__KeKjn","Heading--medium-s--variant-massive":"Heading--medium-s--variant-massive__L-b4J","Heading--medium-s--variant-huge":"Heading--medium-s--variant-huge__2o5EA","Heading--medium-s--variant-extraLarge":"Heading--medium-s--variant-extraLarge__eHmYu","Heading--medium-s--variant-large":"Heading--medium-s--variant-large__AI3KL","Heading--medium-s--variant-medium":"Heading--medium-s--variant-medium__t5dUK","Heading--medium-s--variant-small":"Heading--medium-s--variant-small__fCdNa","Heading--medium-l--variant-massive":"Heading--medium-l--variant-massive__jI3FW","Heading--medium-l--variant-huge":"Heading--medium-l--variant-huge__k0UpW","Heading--medium-l--variant-extraLarge":"Heading--medium-l--variant-extraLarge__yfai7","Heading--medium-l--variant-large":"Heading--medium-l--variant-large__65QTG","Heading--medium-l--variant-medium":"Heading--medium-l--variant-medium__UvxHB","Heading--medium-l--variant-small":"Heading--medium-l--variant-small__QI2p2","Heading--wide-s--variant-massive":"Heading--wide-s--variant-massive__B1S84","Heading--wide-s--variant-huge":"Heading--wide-s--variant-huge__KvYrn","Heading--wide-s--variant-extraLarge":"Heading--wide-s--variant-extraLarge__TJs8l","Heading--wide-s--variant-large":"Heading--wide-s--variant-large__Wcc0E","Heading--wide-s--variant-medium":"Heading--wide-s--variant-medium__mONpk","Heading--wide-s--variant-small":"Heading--wide-s--variant-small__oRKSN","Heading--wide-l--variant-massive":"Heading--wide-l--variant-massive__twgw-","Heading--wide-l--variant-huge":"Heading--wide-l--variant-huge__DBuNF","Heading--wide-l--variant-extraLarge":"Heading--wide-l--variant-extraLarge__H9nEI","Heading--wide-l--variant-large":"Heading--wide-l--variant-large__kJarT","Heading--wide-l--variant-medium":"Heading--wide-l--variant-medium__VN27E","Heading--wide-l--variant-small":"Heading--wide-l--variant-small__Skmxk"},r=N.forwardRef(function({children:g,variant:a,accent:l,level:e,large:v=!1,tag:m,color:n,centered:u,dataset:t,id:s,...o},H){const _=m||e||"h1",h=k(I,i.Heading,a?q("variant",a):E(`level-${e}-large`,`level-${e}-normal`,v)),w=L(u),c=b(!(l?void 0:n),l),p=C(n),f=["preply-ds-heading",...h,...w,...c,...p],y={...T(o),className:f.join(" "),...U(t,{preplyDsComponent:i.Heading}),id:s,ref:H};return x.jsx(_,{...y,children:g})});try{r.displayName="Heading",r.__docgenInfo={description:"",displayName:"Heading",props:{strong:{defaultValue:null,description:"@deprecated The appropriate `font-weight` is automatically set",name:"strong",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"inverted"'},{value:'"disabled"'},{value:'"selected"'},{value:'"info"'},{value:'"positive"'},{value:'"warning"'},{value:'"accent"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"branded"'},{value:'"error"'}]}},color:{defaultValue:null,description:"@deprecated Use `accent` instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},centered:{defaultValue:null,description:"",name:"centered",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},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:'"large"'},{value:'"medium"'},{value:'"small"'},{value:'"massive"'},{value:'"huge"'},{value:'"extraLarge"'},{value:"ResponsiveProp<HeadingVariant>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"div"'},{value:'"p"'},{value:'"span"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'}]}},level:{defaultValue:null,description:"@deprecated Use `variant` instead\n@deprecated Use `variant` instead",name:"level",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'}]}},large:{defaultValue:{value:"false"},description:`@deprecated There is no large version in Tokyo UI.
|
|
2
|
+
@deprecated There is no large version in Tokyo UI.`,name:"large",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},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: HTMLHeadingElement | null) => void"},{value:"RefObject<HTMLHeadingElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{r as H};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{H as e}from"./Heading-
|
|
1
|
+
import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{H as e}from"./Heading-Iho_snJl.js";import{S as s}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-CznToR0o.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-Y1T_IIlY.js";import"./index-DdzHuZ-Y.js";const f={title:"components/Heading",component:e,argTypes:{centered:{description:s},variant:{description:s}}},r=()=>a.jsxs("div",{style:{padding:"16px",display:"grid",gridTemplateColumns:"auto 3fr",alignItems:"center",gap:"16px"},children:[a.jsx("span",{children:"h1 / massive"}),a.jsx(e,{tag:"h1",variant:"massive",children:"Lorem ipsum"}),a.jsx("span",{children:"h2 / huge"}),a.jsx(e,{tag:"h2",variant:"huge",children:"Lorem ipsum"}),a.jsx("span",{children:"h3 / extraLarge"}),a.jsx(e,{tag:"h3",variant:"extraLarge",children:"Lorem ipsum"}),a.jsx("span",{children:"h4 / large"}),a.jsx(e,{tag:"h4",variant:"large",children:"Lorem ipsum"}),a.jsx("span",{children:"h5 / medium"}),a.jsx(e,{tag:"h5",variant:"medium",children:"Lorem ipsum"}),a.jsx("span",{children:"p / small"}),a.jsx(e,{tag:"p",variant:"small",children:"Lorem ipsum"})]}),n={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(l,{args:g})=>a.jsx("div",{style:{backgroundColor:g.accent==="inverted"?"black":void 0},children:l()})],args:{tag:"h1",variant:"massive",children:"Lorem ipsum",dataset:{qaid:"heading"}},argTypes:{centered:{control:"boolean"},dataset:{control:"object"},strong:{table:{disable:!0}},level:{table:{disable:!0}},color:{table:{disable:!0}},large:{table:{disable:!0}}}};var t,i,o;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`() => <div style={{
|
|
2
2
|
padding: '16px',
|
|
3
3
|
display: 'grid',
|
|
4
4
|
gridTemplateColumns: 'auto 3fr',
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as b}from"./jsx-runtime-BTJTZTIL.js";import{r as w}from"./index-Cb9e4tly.js";import{g as f,a as N}from"./text-centered-C0V1O_Sd.js";import{f as k}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{r as z}from"./render-icon-Du0nasoi.js";import{m as _,s as h,b as P}from"./classNames-BUL1Zq7e.js";import{I as U}from"./defaults-B1rzzf6M.js";import{w as c}from"./componentNames-Y1T_IIlY.js";import{g as D}from"./index-DdzHuZ-Y.js";const K="ExpColor__S0PGo",S={ExpColor:K,"ExpColor--exp-color-grey-0":"ExpColor--exp-color-grey-0__DKudt","ExpColor--exp-color-grey-50":"ExpColor--exp-color-grey-50__lo7OH","ExpColor--exp-color-grey-100":"ExpColor--exp-color-grey-100__EtBtx","ExpColor--exp-color-grey-200":"ExpColor--exp-color-grey-200__KHF8X","ExpColor--exp-color-grey-300":"ExpColor--exp-color-grey-300__0u63D","ExpColor--exp-color-grey-400":"ExpColor--exp-color-grey-400__WaJzi","ExpColor--exp-color-grey-500":"ExpColor--exp-color-grey-500__1RSHd","ExpColor--exp-color-grey-600":"ExpColor--exp-color-grey-600__95yQU","ExpColor--exp-color-grey-700":"ExpColor--exp-color-grey-700__SSayo","ExpColor--exp-color-grey-800":"ExpColor--exp-color-grey-800__15Bou","ExpColor--exp-color-grey-900":"ExpColor--exp-color-grey-900__BKw9C","ExpColor--exp-color-pink-50":"ExpColor--exp-color-pink-50__SZLGx","ExpColor--exp-color-pink-100":"ExpColor--exp-color-pink-100__J0yFM","ExpColor--exp-color-pink-200":"ExpColor--exp-color-pink-200__dQ0mZ","ExpColor--exp-color-pink-300":"ExpColor--exp-color-pink-300__WYBWX","ExpColor--exp-color-pink-400":"ExpColor--exp-color-pink-400__7Jazs","ExpColor--exp-color-pink-500":"ExpColor--exp-color-pink-500__4X2bs","ExpColor--exp-color-pink-600":"ExpColor--exp-color-pink-600__Ph3VO","ExpColor--exp-color-pink-700":"ExpColor--exp-color-pink-700__nLJd1","ExpColor--exp-color-pink-800":"ExpColor--exp-color-pink-800__-fD0l","ExpColor--exp-color-yellow-50":"ExpColor--exp-color-yellow-50__EYcxx","ExpColor--exp-color-yellow-100":"ExpColor--exp-color-yellow-100__8n-ZP","ExpColor--exp-color-yellow-200":"ExpColor--exp-color-yellow-200__eOMK3","ExpColor--exp-color-yellow-300":"ExpColor--exp-color-yellow-300__JbUZg","ExpColor--exp-color-yellow-400":"ExpColor--exp-color-yellow-400__7NrMJ","ExpColor--exp-color-yellow-500":"ExpColor--exp-color-yellow-500__a3k-Q","ExpColor--exp-color-yellow-600":"ExpColor--exp-color-yellow-600__xBk-i","ExpColor--exp-color-yellow-700":"ExpColor--exp-color-yellow-700__xw4Kd","ExpColor--exp-color-yellow-800":"ExpColor--exp-color-yellow-800__vZmXG","ExpColor--exp-color-blue-50":"ExpColor--exp-color-blue-50__s2FXt","ExpColor--exp-color-blue-100":"ExpColor--exp-color-blue-100__TzrMW","ExpColor--exp-color-blue-200":"ExpColor--exp-color-blue-200__sVncU","ExpColor--exp-color-blue-300":"ExpColor--exp-color-blue-300__ooY38","ExpColor--exp-color-blue-400":"ExpColor--exp-color-blue-400__GGuoL","ExpColor--exp-color-blue-500":"ExpColor--exp-color-blue-500__N2NW9","ExpColor--exp-color-blue-600":"ExpColor--exp-color-blue-600__q-8xU","ExpColor--exp-color-blue-700":"ExpColor--exp-color-blue-700__5k-Gw","ExpColor--exp-color-blue-800":"ExpColor--exp-color-blue-800__MCpJf","ExpColor--exp-color-teal-50":"ExpColor--exp-color-teal-50__P9v3-","ExpColor--exp-color-teal-100":"ExpColor--exp-color-teal-100__Y8xbj","ExpColor--exp-color-teal-200":"ExpColor--exp-color-teal-200__yzxAu","ExpColor--exp-color-teal-300":"ExpColor--exp-color-teal-300__CC-oK","ExpColor--exp-color-teal-400":"ExpColor--exp-color-teal-400__fBHUW","ExpColor--exp-color-teal-500":"ExpColor--exp-color-teal-500__qt3Ny","ExpColor--exp-color-teal-600":"ExpColor--exp-color-teal-600__5EF-y","ExpColor--exp-color-teal-700":"ExpColor--exp-color-teal-700__o0qGK","ExpColor--exp-color-teal-800":"ExpColor--exp-color-teal-800__dntGK","ExpColor--exp-color-red-50":"ExpColor--exp-color-red-50__QFm4H","ExpColor--exp-color-red-100":"ExpColor--exp-color-red-100__gQ36l","ExpColor--exp-color-red-200":"ExpColor--exp-color-red-200__N7c7P","ExpColor--exp-color-red-300":"ExpColor--exp-color-red-300__uhkUo","ExpColor--exp-color-red-400":"ExpColor--exp-color-red-400__cNgdd","ExpColor--exp-color-red-500":"ExpColor--exp-color-red-500__VMSdk","ExpColor--exp-color-red-600":"ExpColor--exp-color-red-600__In2gH","ExpColor--exp-color-red-700":"ExpColor--exp-color-red-700__DPnKE","ExpColor--exp-color-red-800":"ExpColor--exp-color-red-800__MkRFA"},F="ExpColor",G=r=>_(S,F,[h("exp-color",r)]),M="Icon__jDdMD",v={Icon:M,"Icon--size-2xs":"Icon--size-2xs__3r954","Icon--size-xs":"Icon--size-xs__Fcq73","Icon--size-s":"Icon--size-s__bQoUv","Icon--size-m":"Icon--size-m__7Z05l","Icon--size-l":"Icon--size-l__2o-6h","Icon--size-16":"Icon--size-16__P1SXI","Icon--size-24":"Icon--size-24__vnVQ0","Icon--size-32":"Icon--size-32__gHIna","Icon--size-48":"Icon--size-48__0PUAE"},A=w.forwardRef(function({svg:e,size:o=U,accent:l,expColor:C,color:E,label:p,dataset:s,...n},a){const x=!Number.isNaN(Number(o)),t=x?{width:`${o}px`,height:`${o}px`}:{},i=_(v,c.Icon,[P(`size-${o}`,void 0,!x)]),y=l?void 0:E,m=f(!1,l),d=N(y),u=l?[]:G(C),g=[...i,...m,...d,...u],I={...k(n),className:g.join(" "),...D(s,{preplyDsComponent:c.Icon}),ref:a};if(!e)throw new Error("Icon prop svg is mandatory");return b.jsx("span",{...I,role:"img",style:t,"aria-hidden":!p,"aria-label":p,children:z(e,{"aria-hidden":"true",focusable:"false"})})});A.__docgenInfo={description:"",methods:[],displayName:"Icon",props:{size:{defaultValue:{value:"'s'",computed:!1},required:!1}}};export{A as I};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import{j as b}from"./jsx-runtime-BTJTZTIL.js";import{r as w}from"./index-Cb9e4tly.js";import{g as I,a as k}from"./text-accent-DZDDtpIt.js";import{f as h}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{r as N}from"./render-icon-BT0Aq7PA.js";import{m as n,s as z,b as V}from"./classNames-BUL1Zq7e.js";import{w as u}from"./componentNames-Y1T_IIlY.js";import{g as T}from"./index-DdzHuZ-Y.js";import{I as P}from"./defaults-B1rzzf6M.js";const R="Icon__EP3Vh",S={Icon:R,"Icon--size-2xs":"Icon--size-2xs__yN10Y","Icon--size-xs":"Icon--size-xs__6SXZ7","Icon--size-s":"Icon--size-s__NLRBu","Icon--size-m":"Icon--size-m__F6CqX","Icon--size-l":"Icon--size-l__aSKIx","Icon--size-16":"Icon--size-16__P716Z","Icon--size-24":"Icon--size-24__uOdtd","Icon--size-32":"Icon--size-32__zP8We","Icon--size-48":"Icon--size-48__-KHYK"},U="ExpColor__fSHBe",q={ExpColor:U,"ExpColor--exp-color-grey-0":"ExpColor--exp-color-grey-0__IQ8rz","ExpColor--exp-color-grey-50":"ExpColor--exp-color-grey-50__4wU8k","ExpColor--exp-color-grey-100":"ExpColor--exp-color-grey-100__idyQR","ExpColor--exp-color-grey-200":"ExpColor--exp-color-grey-200__bSfXM","ExpColor--exp-color-grey-300":"ExpColor--exp-color-grey-300__TAgB4","ExpColor--exp-color-grey-400":"ExpColor--exp-color-grey-400__8AFVk","ExpColor--exp-color-grey-500":"ExpColor--exp-color-grey-500__fFByn","ExpColor--exp-color-grey-600":"ExpColor--exp-color-grey-600__gRj6N","ExpColor--exp-color-grey-700":"ExpColor--exp-color-grey-700__3iGwa","ExpColor--exp-color-grey-800":"ExpColor--exp-color-grey-800__on7RX","ExpColor--exp-color-grey-900":"ExpColor--exp-color-grey-900__9T1OC","ExpColor--exp-color-pink-50":"ExpColor--exp-color-pink-50__3o0cC","ExpColor--exp-color-pink-100":"ExpColor--exp-color-pink-100__yBJxi","ExpColor--exp-color-pink-200":"ExpColor--exp-color-pink-200__Zff-J","ExpColor--exp-color-pink-300":"ExpColor--exp-color-pink-300__wWr90","ExpColor--exp-color-pink-400":"ExpColor--exp-color-pink-400__-C3Dw","ExpColor--exp-color-pink-500":"ExpColor--exp-color-pink-500__Kpw6U","ExpColor--exp-color-pink-600":"ExpColor--exp-color-pink-600__g4tqI","ExpColor--exp-color-pink-700":"ExpColor--exp-color-pink-700__5lL8W","ExpColor--exp-color-pink-800":"ExpColor--exp-color-pink-800__JdCoO","ExpColor--exp-color-yellow-50":"ExpColor--exp-color-yellow-50__x4D1V","ExpColor--exp-color-yellow-100":"ExpColor--exp-color-yellow-100__Mp3-h","ExpColor--exp-color-yellow-200":"ExpColor--exp-color-yellow-200__dr309","ExpColor--exp-color-yellow-300":"ExpColor--exp-color-yellow-300__4eqgg","ExpColor--exp-color-yellow-400":"ExpColor--exp-color-yellow-400__7KEax","ExpColor--exp-color-yellow-500":"ExpColor--exp-color-yellow-500__YFTaH","ExpColor--exp-color-yellow-600":"ExpColor--exp-color-yellow-600__uioue","ExpColor--exp-color-yellow-700":"ExpColor--exp-color-yellow-700__APgN0","ExpColor--exp-color-yellow-800":"ExpColor--exp-color-yellow-800__iqZ5l","ExpColor--exp-color-blue-50":"ExpColor--exp-color-blue-50__9YSjB","ExpColor--exp-color-blue-100":"ExpColor--exp-color-blue-100__msV5Z","ExpColor--exp-color-blue-200":"ExpColor--exp-color-blue-200__0-B47","ExpColor--exp-color-blue-300":"ExpColor--exp-color-blue-300__kBuCR","ExpColor--exp-color-blue-400":"ExpColor--exp-color-blue-400__rug3Y","ExpColor--exp-color-blue-500":"ExpColor--exp-color-blue-500__1zhad","ExpColor--exp-color-blue-600":"ExpColor--exp-color-blue-600__INDau","ExpColor--exp-color-blue-700":"ExpColor--exp-color-blue-700__nKtQ-","ExpColor--exp-color-blue-800":"ExpColor--exp-color-blue-800__AWAr2","ExpColor--exp-color-teal-50":"ExpColor--exp-color-teal-50__7QmhW","ExpColor--exp-color-teal-100":"ExpColor--exp-color-teal-100__YLRdY","ExpColor--exp-color-teal-200":"ExpColor--exp-color-teal-200__aUMwT","ExpColor--exp-color-teal-300":"ExpColor--exp-color-teal-300__wI000","ExpColor--exp-color-teal-400":"ExpColor--exp-color-teal-400__uVmEI","ExpColor--exp-color-teal-500":"ExpColor--exp-color-teal-500__HM2LK","ExpColor--exp-color-teal-600":"ExpColor--exp-color-teal-600__0PlFD","ExpColor--exp-color-teal-700":"ExpColor--exp-color-teal-700__FVY4B","ExpColor--exp-color-teal-800":"ExpColor--exp-color-teal-800__2dQ3c","ExpColor--exp-color-red-50":"ExpColor--exp-color-red-50__k0fHb","ExpColor--exp-color-red-100":"ExpColor--exp-color-red-100__PuJbY","ExpColor--exp-color-red-200":"ExpColor--exp-color-red-200__cumh2","ExpColor--exp-color-red-300":"ExpColor--exp-color-red-300__dUiEM","ExpColor--exp-color-red-400":"ExpColor--exp-color-red-400__DBCU8","ExpColor--exp-color-red-500":"ExpColor--exp-color-red-500__lIF6t","ExpColor--exp-color-red-600":"ExpColor--exp-color-red-600__NNabI","ExpColor--exp-color-red-700":"ExpColor--exp-color-red-700__9Tz3v","ExpColor--exp-color-red-800":"ExpColor--exp-color-red-800__HCek3"},A="ExpColor",B=o=>n(q,A,[z("exp-color",o)]),x=w.forwardRef(function({svg:r,size:e=P,accent:l,expColor:c,color:t,label:a,dataset:s,...i},v){const p=!Number.isNaN(Number(e)),C=p?{width:`${e}px`,height:`${e}px`}:{},_=n(S,u.Icon,[V(`size-${e}`,void 0,!p)]),E=l?void 0:t,d=I(!1,l),y=k(E),m=l?[]:B(c),g=[..._,...d,...y,...m],f={...h(i),className:g.join(" "),...T(s,{preplyDsComponent:u.Icon}),ref:v};if(!r)throw new Error("Icon prop svg is mandatory");return b.jsx("span",{...f,role:"img",style:C,"aria-hidden":!a,"aria-label":a,children:N(r,{"aria-hidden":"true",focusable:"false"})})});try{x.displayName="Icon",x.__docgenInfo={description:"",displayName:"Icon",props:{svg:{defaultValue:null,description:`The SVG icon to render.
|
|
2
|
+
@example import TokyoUINotesWithPad from '@preply/ds-media-icons/dist/24/TokyoUINotesWithPad.svg';
|
|
3
|
+
|
|
4
|
+
<Icon svg={TokyoUINotesWithPad} />
|
|
5
|
+
@example <caption>Using as react server component</caption>
|
|
6
|
+
import TokyoUINotesWithPad from '@preply/ds-media-icons/dist/24/TokyoUINotesWithPad.svg';
|
|
7
|
+
|
|
8
|
+
<Icon svg={<TokyoUINotesWithPad />} />`,name:"svg",required:!0,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"m"'},{value:'"s"'},{value:'"l"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"16"'}]}},accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"inverted"'},{value:'"disabled"'},{value:'"selected"'},{value:'"info"'},{value:'"positive"'},{value:'"warning"'},{value:'"accent"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"branded"'},{value:'"error"'}]}},expColor:{defaultValue:null,description:"If passed along with `accent`, `accent` takes precedence.",name:"expColor",required:!1,type:{name:"enum",value:[{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"grey-0"'},{value:'"grey-50"'},{value:'"grey-100"'},{value:'"grey-200"'},{value:'"grey-300"'},{value:'"grey-400"'},{value:'"grey-500"'},{value:'"grey-600"'},{value:'"grey-700"'},{value:'"grey-800"'},{value:'"grey-900"'},{value:'"pink-50"'},{value:'"pink-100"'},{value:'"pink-200"'},{value:'"pink-300"'},{value:'"pink-400"'},{value:'"pink-500"'},{value:'"pink-600"'},{value:'"pink-700"'},{value:'"pink-800"'},{value:'"yellow-50"'},{value:'"yellow-600"'},{value:'"yellow-700"'},{value:'"yellow-800"'},{value:'"blue-50"'},{value:'"blue-600"'},{value:'"blue-700"'},{value:'"blue-800"'},{value:'"teal-50"'},{value:'"teal-600"'},{value:'"teal-700"'},{value:'"teal-800"'},{value:'"red-50"'},{value:'"red-600"'},{value:'"red-700"'},{value:'"red-800"'}]}},color:{defaultValue:null,description:"@deprecated Use accent instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},label:{defaultValue:null,description:"If using the icon without any adjacent descriptive text, use this prop to\nprovide an `aria-label` for assistive technologies.",name:"label",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{x as I};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as m,S as s}from"./index-
|
|
1
|
+
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as m,S as s}from"./index-DR0BJ77C.js";import{ServerComponent as i}from"./Icon.stories-B1XRazs6.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-D-owUXoQ.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./TokyoUINotesWithPad-B-o4vu0Y.js";import"./Icon-CzZtXwMO.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-BT0Aq7PA.js";import"./componentNames-Y1T_IIlY.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./options-Dn0Ts6qK.js";function r(t){const e={code:"code",h1:"h1",p:"p",pre:"pre",...n(),...t.components};return o.jsxs(o.Fragment,{children:[o.jsx(m,{title:"components/Icon/Server Component"}),`
|
|
2
2
|
`,o.jsx(e.h1,{id:"use-icon-as-react-server-component",children:"Use Icon as react server component"}),`
|
|
3
3
|
`,o.jsxs(e.p,{children:["To use Icon as react server component, provide ",o.jsx(e.code,{children:"svg"})," as element:"]}),`
|
|
4
4
|
`,o.jsx(s,{of:i}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as o}from"./TokyoUINotesWithPad-B-o4vu0Y.js";import{I as s}from"./Icon-
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as o}from"./TokyoUINotesWithPad-B-o4vu0Y.js";import{I as s}from"./Icon-CzZtXwMO.js";import{E as h}from"./options-Dn0Ts6qK.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-BT0Aq7PA.js";import"./componentNames-Y1T_IIlY.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";const R={title:"components/Icon",component:s,parameters:{docs:{description:{component:"To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page)."}}}},t=()=>e.jsxs("div",{style:{display:"flex",alignItems:"end",gap:"4px"},children:[e.jsx(s,{svg:o,size:"16"}),e.jsx(s,{svg:o,size:"24"}),e.jsx(s,{svg:o,size:"32"}),e.jsx(s,{svg:o,size:"48"})]}),n=()=>e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:h.map(a=>e.jsxs("div",{style:{display:"flex",gap:16},children:[e.jsx(s,{svg:o,expColor:a.id},a.id),e.jsx("span",{children:a.id})]},a.id))}),r=()=>e.jsx(s,{svg:e.jsx(o,{})});r.tags=["!dev","!autodocs"];const i={parameters:{chromatic:{disableSnapshot:!0}},args:{svg:o,dataset:{qaid:"icon"}},argTypes:{svg:{control:!1},dataset:{control:"object"},label:{control:"text"},color:{table:{disable:!0}}}};var p,c,d;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`() => <div style={{
|
|
2
2
|
display: 'flex',
|
|
3
3
|
alignItems: 'end',
|
|
4
4
|
gap: '4px'
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Cb9e4tly.js";import{r as d}from"./render-icon-BT0Aq7PA.js";import{B as v}from"./ButtonBase-
|
|
1
|
+
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Cb9e4tly.js";import{r as d}from"./render-icon-BT0Aq7PA.js";import{B as v}from"./ButtonBase-fjWfWc99.js";import{w as p}from"./componentNames-Y1T_IIlY.js";import{B as c,a as f}from"./defaults-B1rzzf6M.js";const e=m.forwardRef(function({variant:l=f,size:n=c,url:t,a11yLabel:u,svg:r,...s},i){return o.jsx(v,{...s,ref:i,isIconButton:!0,variant:l,size:n,url:t,a11yLabel:u,preplyDsComponent:p.IconButton,children:d(r,{"aria-hidden":"true",focusable:"false"})})});try{e.displayName="IconButton",e.__docgenInfo={description:"",displayName:"IconButton",props:{size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"m"'},{value:'"xl"'},{value:'"s"'},{value:'"l"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},variant:{defaultValue:{value:"primary"},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"'}]}},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:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},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.
|
|
2
2
|
|
|
3
3
|
Allows rendering the button using a different React element or component.
|
|
4
4
|
This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import{j as d}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Cb9e4tly.js";import{u as o,I as p,s as v}from"./FieldLayoutBase-anE7xqIx.js";import{m as f}from"./classNames-BUL1Zq7e.js";import{w as a}from"./componentNames-Y1T_IIlY.js";const c=({onChange:e,onValueChange:u,...n},t)=>{const r=f(v,a.InputText),i=o(s=>s.target.value,e,u);return d.jsx(p,{...n,ref:t,className:r.join(" "),onChange:i,preplyDsComponent:a.InputText})},l=m.forwardRef(c);try{l.displayName="InputText",l.__docgenInfo={description:"",displayName:"InputText",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
|
|
2
|
+
@see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",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.
|
|
3
|
+
@see aria-hidden
|
|
4
|
+
@see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
|
|
5
|
+
@see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},"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:'"true"'},{value:'"false"'}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"name"'},{value:'"off"'},{value:'"on"'},{value:'"email"'},{value:'"username"'},{value:'"language"'},{value:'"tel"'},{value:'"new-password"'},{value:'"current-password"'}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"url"'},{value:'"text"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{l as I};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as F}from"./jsx-runtime-BTJTZTIL.js";import{r as N}from"./index-Cb9e4tly.js";import{f as U}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{g as f,s as j,a as E,b as H}from"./layout-relative.module-ed9bC4H4.js";import{e as $,f as G,L as k}from"./defaults-B1rzzf6M.js";import{g as J}from"./index-DdzHuZ-Y.js";import{w as B}from"./componentNames-Y1T_IIlY.js";const t=void 0;function Y(a){const{nowrap:e}=a;return e?!0:t}function r(a){return JSON.stringify(a)}function M(a){const{direction:e,column:u,reverse:n}=a;return e===void 0?!n&&!u?{applyThrough:"direction",directionAttr:$}:{applyThrough:"columnReverse",columnReverseAttr:`${u?"column":"row"}-${n?"rev":"fwd"}`}:typeof e=="string"?{applyThrough:"direction",directionAttr:e}:{applyThrough:"direction",directionAttr:r(e)}}function W(a){const{justifyContent:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function X(a){const{alignItems:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function z(a){const{gap:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function K(a){const{padding:e}=a;return e===void 0?{applyThrough:"attr",attr:G}:typeof e=="string"||typeof e=="number"?{applyThrough:"attr",attr:e}:Array.isArray(e)?{applyThrough:"classnames",classNames:f(e)}:r(e).includes("[")?{applyThrough:"classnames",classNames:f(e)}:{applyThrough:"attr",attr:JSON.stringify(e)}}function Q(a){const{hide:e,inline:u}=a;if(e===void 0)return t;const n=u?"inline-flex":"flex";if(typeof e=="boolean")return e?"hide":n;let l=r(e);return l=l.replace(/true/g,'"hide"'),l=l.replace(/false/g,`"${n}"`),l}function Z(a){const{relative:e}=a;return e===void 0?t:e===!0?!0:e===!1?t:r(e)}const ee={},m=N.forwardRef(function(e,u){const{gap:n,hide:l,column:o,nowrap:g,inline:y,dataset:h,reverse:A,padding:L,children:R,relative:x,direction:P,alignItems:T,justifyContent:w,tag:S=k,..._}=e,d=[ee.LayoutFlex,j.LayoutGap,E.LayoutHide,H.LayoutRelative],D=z({gap:n}),b=Y({nowrap:g}),q=Z({relative:x}),V=Q({hide:l,inline:y}),I=X({alignItems:T}),O=W({justifyContent:w});let v=t,p=t;const i=M({direction:P,column:o,reverse:A});i.applyThrough==="columnReverse"?p=i.columnReverseAttr:v=i.directionAttr;let c=t;const s=K({padding:L});s.applyThrough==="classnames"?d.push(...s.classNames):c=s.attr;const C={...U(_),ref:u,className:d.join(" "),"data-ds-gap":D,"data-ds-nowrap":b,"data-ds-padding":c,"data-ds-display":V,"data-ds-relative":q,"data-ds-direction":v,"data-ds-alignitems":I,"data-ds-columnreverse":p,"data-ds-justifycontent":O,...J(h,{preplyDsComponent:B.LayoutFlex})};return F.jsx(S,{...C,children:R})});try{m.displayName="LayoutFlex",m.__docgenInfo={description:"A CSS `flex` wrapper.",displayName:"LayoutFlex",props:{gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"m"'},{value:'"xl"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"s"'},{value:'"l"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"none"'},{value:'"3xs"'},{value:"ResponsiveProp<LayoutGap>"},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"ResponsiveProp<Spacing>"}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"m"'},{value:'"xl"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"s"'},{value:'"l"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"[LayoutPadding, LayoutPadding]"},{value:"[LayoutPadding, LayoutPadding, LayoutPadding]"},{value:"[LayoutPadding, LayoutPadding, LayoutPadding, LayoutPadding]"},{value:"[Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing, Spacing]"},{value:"ResponsiveProp<ShortHand<LayoutPadding> | ShortHand<Spacing>>"}]}},nowrap:{defaultValue:null,description:"",name:"nowrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},column:{defaultValue:null,description:"@deprecated Use `direction` instead.",name:"column",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},reverse:{defaultValue:null,description:"@deprecated Use `direction` instead.",name:"reverse",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},direction:{defaultValue:null,description:"",name:"direction",required:!1,type:{name:"enum",value:[{value:'"column"'},{value:'"row"'},{value:'"row-reverse"'},{value:'"column-reverse"'},{value:"ResponsiveProp<LayoutFlexDirection>"}]}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"space-between"'},{value:'"space-around"'},{value:'"space-evenly"'},{value:"ResponsiveProp<LayoutJustifyContent>"}]}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:'"baseline"'},{value:"ResponsiveProp<LayoutAlignItems>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"div"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"p"'},{value:'"span"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},inline:{defaultValue:null,description:"",name:"inline",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{m as L};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j}from"./jsx-runtime-BTJTZTIL.js";import{r as z}from"./index-Cb9e4tly.js";import{g as J,a as X,b as q}from"./text-centered-C0V1O_Sd.js";import{f as P}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as F,s as I,b as Z}from"./classNames-BUL1Zq7e.js";import{b as G,T as K,e as V,f as k,L as Y}from"./defaults-B1rzzf6M.js";import{w as N}from"./componentNames-Y1T_IIlY.js";import{g as E}from"./index-DdzHuZ-Y.js";import{g as U,s as H,a as Q,b as M}from"./layout-relative.module-1z75aSwo-DNAR_Nv2.js";const $="Text__uVacy",aa={Text:$,"Text--variant-caption-regular":"Text--variant-caption-regular__Qv2Ax","Text--variant-caption-semibold":"Text--variant-caption-semibold__qycaB","Text--variant-small-regular":"Text--variant-small-regular__YFauL","Text--variant-small-regular-italic":"Text--variant-small-regular-italic__sGPGa","Text--variant-small-semibold":"Text--variant-small-semibold__wY3fp","Text--variant-small-semibold-italic":"Text--variant-small-semibold-italic__ydWgK","Text--variant-default-regular":"Text--variant-default-regular__d6Rfb","Text--variant-default-regular-italic":"Text--variant-default-regular-italic__adOeM","Text--variant-default-semibold":"Text--variant-default-semibold__UlmHo","Text--variant-default-semibold-italic":"Text--variant-default-semibold-italic__9WbJJ","Text--variant-large-regular":"Text--variant-large-regular__zzp2H","Text--variant-large-regular-italic":"Text--variant-large-regular-italic__gGcEV","Text--variant-large-semibold":"Text--variant-large-semibold__4S-U4","Text--variant-large-semibold-italic":"Text--variant-large-semibold-italic__ZrpZw","Text--variant-xs":"Text--variant-xs__c1jMc","Text--variant-xs-medium":"Text--variant-xs-medium__00mnR","Text--variant-s":"Text--variant-s__WOyj2","Text--variant-s-italic":"Text--variant-s-italic__Nt5K-","Text--variant-s-medium":"Text--variant-s-medium__X7lyi","Text--variant-s-medium-italic":"Text--variant-s-medium-italic__zXBH3","Text--variant-s-bold":"Text--variant-s-bold__UwkM8","Text--variant-s-bold-italic":"Text--variant-s-bold-italic__rqDd2","Text--variant-m":"Text--variant-m__4cplh","Text--variant-m-italic":"Text--variant-m-italic__yY9z-","Text--variant-m-medium":"Text--variant-m-medium__L8ied","Text--variant-m-medium-italic":"Text--variant-m-medium-italic__8SqNK","Text--variant-m-bold":"Text--variant-m-bold__0ymNQ","Text--variant-m-bold-italic":"Text--variant-m-bold-italic__zWw0M","Text--variant-l":"Text--variant-l__S83xd","Text--variant-l-italic":"Text--variant-l-italic__7r0vJ","Text--variant-l-medium":"Text--variant-l-medium__OVrkZ","Text--variant-l-medium-italic":"Text--variant-l-medium-italic__VlgDO","Text--variant-xl":"Text--variant-xl__XYwxx","Text--variant-xl-italic":"Text--variant-xl-italic__u-O7T","Text--variant-xl-medium":"Text--variant-xl-medium__t1mK-","Text--variant-xl-medium-italic":"Text--variant-xl-medium-italic__UiH8b","Text--narrow-l--variant-caption-regular":"Text--narrow-l--variant-caption-regular__62qXj","Text--narrow-l--variant-caption-semibold":"Text--narrow-l--variant-caption-semibold__niLxy","Text--narrow-l--variant-small-regular":"Text--narrow-l--variant-small-regular__JI9Mz","Text--narrow-l--variant-small-regular-italic":"Text--narrow-l--variant-small-regular-italic__h38Hy","Text--narrow-l--variant-small-semibold":"Text--narrow-l--variant-small-semibold__jqUJO","Text--narrow-l--variant-small-semibold-italic":"Text--narrow-l--variant-small-semibold-italic__XCXW6","Text--narrow-l--variant-default-regular":"Text--narrow-l--variant-default-regular__nCPnt","Text--narrow-l--variant-default-regular-italic":"Text--narrow-l--variant-default-regular-italic__dKZEJ","Text--narrow-l--variant-default-semibold":"Text--narrow-l--variant-default-semibold__6VGIy","Text--narrow-l--variant-default-semibold-italic":"Text--narrow-l--variant-default-semibold-italic__giyrw","Text--narrow-l--variant-large-regular":"Text--narrow-l--variant-large-regular__7uObP","Text--narrow-l--variant-large-regular-italic":"Text--narrow-l--variant-large-regular-italic__iW3Nb","Text--narrow-l--variant-large-semibold":"Text--narrow-l--variant-large-semibold__-R2qZ","Text--narrow-l--variant-large-semibold-italic":"Text--narrow-l--variant-large-semibold-italic__VISYL","Text--narrow-l--variant-xs":"Text--narrow-l--variant-xs__CLx0S","Text--narrow-l--variant-xs-medium":"Text--narrow-l--variant-xs-medium__VaaYS","Text--narrow-l--variant-s":"Text--narrow-l--variant-s__cdIX-","Text--narrow-l--variant-s-italic":"Text--narrow-l--variant-s-italic__iiPSr","Text--narrow-l--variant-s-medium":"Text--narrow-l--variant-s-medium__pk7I8","Text--narrow-l--variant-s-medium-italic":"Text--narrow-l--variant-s-medium-italic__9Gr6f","Text--narrow-l--variant-s-bold":"Text--narrow-l--variant-s-bold__KgT3N","Text--narrow-l--variant-s-bold-italic":"Text--narrow-l--variant-s-bold-italic__94h9E","Text--narrow-l--variant-m":"Text--narrow-l--variant-m__Kx4fZ","Text--narrow-l--variant-m-italic":"Text--narrow-l--variant-m-italic__4gaDs","Text--narrow-l--variant-m-medium":"Text--narrow-l--variant-m-medium__Ah1Q-","Text--narrow-l--variant-m-medium-italic":"Text--narrow-l--variant-m-medium-italic__IAQAp","Text--narrow-l--variant-m-bold":"Text--narrow-l--variant-m-bold__oIY3u","Text--narrow-l--variant-m-bold-italic":"Text--narrow-l--variant-m-bold-italic__sKaTp","Text--narrow-l--variant-l":"Text--narrow-l--variant-l__df3w7","Text--narrow-l--variant-l-italic":"Text--narrow-l--variant-l-italic__63G6v","Text--narrow-l--variant-l-medium":"Text--narrow-l--variant-l-medium__AXib0","Text--narrow-l--variant-l-medium-italic":"Text--narrow-l--variant-l-medium-italic__-W2Fo","Text--narrow-l--variant-xl":"Text--narrow-l--variant-xl__xOWG6","Text--narrow-l--variant-xl-italic":"Text--narrow-l--variant-xl-italic__5jls9","Text--narrow-l--variant-xl-medium":"Text--narrow-l--variant-xl-medium__ZlIDh","Text--narrow-l--variant-xl-medium-italic":"Text--narrow-l--variant-xl-medium-italic__YI-z-","Text--medium-s--variant-caption-regular":"Text--medium-s--variant-caption-regular__XEVQe","Text--medium-s--variant-caption-semibold":"Text--medium-s--variant-caption-semibold__f0rdW","Text--medium-s--variant-small-regular":"Text--medium-s--variant-small-regular__2dml2","Text--medium-s--variant-small-regular-italic":"Text--medium-s--variant-small-regular-italic__GUOiJ","Text--medium-s--variant-small-semibold":"Text--medium-s--variant-small-semibold__uQZGO","Text--medium-s--variant-small-semibold-italic":"Text--medium-s--variant-small-semibold-italic__5Jqrk","Text--medium-s--variant-default-regular":"Text--medium-s--variant-default-regular__jLGVH","Text--medium-s--variant-default-regular-italic":"Text--medium-s--variant-default-regular-italic__meFSk","Text--medium-s--variant-default-semibold":"Text--medium-s--variant-default-semibold__V4BoL","Text--medium-s--variant-default-semibold-italic":"Text--medium-s--variant-default-semibold-italic__wNC52","Text--medium-s--variant-large-regular":"Text--medium-s--variant-large-regular__0WQ9H","Text--medium-s--variant-large-regular-italic":"Text--medium-s--variant-large-regular-italic__-lOJl","Text--medium-s--variant-large-semibold":"Text--medium-s--variant-large-semibold__qbJdo","Text--medium-s--variant-large-semibold-italic":"Text--medium-s--variant-large-semibold-italic__OwChG","Text--medium-s--variant-xs":"Text--medium-s--variant-xs__bSR5J","Text--medium-s--variant-xs-medium":"Text--medium-s--variant-xs-medium__45YkZ","Text--medium-s--variant-s":"Text--medium-s--variant-s__qJRBN","Text--medium-s--variant-s-italic":"Text--medium-s--variant-s-italic__POfqu","Text--medium-s--variant-s-medium":"Text--medium-s--variant-s-medium__WNKvS","Text--medium-s--variant-s-medium-italic":"Text--medium-s--variant-s-medium-italic__UL2YU","Text--medium-s--variant-s-bold":"Text--medium-s--variant-s-bold__8Nl3-","Text--medium-s--variant-s-bold-italic":"Text--medium-s--variant-s-bold-italic__wKpUs","Text--medium-s--variant-m":"Text--medium-s--variant-m__5vPWB","Text--medium-s--variant-m-italic":"Text--medium-s--variant-m-italic__PFA3r","Text--medium-s--variant-m-medium":"Text--medium-s--variant-m-medium__6kDXZ","Text--medium-s--variant-m-medium-italic":"Text--medium-s--variant-m-medium-italic__-26j4","Text--medium-s--variant-m-bold":"Text--medium-s--variant-m-bold__NB66k","Text--medium-s--variant-m-bold-italic":"Text--medium-s--variant-m-bold-italic__xp5P-","Text--medium-s--variant-l":"Text--medium-s--variant-l__a6Tqk","Text--medium-s--variant-l-italic":"Text--medium-s--variant-l-italic__Y-3Mw","Text--medium-s--variant-l-medium":"Text--medium-s--variant-l-medium__mB4cK","Text--medium-s--variant-l-medium-italic":"Text--medium-s--variant-l-medium-italic__w0OzN","Text--medium-s--variant-xl":"Text--medium-s--variant-xl__titkD","Text--medium-s--variant-xl-italic":"Text--medium-s--variant-xl-italic__EIci1","Text--medium-s--variant-xl-medium":"Text--medium-s--variant-xl-medium__ZdONE","Text--medium-s--variant-xl-medium-italic":"Text--medium-s--variant-xl-medium-italic__px-z1","Text--medium-l--variant-caption-regular":"Text--medium-l--variant-caption-regular__mT3--","Text--medium-l--variant-caption-semibold":"Text--medium-l--variant-caption-semibold__8-hkD","Text--medium-l--variant-small-regular":"Text--medium-l--variant-small-regular__HO15d","Text--medium-l--variant-small-regular-italic":"Text--medium-l--variant-small-regular-italic__i92C6","Text--medium-l--variant-small-semibold":"Text--medium-l--variant-small-semibold__CjiKc","Text--medium-l--variant-small-semibold-italic":"Text--medium-l--variant-small-semibold-italic__PJHhp","Text--medium-l--variant-default-regular":"Text--medium-l--variant-default-regular__bWryq","Text--medium-l--variant-default-regular-italic":"Text--medium-l--variant-default-regular-italic__eWPQy","Text--medium-l--variant-default-semibold":"Text--medium-l--variant-default-semibold__DlFqw","Text--medium-l--variant-default-semibold-italic":"Text--medium-l--variant-default-semibold-italic__1UrvG","Text--medium-l--variant-large-regular":"Text--medium-l--variant-large-regular__Ur-1P","Text--medium-l--variant-large-regular-italic":"Text--medium-l--variant-large-regular-italic__sZ7If","Text--medium-l--variant-large-semibold":"Text--medium-l--variant-large-semibold__BPxlV","Text--medium-l--variant-large-semibold-italic":"Text--medium-l--variant-large-semibold-italic__vTWZt","Text--medium-l--variant-xs":"Text--medium-l--variant-xs__9D5QN","Text--medium-l--variant-xs-medium":"Text--medium-l--variant-xs-medium__Ny1FH","Text--medium-l--variant-s":"Text--medium-l--variant-s__8rZ-3","Text--medium-l--variant-s-italic":"Text--medium-l--variant-s-italic__InjTL","Text--medium-l--variant-s-medium":"Text--medium-l--variant-s-medium__B3CTp","Text--medium-l--variant-s-medium-italic":"Text--medium-l--variant-s-medium-italic__UR1v-","Text--medium-l--variant-s-bold":"Text--medium-l--variant-s-bold__dOybB","Text--medium-l--variant-s-bold-italic":"Text--medium-l--variant-s-bold-italic__9lmMM","Text--medium-l--variant-m":"Text--medium-l--variant-m__S79rn","Text--medium-l--variant-m-italic":"Text--medium-l--variant-m-italic__CfQh3","Text--medium-l--variant-m-medium":"Text--medium-l--variant-m-medium__5jzSI","Text--medium-l--variant-m-medium-italic":"Text--medium-l--variant-m-medium-italic__fSq8f","Text--medium-l--variant-m-bold":"Text--medium-l--variant-m-bold__YME4U","Text--medium-l--variant-m-bold-italic":"Text--medium-l--variant-m-bold-italic__Wlvfm","Text--medium-l--variant-l":"Text--medium-l--variant-l__K3O2j","Text--medium-l--variant-l-italic":"Text--medium-l--variant-l-italic__RlXus","Text--medium-l--variant-l-medium":"Text--medium-l--variant-l-medium__nVdnP","Text--medium-l--variant-l-medium-italic":"Text--medium-l--variant-l-medium-italic__64VRQ","Text--medium-l--variant-xl":"Text--medium-l--variant-xl__h8boX","Text--medium-l--variant-xl-italic":"Text--medium-l--variant-xl-italic__9tLaR","Text--medium-l--variant-xl-medium":"Text--medium-l--variant-xl-medium__flyfU","Text--medium-l--variant-xl-medium-italic":"Text--medium-l--variant-xl-medium-italic__0WWL1","Text--wide-s--variant-caption-regular":"Text--wide-s--variant-caption-regular__45qL-","Text--wide-s--variant-caption-semibold":"Text--wide-s--variant-caption-semibold__ybSD2","Text--wide-s--variant-small-regular":"Text--wide-s--variant-small-regular__pnI1L","Text--wide-s--variant-small-regular-italic":"Text--wide-s--variant-small-regular-italic__zbEZJ","Text--wide-s--variant-small-semibold":"Text--wide-s--variant-small-semibold__pBKrO","Text--wide-s--variant-small-semibold-italic":"Text--wide-s--variant-small-semibold-italic__5xaMk","Text--wide-s--variant-default-regular":"Text--wide-s--variant-default-regular__DEbnG","Text--wide-s--variant-default-regular-italic":"Text--wide-s--variant-default-regular-italic__QPvW9","Text--wide-s--variant-default-semibold":"Text--wide-s--variant-default-semibold__eOf2n","Text--wide-s--variant-default-semibold-italic":"Text--wide-s--variant-default-semibold-italic__52kF0","Text--wide-s--variant-large-regular":"Text--wide-s--variant-large-regular__nkIe1","Text--wide-s--variant-large-regular-italic":"Text--wide-s--variant-large-regular-italic__Z9BlJ","Text--wide-s--variant-large-semibold":"Text--wide-s--variant-large-semibold__hnlmr","Text--wide-s--variant-large-semibold-italic":"Text--wide-s--variant-large-semibold-italic__-E52C","Text--wide-s--variant-xs":"Text--wide-s--variant-xs__qdHJp","Text--wide-s--variant-xs-medium":"Text--wide-s--variant-xs-medium__2KnLH","Text--wide-s--variant-s":"Text--wide-s--variant-s__uchkB","Text--wide-s--variant-s-italic":"Text--wide-s--variant-s-italic__rojYZ","Text--wide-s--variant-s-medium":"Text--wide-s--variant-s-medium__uWz69","Text--wide-s--variant-s-medium-italic":"Text--wide-s--variant-s-medium-italic__OO-6-","Text--wide-s--variant-s-bold":"Text--wide-s--variant-s-bold__wtVVc","Text--wide-s--variant-s-bold-italic":"Text--wide-s--variant-s-bold-italic__Wy81n","Text--wide-s--variant-m":"Text--wide-s--variant-m__22h9H","Text--wide-s--variant-m-italic":"Text--wide-s--variant-m-italic__0zUU4","Text--wide-s--variant-m-medium":"Text--wide-s--variant-m-medium__yEC6K","Text--wide-s--variant-m-medium-italic":"Text--wide-s--variant-m-medium-italic__XbG-I","Text--wide-s--variant-m-bold":"Text--wide-s--variant-m-bold__-E6sG","Text--wide-s--variant-m-bold-italic":"Text--wide-s--variant-m-bold-italic__TOqGZ","Text--wide-s--variant-l":"Text--wide-s--variant-l__4POl2","Text--wide-s--variant-l-italic":"Text--wide-s--variant-l-italic__-JXlt","Text--wide-s--variant-l-medium":"Text--wide-s--variant-l-medium__QfBKZ","Text--wide-s--variant-l-medium-italic":"Text--wide-s--variant-l-medium-italic__U-BNW","Text--wide-s--variant-xl":"Text--wide-s--variant-xl__k3nuJ","Text--wide-s--variant-xl-italic":"Text--wide-s--variant-xl-italic__5ZUpT","Text--wide-s--variant-xl-medium":"Text--wide-s--variant-xl-medium__BSJjg","Text--wide-s--variant-xl-medium-italic":"Text--wide-s--variant-xl-medium-italic__0i59X","Text--wide-l--variant-caption-regular":"Text--wide-l--variant-caption-regular__A-258","Text--wide-l--variant-caption-semibold":"Text--wide-l--variant-caption-semibold__Fkrc2","Text--wide-l--variant-small-regular":"Text--wide-l--variant-small-regular__jxxVQ","Text--wide-l--variant-small-regular-italic":"Text--wide-l--variant-small-regular-italic__m4Blo","Text--wide-l--variant-small-semibold":"Text--wide-l--variant-small-semibold__xpw7Q","Text--wide-l--variant-small-semibold-italic":"Text--wide-l--variant-small-semibold-italic__AYnvO","Text--wide-l--variant-default-regular":"Text--wide-l--variant-default-regular__ZB6T-","Text--wide-l--variant-default-regular-italic":"Text--wide-l--variant-default-regular-italic__-kppq","Text--wide-l--variant-default-semibold":"Text--wide-l--variant-default-semibold__-4aqX","Text--wide-l--variant-default-semibold-italic":"Text--wide-l--variant-default-semibold-italic__aju5z","Text--wide-l--variant-large-regular":"Text--wide-l--variant-large-regular__2LL-6","Text--wide-l--variant-large-regular-italic":"Text--wide-l--variant-large-regular-italic__TIX-D","Text--wide-l--variant-large-semibold":"Text--wide-l--variant-large-semibold__taO1N","Text--wide-l--variant-large-semibold-italic":"Text--wide-l--variant-large-semibold-italic__7iaxB","Text--wide-l--variant-xs":"Text--wide-l--variant-xs__KA6dL","Text--wide-l--variant-xs-medium":"Text--wide-l--variant-xs-medium__XLeCc","Text--wide-l--variant-s":"Text--wide-l--variant-s__k4IbX","Text--wide-l--variant-s-italic":"Text--wide-l--variant-s-italic__VQHTP","Text--wide-l--variant-s-medium":"Text--wide-l--variant-s-medium__xT-ol","Text--wide-l--variant-s-medium-italic":"Text--wide-l--variant-s-medium-italic__2B16C","Text--wide-l--variant-s-bold":"Text--wide-l--variant-s-bold__-XKrV","Text--wide-l--variant-s-bold-italic":"Text--wide-l--variant-s-bold-italic__R8YMD","Text--wide-l--variant-m":"Text--wide-l--variant-m__Rj0gO","Text--wide-l--variant-m-italic":"Text--wide-l--variant-m-italic__hr4Sk","Text--wide-l--variant-m-medium":"Text--wide-l--variant-m-medium__YIng1","Text--wide-l--variant-m-medium-italic":"Text--wide-l--variant-m-medium-italic__OOeZa","Text--wide-l--variant-m-bold":"Text--wide-l--variant-m-bold__ror8x","Text--wide-l--variant-m-bold-italic":"Text--wide-l--variant-m-bold-italic__DRWgM","Text--wide-l--variant-l":"Text--wide-l--variant-l__F8Wzj","Text--wide-l--variant-l-italic":"Text--wide-l--variant-l-italic__gbDnu","Text--wide-l--variant-l-medium":"Text--wide-l--variant-l-medium__w-gJq","Text--wide-l--variant-l-medium-italic":"Text--wide-l--variant-l-medium-italic__exM86","Text--wide-l--variant-xl":"Text--wide-l--variant-xl__REACb","Text--wide-l--variant-xl-italic":"Text--wide-l--variant-xl-italic__sefuq","Text--wide-l--variant-xl-medium":"Text--wide-l--variant-xl-medium__Jt4wO","Text--wide-l--variant-xl-medium-italic":"Text--wide-l--variant-xl-medium-italic__XNOdD","Text--strong":"Text--strong__SiU3Y","Text--size-2xs":"Text--size-2xs__-NdKt","Text--size-xs":"Text--size-xs__RrH9I","Text--size-s":"Text--size-s__s5ts0","Text--size-m":"Text--size-m__99BrT","Text--size-l":"Text--size-l__-K9Pp","Text--size-xl":"Text--size-xl__xcjqs"},ia=z.forwardRef(function({children:a,variant:t,tag:l=K,size:e,accent:n,color:x,strong:T,centered:u,dataset:v,..._},o){const c=t||(e?void 0:G),w=t?void 0:e,g=t?void 0:T,b=F(aa,N.Text,[I("variant",c),I("size",w),Z("strong",void 0,g)]),d=n?void 0:x,s=J(!d,n),f=X(d),p=q(u),y=[...b,...s,...f,...p],A={...P(_),ref:o,className:y.join(" "),...E(v,{preplyDsComponent:N.Text})};return j.jsx(l,{...A,children:a})});ia.__docgenInfo={description:"",methods:[],displayName:"Text",props:{tag:{defaultValue:{value:"'p'",computed:!1},required:!1}}};const r=void 0;function ta(i){const{nowrap:a}=i;return a?!0:r}function m(i){return JSON.stringify(i)}function ea(i){const{direction:a,column:t,reverse:l}=i;return a===void 0?!l&&!t?{applyThrough:"direction",directionAttr:V}:{applyThrough:"columnReverse",columnReverseAttr:`${t?"column":"row"}-${l?"rev":"fwd"}`}:typeof a=="string"?{applyThrough:"direction",directionAttr:a}:{applyThrough:"direction",directionAttr:m(a)}}function la(i){const{justifyContent:a}=i;return a===void 0?r:typeof a=="string"?a:m(a)}function ra(i){const{alignItems:a}=i;return a===void 0?r:typeof a=="string"?a:m(a)}function ma(i){const{gap:a}=i;return a===void 0?r:typeof a=="string"?a:m(a)}function na(i){const{padding:a}=i;return a===void 0?{applyThrough:"attr",attr:k}:typeof a=="string"||typeof a=="number"?{applyThrough:"attr",attr:a}:Array.isArray(a)?{applyThrough:"classnames",classNames:U(a)}:m(a).includes("[")?{applyThrough:"classnames",classNames:U(a)}:{applyThrough:"attr",attr:JSON.stringify(a)}}function da(i){const{hide:a,inline:t}=i;if(a===void 0)return r;const l=t?"inline-flex":"flex";if(typeof a=="boolean")return a?"hide":l;let e=m(a);return e=e.replace(/true/g,'"hide"'),e=e.replace(/false/g,`"${l}"`),e}function sa(i){const{relative:a}=i;return a===void 0?r:a===!0?!0:a===!1?r:m(a)}const xa={},Ta=z.forwardRef(function(a,t){const{gap:l,hide:e,column:n,nowrap:x,inline:T,dataset:u,reverse:v,padding:_,children:o,relative:c,direction:w,alignItems:g,justifyContent:b,tag:d=Y,...C}=a,s=[xa.LayoutFlex,H.LayoutGap,Q.LayoutHide,M.LayoutRelative],f=ma({gap:l}),p=ta({nowrap:x}),y=sa({relative:c}),A=da({hide:e,inline:T}),S=ra({alignItems:g}),W=la({justifyContent:b});let L=r,D=r;const h=ea({direction:w,column:n,reverse:v});h.applyThrough==="columnReverse"?D=h.columnReverseAttr:L=h.directionAttr;let R=r;const O=na({padding:_});O.applyThrough==="classnames"?s.push(...O.classNames):R=O.attr;const B={...P(C),ref:t,className:s.join(" "),"data-ds-gap":f,"data-ds-nowrap":p,"data-ds-padding":R,"data-ds-display":A,"data-ds-relative":y,"data-ds-direction":L,"data-ds-alignitems":S,"data-ds-columnreverse":D,"data-ds-justifycontent":W,...E(u,{preplyDsComponent:N.LayoutFlex})};return j.jsx(d,{...B,children:o})});Ta.__docgenInfo={description:"",methods:[],displayName:"LayoutFlex"};export{Ta as L,ia as T};
|