@preply/ds-docs 3.1.1-beta.857b0ab30a03b836ac6c63997eeb17f464e3510c.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.
Files changed (155) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-Dx9Eo2na.js → 00.LayoutFlex.stories-Ct1A2OcS.js} +1 -1
  2. package/dist/assets/{00.applications-4_kAf65R.js → 00.applications-DF2RWZUl.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-WmsjYzsU.js → 00.favicons.guide-BYnh5GxE.js} +1 -1
  4. package/dist/assets/{00.token-explorer-DDWWO9yw.js → 00.token-explorer-wDtGkqes.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-Db1CE2Bn.js → 00.using-responsive-props-CfJ_Hu29.js} +1 -1
  6. package/dist/assets/{01.semantic-tokens-BGh7M0eY.js → 01.semantic-tokens-0q2PXQqY.js} +1 -1
  7. package/dist/assets/{01.using-shorthand-props-DlhDhuqe.js → 01.using-shorthand-props-DlndLe5-.js} +1 -1
  8. package/dist/assets/10.Combinations.stories-CqZ-KAYR.js +144 -0
  9. package/dist/assets/{10.fonts.guide-9-b6LwTC.js → 10.fonts.guide-DXxfQIdg.js} +1 -1
  10. package/dist/assets/{10.ssr-VCBg9dbk.js → 10.ssr-DcMxkdk_.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer-fCUE9Req.js → 11.languageFont.explorer-BSpNjqbf.js} +29 -1
  12. package/dist/assets/{11.ssr.app-router-DK46wtcG.js → 11.ssr.app-router-D5K1XX0o.js} +1 -1
  13. package/dist/assets/{20.libraries-FpWvhQac.js → 20.libraries-ujiQiI9M.js} +1 -1
  14. package/dist/assets/30.icons.explorer-DsCNeZwo.js +73 -0
  15. package/dist/assets/{30.storybook-8XKIrOG2.js → 30.storybook-Co2X-28u.js} +1 -1
  16. package/dist/assets/{40.illustrations.explorer-DWDPZG1O.js → 40.illustrations.explorer-BSIzsuPL.js} +1 -1
  17. package/dist/assets/{90.advanced-BrSJ75kb.js → 90.advanced-BQOS_cDF.js} +1 -1
  18. package/dist/assets/{Accordion-Bn_7bQpK.js → Accordion-DHA8vt9l.js} +3 -3
  19. package/dist/assets/{Accordion.stories-IHPoH-rI.js → Accordion.stories-B8klL-Sx.js} +1 -1
  20. package/dist/assets/{Accordion.tests.stories-D80ku7JR.js → Accordion.tests.stories-D_T4VFKy.js} +1 -1
  21. package/dist/assets/{AlertDialog.stories-BDaUfcmP.js → AlertDialog.stories-DWU1YiOX.js} +1 -1
  22. package/dist/assets/{Avatar-D6BKQVaH.js → Avatar--Me1wFbM.js} +1 -1
  23. package/dist/assets/{Avatar-BkCAqOuF.js → Avatar-D_mKYr5W.js} +1 -1
  24. package/dist/assets/{Avatar.stories-DnjfAeSV.js → Avatar.stories-CGQDYNGY.js} +1 -1
  25. package/dist/assets/{AvatarWithStatus.stories-CocgTI5A.js → AvatarWithStatus.stories-5qjPY64Z.js} +1 -1
  26. package/dist/assets/{Badge.stories-BxGvNozr.js → Badge.stories-BwWKe78y.js} +1 -1
  27. package/dist/assets/{Box.stories-BCCuYnrC.js → Box.stories-D6l5F6RN.js} +1 -1
  28. package/dist/assets/{Button-klA2GCDX.js → Button-DWeSlYg5.js} +1 -1
  29. package/dist/assets/{Button-BumqXQgN.js → Button-iZiyzI_K.js} +2 -2
  30. package/dist/assets/{Button.stories-DA25kI-7.js → Button.stories-DmUhFUlZ.js} +1 -1
  31. package/dist/assets/ButtonBase-CFf1N6e3.js +8 -0
  32. package/dist/assets/{Checkbox-CsXsO8bL.js → Checkbox-DFXsEeAm.js} +2 -2
  33. package/dist/assets/{Checkbox.stories-C-vlyqxy.js → Checkbox.stories-CSlo0rHA.js} +1 -1
  34. package/dist/assets/{Checkbox.tests.stories-Bn0cGiYz.js → Checkbox.tests.stories-D1GZnqns.js} +1 -1
  35. package/dist/assets/{Chips.stories-Dln8xBho.js → Chips.stories-h1jc3y-m.js} +1 -1
  36. package/dist/assets/{Color-YHDXOIA2-DdMC8kO4.js → Color-YHDXOIA2-BQ6N6WB4.js} +1 -1
  37. package/dist/assets/{Dialog.stories-C7JVGkL3.js → Dialog.stories-Lc5K6cDs.js} +2 -2
  38. package/dist/assets/{DocsRenderer-CFRXHY34-BUR9I9U1.js → DocsRenderer-CFRXHY34-CJlAtJpz.js} +1 -1
  39. package/dist/assets/{FieldButton-xxvyfVcj.js → FieldButton-Dprr9FF4.js} +1 -1
  40. package/dist/assets/{FieldButton.stories-1kY40W8X.js → FieldButton.stories-BuA4NyAH.js} +1 -1
  41. package/dist/assets/FormControl-V3kzTeDQ.js +7 -0
  42. package/dist/assets/FormControl.stories-Ct6Ne2lK.js +67 -0
  43. package/dist/assets/{Heading-D79pA8cG.js → Heading-BSlUFvxo.js} +2 -2
  44. package/dist/assets/{Heading.stories-FhR8Ieuz.js → Heading.stories-CsCslhOn.js} +1 -1
  45. package/dist/assets/{Icon-zcBK8bUG.js → Icon-Clsj4XP8.js} +1 -1
  46. package/dist/assets/{Icon-D4cMo1we.js → Icon-D-t6qc3n.js} +2 -2
  47. package/dist/assets/{Icon-RSC-Yp03gSP9.js → Icon-RSC-x5AbeL1b.js} +1 -1
  48. package/dist/assets/{Icon.stories-DlJ1cDyb.js → Icon.stories-8mWdZCRL.js} +1 -1
  49. package/dist/assets/IconButton-Day2Q_gx.js +8 -0
  50. package/dist/assets/{Input-B7MlX4U9.js → Input-BZxJ9sXr.js} +7 -7
  51. package/dist/assets/InputContainer-Dq1Ks471.css +1 -0
  52. package/dist/assets/{IntegrationWithReactHookForm.stories-CFvk5m0u.js → IntegrationWithReactHookForm.stories-D1FHuitu.js} +1 -1
  53. package/dist/assets/{LayoutFlex-oRwI31fW.js → LayoutFlex-BxFOrEzC.js} +1 -1
  54. package/dist/assets/{LayoutFlex-DsiZkqdg.js → LayoutFlex-Dp29ojjO.js} +1 -1
  55. package/dist/assets/LayoutFlexItem-D4lQfjMe.js +1 -0
  56. package/dist/assets/{LayoutGrid-6cTmb1jX.js → LayoutGrid-D9R6yTYX.js} +1 -1
  57. package/dist/assets/LayoutGrid-mQT2ikS8.css +1 -0
  58. package/dist/assets/LayoutGrid.stories-Oj3NyUU9.js +88 -0
  59. package/dist/assets/{LayoutGridItem-CVWVBh65.js → LayoutGridItem-B1eMKElL.js} +1 -1
  60. package/dist/assets/{Link.stories-Kb5m59aP.js → Link.stories-SPeEvWm0.js} +1 -1
  61. package/dist/assets/{Loader.stories-CFBO-7A0.js → Loader.stories-C_wKZjOn.js} +1 -1
  62. package/dist/assets/NumberField-CsvE81sD.js +6 -0
  63. package/dist/assets/{NumberField.stories-D-g-_JoA.js → NumberField.stories-1xw8yRUE.js} +7 -7
  64. package/dist/assets/{ObserveIntersection-CvDmrhxS.js → ObserveIntersection-XIPHNpKf.js} +1 -1
  65. package/dist/assets/{ObserveIntersection.stories-CJbpJ7AX.js → ObserveIntersection.stories-B_5fq2at.js} +1 -1
  66. package/dist/assets/{OnboardingTooltip-Lspn1J1n.js → OnboardingTooltip-DdKsKvSX.js} +1 -1
  67. package/dist/assets/{OnboardingTooltip.stories-BSTAbBKq.js → OnboardingTooltip.stories-DjNADlBZ.js} +1 -1
  68. package/dist/assets/{OnboardingTooltip.tests.stories-C3TfZDQZ.js → OnboardingTooltip.tests.stories-BW_3X6lO.js} +1 -1
  69. package/dist/assets/{OnboardingTour-J68z1zuj.js → OnboardingTour-DXebeIDU.js} +1 -1
  70. package/dist/assets/{OnboardingTour.stories-D3Z3aBlG.js → OnboardingTour.stories-B1qBQCoT.js} +2 -2
  71. package/dist/assets/{OnboardingTour.tests.stories-DgM_E88t.js → OnboardingTour.tests.stories-D5sFfBoy.js} +1 -1
  72. package/dist/assets/PasswordField-BFqsWIfL.js +6 -0
  73. package/dist/assets/{PasswordField.stories-CoxGxN0y.js → PasswordField.stories-Ym38la75.js} +7 -7
  74. package/dist/assets/{PreplyLogo.stories-CoKY5vmY.js → PreplyLogo.stories-WWHnC28y.js} +2 -2
  75. package/dist/assets/{ProgressBar.stories-D-zAEKVA.js → ProgressBar.stories-DwuKojS2.js} +1 -1
  76. package/dist/assets/{ProgressSteps-CuGX9_Fy.js → ProgressSteps-ByDec2fC.js} +1 -1
  77. package/dist/assets/{ProgressSteps.stories-BZpbJxJ4.js → ProgressSteps.stories-C81QmlM3.js} +1 -1
  78. package/dist/assets/{SelectField-DVUeHaUI.js → SelectField-eFXu65mo.js} +13 -11
  79. package/dist/assets/{SelectField.stories-l2h7AeUs.js → SelectField.stories-D8G4fd5i.js} +8 -8
  80. package/dist/assets/{ShowOnIntersection.stories-B24bNVFn.js → ShowOnIntersection.stories-CewFYwQu.js} +1 -1
  81. package/dist/assets/{Steps-Cnv3Nys-.js → Steps-MniLzlHq.js} +1 -1
  82. package/dist/assets/{Steps.stories-DcSCPhwD.js → Steps.stories-DGO2z-va.js} +1 -1
  83. package/dist/assets/{Text-C3jprdij.js → Text-DrH34jFe.js} +1 -1
  84. package/dist/assets/{Text.stories-CGHOveiR.js → Text.stories-V04H05kK.js} +1 -1
  85. package/dist/assets/TextField-D2GlsmWF.css +1 -0
  86. package/dist/assets/TextField-sLGry01P.js +1 -0
  87. package/dist/assets/TextField-sd_-L-71.js +6 -0
  88. package/dist/assets/{TextField.stories-DQBz69MT.js → TextField.stories-t8AfTqkD.js} +8 -8
  89. package/dist/assets/{TextHighlighted-B7-aMGmA.js → TextHighlighted-CfvNH8PY.js} +1 -1
  90. package/dist/assets/{TextHighlighted.stories-BepOj0Ru.js → TextHighlighted.stories-BFdf3kg4.js} +1 -1
  91. package/dist/assets/{TextInline.stories-E8plGh4A.js → TextInline.stories-ONslfKVR.js} +1 -1
  92. package/dist/assets/{TextareaField-vuK19L40.js → TextareaField-DZiXvoRu.js} +13 -11
  93. package/dist/assets/{TextareaField.stories-CykA4cDO.js → TextareaField.stories-BU6VqRhF.js} +8 -8
  94. package/dist/assets/{Toast.stories-Bi9S1Grd.js → Toast.stories-jpkXw21u.js} +1 -1
  95. package/dist/assets/TokyoUIUpload-Bi3CuQzX.js +1 -0
  96. package/dist/assets/{Tooltip-hS-9HVfR.js → Tooltip-DYI-etfB.js} +1 -1
  97. package/dist/assets/{Tooltip.stories-B1e9vr5u.js → Tooltip.stories-DJP6VJlB.js} +1 -1
  98. package/dist/assets/{Tooltip.tests.stories-QA7Lh6Tu.js → Tooltip.tests.stories-B2QuXqrc.js} +1 -1
  99. package/dist/assets/{breakpoints-ysnexzv-.js → breakpoints-85lK2y-I.js} +1 -1
  100. package/dist/assets/{breakpoints-CmMCxJmD.js → breakpoints-BEqIB9xc.js} +1 -1
  101. package/dist/assets/{breakpoints-CpqGBjYO.js → breakpoints-DwS8cENA.js} +1 -1
  102. package/dist/assets/{changelog-COau0gJf.js → changelog-CrXzEvv7.js} +217 -205
  103. package/dist/assets/componentNames-Ba2ybP0W.js +1 -0
  104. package/dist/assets/{entry-preview-C4N2xCt5.js → entry-preview-Dzuqoehc.js} +1 -1
  105. package/dist/assets/{getTokenVar-CUHKNeJD.js → getTokenVar-DfKyS0UW.js} +1 -1
  106. package/dist/assets/{hover-VvQeuGyg.js → hover-DB9eaNzq.js} +1 -1
  107. package/dist/assets/{hover-GSE0CvmS.js → hover-DO3lln9i.js} +1 -1
  108. package/dist/assets/{hover-DXcaKjLt.js → hover-rB8_XalK.js} +1 -1
  109. package/dist/assets/{iframe-D0A79CBI.js → iframe-CH-2Z4nW.js} +2 -2
  110. package/dist/assets/{index-DJz3jMTz.js → index-B_TkxWnH.js} +3 -3
  111. package/dist/assets/{index-DueYSiMN.js → index-HAtd9oNV.js} +1 -1
  112. package/dist/assets/{intro-UMrunOuq.js → intro-CciujqaN.js} +1 -1
  113. package/dist/assets/layout-relative-BpJIh3YK.js +1 -0
  114. package/dist/assets/{migrating-from-less-BqEJZLZ5.js → migrating-from-less-CGun5jvS.js} +1 -1
  115. package/dist/assets/{playground-DBdZFxjC.css → playground-CCc6VR51.css} +1 -1
  116. package/dist/assets/{playground.stories-BhNG8Jgk.js → playground.stories-BMZQjPeS.js} +165 -165
  117. package/dist/assets/{preview-CcucgJy3.js → preview-BA-z4dIb.js} +1 -1
  118. package/dist/assets/{preview-iHfxidwg.js → preview-CHRa9X89.js} +2 -2
  119. package/dist/assets/{preview-Bk7AZmud.js → preview-LLpb0wxd.js} +1 -1
  120. package/dist/assets/{tokens-DOJLI2G7.js → tokens-BAMxrvDv.js} +1 -1
  121. package/dist/assets/{tokens-BuSmlz1z.js → tokens-DoHds4Ot.js} +1 -1
  122. package/dist/assets/{tokens-DXy5hgn5.js → tokens-ZvFzTwDp.js} +1 -1
  123. package/dist/assets/{tokens-D0SjH8dK.js → tokens-fQ3N2FTe.js} +1 -1
  124. package/dist/assets/{usePortalElement-Byczyvc6.js → usePortalElement-Da1mB7Zi.js} +1 -1
  125. package/dist/assets/{welcome-CFbV1cfg.js → welcome-ChAggYgg.js} +1 -1
  126. package/dist/assets/{zeroheight-ChMVcLJ3.js → zeroheight-BDcQqTlz.js} +1 -1
  127. package/dist/iframe.html +1 -1
  128. package/dist/index.json +1 -1
  129. package/dist/preview-stats.json +915 -1011
  130. package/dist/project.json +1 -1
  131. package/package.json +3 -3
  132. package/dist/assets/10.Combinations.stories-Wf-NooK0.js +0 -144
  133. package/dist/assets/30.icons.explorer-CIrIe9zZ.js +0 -73
  134. package/dist/assets/ButtonBase-OAaaGRgi.js +0 -8
  135. package/dist/assets/CountryFlag-CJV53jf1.js +0 -48
  136. package/dist/assets/CountryFlag-p-8M_k5M.css +0 -1
  137. package/dist/assets/Flag.stories-Bfpeo5_i.js +0 -110
  138. package/dist/assets/Flag.test.stories-GCtORN0m.js +0 -27
  139. package/dist/assets/FormControl-DD3JEwg1.js +0 -5
  140. package/dist/assets/FormControl.stories-DoVURnEB.js +0 -46
  141. package/dist/assets/IconButton-DNz6Hldb.js +0 -8
  142. package/dist/assets/InputContainer-DNEgpOcG.css +0 -1
  143. package/dist/assets/LayoutFlexItem-RxfNp994.js +0 -1
  144. package/dist/assets/LayoutGrid.stories-CAvHZzVw.js +0 -88
  145. package/dist/assets/LayoutGridItem-AvP_ZkC5.js +0 -1
  146. package/dist/assets/LayoutGridItem-Dy4Q8woN.css +0 -1
  147. package/dist/assets/NumberField-DyKjoAC-.js +0 -4
  148. package/dist/assets/PasswordField-BkVjxPtF.js +0 -4
  149. package/dist/assets/TextField-872WjatY.js +0 -1
  150. package/dist/assets/TextField-DdvdZqgn.css +0 -1
  151. package/dist/assets/TextField-X8bB9C1g.js +0 -4
  152. package/dist/assets/align-self-BM6l9H5Z.js +0 -1
  153. package/dist/assets/componentNames-CVVyamkx.js +0 -1
  154. /package/dist/assets/{InputContainer-C1TOTxt4.js → InputContainer-Bk0tgFnW.js} +0 -0
  155. /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-B7MlX4U9.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:{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"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
3
- indicator next to the label.`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},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"}]}},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"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLInputElement>"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
4
- 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"}]}},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"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<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>"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},icon:{defaultValue:null,description:"",name:"icon",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-B7MlX4U9.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:{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"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
3
- indicator next to the label.`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},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"}]}},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"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLInputElement>"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
4
- 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"}]}},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"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<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>"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: string) => void"}]}},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-B7MlX4U9.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:{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"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
3
- indicator next to the label.`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},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"}]}},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"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLInputElement>"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
4
- 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"}]}},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"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<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>"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: string) => void"}]}},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:'"search"'},{value:'"text"'},{value:'"tel"'},{value:'"url"'},{value:'"email"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"name"'},{value:'"off"'},{value:'"on"'},{value:'"tel"'},{value:'"url"'},{value:'"email"'},{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};