@preply/ds-docs 3.1.1-beta.6979b7215f74b2e5e56e968fa2f5aaabbd31e8a8.0 → 3.2.1-beta.e1ca8d950c2259f7fe86a7ffe9395453da82683d.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-Dx9Eo2na.js → 00.LayoutFlex.stories-Ct1A2OcS.js} +1 -1
- package/dist/assets/{00.applications-Ba4YPntv.js → 00.applications-DF2RWZUl.js} +1 -1
- package/dist/assets/{00.favicons.guide-CEbQqvPB.js → 00.favicons.guide-BYnh5GxE.js} +1 -1
- package/dist/assets/{00.token-explorer-MnmDHjjY.js → 00.token-explorer-wDtGkqes.js} +1 -1
- package/dist/assets/{00.using-responsive-props-DJ3dvefE.js → 00.using-responsive-props-CfJ_Hu29.js} +1 -1
- package/dist/assets/{01.semantic-tokens-DBqrJ-jx.js → 01.semantic-tokens-0q2PXQqY.js} +1 -1
- package/dist/assets/{01.using-shorthand-props-LQEggQSe.js → 01.using-shorthand-props-DlndLe5-.js} +1 -1
- package/dist/assets/10.Combinations.stories-CqZ-KAYR.js +144 -0
- package/dist/assets/{10.fonts.guide-C_gCE5op.js → 10.fonts.guide-DXxfQIdg.js} +1 -1
- package/dist/assets/{10.ssr-CsZenelp.js → 10.ssr-DcMxkdk_.js} +1 -1
- package/dist/assets/{11.languageFont.explorer-BCpfiOBe.js → 11.languageFont.explorer-BSpNjqbf.js} +29 -1
- package/dist/assets/{11.ssr.app-router-BJWwAZ26.js → 11.ssr.app-router-D5K1XX0o.js} +1 -1
- package/dist/assets/{20.libraries-B6VT80Rs.js → 20.libraries-ujiQiI9M.js} +1 -1
- package/dist/assets/30.icons.explorer-DsCNeZwo.js +73 -0
- package/dist/assets/{30.storybook-CHIRMUOu.js → 30.storybook-Co2X-28u.js} +1 -1
- package/dist/assets/{40.illustrations.explorer-BMJJAXhw.js → 40.illustrations.explorer-BSIzsuPL.js} +1 -1
- package/dist/assets/{90.advanced-BZBdNDoO.js → 90.advanced-BQOS_cDF.js} +1 -1
- package/dist/assets/{Accordion-DjdAaIAN.js → Accordion-DHA8vt9l.js} +3 -3
- package/dist/assets/{Accordion.stories-C-BlgFFJ.js → Accordion.stories-B8klL-Sx.js} +1 -1
- package/dist/assets/{Accordion.tests.stories-CwZAy27Z.js → Accordion.tests.stories-D_T4VFKy.js} +1 -1
- package/dist/assets/{AlertDialog.stories-D6ZXfVf9.js → AlertDialog.stories-DWU1YiOX.js} +1 -1
- package/dist/assets/{Avatar-D6BKQVaH.js → Avatar--Me1wFbM.js} +1 -1
- package/dist/assets/{Avatar-BkCAqOuF.js → Avatar-D_mKYr5W.js} +1 -1
- package/dist/assets/{Avatar.stories-DnjfAeSV.js → Avatar.stories-CGQDYNGY.js} +1 -1
- package/dist/assets/{AvatarWithStatus.stories-CocgTI5A.js → AvatarWithStatus.stories-5qjPY64Z.js} +1 -1
- package/dist/assets/{Badge.stories-DIY0Ixcn.js → Badge.stories-BwWKe78y.js} +1 -1
- package/dist/assets/{Box.stories-Tpzf5Ucy.js → Box.stories-D6l5F6RN.js} +1 -1
- package/dist/assets/{Button-klA2GCDX.js → Button-DWeSlYg5.js} +1 -1
- package/dist/assets/{Button-DUfN3a98.js → Button-iZiyzI_K.js} +1 -1
- package/dist/assets/{Button.stories-CN_LlUXT.js → Button.stories-DmUhFUlZ.js} +1 -1
- package/dist/assets/ButtonBase-CFf1N6e3.js +8 -0
- package/dist/assets/{Checkbox-4S94zrQG.js → Checkbox-DFXsEeAm.js} +3 -3
- package/dist/assets/{Checkbox.stories-LWdh97RT.js → Checkbox.stories-CSlo0rHA.js} +1 -1
- package/dist/assets/{Checkbox.tests.stories-B22nLUA0.js → Checkbox.tests.stories-D1GZnqns.js} +1 -1
- package/dist/assets/{Chips.stories-BF_eoQzy.js → Chips.stories-h1jc3y-m.js} +1 -1
- package/dist/assets/{Color-YHDXOIA2-DBEzfWUT.js → Color-YHDXOIA2-BQ6N6WB4.js} +1 -1
- package/dist/assets/{Dialog.stories-BDi5ubQi.js → Dialog.stories-Lc5K6cDs.js} +2 -2
- package/dist/assets/{DocsRenderer-CFRXHY34-DbNtKpKR.js → DocsRenderer-CFRXHY34-CJlAtJpz.js} +1 -1
- package/dist/assets/{FieldButton-xxvyfVcj.js → FieldButton-Dprr9FF4.js} +1 -1
- package/dist/assets/{FieldButton.stories-1kY40W8X.js → FieldButton.stories-BuA4NyAH.js} +1 -1
- package/dist/assets/FormControl-V3kzTeDQ.js +7 -0
- package/dist/assets/FormControl.stories-Ct6Ne2lK.js +67 -0
- package/dist/assets/{Heading-sy1TMpjs.js → Heading-BSlUFvxo.js} +1 -1
- package/dist/assets/{Heading.stories-mFaQtYkx.js → Heading.stories-CsCslhOn.js} +1 -1
- package/dist/assets/{Icon-zcBK8bUG.js → Icon-Clsj4XP8.js} +1 -1
- package/dist/assets/{Icon-C3PbN7-O.js → Icon-D-t6qc3n.js} +2 -2
- package/dist/assets/{Icon-RSC-C0ncJTUs.js → Icon-RSC-x5AbeL1b.js} +1 -1
- package/dist/assets/{Icon.stories-Dalhjiqr.js → Icon.stories-8mWdZCRL.js} +1 -1
- package/dist/assets/IconButton-Day2Q_gx.js +8 -0
- package/dist/assets/{Input-0F-H1v0g.js → Input-BZxJ9sXr.js} +8 -8
- package/dist/assets/InputContainer-Dq1Ks471.css +1 -0
- package/dist/assets/{IntegrationWithReactHookForm.stories-Xgh1APwf.js → IntegrationWithReactHookForm.stories-D1FHuitu.js} +1 -1
- package/dist/assets/{LayoutFlex-oRwI31fW.js → LayoutFlex-BxFOrEzC.js} +1 -1
- package/dist/assets/{LayoutFlex-DsiZkqdg.js → LayoutFlex-Dp29ojjO.js} +1 -1
- package/dist/assets/LayoutFlexItem-D4lQfjMe.js +1 -0
- package/dist/assets/{LayoutGrid-6cTmb1jX.js → LayoutGrid-D9R6yTYX.js} +1 -1
- package/dist/assets/LayoutGrid-mQT2ikS8.css +1 -0
- package/dist/assets/LayoutGrid.stories-Oj3NyUU9.js +88 -0
- package/dist/assets/{LayoutGridItem-CVWVBh65.js → LayoutGridItem-B1eMKElL.js} +1 -1
- package/dist/assets/{Link.stories-BUbS8oOg.js → Link.stories-SPeEvWm0.js} +2 -2
- package/dist/assets/{Loader.stories-CFBO-7A0.js → Loader.stories-C_wKZjOn.js} +1 -1
- package/dist/assets/NumberField-CsvE81sD.js +6 -0
- package/dist/assets/{NumberField.stories-DfMrC_B4.js → NumberField.stories-1xw8yRUE.js} +7 -7
- package/dist/assets/{ObserveIntersection-CvDmrhxS.js → ObserveIntersection-XIPHNpKf.js} +1 -1
- package/dist/assets/{ObserveIntersection.stories-CJbpJ7AX.js → ObserveIntersection.stories-B_5fq2at.js} +1 -1
- package/dist/assets/{OnboardingTooltip-Ga3yLAKq.js → OnboardingTooltip-DdKsKvSX.js} +1 -1
- package/dist/assets/{OnboardingTooltip.stories-CIGhxyVv.js → OnboardingTooltip.stories-DjNADlBZ.js} +1 -1
- package/dist/assets/{OnboardingTooltip.tests.stories-BvPnsOf9.js → OnboardingTooltip.tests.stories-BW_3X6lO.js} +1 -1
- package/dist/assets/{OnboardingTour-DQKAMwDc.js → OnboardingTour-DXebeIDU.js} +1 -1
- package/dist/assets/{OnboardingTour.stories-xCALGjaf.js → OnboardingTour.stories-B1qBQCoT.js} +2 -2
- package/dist/assets/{OnboardingTour.tests.stories-DWSurYty.js → OnboardingTour.tests.stories-D5sFfBoy.js} +1 -1
- package/dist/assets/PasswordField-BFqsWIfL.js +6 -0
- package/dist/assets/{PasswordField.stories-D9dJYf60.js → PasswordField.stories-Ym38la75.js} +7 -7
- package/dist/assets/{PreplyLogo.stories-fvYp72RZ.js → PreplyLogo.stories-WWHnC28y.js} +1 -1
- package/dist/assets/{ProgressBar.stories-BI9rP3Zp.js → ProgressBar.stories-DwuKojS2.js} +1 -1
- package/dist/assets/{ProgressSteps-CuGX9_Fy.js → ProgressSteps-ByDec2fC.js} +1 -1
- package/dist/assets/{ProgressSteps.stories-BU_NU70-.js → ProgressSteps.stories-C81QmlM3.js} +1 -1
- package/dist/assets/{SelectField-DO_tN6au.js → SelectField-eFXu65mo.js} +13 -11
- package/dist/assets/{SelectField.stories-C3t6Yxl3.js → SelectField.stories-D8G4fd5i.js} +8 -8
- package/dist/assets/{ShowOnIntersection.stories-B24bNVFn.js → ShowOnIntersection.stories-CewFYwQu.js} +1 -1
- package/dist/assets/{Steps-fLuKPowT.js → Steps-MniLzlHq.js} +1 -1
- package/dist/assets/{Steps.stories-DBs_xRfi.js → Steps.stories-DGO2z-va.js} +1 -1
- package/dist/assets/{Text-B2ZjNCft.js → Text-DrH34jFe.js} +1 -1
- package/dist/assets/{Text.stories-B-ZOJyPu.js → Text.stories-V04H05kK.js} +1 -1
- package/dist/assets/TextField-D2GlsmWF.css +1 -0
- package/dist/assets/TextField-sLGry01P.js +1 -0
- package/dist/assets/TextField-sd_-L-71.js +6 -0
- package/dist/assets/{TextField.stories-Ip_bkDJi.js → TextField.stories-t8AfTqkD.js} +8 -8
- package/dist/assets/{TextHighlighted-B7-aMGmA.js → TextHighlighted-CfvNH8PY.js} +1 -1
- package/dist/assets/{TextHighlighted.stories-B89Gaz6o.js → TextHighlighted.stories-BFdf3kg4.js} +1 -1
- package/dist/assets/{TextInline.stories-DIjSSfRF.js → TextInline.stories-ONslfKVR.js} +1 -1
- package/dist/assets/{TextareaField-DHX6IRnj.js → TextareaField-DZiXvoRu.js} +13 -11
- package/dist/assets/{TextareaField.stories-Ege4vMd6.js → TextareaField.stories-BU6VqRhF.js} +8 -8
- package/dist/assets/{Toast.stories-QJP8u4iK.js → Toast.stories-jpkXw21u.js} +1 -1
- package/dist/assets/TokyoUIUpload-Bi3CuQzX.js +1 -0
- package/dist/assets/{Tooltip-hS-9HVfR.js → Tooltip-DYI-etfB.js} +1 -1
- package/dist/assets/{Tooltip.stories-Cm3Jk-_z.js → Tooltip.stories-DJP6VJlB.js} +1 -1
- package/dist/assets/{Tooltip.tests.stories-B2Yi0UsK.js → Tooltip.tests.stories-B2QuXqrc.js} +1 -1
- package/dist/assets/{breakpoints-0LwK_FN1.js → breakpoints-85lK2y-I.js} +1 -1
- package/dist/assets/{breakpoints-DRwiRnv6.js → breakpoints-BEqIB9xc.js} +1 -1
- package/dist/assets/{breakpoints-C4n_KMrT.js → breakpoints-DwS8cENA.js} +1 -1
- package/dist/assets/{changelog-1NQYbIFt.js → changelog-CrXzEvv7.js} +217 -205
- package/dist/assets/componentNames-Ba2ybP0W.js +1 -0
- package/dist/assets/{entry-preview-DgGa73bN.js → entry-preview-Dzuqoehc.js} +1 -1
- package/dist/assets/{getTokenVar-D3MUAgiO.js → getTokenVar-DfKyS0UW.js} +1 -1
- package/dist/assets/{hover-BkT97PXl.js → hover-DB9eaNzq.js} +1 -1
- package/dist/assets/{hover-Dq9rs4PT.js → hover-DO3lln9i.js} +1 -1
- package/dist/assets/{hover-Bv8Xc9G4.js → hover-rB8_XalK.js} +1 -1
- package/dist/assets/{iframe-x6BLg8Ji.js → iframe-CH-2Z4nW.js} +2 -2
- package/dist/assets/{index-DcOf5IFN.js → index-B_TkxWnH.js} +3 -3
- package/dist/assets/{index-CkEIPWib.js → index-HAtd9oNV.js} +1 -1
- package/dist/assets/{intro-CmrRtjLH.js → intro-CciujqaN.js} +1 -1
- package/dist/assets/layout-relative-BpJIh3YK.js +1 -0
- package/dist/assets/{migrating-from-less-CT230F26.js → migrating-from-less-CGun5jvS.js} +1 -1
- package/dist/assets/{playground-DBdZFxjC.css → playground-CCc6VR51.css} +1 -1
- package/dist/assets/{playground.stories-BhNG8Jgk.js → playground.stories-BMZQjPeS.js} +165 -165
- package/dist/assets/{preview-B1OsNris.js → preview-BA-z4dIb.js} +1 -1
- package/dist/assets/{preview-BEN5riSB.js → preview-CHRa9X89.js} +2 -2
- package/dist/assets/{preview-bLfHbFFi.js → preview-LLpb0wxd.js} +1 -1
- package/dist/assets/{tokens-i5BvqP2o.js → tokens-BAMxrvDv.js} +1 -1
- package/dist/assets/{tokens-I3xjhSDE.js → tokens-DoHds4Ot.js} +1 -1
- package/dist/assets/{tokens-DXy5hgn5.js → tokens-ZvFzTwDp.js} +1 -1
- package/dist/assets/{tokens-DjbFHayV.js → tokens-fQ3N2FTe.js} +1 -1
- package/dist/assets/{usePortalElement-tDzOwrOb.js → usePortalElement-Da1mB7Zi.js} +1 -1
- package/dist/assets/{welcome-BWP0gVfw.js → welcome-ChAggYgg.js} +1 -1
- package/dist/assets/{zeroheight-s8Fk0iPU.js → zeroheight-BDcQqTlz.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/index.json +1 -1
- package/dist/preview-stats.json +987 -1083
- package/dist/project.json +1 -1
- package/package.json +3 -3
- package/dist/assets/10.Combinations.stories-Wf-NooK0.js +0 -144
- package/dist/assets/30.icons.explorer-DZ1EsBtj.js +0 -73
- package/dist/assets/ButtonBase-CiON5Gq9.js +0 -8
- package/dist/assets/CountryFlag-BEP02NMP.js +0 -48
- package/dist/assets/CountryFlag-p-8M_k5M.css +0 -1
- package/dist/assets/Flag.stories-BZC_j8i9.js +0 -110
- package/dist/assets/Flag.test.stories-Dqy18PgD.js +0 -27
- package/dist/assets/FormControl-DD3JEwg1.js +0 -5
- package/dist/assets/FormControl.stories-DoVURnEB.js +0 -46
- package/dist/assets/IconButton-D0fGiRmb.js +0 -8
- package/dist/assets/InputContainer-DNEgpOcG.css +0 -1
- package/dist/assets/LayoutFlexItem-RxfNp994.js +0 -1
- package/dist/assets/LayoutGrid.stories-CAvHZzVw.js +0 -88
- package/dist/assets/LayoutGridItem-AvP_ZkC5.js +0 -1
- package/dist/assets/LayoutGridItem-Dy4Q8woN.css +0 -1
- package/dist/assets/NumberField-_XVLeKUg.js +0 -4
- package/dist/assets/PasswordField-KGypENg3.js +0 -4
- package/dist/assets/TextField-872WjatY.js +0 -1
- package/dist/assets/TextField-DdvdZqgn.css +0 -1
- package/dist/assets/TextField-DnZQU85b.js +0 -4
- package/dist/assets/align-self-BM6l9H5Z.js +0 -1
- package/dist/assets/componentNames-CVVyamkx.js +0 -1
- /package/dist/assets/{InputContainer-C1TOTxt4.js → InputContainer-Bk0tgFnW.js} +0 -0
- /package/dist/assets/{align-self-C4ATemga.css → layout-relative-C4ATemga.css} +0 -0
@@ -1,88 +0,0 @@
|
|
1
|
-
import{j as t}from"./jsx-runtime-BYouaCF_.js";import{L as e,a as h}from"./LayoutGridItem-AvP_ZkC5.js";import{S as n,a as m}from"./consts-KAYct7Gj.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./classNames-BUL1Zq7e.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-ed9bC4H4.js";import"./align-self-BM6l9H5Z.js";import"./constants-DYYVurUY.js";import"./defaults-B1rzzf6M.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./index-DdzHuZ-Y.js";import"./componentNames-CVVyamkx.js";const G={title:"components/LayoutGrid",component:h,subcomponents:{LayoutGridItem:e},argTypes:{gap:{description:n},padding:{description:m},columns:{description:n},justifyContent:{description:n},alignItems:{description:n},justifyItems:{description:n},hide:{description:n},relative:{description:n}}},o=()=>t.jsxs(h,{columns:4,alignItems:"start",gap:"xs",children:[t.jsx(e,{children:t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem"},children:[t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}}),t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})]})}),t.jsx(e,{alignSelf:"end",children:t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})}),t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}}),t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})]});o.storyName="LayoutGrid";const i={parameters:{chromatic:{disableSnapshot:!0}},args:{gap:"16",columns:3,alignItems:"start",children:t.jsxs(t.Fragment,{children:[t.jsx("div",{style:{minWidth:"100px",minHeight:50,backgroundColor:"hotpink"},children:" "}),t.jsx("div",{style:{minWidth:"100px",minHeight:75,backgroundColor:"hotpink"},children:" "}),t.jsx("div",{style:{minWidth:"100px",minHeight:100,backgroundColor:"hotpink",textAlign:"center"}})]}),dataset:{qaid:"layout-grid"}},argTypes:{dataset:{control:"object"},columns:{control:"number"},justifyItems:{control:"select"},hide:{control:"boolean"},relative:{control:"boolean"},children:{control:!1}}};var r,s,a;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:`() => <LayoutGrid columns={4} alignItems="start" gap="xs">
|
2
|
-
<LayoutGridItem>
|
3
|
-
<div style={{
|
4
|
-
display: 'flex',
|
5
|
-
flexDirection: 'column',
|
6
|
-
gap: '0.25rem'
|
7
|
-
}}>
|
8
|
-
<div style={{
|
9
|
-
height: '2ch',
|
10
|
-
backgroundColor: 'hotpink'
|
11
|
-
}} />
|
12
|
-
<div style={{
|
13
|
-
height: '2ch',
|
14
|
-
backgroundColor: 'hotpink'
|
15
|
-
}} />
|
16
|
-
</div>
|
17
|
-
</LayoutGridItem>
|
18
|
-
<LayoutGridItem alignSelf="end">
|
19
|
-
<div style={{
|
20
|
-
height: '2ch',
|
21
|
-
backgroundColor: 'hotpink'
|
22
|
-
}} />
|
23
|
-
</LayoutGridItem>
|
24
|
-
<div style={{
|
25
|
-
height: '2ch',
|
26
|
-
backgroundColor: 'hotpink'
|
27
|
-
}} />
|
28
|
-
<div style={{
|
29
|
-
height: '2ch',
|
30
|
-
backgroundColor: 'hotpink'
|
31
|
-
}} />
|
32
|
-
</LayoutGrid>`,...(a=(s=o.parameters)==null?void 0:s.docs)==null?void 0:a.source}}};var l,d,c;i.parameters={...i.parameters,docs:{...(l=i.parameters)==null?void 0:l.docs,source:{originalSource:`{
|
33
|
-
parameters: {
|
34
|
-
chromatic: {
|
35
|
-
disableSnapshot: true
|
36
|
-
}
|
37
|
-
},
|
38
|
-
args: {
|
39
|
-
gap: '16',
|
40
|
-
columns: 3,
|
41
|
-
alignItems: 'start',
|
42
|
-
children: <>
|
43
|
-
<div style={{
|
44
|
-
minWidth: '100px',
|
45
|
-
minHeight: 50,
|
46
|
-
backgroundColor: 'hotpink'
|
47
|
-
}}>
|
48
|
-
{' '}
|
49
|
-
</div>
|
50
|
-
<div style={{
|
51
|
-
minWidth: '100px',
|
52
|
-
minHeight: 75,
|
53
|
-
backgroundColor: 'hotpink'
|
54
|
-
}}>
|
55
|
-
{' '}
|
56
|
-
</div>
|
57
|
-
<div style={{
|
58
|
-
minWidth: '100px',
|
59
|
-
minHeight: 100,
|
60
|
-
backgroundColor: 'hotpink',
|
61
|
-
textAlign: 'center'
|
62
|
-
}}></div>
|
63
|
-
</>,
|
64
|
-
dataset: {
|
65
|
-
qaid: 'layout-grid'
|
66
|
-
}
|
67
|
-
},
|
68
|
-
argTypes: {
|
69
|
-
dataset: {
|
70
|
-
control: 'object'
|
71
|
-
},
|
72
|
-
columns: {
|
73
|
-
control: 'number'
|
74
|
-
},
|
75
|
-
justifyItems: {
|
76
|
-
control: 'select'
|
77
|
-
},
|
78
|
-
hide: {
|
79
|
-
control: 'boolean'
|
80
|
-
},
|
81
|
-
relative: {
|
82
|
-
control: 'boolean'
|
83
|
-
},
|
84
|
-
children: {
|
85
|
-
control: false
|
86
|
-
}
|
87
|
-
}
|
88
|
-
}`,...(c=(d=i.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};const E=["Base","Playground"];export{o as Base,i as Playground,E as __namedExportsOrder,G as default};
|
@@ -1 +0,0 @@
|
|
1
|
-
import{j as g}from"./jsx-runtime-BYouaCF_.js";import{r as j}from"./index-B3evPFBL.js";import{a as I,m as _,s as y}from"./classNames-BUL1Zq7e.js";import{B as P}from"./breakpoints-BfMlrtxE.js";import{s as V,g as S}from"./layout-relative.module-ed9bC4H4.js";import{a as w,b as h,g as q}from"./align-self-BM6l9H5Z.js";import{k as O,f as D,L as b}from"./defaults-B1rzzf6M.js";import{f as C}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{g as N}from"./index-DdzHuZ-Y.js";import{w as G}from"./componentNames-CVVyamkx.js";const U="LayoutGrid__SRDdo",R={LayoutGrid:U,"LayoutGrid--justify-content-center":"LayoutGrid--justify-content-center__vI9m1","LayoutGrid--justify-content-start":"LayoutGrid--justify-content-start__oyqGC","LayoutGrid--justify-content-end":"LayoutGrid--justify-content-end__RMTO2","LayoutGrid--justify-content-space-between":"LayoutGrid--justify-content-space-between__lvZnD","LayoutGrid--justify-content-space-around":"LayoutGrid--justify-content-space-around__Tl4FE","LayoutGrid--justify-content-space-evenly":"LayoutGrid--justify-content-space-evenly__KzBOQ","LayoutGrid--narrow-l--justify-content-center":"LayoutGrid--narrow-l--justify-content-center__nQPPi","LayoutGrid--narrow-l--justify-content-start":"LayoutGrid--narrow-l--justify-content-start__K7PbL","LayoutGrid--narrow-l--justify-content-end":"LayoutGrid--narrow-l--justify-content-end__UHZNO","LayoutGrid--narrow-l--justify-content-space-between":"LayoutGrid--narrow-l--justify-content-space-between__hgFor","LayoutGrid--narrow-l--justify-content-space-around":"LayoutGrid--narrow-l--justify-content-space-around__Ec1Tu","LayoutGrid--narrow-l--justify-content-space-evenly":"LayoutGrid--narrow-l--justify-content-space-evenly__TjQzB","LayoutGrid--medium-s--justify-content-center":"LayoutGrid--medium-s--justify-content-center__2xRJU","LayoutGrid--medium-s--justify-content-start":"LayoutGrid--medium-s--justify-content-start__5YYfG","LayoutGrid--medium-s--justify-content-end":"LayoutGrid--medium-s--justify-content-end__tNaVV","LayoutGrid--medium-s--justify-content-space-between":"LayoutGrid--medium-s--justify-content-space-between__Yw2DU","LayoutGrid--medium-s--justify-content-space-around":"LayoutGrid--medium-s--justify-content-space-around__GzjIX","LayoutGrid--medium-s--justify-content-space-evenly":"LayoutGrid--medium-s--justify-content-space-evenly__wtV7Y","LayoutGrid--medium-l--justify-content-center":"LayoutGrid--medium-l--justify-content-center__6Z3HK","LayoutGrid--medium-l--justify-content-start":"LayoutGrid--medium-l--justify-content-start__eCE0H","LayoutGrid--medium-l--justify-content-end":"LayoutGrid--medium-l--justify-content-end__WUHhq","LayoutGrid--medium-l--justify-content-space-between":"LayoutGrid--medium-l--justify-content-space-between__dzn5s","LayoutGrid--medium-l--justify-content-space-around":"LayoutGrid--medium-l--justify-content-space-around__1jJy-","LayoutGrid--medium-l--justify-content-space-evenly":"LayoutGrid--medium-l--justify-content-space-evenly__SALxb","LayoutGrid--wide-s--justify-content-center":"LayoutGrid--wide-s--justify-content-center__O2AmA","LayoutGrid--wide-s--justify-content-start":"LayoutGrid--wide-s--justify-content-start__M128c","LayoutGrid--wide-s--justify-content-end":"LayoutGrid--wide-s--justify-content-end__Edf7b","LayoutGrid--wide-s--justify-content-space-between":"LayoutGrid--wide-s--justify-content-space-between__sCWUj","LayoutGrid--wide-s--justify-content-space-around":"LayoutGrid--wide-s--justify-content-space-around__OqKb-","LayoutGrid--wide-s--justify-content-space-evenly":"LayoutGrid--wide-s--justify-content-space-evenly__BqAco","LayoutGrid--wide-l--justify-content-center":"LayoutGrid--wide-l--justify-content-center__WT24m","LayoutGrid--wide-l--justify-content-start":"LayoutGrid--wide-l--justify-content-start__pavdA","LayoutGrid--wide-l--justify-content-end":"LayoutGrid--wide-l--justify-content-end__US-V2","LayoutGrid--wide-l--justify-content-space-between":"LayoutGrid--wide-l--justify-content-space-between__31Ivo","LayoutGrid--wide-l--justify-content-space-around":"LayoutGrid--wide-l--justify-content-space-around__sbmBA","LayoutGrid--wide-l--justify-content-space-evenly":"LayoutGrid--wide-l--justify-content-space-evenly__VBy-1","LayoutGrid--align-items-center":"LayoutGrid--align-items-center__cAn-E","LayoutGrid--align-items-start":"LayoutGrid--align-items-start__iIBPs","LayoutGrid--align-items-end":"LayoutGrid--align-items-end__bi0Vt","LayoutGrid--align-items-stretch":"LayoutGrid--align-items-stretch__vyo1N","LayoutGrid--align-items-baseline":"LayoutGrid--align-items-baseline__iWU1b","LayoutGrid--narrow-l--align-items-center":"LayoutGrid--narrow-l--align-items-center__L5fan","LayoutGrid--narrow-l--align-items-start":"LayoutGrid--narrow-l--align-items-start__EZBkc","LayoutGrid--narrow-l--align-items-end":"LayoutGrid--narrow-l--align-items-end__igLCn","LayoutGrid--narrow-l--align-items-stretch":"LayoutGrid--narrow-l--align-items-stretch__jsoOx","LayoutGrid--narrow-l--align-items-baseline":"LayoutGrid--narrow-l--align-items-baseline__HJvGK","LayoutGrid--medium-s--align-items-center":"LayoutGrid--medium-s--align-items-center__YHCsG","LayoutGrid--medium-s--align-items-start":"LayoutGrid--medium-s--align-items-start__-x5jL","LayoutGrid--medium-s--align-items-end":"LayoutGrid--medium-s--align-items-end__5vxaA","LayoutGrid--medium-s--align-items-stretch":"LayoutGrid--medium-s--align-items-stretch__Oo3Jn","LayoutGrid--medium-s--align-items-baseline":"LayoutGrid--medium-s--align-items-baseline__N5jnU","LayoutGrid--medium-l--align-items-center":"LayoutGrid--medium-l--align-items-center__sOLNh","LayoutGrid--medium-l--align-items-start":"LayoutGrid--medium-l--align-items-start__LlPIM","LayoutGrid--medium-l--align-items-end":"LayoutGrid--medium-l--align-items-end__kMMCT","LayoutGrid--medium-l--align-items-stretch":"LayoutGrid--medium-l--align-items-stretch__R0zx-","LayoutGrid--medium-l--align-items-baseline":"LayoutGrid--medium-l--align-items-baseline__EaOdU","LayoutGrid--wide-s--align-items-center":"LayoutGrid--wide-s--align-items-center__Ve-ZD","LayoutGrid--wide-s--align-items-start":"LayoutGrid--wide-s--align-items-start__28Z74","LayoutGrid--wide-s--align-items-end":"LayoutGrid--wide-s--align-items-end__TDXOu","LayoutGrid--wide-s--align-items-stretch":"LayoutGrid--wide-s--align-items-stretch__nHuLT","LayoutGrid--wide-s--align-items-baseline":"LayoutGrid--wide-s--align-items-baseline__pnhzS","LayoutGrid--wide-l--align-items-center":"LayoutGrid--wide-l--align-items-center__JTXQd","LayoutGrid--wide-l--align-items-start":"LayoutGrid--wide-l--align-items-start__Ghu5o","LayoutGrid--wide-l--align-items-end":"LayoutGrid--wide-l--align-items-end__6ReFW","LayoutGrid--wide-l--align-items-stretch":"LayoutGrid--wide-l--align-items-stretch__O0QQv","LayoutGrid--wide-l--align-items-baseline":"LayoutGrid--wide-l--align-items-baseline__sQjwX","LayoutGrid--justify-items-stretch":"LayoutGrid--justify-items-stretch__M9QcQ","LayoutGrid--justify-items-center":"LayoutGrid--justify-items-center__oTKUc","LayoutGrid--justify-items-start":"LayoutGrid--justify-items-start__VYPnF","LayoutGrid--justify-items-end":"LayoutGrid--justify-items-end__8CwwZ","LayoutGrid--narrow-l--justify-items-stretch":"LayoutGrid--narrow-l--justify-items-stretch__kvCGG","LayoutGrid--narrow-l--justify-items-center":"LayoutGrid--narrow-l--justify-items-center__3ItXk","LayoutGrid--narrow-l--justify-items-start":"LayoutGrid--narrow-l--justify-items-start__Bhi3s","LayoutGrid--narrow-l--justify-items-end":"LayoutGrid--narrow-l--justify-items-end__gc2Ku","LayoutGrid--medium-s--justify-items-stretch":"LayoutGrid--medium-s--justify-items-stretch__tuwxD","LayoutGrid--medium-s--justify-items-center":"LayoutGrid--medium-s--justify-items-center__atoXy","LayoutGrid--medium-s--justify-items-start":"LayoutGrid--medium-s--justify-items-start__TmFN1","LayoutGrid--medium-s--justify-items-end":"LayoutGrid--medium-s--justify-items-end__jfl4-","LayoutGrid--medium-l--justify-items-stretch":"LayoutGrid--medium-l--justify-items-stretch__H23wm","LayoutGrid--medium-l--justify-items-center":"LayoutGrid--medium-l--justify-items-center__U-RzH","LayoutGrid--medium-l--justify-items-start":"LayoutGrid--medium-l--justify-items-start__0UVBd","LayoutGrid--medium-l--justify-items-end":"LayoutGrid--medium-l--justify-items-end__GDL0T","LayoutGrid--wide-s--justify-items-stretch":"LayoutGrid--wide-s--justify-items-stretch__3eMVC","LayoutGrid--wide-s--justify-items-center":"LayoutGrid--wide-s--justify-items-center__i7AtD","LayoutGrid--wide-s--justify-items-start":"LayoutGrid--wide-s--justify-items-start__O80gc","LayoutGrid--wide-s--justify-items-end":"LayoutGrid--wide-s--justify-items-end__IleZr","LayoutGrid--wide-l--justify-items-stretch":"LayoutGrid--wide-l--justify-items-stretch__P8KTm","LayoutGrid--wide-l--justify-items-center":"LayoutGrid--wide-l--justify-items-center__sXqXH","LayoutGrid--wide-l--justify-items-start":"LayoutGrid--wide-l--justify-items-start__QngDX","LayoutGrid--wide-l--justify-items-end":"LayoutGrid--wide-l--justify-items-end__wa8k8","LayoutGrid--columns":"LayoutGrid--columns__rVisq","LayoutGrid--columns-narrow-l":"LayoutGrid--columns-narrow-l__UBDfA","LayoutGrid--columns-medium-s":"LayoutGrid--columns-medium-s__lzA5l","LayoutGrid--columns-medium-l":"LayoutGrid--columns-medium-l__CM0CJ","LayoutGrid--columns-wide-s":"LayoutGrid--columns-wide-s__RUz4B","LayoutGrid--columns-wide-l":"LayoutGrid--columns-wide-l__qXJC-"},x="LayoutGrid",E=Object.keys(P),f=e=>typeof e=="number"?`repeat(${e}, 1fr)`:e.join(" "),H=e=>typeof e=="object"&&!Array.isArray(e)?Object.entries(e).reduce((a,[u,t])=>({...a,...t?{[u]:f(t)}:{}}),{_:f(e._)}):{_:f(e)},k=e=>{if(!e)return{classNames:[],style:{}};const a=H(e),u=E.filter(i=>a[i]),t=I(R,x,["columns",...u.map(i=>`columns-${i}`)]),n=u.reduce((i,s)=>({...i,[`--columns-${s}`]:a[s]}),{"--columns":a._});return{classNames:t,style:n}},z="LayoutGap",M=e=>_(V,z,[y("gap",e)]),Y="LayoutGrid",B=(e,a)=>{const{gap:u=O,padding:t=D,justifyContent:n,alignItems:i,justifyItems:s,hide:l,relative:r}=a||{},o=_(R,Y,[y("justify-content",n),y("align-items",i),y("justify-items",s)]),d=M(u),m=S(t),c=w(l,"grid"),L=h(r);return[...o,...d,...m,...c,...L]},v=j.forwardRef(function({dataset:a,children:u,...t},n){const{tag:i=b,columns:s}=t,l=B("grid",t),{style:r,classNames:o}=k(s),d=[...l,...o],m={...C(t),ref:n,className:d.join(" "),style:r,...N(a,{preplyDsComponent:G.LayoutGrid})};return g.jsx(i,{...m,children:u})});try{v.displayName="LayoutGrid",v.__docgenInfo={description:"A CSS `grid` wrapper.",displayName:"LayoutGrid",props:{gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"2xs"'},{value:'"none"'},{value:'"3xs"'},{value:"ResponsiveProp<LayoutGap>"},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:"ResponsiveProp<Spacing>"}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"2xs"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{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>>"}]}},columns:{defaultValue:null,description:"The `number` of columns, or a `string[]` of `grid-template-columns`.\n@see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns}",name:"columns",required:!1,type:{name:"enum",value:[{value:"number"},{value:"string[]"},{value:"ResponsiveProp<number | string[]>"}]}},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>"}]}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:"ResponsiveProp<LayoutJustifyItems>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{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>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const K="LayoutGridItem__GF0yx",Q={LayoutGridItem:K},p=j.forwardRef(function({children:a,alignSelf:u,tag:t,hide:n,relative:i,dataset:s,...l},r){const o=_(Q,G.LayoutGridItem,[]),d=q(u),m=w(n),c=h(i),L=[...o,...d,...m,...c],A=t??b,T={...C(l),ref:r,className:L.join(" "),...N(s,{preplyDsComponent:G.LayoutGridItem})};return g.jsx(A,{...T,children:a})});try{p.displayName="LayoutGridItem",p.__docgenInfo={description:"",displayName:"LayoutGridItem",props:{alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:"ResponsiveProp<LayoutAlignSelf>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{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>"}]}},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{p as L,v as a};
|
@@ -1 +0,0 @@
|
|
1
|
-
.LayoutGrid__SRDdo{list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;margin:0;padding:0;display:grid}.LayoutGrid--justify-content-center__vI9m1{justify-content:center}.LayoutGrid--justify-content-start__oyqGC{justify-content:start}.LayoutGrid--justify-content-end__RMTO2{justify-content:end}.LayoutGrid--justify-content-space-between__lvZnD{justify-content:space-between}.LayoutGrid--justify-content-space-around__Tl4FE{justify-content:space-around}.LayoutGrid--justify-content-space-evenly__KzBOQ{justify-content:space-evenly}@media (min-width: 400px){.LayoutGrid--narrow-l--justify-content-center__nQPPi{justify-content:center}.LayoutGrid--narrow-l--justify-content-start__K7PbL{justify-content:start}.LayoutGrid--narrow-l--justify-content-end__UHZNO{justify-content:end}.LayoutGrid--narrow-l--justify-content-space-between__hgFor{justify-content:space-between}.LayoutGrid--narrow-l--justify-content-space-around__Ec1Tu{justify-content:space-around}.LayoutGrid--narrow-l--justify-content-space-evenly__TjQzB{justify-content:space-evenly}}@media (min-width: 700px){.LayoutGrid--medium-s--justify-content-center__2xRJU{justify-content:center}.LayoutGrid--medium-s--justify-content-start__5YYfG{justify-content:start}.LayoutGrid--medium-s--justify-content-end__tNaVV{justify-content:end}.LayoutGrid--medium-s--justify-content-space-between__Yw2DU{justify-content:space-between}.LayoutGrid--medium-s--justify-content-space-around__GzjIX{justify-content:space-around}.LayoutGrid--medium-s--justify-content-space-evenly__wtV7Y{justify-content:space-evenly}}@media (min-width: 880px){.LayoutGrid--medium-l--justify-content-center__6Z3HK{justify-content:center}.LayoutGrid--medium-l--justify-content-start__eCE0H{justify-content:start}.LayoutGrid--medium-l--justify-content-end__WUHhq{justify-content:end}.LayoutGrid--medium-l--justify-content-space-between__dzn5s{justify-content:space-between}.LayoutGrid--medium-l--justify-content-space-around__1jJy-{justify-content:space-around}.LayoutGrid--medium-l--justify-content-space-evenly__SALxb{justify-content:space-evenly}}@media (min-width: 1200px){.LayoutGrid--wide-s--justify-content-center__O2AmA{justify-content:center}.LayoutGrid--wide-s--justify-content-start__M128c{justify-content:start}.LayoutGrid--wide-s--justify-content-end__Edf7b{justify-content:end}.LayoutGrid--wide-s--justify-content-space-between__sCWUj{justify-content:space-between}.LayoutGrid--wide-s--justify-content-space-around__OqKb-{justify-content:space-around}.LayoutGrid--wide-s--justify-content-space-evenly__BqAco{justify-content:space-evenly}}@media (min-width: 1900px){.LayoutGrid--wide-l--justify-content-center__WT24m{justify-content:center}.LayoutGrid--wide-l--justify-content-start__pavdA{justify-content:start}.LayoutGrid--wide-l--justify-content-end__US-V2{justify-content:end}.LayoutGrid--wide-l--justify-content-space-between__31Ivo{justify-content:space-between}.LayoutGrid--wide-l--justify-content-space-around__sbmBA{justify-content:space-around}.LayoutGrid--wide-l--justify-content-space-evenly__VBy-1{justify-content:space-evenly}}.LayoutGrid--align-items-center__cAn-E{align-items:center}.LayoutGrid--align-items-start__iIBPs{align-items:start}.LayoutGrid--align-items-end__bi0Vt{align-items:end}.LayoutGrid--align-items-stretch__vyo1N{align-items:stretch}.LayoutGrid--align-items-baseline__iWU1b{align-items:baseline}@media (min-width: 400px){.LayoutGrid--narrow-l--align-items-center__L5fan{align-items:center}.LayoutGrid--narrow-l--align-items-start__EZBkc{align-items:start}.LayoutGrid--narrow-l--align-items-end__igLCn{align-items:end}.LayoutGrid--narrow-l--align-items-stretch__jsoOx{align-items:stretch}.LayoutGrid--narrow-l--align-items-baseline__HJvGK{align-items:baseline}}@media (min-width: 700px){.LayoutGrid--medium-s--align-items-center__YHCsG{align-items:center}.LayoutGrid--medium-s--align-items-start__-x5jL{align-items:start}.LayoutGrid--medium-s--align-items-end__5vxaA{align-items:end}.LayoutGrid--medium-s--align-items-stretch__Oo3Jn{align-items:stretch}.LayoutGrid--medium-s--align-items-baseline__N5jnU{align-items:baseline}}@media (min-width: 880px){.LayoutGrid--medium-l--align-items-center__sOLNh{align-items:center}.LayoutGrid--medium-l--align-items-start__LlPIM{align-items:start}.LayoutGrid--medium-l--align-items-end__kMMCT{align-items:end}.LayoutGrid--medium-l--align-items-stretch__R0zx-{align-items:stretch}.LayoutGrid--medium-l--align-items-baseline__EaOdU{align-items:baseline}}@media (min-width: 1200px){.LayoutGrid--wide-s--align-items-center__Ve-ZD{align-items:center}.LayoutGrid--wide-s--align-items-start__28Z74{align-items:start}.LayoutGrid--wide-s--align-items-end__TDXOu{align-items:end}.LayoutGrid--wide-s--align-items-stretch__nHuLT{align-items:stretch}.LayoutGrid--wide-s--align-items-baseline__pnhzS{align-items:baseline}}@media (min-width: 1900px){.LayoutGrid--wide-l--align-items-center__JTXQd{align-items:center}.LayoutGrid--wide-l--align-items-start__Ghu5o{align-items:start}.LayoutGrid--wide-l--align-items-end__6ReFW{align-items:end}.LayoutGrid--wide-l--align-items-stretch__O0QQv{align-items:stretch}.LayoutGrid--wide-l--align-items-baseline__sQjwX{align-items:baseline}}.LayoutGrid--justify-items-stretch__M9QcQ{justify-items:stretch}.LayoutGrid--justify-items-center__oTKUc{justify-items:center}.LayoutGrid--justify-items-start__VYPnF{justify-items:start}.LayoutGrid--justify-items-end__8CwwZ{justify-items:end}@media (min-width: 400px){.LayoutGrid--narrow-l--justify-items-stretch__kvCGG{justify-items:stretch}.LayoutGrid--narrow-l--justify-items-center__3ItXk{justify-items:center}.LayoutGrid--narrow-l--justify-items-start__Bhi3s{justify-items:start}.LayoutGrid--narrow-l--justify-items-end__gc2Ku{justify-items:end}}@media (min-width: 700px){.LayoutGrid--medium-s--justify-items-stretch__tuwxD{justify-items:stretch}.LayoutGrid--medium-s--justify-items-center__atoXy{justify-items:center}.LayoutGrid--medium-s--justify-items-start__TmFN1{justify-items:start}.LayoutGrid--medium-s--justify-items-end__jfl4-{justify-items:end}}@media (min-width: 880px){.LayoutGrid--medium-l--justify-items-stretch__H23wm{justify-items:stretch}.LayoutGrid--medium-l--justify-items-center__U-RzH{justify-items:center}.LayoutGrid--medium-l--justify-items-start__0UVBd{justify-items:start}.LayoutGrid--medium-l--justify-items-end__GDL0T{justify-items:end}}@media (min-width: 1200px){.LayoutGrid--wide-s--justify-items-stretch__3eMVC{justify-items:stretch}.LayoutGrid--wide-s--justify-items-center__i7AtD{justify-items:center}.LayoutGrid--wide-s--justify-items-start__O80gc{justify-items:start}.LayoutGrid--wide-s--justify-items-end__IleZr{justify-items:end}}@media (min-width: 1900px){.LayoutGrid--wide-l--justify-items-stretch__P8KTm{justify-items:stretch}.LayoutGrid--wide-l--justify-items-center__sXqXH{justify-items:center}.LayoutGrid--wide-l--justify-items-start__QngDX{justify-items:start}.LayoutGrid--wide-l--justify-items-end__wa8k8{justify-items:end}}.LayoutGrid--columns__rVisq{grid-template-columns:var(--columns)}@media (min-width: 400px){.LayoutGrid--columns-narrow-l__UBDfA{grid-template-columns:var(--columns-narrow-l)}}@media (min-width: 700px){.LayoutGrid--columns-medium-s__lzA5l{grid-template-columns:var(--columns-medium-s)}}@media (min-width: 880px){.LayoutGrid--columns-medium-l__CM0CJ{grid-template-columns:var(--columns-medium-l)}}@media (min-width: 1200px){.LayoutGrid--columns-wide-s__RUz4B{grid-template-columns:var(--columns-wide-s)}}@media (min-width: 1900px){.LayoutGrid--columns-wide-l__qXJC-{grid-template-columns:var(--columns-wide-l)}}.LayoutGridItem__GF0yx{margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;padding:0}
|
@@ -1,4 +0,0 @@
|
|
1
|
-
import{j as u}from"./jsx-runtime-BYouaCF_.js";import{r as q}from"./index-B3evPFBL.js";import{F as V}from"./FormControl-DD3JEwg1.js";import{w as g}from"./componentNames-CVVyamkx.js";import{I as H}from"./Input-0F-H1v0g.js";const t=q.forwardRef(function({id:i,label:d,description:s,error:m,required:o,inputDataset:p,dataset:v,hideLabel:f,onClick:c,onValueChange:e,onChange:a,hasError:y,className:I,style:L,...b},h){const E=l=>{a==null||a(l);const n=l.target.value;e==null||e(n?Number(n):void 0)};return u.jsx(V,{id:i,label:d,description:s,error:m,hasError:y,required:o,dataset:v,hideLabel:f,onClick:c,preplyDsComponent:g.NumberField,children:u.jsx(H,{...b,type:"number",ref:h,dataset:p,onChange:E})})});try{t.displayName="NumberField",t.__docgenInfo={description:"",displayName:"NumberField",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},id:{defaultValue:null,description:`The id to be passed to the input element.
|
2
|
-
If not provided, will be generated for accessibility purposes.`,name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},error:{defaultValue:null,description:"Error message to display when the field has an invalid value.",name:"error",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLInputElement>"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
|
3
|
-
to provide more context or instructions to the user.`,name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hasError:{defaultValue:null,description:"Whether the field has an error.\n@deprecated Use `error` prop to exlicitly describe the error to users",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
|
4
|
-
indicator next to the label.`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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:"number"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"number"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: number | undefined) => void"}]}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"enum",value:[{value:"number"}]}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"enum",value:[{value:"number"}]}},step:{defaultValue:null,description:"",name:"step",required:!1,type:{name:"enum",value:[{value:"number"}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",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: HTMLInputElement | null) => void"},{value:"RefObject<HTMLInputElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{t as N};
|
@@ -1,4 +0,0 @@
|
|
1
|
-
import{j as a}from"./jsx-runtime-BYouaCF_.js";import{r as l}from"./index-B3evPFBL.js";import{F as R}from"./FormControl-DD3JEwg1.js";import{F as H,a as I}from"./TokyoUIEye-BsOt8ZdC.js";import{F as M}from"./FieldButton-xxvyfVcj.js";import{u as L,d as F}from"./index-BfBdt3zW.js";import{u as T}from"./useMergeRefs-BKVZOB6R.js";import{w as x}from"./componentNames-CVVyamkx.js";import{I as P}from"./Input-0F-H1v0g.js";const r=F({reveal:{id:"preply-ds.password-field.reveal.button",defaultMessage:"Reveal password",description:'A11y label for the "reveal password" button. Will be announced by screen reader.'},conceal:{id:"preply-ds.password-field.conceal.button",defaultMessage:"Conceal password",description:'A11y label for the "conceal password" button. Will be announced by screen reader.'}}),s=l.forwardRef(function({id:o,label:d,description:m,error:p,required:v,inputDataset:c,dataset:f,hideLabel:y,onClick:h,hasError:b,className:k,style:D,...g},E){const{formatMessage:n}=L(),[e,V]=l.useState(!1),t=l.useRef(null),q=T(t,E),w=e?"text":"password",C=()=>{var u;V(!e),(u=t.current)==null||u.focus()};return a.jsx(R,{id:o,label:d,description:m,error:p,hasError:b,required:v,dataset:f,hideLabel:y,onClick:h,preplyDsComponent:x.PasswordField,children:a.jsx(P,{...g,type:w,ref:q,dataset:c,button:a.jsx(M,{onClick:C,svg:e?H:I,assistiveText:n(e?r.conceal:r.reveal),dataset:{testid:"toggle-password-button"}})})})});try{s.displayName="PasswordField",s.__docgenInfo={description:"",displayName:"PasswordField",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},id:{defaultValue:null,description:`The id to be passed to the input element.
|
2
|
-
If not provided, will be generated for accessibility purposes.`,name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},error:{defaultValue:null,description:"Error message to display when the field has an invalid value.",name:"error",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLInputElement>"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
|
3
|
-
to provide more context or instructions to the user.`,name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hasError:{defaultValue:null,description:"Whether the field has an error.\n@deprecated Use `error` prop to exlicitly describe the error to users",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
|
4
|
-
indicator next to the label.`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: string) => void"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"new-password"'},{value:'"current-password"'}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",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: HTMLInputElement | null) => void"},{value:"RefObject<HTMLInputElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{s as P};
|
@@ -1 +0,0 @@
|
|
1
|
-
import{j as e}from"./jsx-runtime-BYouaCF_.js";import{r as h}from"./index-B3evPFBL.js";import{S as v}from"./index-DRKYGVyc.js";import"./index-BfBdt3zW.js";import{g}from"./index-DdzHuZ-Y.js";import{w as b}from"./componentNames-CVVyamkx.js";import{M as y}from"./message-BraTJ16C.js";const F="container__dtKps",q="label__S0tQE",A="required__GVzWg",C="description__h6Gw1",$="error__MGvA2",m={container:F,label:q,required:A,description:C,error:$};function w({id:a,error:r,description:n,hasError:s}){const t={};return s&&(t["aria-invalid"]=!0),r&&(t["aria-invalid"]=!0,t["aria-errormessage"]=`${a}-error`),n&&(t["aria-describedby"]=`${a}-description`),t}const M=({id:a,label:r,hideLabel:n,description:s,error:t,hasError:i,children:l,required:o,dataset:p,onClick:u,preplyDsComponent:d=b.FormControl})=>{const f=h.useId(),c=a||f,j=w({id:c,error:t,description:s,hasError:i}),_=g(p,{preplyDsComponent:d});return e.jsxs("div",{className:m.container,..._,onClick:u,children:[e.jsxs("label",{htmlFor:c,className:m.label,"data-hidden":n||!r,"data-testid":"label",children:[r,o&&e.jsx(e.Fragment,{children:e.jsxs("span",{"aria-hidden":!0,className:m.required,children:[" • ",e.jsx(y,{id:"preply-ds.fieldLabel.required",defaultMessage:[{type:0,value:"Required"}]})]})})]}),e.jsx(v,{id:c,required:o,...j,children:l}),t?e.jsx("p",{className:m.error,role:"alert",id:`${c}-error`,"data-testid":"error",children:t}):s?e.jsx("p",{className:m.description,id:`${c}-description`,"data-testid":"description",children:s}):null]})},T="container__B-gQ9",R="input__WZN7y",E="icon__6Xfum",G="trailingIcon__Bgnv4",P="button__auAU0",x={container:T,input:R,icon:E,trailingIcon:G,button:P};function S({button:a,icon:r,trailingIcon:n,children:s}){return e.jsxs("div",{className:x.container,children:[!!r&&e.jsx("span",{className:x.icon,children:r}),s,!!n&&e.jsx("span",{className:x.trailingIcon,children:n}),!!a&&e.jsx("span",{className:x.button,children:a})]})}const N=h.forwardRef(function({button:r,icon:n,dataset:s,onChange:t,onValueChange:i,...l},o){const p=g(s),u=d=>{t==null||t(d),i==null||i(d.target.value)};return e.jsx(S,{button:r,icon:n,children:e.jsx("input",{...p,...l,ref:o,onChange:u,className:x.input})})});N.__docgenInfo={description:"",methods:[],displayName:"Input"};const z=h.forwardRef(function({id:r,label:n,description:s,error:t,required:i,type:l="text",inputDataset:o,dataset:p,hideLabel:u,onClick:d,hasError:f,className:c,style:j,..._},I){return e.jsx(M,{id:r,label:n,description:s,error:t,hasError:f,required:i,dataset:p,hideLabel:u,onClick:d,preplyDsComponent:b.TextField,children:e.jsx(N,{..._,type:l,ref:I,dataset:o})})});z.__docgenInfo={description:"",methods:[],displayName:"TextField",props:{type:{defaultValue:{value:'"text"',computed:!1},required:!1}}};export{M as F,S as I,z as T,N as a,x as s};
|
@@ -1 +0,0 @@
|
|
1
|
-
.container__dtKps{--ds-input-scroll-margin-top: var(--d434fb);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--590b8d);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.container__dtKps:has(.label__S0tQE:not([data-hidden=true])){--ds-input-scroll-margin-top: calc(var(--590b8d) + var(--360264))}.label__S0tQE{color:var(--628fb7);font-size:var(--343d89);font-weight:var(--b44390);line-height:var(--360264);letter-spacing:var(--b8c41f);white-space:nowrap}.label__S0tQE[data-hidden=true]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.label__S0tQE .required__GVzWg{color:var(--a2f1c8)}.description__h6Gw1,.error__MGvA2{margin:var(--d434fb);font-weight:var(--c2057a);font-size:var(--d4ea3f);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);color:var(--a2f1c8)}.error__MGvA2{color:var(--8ec9e5)}.container__B-gQ9{width:100%;position:relative}@media (hover: hover) and (pointer: fine){.container__B-gQ9:hover .input__WZN7y{border-color:var(--11d206)}}.container__B-gQ9 .icon__6Xfum{position:absolute;left:calc(var(--558c4c) - var(--d9baa3));top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--cbc724)}.container__B-gQ9 .trailingIcon__Bgnv4{position:absolute;right:calc(var(--558c4c) - var(--d9baa3));top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--cbc724)}.container__B-gQ9 .button__auAU0{position:absolute;right:var(--590b8d);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.container__B-gQ9:has(>.icon__6Xfum) .input__WZN7y{padding-left:calc((var(--558c4c) - var(--d9baa3)) + var(--1e685c) + var(--66b80b));padding-left:calc(calc(var(--558c4c) - var(--d9baa3)) + var(--1e685c) + var(--66b80b))}.container__B-gQ9:has(>.button__auAU0) .input__WZN7y{padding-right:58px}.container__B-gQ9:has(>.trailingIcon__Bgnv4) .input__WZN7y{padding-right:calc((var(--558c4c) - var(--d9baa3)) + var(--1e685c) + var(--66b80b));padding-right:calc(calc(var(--558c4c) - var(--d9baa3)) + var(--1e685c) + var(--66b80b))}.container__B-gQ9:has(>.input__WZN7y[aria-invalid=true]) .icon__6Xfum{color:var(--7b0f41)}.input__WZN7y{display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:calc(var(--d9baa3) + var(--66b80b)) calc(var(--558c4c) - var(--d9baa3));border:var(--d9baa3) solid var(--29cd58);border-radius:var(--fa4b1a);font-size:var(--7f027e);line-height:var(--11f5c9);font-weight:var(--59913e);letter-spacing:var(--b2e406);scroll-margin-top:var(--ds-input-scroll-margin-top)}.input__WZN7y::-webkit-input-placeholder{color:var(--d9209f)}.input__WZN7y::-moz-placeholder{color:var(--d9209f)}.input__WZN7y:-ms-input-placeholder{color:var(--d9209f)}.input__WZN7y::-ms-input-placeholder{color:var(--d9209f)}.input__WZN7y::placeholder{color:var(--d9209f)}.input__WZN7y:focus{outline:var(--398094) auto var(--d9baa3)}.input__WZN7y:disabled,.input__WZN7y:disabled:hover{border-color:transparent;background-color:var(--04daeb)}.input__WZN7y[aria-invalid=true]{border-color:var(--7b0f41);background-color:var(--95df5b);color:var(--7b0f41)}input.input__WZN7y[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input.input__WZN7y[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:var(--d434fb)}input.input__WZN7y[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:var(--d434fb)}select.input__WZN7y{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.input__WZN7y[data-empty=true]{color:var(--d9209f)}
|
@@ -1,4 +0,0 @@
|
|
1
|
-
import{j as e}from"./jsx-runtime-BYouaCF_.js";import{r as y}from"./index-B3evPFBL.js";import{F as h}from"./FormControl-DD3JEwg1.js";import{w as b}from"./componentNames-CVVyamkx.js";import{I as E}from"./Input-0F-H1v0g.js";const a=y.forwardRef(function({id:n,label:u,description:t,error:r,required:i,type:d="text",inputDataset:s,dataset:o,hideLabel:m,onClick:p,hasError:v,className:V,style:q,...f},c){return e.jsx(h,{id:n,label:u,description:t,error:r,hasError:v,required:i,dataset:o,hideLabel:m,onClick:p,preplyDsComponent:b.TextField,children:e.jsx(E,{...f,type:d,ref:c,dataset:s})})});try{a.displayName="TextField",a.__docgenInfo={description:"",displayName:"TextField",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},id:{defaultValue:null,description:`The id to be passed to the input element.
|
2
|
-
If not provided, will be generated for accessibility purposes.`,name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},error:{defaultValue:null,description:"Error message to display when the field has an invalid value.",name:"error",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLInputElement>"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
|
3
|
-
to provide more context or instructions to the user.`,name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hasError:{defaultValue:null,description:"Whether the field has an error.\n@deprecated Use `error` prop to exlicitly describe the error to users",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
|
4
|
-
indicator next to the label.`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: string) => void"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"text"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"name"'},{value:'"email"'},{value:'"tel"'},{value:'"off"'},{value:'"on"'},{value:'"username"'},{value:'"language"'}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",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: HTMLInputElement | null) => void"},{value:"RefObject<HTMLInputElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{a as T};
|
@@ -1 +0,0 @@
|
|
1
|
-
import{a as s,b as g}from"./layout-relative.module-ed9bC4H4.js";import{L as f}from"./constants-DYYVurUY.js";import{m as e,b as n,s as a}from"./classNames-BUL1Zq7e.js";const t="LayoutHide",o=(l,i=f)=>e(s,t,[n("hide",i,l)]),r="LayoutRelative",u=l=>e(g,r,[n("relative",void 0,l)]),A="AlignSelf__leDSR",S={AlignSelf:A,"AlignSelf--align-self-start":"AlignSelf--align-self-start__LgwGs","AlignSelf--align-self-center":"AlignSelf--align-self-center__Wse1S","AlignSelf--align-self-end":"AlignSelf--align-self-end__6tikI","AlignSelf--align-self-stretch":"AlignSelf--align-self-stretch__qrMyK","AlignSelf--narrow-l--align-self-start":"AlignSelf--narrow-l--align-self-start__COlwA","AlignSelf--narrow-l--align-self-center":"AlignSelf--narrow-l--align-self-center__ELuDH","AlignSelf--narrow-l--align-self-end":"AlignSelf--narrow-l--align-self-end__sjn-5","AlignSelf--narrow-l--align-self-stretch":"AlignSelf--narrow-l--align-self-stretch__h2h5y","AlignSelf--medium-s--align-self-start":"AlignSelf--medium-s--align-self-start__bfr9R","AlignSelf--medium-s--align-self-center":"AlignSelf--medium-s--align-self-center__liai8","AlignSelf--medium-s--align-self-end":"AlignSelf--medium-s--align-self-end__zUlqW","AlignSelf--medium-s--align-self-stretch":"AlignSelf--medium-s--align-self-stretch__eLaVE","AlignSelf--medium-l--align-self-start":"AlignSelf--medium-l--align-self-start__lMYt4","AlignSelf--medium-l--align-self-center":"AlignSelf--medium-l--align-self-center__7r34b","AlignSelf--medium-l--align-self-end":"AlignSelf--medium-l--align-self-end__7py-F","AlignSelf--medium-l--align-self-stretch":"AlignSelf--medium-l--align-self-stretch__YFiZu","AlignSelf--wide-s--align-self-start":"AlignSelf--wide-s--align-self-start__jBg7e","AlignSelf--wide-s--align-self-center":"AlignSelf--wide-s--align-self-center__6YJoJ","AlignSelf--wide-s--align-self-end":"AlignSelf--wide-s--align-self-end__Gzhkv","AlignSelf--wide-s--align-self-stretch":"AlignSelf--wide-s--align-self-stretch__g8zpq","AlignSelf--wide-l--align-self-start":"AlignSelf--wide-l--align-self-start__gz6yC","AlignSelf--wide-l--align-self-center":"AlignSelf--wide-l--align-self-center__TQLXK","AlignSelf--wide-l--align-self-end":"AlignSelf--wide-l--align-self-end__sfoC5","AlignSelf--wide-l--align-self-stretch":"AlignSelf--wide-l--align-self-stretch__cYlv1"},_="AlignSelf",w=l=>e(S,_,[a("align-self",l)]);export{o as a,u as b,w as g};
|
@@ -1 +0,0 @@
|
|
1
|
-
const e={Accordion:"Accordion",AlertDialog:"AlertDialog",Avatar:"Avatar",AvatarWithStatus:"AvatarWithStatus",Badge:"Badge",Box:"Box",Button:"Button",Checkbox:"Checkbox",Chip:"Chip",Chips:"Chips",Dialog:"Dialog",FieldButton:"FieldButton",CountryFlag:"CountryFlag",FormControl:"FormControl",Heading:"Heading",Icon:"Icon",IconButton:"IconButton",LayoutFlex:"LayoutFlex",LayoutFlexItem:"LayoutFlexItem",LayoutGrid:"LayoutGrid",LayoutGridItem:"LayoutGridItem",Link:"Link",Loader:"Loader",NumberField:"NumberField",ObserverIntersection:"ObserverIntersection",OnboardingTooltip:"OnboardingTooltip",PasswordField:"PasswordField",PreplyLogo:"PreplyLogo",ProgressBar:"ProgressBar",ProgressSteps:"ProgressSteps",SelectField:"SelectField",SelectFieldOption:"SelectFieldOption",Steps:"Steps",Text:"Text",TextareaField:"TextareaField",TextField:"TextField",TextHighlighted:"TextHighlighted",TextInline:"TextInline",Toast:"Toast",Tooltip:"Tooltip"};export{e as w};
|
File without changes
|
File without changes
|