@preply/ds-docs 1.4.0 → 1.4.2
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-ed2lpBeG.js → 00.LayoutFlex.stories-C6NuyaJx.js} +1 -1
- package/dist/assets/{00.applications-DLWUENDG.js → 00.applications-CzRQjSiq.js} +1 -1
- package/dist/assets/{00.favicons.guide-D5-20tQH.js → 00.favicons.guide-Cl2xkhMN.js} +1 -1
- package/dist/assets/{00.token-explorer-BIc8vy7H.js → 00.token-explorer-Bjz10JOk.js} +1 -1
- package/dist/assets/{00.using-responsive-props-CY9p8v_u.js → 00.using-responsive-props-BJUez61e.js} +1 -1
- package/dist/assets/{01.semantic-tokens-CThrY5Ts.js → 01.semantic-tokens-rGQpGJVg.js} +1 -1
- package/dist/assets/{01.using-shorthand-props-C_vbhNfL.js → 01.using-shorthand-props-C5dLPYVH.js} +1 -1
- package/dist/assets/{10.Combinations.stories-Bj20QCLY.js → 10.Combinations.stories-BCpu8o_W.js} +1 -1
- package/dist/assets/{10.fonts.guide-Dy8fgLU5.js → 10.fonts.guide-DDN5fND8.js} +1 -1
- package/dist/assets/{10.ssr-D9v_dR0o.js → 10.ssr-D-rANvZ-.js} +1 -1
- package/dist/assets/{11.languageFont.explorer-BZuqA2Qd.js → 11.languageFont.explorer-BV6Gwq5u.js} +1 -1
- package/dist/assets/{11.ssr.app-router-CU9S0P9E.js → 11.ssr.app-router-Ch1ZJjg-.js} +1 -1
- package/dist/assets/{20.libraries-CG6__ozS.js → 20.libraries-oHi972pc.js} +1 -1
- package/dist/assets/{30.icons.explorer-CK_LzlUE.js → 30.icons.explorer-CTyGJI0M.js} +1 -1
- package/dist/assets/{30.storybook-Be_FRDz_.js → 30.storybook-C0MSe3yp.js} +1 -1
- package/dist/assets/{40.illustrations.explorer-lGFuCzSa.js → 40.illustrations.explorer-1aFkROmz.js} +1 -1
- package/dist/assets/{90.advanced-C4czMsOy.js → 90.advanced-t0tp7qCO.js} +1 -1
- package/dist/assets/AlertDialog-8zNG4W6P.css +1 -0
- package/dist/assets/{AlertDialog.stories-DlRWBYYU.js → AlertDialog.stories-C5USsoA-.js} +1 -1
- package/dist/assets/Avatar-BZKmHoZm.css +1 -0
- package/dist/assets/Avatar-BkmMIq29.css +1 -0
- package/dist/assets/Avatar-D5vkZljP.js +1 -0
- package/dist/assets/Avatar-lFZ8Cfpv.js +6 -0
- package/dist/assets/{Avatar.stories-OTgx0pcM.js → Avatar.stories-CLQ3BvQW.js} +1 -1
- package/dist/assets/AvatarWithStatus-Dv8yodGu.css +1 -0
- package/dist/assets/{AvatarWithStatus.stories--mF91ETX.js → AvatarWithStatus.stories-BsgFOyBx.js} +5 -5
- package/dist/assets/Badge-kZt_FH50.css +1 -0
- package/dist/assets/{Badge.stories-D8nghiXL.js → Badge.stories-CsQItVr_.js} +2 -2
- package/dist/assets/Box-4GImUu2D.css +1 -0
- package/dist/assets/Box.stories-C3UUNdDi.js +44 -0
- package/dist/assets/Button-CawJKyho.css +1 -0
- package/dist/assets/{Button-DqwK0S70.js → Button-G5Zxq86f.js} +2 -2
- package/dist/assets/{Button-CHTJqu07.css → Button-GOFCl1lS.css} +1 -1
- package/dist/assets/Button-Oaj5OWvs.js +1 -0
- package/dist/assets/{Button.stories-oW-QBb5C.js → Button.stories-BuHavCSD.js} +1 -1
- package/dist/assets/{ButtonBase-CuGZo0xf.css → ButtonBase-CN93Hyoe.css} +1 -1
- package/dist/assets/ButtonBase-Desxs10d.js +8 -0
- package/dist/assets/Chips-DIrYdYig.css +1 -0
- package/dist/assets/{Chips.stories-DiprPB2i.js → Chips.stories-DwatZLP-.js} +1 -1
- package/dist/assets/{Color-YHDXOIA2-C2h0aGNO.js → Color-YHDXOIA2-CR40pFdp.js} +1 -1
- package/dist/assets/Dialog-B5rqi-V8.css +1 -0
- package/dist/assets/{Dialog.stories-CAPNnMI_.js → Dialog.stories-aheiL1C_.js} +13 -13
- package/dist/assets/{DocsRenderer-CFRXHY34-C35smYsV.js → DocsRenderer-CFRXHY34-C7iNFBWT.js} +1 -1
- package/dist/assets/{FieldAdditionalText-lW7Q1VGp.js → FieldAdditionalText-CK-mP7eE.js} +1 -1
- package/dist/assets/FieldAdditionalText-DmrAhCSm.css +1 -0
- package/dist/assets/{FieldAdditionalText.stories-DcGxrOlS.js → FieldAdditionalText.stories-JWcqGRDw.js} +1 -1
- package/dist/assets/{FieldButton-QHhW28uq.js → FieldButton-B9DsbnCd.js} +1 -1
- package/dist/assets/{FieldButton-k7TvuQHy.css → FieldButton-ClSNKPdl.css} +1 -1
- package/dist/assets/{FieldButton.stories-vBmg2O9Q.js → FieldButton.stories-B5JDNmNP.js} +1 -1
- package/dist/assets/FieldLayout-2zlcC5-S.js +1 -0
- package/dist/assets/FieldLayout-ayailSRB.css +1 -0
- package/dist/assets/{FieldLayout.stories-CtD6-C6l.js → FieldLayout.stories-oIX7x6Q6.js} +1 -1
- package/dist/assets/{FieldLayoutBase-DQbxDQVA.js → FieldLayoutBase-0r0SpleC.js} +3 -3
- package/dist/assets/FieldLayoutBase-DaHOfSqh.css +1 -0
- package/dist/assets/Heading-BDNRMwVu.js +2 -0
- package/dist/assets/{Heading-DeYpQLgb.css → Heading-DhbbSS03.css} +1 -1
- package/dist/assets/{Heading.stories-CROOXvlq.js → Heading.stories-BW49vEiT.js} +1 -1
- package/dist/assets/Icon-COBslmJH.css +1 -0
- package/dist/assets/Icon-DAQd7Eod.js +8 -0
- package/dist/assets/{Icon-RSC-BOyrffYC.js → Icon-RSC-DXv5b9K1.js} +1 -1
- package/dist/assets/Icon-VzZ0SATJ.css +1 -0
- package/dist/assets/Icon-qme4Scxh.js +1 -0
- package/dist/assets/{Icon.stories-BqehTDt3.js → Icon.stories-MzKcutu8.js} +1 -1
- package/dist/assets/{IconButton-CI9clg4P.js → IconButton-iyWiUe9X.js} +2 -2
- package/dist/assets/InputText-IEjR9ee0.js +5 -0
- package/dist/assets/{LayoutFlex-CaenMVBF.js → LayoutFlex-BaXqezhY.js} +1 -1
- package/dist/assets/{LayoutFlex-JnKYDcpC.js → LayoutFlex-pzKY-vUQ.js} +1 -1
- package/dist/assets/LayoutFlexItem-CzflYuZ_.js +1 -0
- package/dist/assets/LayoutFlexItem-Dci-Cv-V.css +1 -0
- package/dist/assets/LayoutGrid-C8hq1-LL.css +1 -0
- package/dist/assets/LayoutGrid-CULegRpi.css +1 -0
- package/dist/assets/LayoutGrid-ZAYmKrcj.js +1 -0
- package/dist/assets/{LayoutGrid.stories-Dv8lBJmB.js → LayoutGrid.stories-CSBUYfM6.js} +3 -3
- package/dist/assets/LayoutGridItem-DJDMWtVq.css +1 -0
- package/dist/assets/LayoutGridItem-m645Lhkq.js +1 -0
- package/dist/assets/Link-CPkXDszE.css +1 -0
- package/dist/assets/{Link.stories-DXbiFw9-.js → Link.stories-BGmSAnPH.js} +4 -4
- package/dist/assets/Loader-C5QrrxXJ.css +1 -0
- package/dist/assets/{Loader.stories-DvgUtUpE.js → Loader.stories-DaYtlzeB.js} +1 -1
- package/dist/assets/NumberField.stories-DIRO8IHc.js +203 -0
- package/dist/assets/OnboardingTooltip-BfzcF9sW.css +1 -0
- package/dist/assets/{OnboardingTooltip-IYSphueI.js → OnboardingTooltip-BqDG-2Rd.js} +1 -1
- package/dist/assets/{OnboardingTooltip.stories-DnfLcLUg.js → OnboardingTooltip.stories-Dx5F7YBG.js} +1 -1
- package/dist/assets/{OnboardingTooltip.tests.stories-DobHu21P.js → OnboardingTooltip.tests.stories-DvcLnD5j.js} +1 -1
- package/dist/assets/{OnboardingTour-2YaW_XWj.js → OnboardingTour-B_yyU1AU.js} +1 -1
- package/dist/assets/{OnboardingTour-Dr4ZlIUd.css → OnboardingTour-CnsU5p_A.css} +1 -1
- package/dist/assets/{OnboardingTour.stories-BUBpjiez.js → OnboardingTour.stories-LGCUxWl4.js} +1 -1
- package/dist/assets/{OnboardingTour.tests.stories-Buou9m4A.js → OnboardingTour.tests.stories-C9CKn7JQ.js} +1 -1
- package/dist/assets/PasswordField.stories-CvnCM5rD.js +203 -0
- package/dist/assets/PreplyLogo-Cecouk_S.css +1 -0
- package/dist/assets/{PreplyLogo.stories-BReIYVeE.js → PreplyLogo.stories-ZhZHvw_M.js} +1 -1
- package/dist/assets/{ProgressBar-D5aTIWY3.css → ProgressBar-DYzJL8gA.css} +1 -1
- package/dist/assets/{ProgressBar.stories-wrAgHPrO.js → ProgressBar.stories-XmMUjDS5.js} +1 -1
- package/dist/assets/{ProgressSteps-DWp2S1-b.js → ProgressSteps-CVWVi5_G.js} +1 -1
- package/dist/assets/ProgressSteps-Dip-BZlm.css +1 -0
- package/dist/assets/{ProgressSteps.stories-CsWQLVog.js → ProgressSteps.stories-B57q5WFr.js} +1 -1
- package/dist/assets/SelectField-CTB098t-.css +1 -0
- package/dist/assets/SelectField.stories-CqnGEFQn.js +182 -0
- package/dist/assets/Spinner-BuihcWyQ.css +1 -0
- package/dist/assets/{Spinner-Dsa9X0G6.js → Spinner-C3p2WoxW.js} +1 -1
- package/dist/assets/Steps-Bd4yQjwc.css +1 -0
- package/dist/assets/{Steps-ifU4R9DW.js → Steps-DbST4vmL.js} +1 -1
- package/dist/assets/{Steps.stories-DkI3jK5X.js → Steps.stories-gWR5Lpwz.js} +1 -1
- package/dist/assets/Text-BeAjllqh.js +1 -0
- package/dist/assets/{Text-BWNSh4D5.css → Text-CgAyAgxF.css} +1 -1
- package/dist/assets/Text-D3ATKGXs.js +1 -0
- package/dist/assets/{Text.stories-B8iegpqH.js → Text.stories-BlLgBmMi.js} +1 -1
- package/dist/assets/TextField-BiEzDuCh.js +1 -0
- package/dist/assets/TextField-C3owY_ZE.css +1 -0
- package/dist/assets/{TextField.stories-Beeq1JfY.js → TextField.stories-CPD818W_.js} +1 -1
- package/dist/assets/TextHighlighted-B_WQpKk8.css +1 -0
- package/dist/assets/TextHighlighted-DoFzmVL0.js +1 -0
- package/dist/assets/{TextHighlighted.stories-DdbLv0RQ.js → TextHighlighted.stories-DTNcmEX3.js} +3 -3
- package/dist/assets/TextInline-BqUzWrD4.css +1 -0
- package/dist/assets/{TextInline.stories-aCVFO11z.js → TextInline.stories-DqX-qocx.js} +1 -1
- package/dist/assets/TextareaField.stories-D95m8D1f.js +221 -0
- package/dist/assets/Toast-BsJOXveW.css +1 -0
- package/dist/assets/{Toast.stories-BZFlc1-_.js → Toast.stories-CGXB3Oyz.js} +9 -9
- package/dist/assets/Tooltip-9him0tBb.css +1 -0
- package/dist/assets/{Tooltip-BvCJt9jJ.js → Tooltip-kdQF0n0X.js} +1 -1
- package/dist/assets/{Tooltip.stories-Crh2sW9L.js → Tooltip.stories-ChMEb5wa.js} +1 -1
- package/dist/assets/{Tooltip.tests.stories-bmaSwgkR.js → Tooltip.tests.stories-DRKkU6_h.js} +1 -1
- package/dist/assets/{breakpoints-CIpR6Rpt.js → breakpoints-BKtvPn4z.js} +1 -1
- package/dist/assets/{breakpoints-BELcY-aB.js → breakpoints-CvGR1154.js} +1 -1
- package/dist/assets/{breakpoints-_joXL0S9.js → breakpoints-Dw3ULM7j.js} +1 -1
- package/dist/assets/{changelog-DdodvQsh.js → changelog-DXXuLjII.js} +1 -1
- package/dist/assets/{entry-preview-DNvfsvqm.js → entry-preview-DKCl8pnk.js} +1 -1
- package/dist/assets/{getTokenVar-RiIceD0Y.js → getTokenVar-BWljsLZ6.js} +1 -1
- package/dist/assets/{hover-D2OphZ3W.js → hover-BRNG4vFt.js} +1 -1
- package/dist/assets/{hover-DDVoGg-g.js → hover-BpH2YvND.js} +1 -1
- package/dist/assets/{hover-BIABQ7bm.js → hover-Cun_Hxa2.js} +1 -1
- package/dist/assets/{iframe-B08s_jqc.js → iframe-DbVfH8B5.js} +2 -2
- package/dist/assets/{index-BGAhMoqL.js → index-UAdYqHL0.js} +3 -3
- package/dist/assets/{index-DmM0DblE.js → index-lpmehhNH.js} +1 -1
- package/dist/assets/{intro-9BhCdV9M.js → intro-CQsqeQsV.js} +1 -1
- package/dist/assets/layout-relative-Cf09gtOc.css +1 -0
- package/dist/assets/layout-relative-DA7rS9QX.js +1 -0
- package/dist/assets/layout-relative-Jxb51_Sh.css +1 -0
- package/dist/assets/layout-relative-mSX9oB2N.css +1 -0
- package/dist/assets/layout-relative.module-CYNzEGVH.js +1 -0
- package/dist/assets/layout-relative.module-yZwngsDw-BiwrSIEl.js +1 -0
- package/dist/assets/{migrating-from-less-DX0PnZZJ.js → migrating-from-less-DAZke_bf.js} +1 -1
- package/dist/assets/playground-w72anE0z.css +1 -0
- package/dist/assets/{playground.stories-IM0Bn8my.js → playground.stories-Dpb3xI2s.js} +2 -2
- package/dist/assets/{preview-DSwUvj7R.js → preview-DchamjVK.js} +1 -1
- package/dist/assets/{preview-D_cPBI7P.js → preview-HuUbG8ej.js} +2 -2
- package/dist/assets/{preview-E8zsGlo4.js → preview-kCY-Nq0t.js} +1 -1
- package/dist/assets/text-accent-CuYWdzBU.js +1 -0
- package/dist/assets/text-accent-DbbdQjKI.js +1 -0
- package/dist/assets/text-accent-da8yAj-M.css +1 -0
- package/dist/assets/text-centered-6MZg9O0U.js +1 -0
- package/dist/assets/text-centered-CrBlvRDP.js +1 -0
- package/dist/assets/text-centered-DUL478eo.css +1 -0
- package/dist/assets/text-centered-RwJDmlB2.css +1 -0
- package/dist/assets/{tokens-yG_wYklp.js → tokens-BaIvp8uk.js} +1 -1
- package/dist/assets/{tokens-D2SDDihU.js → tokens-BqWh6RWP.js} +1 -1
- package/dist/assets/{tokens-DRcTh2ws.js → tokens-KVFCTIK3.js} +1 -1
- package/dist/assets/{usePortalElement-aOX_O1I5.js → usePortalElement-DBJJ4TO9.js} +1 -1
- package/dist/assets/{welcome-CGkWDS9u.js → welcome-CaHVZaZ7.js} +1 -1
- package/dist/assets/{zeroheight-CH9deXT2.js → zeroheight-DobKPt2E.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/preview-stats.json +1350 -1350
- package/dist/project.json +1 -1
- package/package.json +3 -3
- package/dist/assets/AlertDialog-CSUTu5O6.css +0 -1
- package/dist/assets/Avatar-CmnrM37w.js +0 -6
- package/dist/assets/Avatar-JE3Hcbkv.css +0 -1
- package/dist/assets/Avatar-_W1s5JpT.css +0 -1
- package/dist/assets/Avatar-iqWOn9Tl.js +0 -1
- package/dist/assets/AvatarWithStatus-pddO2Nza.css +0 -1
- package/dist/assets/Badge-DcbG4N4-.css +0 -1
- package/dist/assets/Box-CJkXzUjZ.css +0 -1
- package/dist/assets/Box.stories-DxW6l-HA.js +0 -44
- package/dist/assets/Button-B1mdczvv.js +0 -1
- package/dist/assets/Button-C6kEKm6h.css +0 -1
- package/dist/assets/ButtonBase-D31GBWHv.js +0 -8
- package/dist/assets/Chips-Dejf8Sh_.css +0 -1
- package/dist/assets/Dialog-DwZQYtV6.css +0 -1
- package/dist/assets/FieldAdditionalText-CUu6JGoC.css +0 -1
- package/dist/assets/FieldLayout-BGkL1EMg.js +0 -1
- package/dist/assets/FieldLayout-CG9n-WOS.css +0 -1
- package/dist/assets/FieldLayoutBase-CoIn-2cd.css +0 -1
- package/dist/assets/Heading-CifnBvGj.js +0 -2
- package/dist/assets/Icon-BVvspUlo.js +0 -1
- package/dist/assets/Icon-BwwIOKM_.js +0 -8
- package/dist/assets/Icon-ByJ3-8OT.css +0 -1
- package/dist/assets/Icon-DghDQiVd.css +0 -1
- package/dist/assets/InputText-DmOW3mdD.js +0 -5
- package/dist/assets/LayoutFlexItem-BM0Abp7Y.js +0 -1
- package/dist/assets/LayoutFlexItem-Dv67D5k3.css +0 -1
- package/dist/assets/LayoutGrid-BG6JKtyy.css +0 -1
- package/dist/assets/LayoutGrid-BhioG4bL.js +0 -1
- package/dist/assets/LayoutGrid-CJQpEAmZ.css +0 -1
- package/dist/assets/LayoutGridItem-BDT0sqW-.css +0 -1
- package/dist/assets/LayoutGridItem-CdnUXNtY.js +0 -1
- package/dist/assets/Link-vYql_2wB.css +0 -1
- package/dist/assets/Loader-DLP0PI5-.css +0 -1
- package/dist/assets/NumberField.stories-BQIOdo90.js +0 -203
- package/dist/assets/OnboardingTooltip-RxaiJe-3.css +0 -1
- package/dist/assets/PasswordField.stories-BevSwKGm.js +0 -203
- package/dist/assets/PreplyLogo-CBB3sPr3.css +0 -1
- package/dist/assets/ProgressSteps-s9ACrzTy.css +0 -1
- package/dist/assets/SelectField-N7X7yUPn.css +0 -1
- package/dist/assets/SelectField.stories-9iipR200.js +0 -182
- package/dist/assets/Spinner-CVHMc-T0.css +0 -1
- package/dist/assets/Steps-CQWsOQKy.css +0 -1
- package/dist/assets/Text-CDqVYAcD.js +0 -1
- package/dist/assets/Text-CdCGNBj4.js +0 -1
- package/dist/assets/TextField-DAwVD2CM.css +0 -1
- package/dist/assets/TextField-q53ruCuh.js +0 -1
- package/dist/assets/TextHighlighted-BHCtybuo.css +0 -1
- package/dist/assets/TextHighlighted-BdF2_CZo.js +0 -1
- package/dist/assets/TextInline-CDFHfvph.css +0 -1
- package/dist/assets/TextareaField.stories-bA314Jtt.js +0 -221
- package/dist/assets/Toast-BBn7aSpe.css +0 -1
- package/dist/assets/Tooltip-Mm-tBuF2.css +0 -1
- package/dist/assets/layout-relative-0-BGcS53.css +0 -1
- package/dist/assets/layout-relative-D-nYASza.css +0 -1
- package/dist/assets/layout-relative-DZ8FL-vJ.js +0 -1
- package/dist/assets/layout-relative-DiL5t_eA.css +0 -1
- package/dist/assets/layout-relative.module-Bf3FithH.js +0 -1
- package/dist/assets/layout-relative.module-CXJ9jc4G--YD8TQc4.js +0 -1
- package/dist/assets/playground-BQGD3iU0.css +0 -1
- package/dist/assets/text-accent-0oTyB6kb.css +0 -1
- package/dist/assets/text-accent-BMcamJQk.js +0 -1
- package/dist/assets/text-accent-CrnHOlvW.js +0 -1
- package/dist/assets/text-centered-1sU8-E1D.js +0 -1
- package/dist/assets/text-centered-BSdMMoT9.js +0 -1
- package/dist/assets/text-centered-BttmHjSJ.css +0 -1
- package/dist/assets/text-centered-V2JhT89g.css +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{T as N}from"./constants-BgBLeZzp.js";import{a as A}from"./useTheme-DpAUb62T.js";import{u as h}from"./useColorScheme-CS0Fs4Yl.js";import{j as k}from"./jsx-runtime-BTJTZTIL.js";import{r as D}from"./index-Cb9e4tly.js";import{g as y,a as R}from"./text-accent-BMcamJQk.js";import{g as S}from"./text-centered-BSdMMoT9.js";import{f as I}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as j,s as _,b as L}from"./classNames-BUL1Zq7e.js";import{b as V,T as $}from"./defaults-B1rzzf6M.js";import{w as d}from"./componentNames-Bwls0I02.js";import{g as F}from"./index-DdzHuZ-Y.js";const n='Illegal "token" argument provided to getToken(). Are you using indexes? Example: "tokens.action.size[size]". Make sure it resolves to a token.',M=(t,a,i)=>{if(!i)throw new Error(`No token provided. ${n}`);if(!Array.isArray(i))throw new Error(`Value provided is not a token. ${n}`);const e=t.getToken(i,a),m=i[N];if(e===void 0)throw new Error(`Token ${m} not found`);return e};function ti(t){const{theme:a}=A(),{colorScheme:i}=h();if(!a)throw new Error("useToken() must be used within a ThemeProvider");return M(a,i,t)}const G="_Text_1mpi8_4",O={Text:G,"Text--variant-caption-regular":"_Text--variant-caption-regular_1mpi8_12","Text--variant-caption-semibold":"_Text--variant-caption-semibold_1mpi8_20","Text--variant-small-regular":"_Text--variant-small-regular_1mpi8_28","Text--variant-small-regular-italic":"_Text--variant-small-regular-italic_1mpi8_36","Text--variant-small-semibold":"_Text--variant-small-semibold_1mpi8_44","Text--variant-small-semibold-italic":"_Text--variant-small-semibold-italic_1mpi8_52","Text--variant-default-regular":"_Text--variant-default-regular_1mpi8_60","Text--variant-default-regular-italic":"_Text--variant-default-regular-italic_1mpi8_68","Text--variant-default-semibold":"_Text--variant-default-semibold_1mpi8_76","Text--variant-default-semibold-italic":"_Text--variant-default-semibold-italic_1mpi8_84","Text--variant-large-regular":"_Text--variant-large-regular_1mpi8_92","Text--variant-large-regular-italic":"_Text--variant-large-regular-italic_1mpi8_100","Text--variant-large-semibold":"_Text--variant-large-semibold_1mpi8_108","Text--variant-large-semibold-italic":"_Text--variant-large-semibold-italic_1mpi8_116","Text--variant-xs":"_Text--variant-xs_1mpi8_124","Text--variant-xs-medium":"_Text--variant-xs-medium_1mpi8_132","Text--variant-s":"_Text--variant-s_1mpi8_28","Text--variant-s-italic":"_Text--variant-s-italic_1mpi8_148","Text--variant-s-medium":"_Text--variant-s-medium_1mpi8_156","Text--variant-s-medium-italic":"_Text--variant-s-medium-italic_1mpi8_164","Text--variant-s-bold":"_Text--variant-s-bold_1mpi8_172","Text--variant-s-bold-italic":"_Text--variant-s-bold-italic_1mpi8_180","Text--variant-m":"_Text--variant-m_1mpi8_188","Text--variant-m-italic":"_Text--variant-m-italic_1mpi8_196","Text--variant-m-medium":"_Text--variant-m-medium_1mpi8_204","Text--variant-m-medium-italic":"_Text--variant-m-medium-italic_1mpi8_212","Text--variant-m-bold":"_Text--variant-m-bold_1mpi8_220","Text--variant-m-bold-italic":"_Text--variant-m-bold-italic_1mpi8_228","Text--variant-l":"_Text--variant-l_1mpi8_92","Text--variant-l-italic":"_Text--variant-l-italic_1mpi8_244","Text--variant-l-medium":"_Text--variant-l-medium_1mpi8_252","Text--variant-l-medium-italic":"_Text--variant-l-medium-italic_1mpi8_260","Text--variant-xl":"_Text--variant-xl_1mpi8_268","Text--variant-xl-italic":"_Text--variant-xl-italic_1mpi8_276","Text--variant-xl-medium":"_Text--variant-xl-medium_1mpi8_284","Text--variant-xl-medium-italic":"_Text--variant-xl-medium-italic_1mpi8_292","Text--narrow-l--variant-caption-regular":"_Text--narrow-l--variant-caption-regular_1mpi8_301","Text--narrow-l--variant-caption-semibold":"_Text--narrow-l--variant-caption-semibold_1mpi8_309","Text--narrow-l--variant-small-regular":"_Text--narrow-l--variant-small-regular_1mpi8_317","Text--narrow-l--variant-small-regular-italic":"_Text--narrow-l--variant-small-regular-italic_1mpi8_325","Text--narrow-l--variant-small-semibold":"_Text--narrow-l--variant-small-semibold_1mpi8_333","Text--narrow-l--variant-small-semibold-italic":"_Text--narrow-l--variant-small-semibold-italic_1mpi8_341","Text--narrow-l--variant-default-regular":"_Text--narrow-l--variant-default-regular_1mpi8_349","Text--narrow-l--variant-default-regular-italic":"_Text--narrow-l--variant-default-regular-italic_1mpi8_357","Text--narrow-l--variant-default-semibold":"_Text--narrow-l--variant-default-semibold_1mpi8_365","Text--narrow-l--variant-default-semibold-italic":"_Text--narrow-l--variant-default-semibold-italic_1mpi8_373","Text--narrow-l--variant-large-regular":"_Text--narrow-l--variant-large-regular_1mpi8_381","Text--narrow-l--variant-large-regular-italic":"_Text--narrow-l--variant-large-regular-italic_1mpi8_389","Text--narrow-l--variant-large-semibold":"_Text--narrow-l--variant-large-semibold_1mpi8_397","Text--narrow-l--variant-large-semibold-italic":"_Text--narrow-l--variant-large-semibold-italic_1mpi8_405","Text--narrow-l--variant-xs":"_Text--narrow-l--variant-xs_1mpi8_413","Text--narrow-l--variant-xs-medium":"_Text--narrow-l--variant-xs-medium_1mpi8_421","Text--narrow-l--variant-s":"_Text--narrow-l--variant-s_1mpi8_317","Text--narrow-l--variant-s-italic":"_Text--narrow-l--variant-s-italic_1mpi8_437","Text--narrow-l--variant-s-medium":"_Text--narrow-l--variant-s-medium_1mpi8_445","Text--narrow-l--variant-s-medium-italic":"_Text--narrow-l--variant-s-medium-italic_1mpi8_453","Text--narrow-l--variant-s-bold":"_Text--narrow-l--variant-s-bold_1mpi8_461","Text--narrow-l--variant-s-bold-italic":"_Text--narrow-l--variant-s-bold-italic_1mpi8_469","Text--narrow-l--variant-m":"_Text--narrow-l--variant-m_1mpi8_477","Text--narrow-l--variant-m-italic":"_Text--narrow-l--variant-m-italic_1mpi8_485","Text--narrow-l--variant-m-medium":"_Text--narrow-l--variant-m-medium_1mpi8_493","Text--narrow-l--variant-m-medium-italic":"_Text--narrow-l--variant-m-medium-italic_1mpi8_501","Text--narrow-l--variant-m-bold":"_Text--narrow-l--variant-m-bold_1mpi8_509","Text--narrow-l--variant-m-bold-italic":"_Text--narrow-l--variant-m-bold-italic_1mpi8_517","Text--narrow-l--variant-l":"_Text--narrow-l--variant-l_1mpi8_381","Text--narrow-l--variant-l-italic":"_Text--narrow-l--variant-l-italic_1mpi8_533","Text--narrow-l--variant-l-medium":"_Text--narrow-l--variant-l-medium_1mpi8_541","Text--narrow-l--variant-l-medium-italic":"_Text--narrow-l--variant-l-medium-italic_1mpi8_549","Text--narrow-l--variant-xl":"_Text--narrow-l--variant-xl_1mpi8_557","Text--narrow-l--variant-xl-italic":"_Text--narrow-l--variant-xl-italic_1mpi8_565","Text--narrow-l--variant-xl-medium":"_Text--narrow-l--variant-xl-medium_1mpi8_573","Text--narrow-l--variant-xl-medium-italic":"_Text--narrow-l--variant-xl-medium-italic_1mpi8_581","Text--medium-s--variant-caption-regular":"_Text--medium-s--variant-caption-regular_1mpi8_591","Text--medium-s--variant-caption-semibold":"_Text--medium-s--variant-caption-semibold_1mpi8_599","Text--medium-s--variant-small-regular":"_Text--medium-s--variant-small-regular_1mpi8_607","Text--medium-s--variant-small-regular-italic":"_Text--medium-s--variant-small-regular-italic_1mpi8_615","Text--medium-s--variant-small-semibold":"_Text--medium-s--variant-small-semibold_1mpi8_623","Text--medium-s--variant-small-semibold-italic":"_Text--medium-s--variant-small-semibold-italic_1mpi8_631","Text--medium-s--variant-default-regular":"_Text--medium-s--variant-default-regular_1mpi8_639","Text--medium-s--variant-default-regular-italic":"_Text--medium-s--variant-default-regular-italic_1mpi8_647","Text--medium-s--variant-default-semibold":"_Text--medium-s--variant-default-semibold_1mpi8_655","Text--medium-s--variant-default-semibold-italic":"_Text--medium-s--variant-default-semibold-italic_1mpi8_663","Text--medium-s--variant-large-regular":"_Text--medium-s--variant-large-regular_1mpi8_671","Text--medium-s--variant-large-regular-italic":"_Text--medium-s--variant-large-regular-italic_1mpi8_679","Text--medium-s--variant-large-semibold":"_Text--medium-s--variant-large-semibold_1mpi8_687","Text--medium-s--variant-large-semibold-italic":"_Text--medium-s--variant-large-semibold-italic_1mpi8_695","Text--medium-s--variant-xs":"_Text--medium-s--variant-xs_1mpi8_703","Text--medium-s--variant-xs-medium":"_Text--medium-s--variant-xs-medium_1mpi8_711","Text--medium-s--variant-s":"_Text--medium-s--variant-s_1mpi8_607","Text--medium-s--variant-s-italic":"_Text--medium-s--variant-s-italic_1mpi8_727","Text--medium-s--variant-s-medium":"_Text--medium-s--variant-s-medium_1mpi8_735","Text--medium-s--variant-s-medium-italic":"_Text--medium-s--variant-s-medium-italic_1mpi8_743","Text--medium-s--variant-s-bold":"_Text--medium-s--variant-s-bold_1mpi8_751","Text--medium-s--variant-s-bold-italic":"_Text--medium-s--variant-s-bold-italic_1mpi8_759","Text--medium-s--variant-m":"_Text--medium-s--variant-m_1mpi8_767","Text--medium-s--variant-m-italic":"_Text--medium-s--variant-m-italic_1mpi8_775","Text--medium-s--variant-m-medium":"_Text--medium-s--variant-m-medium_1mpi8_783","Text--medium-s--variant-m-medium-italic":"_Text--medium-s--variant-m-medium-italic_1mpi8_791","Text--medium-s--variant-m-bold":"_Text--medium-s--variant-m-bold_1mpi8_799","Text--medium-s--variant-m-bold-italic":"_Text--medium-s--variant-m-bold-italic_1mpi8_807","Text--medium-s--variant-l":"_Text--medium-s--variant-l_1mpi8_671","Text--medium-s--variant-l-italic":"_Text--medium-s--variant-l-italic_1mpi8_823","Text--medium-s--variant-l-medium":"_Text--medium-s--variant-l-medium_1mpi8_831","Text--medium-s--variant-l-medium-italic":"_Text--medium-s--variant-l-medium-italic_1mpi8_839","Text--medium-s--variant-xl":"_Text--medium-s--variant-xl_1mpi8_847","Text--medium-s--variant-xl-italic":"_Text--medium-s--variant-xl-italic_1mpi8_855","Text--medium-s--variant-xl-medium":"_Text--medium-s--variant-xl-medium_1mpi8_863","Text--medium-s--variant-xl-medium-italic":"_Text--medium-s--variant-xl-medium-italic_1mpi8_871","Text--medium-l--variant-caption-regular":"_Text--medium-l--variant-caption-regular_1mpi8_881","Text--medium-l--variant-caption-semibold":"_Text--medium-l--variant-caption-semibold_1mpi8_889","Text--medium-l--variant-small-regular":"_Text--medium-l--variant-small-regular_1mpi8_897","Text--medium-l--variant-small-regular-italic":"_Text--medium-l--variant-small-regular-italic_1mpi8_905","Text--medium-l--variant-small-semibold":"_Text--medium-l--variant-small-semibold_1mpi8_913","Text--medium-l--variant-small-semibold-italic":"_Text--medium-l--variant-small-semibold-italic_1mpi8_921","Text--medium-l--variant-default-regular":"_Text--medium-l--variant-default-regular_1mpi8_929","Text--medium-l--variant-default-regular-italic":"_Text--medium-l--variant-default-regular-italic_1mpi8_937","Text--medium-l--variant-default-semibold":"_Text--medium-l--variant-default-semibold_1mpi8_945","Text--medium-l--variant-default-semibold-italic":"_Text--medium-l--variant-default-semibold-italic_1mpi8_953","Text--medium-l--variant-large-regular":"_Text--medium-l--variant-large-regular_1mpi8_961","Text--medium-l--variant-large-regular-italic":"_Text--medium-l--variant-large-regular-italic_1mpi8_969","Text--medium-l--variant-large-semibold":"_Text--medium-l--variant-large-semibold_1mpi8_977","Text--medium-l--variant-large-semibold-italic":"_Text--medium-l--variant-large-semibold-italic_1mpi8_985","Text--medium-l--variant-xs":"_Text--medium-l--variant-xs_1mpi8_993","Text--medium-l--variant-xs-medium":"_Text--medium-l--variant-xs-medium_1mpi8_1001","Text--medium-l--variant-s":"_Text--medium-l--variant-s_1mpi8_897","Text--medium-l--variant-s-italic":"_Text--medium-l--variant-s-italic_1mpi8_1017","Text--medium-l--variant-s-medium":"_Text--medium-l--variant-s-medium_1mpi8_1025","Text--medium-l--variant-s-medium-italic":"_Text--medium-l--variant-s-medium-italic_1mpi8_1033","Text--medium-l--variant-s-bold":"_Text--medium-l--variant-s-bold_1mpi8_1041","Text--medium-l--variant-s-bold-italic":"_Text--medium-l--variant-s-bold-italic_1mpi8_1049","Text--medium-l--variant-m":"_Text--medium-l--variant-m_1mpi8_1057","Text--medium-l--variant-m-italic":"_Text--medium-l--variant-m-italic_1mpi8_1065","Text--medium-l--variant-m-medium":"_Text--medium-l--variant-m-medium_1mpi8_1073","Text--medium-l--variant-m-medium-italic":"_Text--medium-l--variant-m-medium-italic_1mpi8_1081","Text--medium-l--variant-m-bold":"_Text--medium-l--variant-m-bold_1mpi8_1089","Text--medium-l--variant-m-bold-italic":"_Text--medium-l--variant-m-bold-italic_1mpi8_1097","Text--medium-l--variant-l":"_Text--medium-l--variant-l_1mpi8_961","Text--medium-l--variant-l-italic":"_Text--medium-l--variant-l-italic_1mpi8_1113","Text--medium-l--variant-l-medium":"_Text--medium-l--variant-l-medium_1mpi8_1121","Text--medium-l--variant-l-medium-italic":"_Text--medium-l--variant-l-medium-italic_1mpi8_1129","Text--medium-l--variant-xl":"_Text--medium-l--variant-xl_1mpi8_1137","Text--medium-l--variant-xl-italic":"_Text--medium-l--variant-xl-italic_1mpi8_1145","Text--medium-l--variant-xl-medium":"_Text--medium-l--variant-xl-medium_1mpi8_1153","Text--medium-l--variant-xl-medium-italic":"_Text--medium-l--variant-xl-medium-italic_1mpi8_1161","Text--wide-s--variant-caption-regular":"_Text--wide-s--variant-caption-regular_1mpi8_1171","Text--wide-s--variant-caption-semibold":"_Text--wide-s--variant-caption-semibold_1mpi8_1179","Text--wide-s--variant-small-regular":"_Text--wide-s--variant-small-regular_1mpi8_1187","Text--wide-s--variant-small-regular-italic":"_Text--wide-s--variant-small-regular-italic_1mpi8_1195","Text--wide-s--variant-small-semibold":"_Text--wide-s--variant-small-semibold_1mpi8_1203","Text--wide-s--variant-small-semibold-italic":"_Text--wide-s--variant-small-semibold-italic_1mpi8_1211","Text--wide-s--variant-default-regular":"_Text--wide-s--variant-default-regular_1mpi8_1219","Text--wide-s--variant-default-regular-italic":"_Text--wide-s--variant-default-regular-italic_1mpi8_1227","Text--wide-s--variant-default-semibold":"_Text--wide-s--variant-default-semibold_1mpi8_1235","Text--wide-s--variant-default-semibold-italic":"_Text--wide-s--variant-default-semibold-italic_1mpi8_1243","Text--wide-s--variant-large-regular":"_Text--wide-s--variant-large-regular_1mpi8_1251","Text--wide-s--variant-large-regular-italic":"_Text--wide-s--variant-large-regular-italic_1mpi8_1259","Text--wide-s--variant-large-semibold":"_Text--wide-s--variant-large-semibold_1mpi8_1267","Text--wide-s--variant-large-semibold-italic":"_Text--wide-s--variant-large-semibold-italic_1mpi8_1275","Text--wide-s--variant-xs":"_Text--wide-s--variant-xs_1mpi8_1283","Text--wide-s--variant-xs-medium":"_Text--wide-s--variant-xs-medium_1mpi8_1291","Text--wide-s--variant-s":"_Text--wide-s--variant-s_1mpi8_1187","Text--wide-s--variant-s-italic":"_Text--wide-s--variant-s-italic_1mpi8_1307","Text--wide-s--variant-s-medium":"_Text--wide-s--variant-s-medium_1mpi8_1315","Text--wide-s--variant-s-medium-italic":"_Text--wide-s--variant-s-medium-italic_1mpi8_1323","Text--wide-s--variant-s-bold":"_Text--wide-s--variant-s-bold_1mpi8_1331","Text--wide-s--variant-s-bold-italic":"_Text--wide-s--variant-s-bold-italic_1mpi8_1339","Text--wide-s--variant-m":"_Text--wide-s--variant-m_1mpi8_1347","Text--wide-s--variant-m-italic":"_Text--wide-s--variant-m-italic_1mpi8_1355","Text--wide-s--variant-m-medium":"_Text--wide-s--variant-m-medium_1mpi8_1363","Text--wide-s--variant-m-medium-italic":"_Text--wide-s--variant-m-medium-italic_1mpi8_1371","Text--wide-s--variant-m-bold":"_Text--wide-s--variant-m-bold_1mpi8_1379","Text--wide-s--variant-m-bold-italic":"_Text--wide-s--variant-m-bold-italic_1mpi8_1387","Text--wide-s--variant-l":"_Text--wide-s--variant-l_1mpi8_1251","Text--wide-s--variant-l-italic":"_Text--wide-s--variant-l-italic_1mpi8_1403","Text--wide-s--variant-l-medium":"_Text--wide-s--variant-l-medium_1mpi8_1411","Text--wide-s--variant-l-medium-italic":"_Text--wide-s--variant-l-medium-italic_1mpi8_1419","Text--wide-s--variant-xl":"_Text--wide-s--variant-xl_1mpi8_1427","Text--wide-s--variant-xl-italic":"_Text--wide-s--variant-xl-italic_1mpi8_1435","Text--wide-s--variant-xl-medium":"_Text--wide-s--variant-xl-medium_1mpi8_1443","Text--wide-s--variant-xl-medium-italic":"_Text--wide-s--variant-xl-medium-italic_1mpi8_1451","Text--wide-l--variant-caption-regular":"_Text--wide-l--variant-caption-regular_1mpi8_1461","Text--wide-l--variant-caption-semibold":"_Text--wide-l--variant-caption-semibold_1mpi8_1469","Text--wide-l--variant-small-regular":"_Text--wide-l--variant-small-regular_1mpi8_1477","Text--wide-l--variant-small-regular-italic":"_Text--wide-l--variant-small-regular-italic_1mpi8_1485","Text--wide-l--variant-small-semibold":"_Text--wide-l--variant-small-semibold_1mpi8_1493","Text--wide-l--variant-small-semibold-italic":"_Text--wide-l--variant-small-semibold-italic_1mpi8_1501","Text--wide-l--variant-default-regular":"_Text--wide-l--variant-default-regular_1mpi8_1509","Text--wide-l--variant-default-regular-italic":"_Text--wide-l--variant-default-regular-italic_1mpi8_1517","Text--wide-l--variant-default-semibold":"_Text--wide-l--variant-default-semibold_1mpi8_1525","Text--wide-l--variant-default-semibold-italic":"_Text--wide-l--variant-default-semibold-italic_1mpi8_1533","Text--wide-l--variant-large-regular":"_Text--wide-l--variant-large-regular_1mpi8_1541","Text--wide-l--variant-large-regular-italic":"_Text--wide-l--variant-large-regular-italic_1mpi8_1549","Text--wide-l--variant-large-semibold":"_Text--wide-l--variant-large-semibold_1mpi8_1557","Text--wide-l--variant-large-semibold-italic":"_Text--wide-l--variant-large-semibold-italic_1mpi8_1565","Text--wide-l--variant-xs":"_Text--wide-l--variant-xs_1mpi8_1573","Text--wide-l--variant-xs-medium":"_Text--wide-l--variant-xs-medium_1mpi8_1581","Text--wide-l--variant-s":"_Text--wide-l--variant-s_1mpi8_1477","Text--wide-l--variant-s-italic":"_Text--wide-l--variant-s-italic_1mpi8_1597","Text--wide-l--variant-s-medium":"_Text--wide-l--variant-s-medium_1mpi8_1605","Text--wide-l--variant-s-medium-italic":"_Text--wide-l--variant-s-medium-italic_1mpi8_1613","Text--wide-l--variant-s-bold":"_Text--wide-l--variant-s-bold_1mpi8_1621","Text--wide-l--variant-s-bold-italic":"_Text--wide-l--variant-s-bold-italic_1mpi8_1629","Text--wide-l--variant-m":"_Text--wide-l--variant-m_1mpi8_1637","Text--wide-l--variant-m-italic":"_Text--wide-l--variant-m-italic_1mpi8_1645","Text--wide-l--variant-m-medium":"_Text--wide-l--variant-m-medium_1mpi8_1653","Text--wide-l--variant-m-medium-italic":"_Text--wide-l--variant-m-medium-italic_1mpi8_1661","Text--wide-l--variant-m-bold":"_Text--wide-l--variant-m-bold_1mpi8_1669","Text--wide-l--variant-m-bold-italic":"_Text--wide-l--variant-m-bold-italic_1mpi8_1677","Text--wide-l--variant-l":"_Text--wide-l--variant-l_1mpi8_1541","Text--wide-l--variant-l-italic":"_Text--wide-l--variant-l-italic_1mpi8_1693","Text--wide-l--variant-l-medium":"_Text--wide-l--variant-l-medium_1mpi8_1701","Text--wide-l--variant-l-medium-italic":"_Text--wide-l--variant-l-medium-italic_1mpi8_1709","Text--wide-l--variant-xl":"_Text--wide-l--variant-xl_1mpi8_1717","Text--wide-l--variant-xl-italic":"_Text--wide-l--variant-xl-italic_1mpi8_1725","Text--wide-l--variant-xl-medium":"_Text--wide-l--variant-xl-medium_1mpi8_1733","Text--wide-l--variant-xl-medium-italic":"_Text--wide-l--variant-xl-medium-italic_1mpi8_1741","Text--strong":"_Text--strong_1mpi8_1750","Text--size-2xs":"_Text--size-2xs_1mpi8_1753","Text--size-xs":"_Text--size-xs_1mpi8_1756","Text--size-s":"_Text--size-s_1mpi8_1759","Text--size-m":"_Text--size-m_1mpi8_1762","Text--size-l":"_Text--size-l_1mpi8_1765","Text--size-xl":"_Text--size-xl_1mpi8_1768"},P=D.forwardRef(function({children:a,variant:i,tag:e=$,size:m,accent:l,color:x,strong:s,centered:T,dataset:v,...u},o){const p=i||(m?void 0:V),c=i?void 0:m,w=i?void 0:s,g=j(O,d.Text,[_("variant",p),_("size",c),L("strong",void 0,w)]),r=l?void 0:x,b=y(!r,l),f=R(r),C=S(T),E=[...g,...b,...f,...C],z={...I(u),ref:o,className:E.join(" "),...F(v,{preplyDsComponent:d.Text})};return k.jsx(e,{...z,children:a})});P.__docgenInfo={description:"",methods:[],displayName:"Text",props:{tag:{defaultValue:{value:"'p'",computed:!1},required:!1}}};export{P as T,M as g,ti as u};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._FieldAdditionalText_mzylc_4{margin:0;font-weight:var(--026ea8);font-size:var(--3f1843);line-height:var(--030292);letter-spacing:var(--c142cd)}._FieldAdditionalText--variant-normal_mzylc_11{color:var(--3d280d)}._FieldAdditionalText--variant-error_mzylc_14{color:var(--9167e9)}._FieldLabel_j5zrj_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);color:var(--e41135);font-size:var(--343d89);font-weight:var(--b44390);line-height:var(--360264);letter-spacing:var(--b8c41f);font-style:var(--0ab3be);display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--6947b0);max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}._FieldLabel--wrap_j5zrj_19{display:inline}._FieldLabel--wrapGap_j5zrj_22{width:var(--6947b0);display:inline-block}._FieldLabel--required_j5zrj_26{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--6947b0);color:var(--3d280d)}._FieldLabel--hide_j5zrj_31{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}._FieldLayoutBase_1u9vo_2{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(--6947b0)}._FieldLayoutBase_1u9vo_2 input,._FieldLayoutBase_1u9vo_2 textarea{display:block;width:100%}._FieldLayout--input_1gi35_5{border-radius:var(--c4b051);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--302ecf);color:var(--41d493);background-color:var(--211bc0)}@media (hover: hover) and (pointer: fine){._FieldLayout--input_1gi35_5:hover input,._FieldLayout--input_1gi35_5:hover textarea{border-color:var(--0bd642)}}._FieldLayout--input_1gi35_5 input,._FieldLayout--input_1gi35_5 textarea{border-color:var(--29cd58);border-width:var(--d9baa3);border-radius:var(--c4b051);border-style:solid;background:none;outline:none;font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);padding:calc(var(--d9baa3) + var(--1ba55a));padding-right:calc(var(--477fda) - var(--d9baa3));padding-left:calc(var(--477fda) - var(--d9baa3))}._FieldLayout--input_1gi35_5 input::-webkit-input-placeholder,._FieldLayout--input_1gi35_5 textarea::-webkit-input-placeholder{color:var(--d9209f)}._FieldLayout--input_1gi35_5 input::-moz-placeholder,._FieldLayout--input_1gi35_5 textarea::-moz-placeholder{color:var(--d9209f)}._FieldLayout--input_1gi35_5 input:-ms-input-placeholder,._FieldLayout--input_1gi35_5 textarea:-ms-input-placeholder{color:var(--d9209f)}._FieldLayout--input_1gi35_5 input::-ms-input-placeholder,._FieldLayout--input_1gi35_5 textarea::-ms-input-placeholder{color:var(--d9209f)}._FieldLayout--input_1gi35_5 input::placeholder,._FieldLayout--input_1gi35_5 textarea::placeholder{color:var(--d9209f)}._FieldLayout--icon_1gi35_42{position:absolute;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;left:calc(var(--477fda) - var(--d9baa3));font-size:0;pointer-events:none}._FieldLayout--icon_1gi35_42 svg{color:var(--cbc724)}._FieldLayout--has-icon_1gi35_55 ._FieldLayout--input_1gi35_5 input{padding-left:calc((var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a));padding-left:calc(calc(var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a))}._FieldLayout--has-button_1gi35_58 ._FieldLayout--input_1gi35_5 input{padding-right:58px}._FieldLayout--has-error_1gi35_61 ._FieldLayout--input_1gi35_5{background-color:var(--95df5b)}._FieldLayout--has-error_1gi35_61 ._FieldLayout--input_1gi35_5 input,._FieldLayout--has-error_1gi35_61 ._FieldLayout--input_1gi35_5 textarea{border-color:var(--eaf4a3);color:var(--7b0f41)}._FieldLayout--has-error_1gi35_61 ._FieldLayout--icon_1gi35_42 svg{color:var(--7b0f41)}._FieldLayout--is-focused_1gi35_72 ._FieldLayout--input_1gi35_5 input,._FieldLayout--is-focused_1gi35_72 ._FieldLayout--input_1gi35_5 textarea{border-color:var(--398094)}._FieldLayout--is-disabled_1gi35_76 ._FieldLayout--input_1gi35_5{background-color:var(--04daeb)}._FieldLayout--is-disabled_1gi35_76 ._FieldLayout--input_1gi35_5 input,._FieldLayout--is-disabled_1gi35_76 ._FieldLayout--input_1gi35_5 textarea{border-color:transparent}._FieldLayout--input_1gi35_5 button{position:absolute;top:calc(var(--1ba55a) + var(--6947b0));right:var(--6947b0);margin-top:calc(-1 * var(--1ba55a));margin-bottom:calc(-1 * var(--1ba55a))}._InputText_1rqjx_4,._InputPassword_1rqjx_11,._InputDate_1rqjx_18,._InputTime_1rqjx_25,._InputNumber_1rqjx_32,._Textarea_1rqjx_39{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._Textarea--resize-none_1rqjx_46{resize:none}._Textarea--resize-vertical_1rqjx_49{resize:vertical}._Textarea--resize-horizontal_1rqjx_52{resize:horizontal}._Textarea--resize-both_1rqjx_55{resize:both}._Checkbox_1rqjx_58,._Radio_1rqjx_61{display:inline-block}._Select_1rqjx_64{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._TextField_1jlzx_1{display:-webkit-box;display:-ms-flexbox;display:flex}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r}from"./index-Cb9e4tly.js";import{m as N,s as V,b as L,a as h}from"./classNames-BUL1Zq7e.js";import{a as M,F as G}from"./constants-DL6gdbsq.js";import{w as u}from"./componentNames-Bwls0I02.js";import{g as w}from"./index-DdzHuZ-Y.js";import"./index-D1pfvbUR.js";import{M as k}from"./message-B1DLZQ1U.js";import{a as H,g as S,b as K,u as O}from"./useForcedRef--iGFM41p.js";import{u as Y}from"./useTextField-CXkMTG1s.js";const Q="_FieldAdditionalText_mzylc_4",W={FieldAdditionalText:Q,"FieldAdditionalText--variant-normal":"_FieldAdditionalText--variant-normal_mzylc_11","FieldAdditionalText--variant-error":"_FieldAdditionalText--variant-error_mzylc_14"},X=({id:e,variant:s=M,children:t})=>{const o=N(W,u.FieldAdditionalText,[V("variant",s)]);return a.jsx("p",{id:e,className:o.join(" "),...w(void 0,{preplyDsComponent:u.FieldAdditionalText}),children:t})},J="_FieldLabel_j5zrj_4",A={FieldLabel:J,"FieldLabel--wrap":"_FieldLabel--wrap_j5zrj_19","FieldLabel--wrapGap":"_FieldLabel--wrapGap_j5zrj_22","FieldLabel--required":"_FieldLabel--required_j5zrj_26","FieldLabel--hide":"_FieldLabel--hide_j5zrj_31"},q="FieldLabel",Z="•",ee=a.jsx(k,{id:"preply-ds.fieldLabel.required",defaultMessage:[{type:0,value:"Required"}]}),se=({label:e=ee})=>{const s=h(A,q,["required"]);return a.jsxs("span",{className:s.join(" "),children:[a.jsx("span",{children:Z}),a.jsx("span",{children:e})]})},te=()=>{const e=h(A,q,["wrapGap"]);return a.jsx("span",{className:e.join(" ")})},ae=({id:e,label:s,hideLabel:t,wrapLabel:o=!1,required:l,requiredLabel:n})=>{const i=N(A,q,[L("hide",void 0,t),L("wrap",void 0,o)]);return a.jsxs("label",{htmlFor:e,className:i.join(" "),children:[s,o&&a.jsx(te,{}),l&&a.jsx(se,{label:n})]})},oe="_FieldLayoutBase_1u9vo_2",le={FieldLayoutBase:oe},ne="FieldLayoutBase",ie=({id:e,className:s,label:t,hideLabel:o,wrapLabel:l=!1,required:n,requiredLabel:i,additionalText:_,preserveSpace:p,hasError:m,dataset:x,children:d,preplyDsComponent:j},F)=>{const y=[...N(le,ne)];s&&y.push(s);const f={className:y.join(" "),...w(x,{preplyDsComponent:j})},v={id:e,label:t,hideLabel:o,wrapLabel:l,required:n,requiredLabel:i},I=!_&&p?a.jsx("span",{children:" "}):void 0,c=m?"error":"normal";return a.jsxs("div",{...f,ref:F,children:[a.jsx(ae,{...v}),d,_&&a.jsx(X,{id:`${e}-desc`,variant:c,children:_}),I]})},z=r.forwardRef(ie);z.__docgenInfo={description:"",methods:[],displayName:"FieldLayoutBase",props:{wrapLabel:{defaultValue:{value:"false",computed:!1},required:!1}}};const C={"FieldLayout--input":"_FieldLayout--input_1gi35_5","FieldLayout--icon":"_FieldLayout--icon_1gi35_42","FieldLayout--has-icon":"_FieldLayout--has-icon_1gi35_55","FieldLayout--has-button":"_FieldLayout--has-button_1gi35_58","FieldLayout--has-error":"_FieldLayout--has-error_1gi35_61","FieldLayout--is-focused":"_FieldLayout--is-focused_1gi35_72","FieldLayout--is-disabled":"_FieldLayout--is-disabled_1gi35_76"},re=({id:e,className:s,input:t,icon:o,button:l,disabled:n,isFocused:i,hasError:_,inputHandle:p,onClick:m,preplyDsComponent:x,...d},j)=>{const F=r.useRef(null);r.useImperativeHandle(j,()=>({setFocus:()=>p==null?void 0:p.setFocus(),scrollIntoView:()=>{var c;return(c=F==null?void 0:F.current)==null?void 0:c.scrollIntoView()}}));const T=h(C,u.FieldLayout,[L("is-disabled",void 0,n),L("is-focused",void 0,i),L("has-error",void 0,_),L("has-icon",void 0,!!o),L("has-button",void 0,!!l)]),y=s?[s,...T]:T,f=h(C,u.FieldLayout,["input"]),v=h(C,u.FieldLayout,["icon"]),I=c=>{p==null||p.setFocus(),m==null||m(c)};return a.jsx(z,{id:e,className:y.join(" "),disabled:n,isFocused:i,hasError:_,...d,preplyDsComponent:x??u.FieldLayout,ref:F,children:a.jsxs("div",{className:f.join(" "),onClick:I,children:[o&&a.jsx("span",{className:v.join(" "),children:o}),t,l]})})},E=r.forwardRef(re);E.__docgenInfo={description:"",methods:[],displayName:"FieldLayout"};const R={textarea:"textarea",select:"select"},de=()=>{},ce=(e,s)=>{const{type:t,id:o,name:l,className:n,onChange:i,onFocus:_,onBlur:p,onClick:m,onKeyDown:x,onKeyUp:d,onCopy:j,onPaste:F,required:T,readOnly:y,disabled:f,dataset:v,preplyDsComponent:I}=e,c=r.useRef(null);r.useImperativeHandle(s,()=>({setFocus:()=>{var b;return(b=c.current)==null?void 0:b.focus()},scrollIntoView:()=>{var b;return(b=c.current)==null?void 0:b.scrollIntoView()}}));const P=H({disabled:f,captureChildEvents:!0,onBlur:p,onFocus:_}),g=R[t]||"input",$=g===t in R?void 0:t,U={...{ref:c,type:$,id:o,name:l,className:n,...P,onChange:i||de,onClick:m,onKeyDown:x,onKeyUp:d,onCopy:j,onPaste:F,required:T,readOnly:y,disabled:f},...K(e),...w(v,{preplyDsComponent:I}),...S(e)};return a.jsx(g,{...U,ref:c})},D=r.forwardRef(ce);D.__docgenInfo={description:"",methods:[],displayName:"InputBase"};function ue(e,s,t,o=[]){return r.useMemo(()=>{if(!(!s&&!t))return l=>{s==null||s(l);const n=e(l);t==null||t(n)}},[s,t,...o])}const _e="_InputText_1rqjx_4",pe="_InputPassword_1rqjx_11",me="_InputDate_1rqjx_18",xe="_InputTime_1rqjx_25",Fe="_InputNumber_1rqjx_32",Le="_Textarea_1rqjx_39",ye="_Checkbox_1rqjx_58",fe="_Radio_1rqjx_61",je="_Select_1rqjx_64",Te={InputText:_e,InputPassword:pe,InputDate:me,InputTime:xe,InputNumber:Fe,Textarea:Le,"Textarea--resize-none":"_Textarea--resize-none_1rqjx_46","Textarea--resize-vertical":"_Textarea--resize-vertical_1rqjx_49","Textarea--resize-horizontal":"_Textarea--resize-horizontal_1rqjx_52","Textarea--resize-both":"_Textarea--resize-both_1rqjx_55",Checkbox:ye,Radio:fe,Select:je},ve=({onChange:e,onValueChange:s,...t},o)=>{const l=N(Te,u.InputText),n=ue(i=>i.target.value,e,s);return a.jsx(D,{...t,ref:o,className:l.join(" "),onChange:n,preplyDsComponent:u.InputText})},B=r.forwardRef(ve);B.__docgenInfo={description:"",methods:[],displayName:"InputText"};const Ie="_TextField_1jlzx_1",be={TextField:Ie},he=({id:e,type:s=G,...t},o)=>{const l=r.useRef(null),n=O();r.useImperativeHandle(o,()=>({setFocus:()=>{var d;return(d=n==null?void 0:n.current)==null?void 0:d.setFocus()},scrollIntoView:()=>{var d;return(d=l==null?void 0:l.current)==null?void 0:d.scrollIntoView()}}));const i=Y({id:e,type:s,...t},u.TextField),{layoutProps:_,inputProps:p}=i,m=N(be,u.TextField),x=a.jsx(B,{...p,ref:n});return a.jsx(E,{..._,className:m.join(" "),input:x,inputHandle:n.current,ref:l,preplyDsComponent:u.TextField})},Ne=r.forwardRef(he);Ne.__docgenInfo={description:"",methods:[],displayName:"TextField",props:{type:{defaultValue:{value:"'text'",computed:!1},required:!1}}};export{E as F,D as I,Ne as T,B as a,z as b,X as c,Te as s,ue as u};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._TextHighlighted_q5sqi_4{display:inline-block;padding-left:var(--58c1e5);padding-right:var(--58c1e5);margin:0;font-style:normal;border-radius:var(--330e49);font-weight:var(--73984e)}._TextHighlighted--highlight-blue_q5sqi_13{color:var(--68bd17);background-color:var(--2d51ae)}._TextHighlighted--highlight-green_q5sqi_17{color:var(--c50238);background-color:var(--292009)}._TextHighlighted--highlight-primary_q5sqi_21{color:var(--977d1a);background-color:var(--df6b06)}._TextHighlighted--highlight-secondary_q5sqi_25{color:var(--6c2ddf);background-color:var(--e5b0a4)}._TextHighlighted--highlight-tertiary_q5sqi_29{color:var(--8da8cb);background-color:var(--aa7c4d)}._TextHighlighted--highlight-accent_q5sqi_33{color:var(--1da698);background-color:var(--301ea7)}._TextHighlighted--highlight-positive_q5sqi_37{color:var(--ad48d7);background-color:var(--a2a233)}._TextHighlighted--highlight-info_q5sqi_41{color:var(--2be49e);background-color:var(--86df85)}._TextHighlighted--highlight-warning_q5sqi_45{color:var(--98c505);background-color:var(--d908ab)}._TextHighlighted--highlight-critical_q5sqi_49{color:var(--802584);background-color:var(--0c251f)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{c as d,d as n}from"./constants-BgBLeZzp.js";import{r as e}from"./index-Cb9e4tly.js";import{T as _}from"./useTheme-DpAUb62T.js";import{j as m}from"./jsx-runtime-BTJTZTIL.js";import{f as x}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as H,s as p}from"./classNames-BUL1Zq7e.js";import{i as c,h as q}from"./defaults-B1rzzf6M.js";import{w as t}from"./componentNames-Bwls0I02.js";import{g as f}from"./index-DdzHuZ-Y.js";const F=i=>Array.isArray(i)&&i.length===3&&d.includes(i[n]),G=()=>{const{setTheme:i}=e.useContext(_);return{setTheme:i}},u="_TextHighlighted_q5sqi_4",E={TextHighlighted:u,"TextHighlighted--highlight-blue":"_TextHighlighted--highlight-blue_q5sqi_13","TextHighlighted--highlight-green":"_TextHighlighted--highlight-green_q5sqi_17","TextHighlighted--highlight-primary":"_TextHighlighted--highlight-primary_q5sqi_21","TextHighlighted--highlight-secondary":"_TextHighlighted--highlight-secondary_q5sqi_25","TextHighlighted--highlight-tertiary":"_TextHighlighted--highlight-tertiary_q5sqi_29","TextHighlighted--highlight-accent":"_TextHighlighted--highlight-accent_q5sqi_33","TextHighlighted--highlight-positive":"_TextHighlighted--highlight-positive_q5sqi_37","TextHighlighted--highlight-info":"_TextHighlighted--highlight-info_q5sqi_41","TextHighlighted--highlight-warning":"_TextHighlighted--highlight-warning_q5sqi_45","TextHighlighted--highlight-critical":"_TextHighlighted--highlight-critical_q5sqi_49"},y=e.forwardRef(function({children:h,highlight:g=c,tag:s=q,dataset:l,...r},o){const a=H(E,t.TextHighlighted,[p("highlight",g)]),T={...x(r),ref:o,className:a.join(" "),...f(l,{preplyDsComponent:t.TextHighlighted})};return m.jsx(s,{...T,children:h})});y.__docgenInfo={description:"",methods:[],displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"'green'",computed:!1},required:!1},tag:{defaultValue:{value:"'span'",computed:!1},required:!1}}};export{y as T,F as i,G as u};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._TextWeight_17zla_3._TextWeight--weight-400_17zla_3{font-weight:var(--73984e)}._TextWeight_17zla_3._TextWeight--weight-500_17zla_6{font-weight:var(--6e9792)}._TextWeight_17zla_3._TextWeight--weight-700_17zla_9{font-weight:var(--d5337e)}._TextWeight_17zla_3._TextWeight--weight-normal_17zla_12{font-weight:var(--5ea101)}._TextWeight_17zla_3._TextWeight--weight-medium_17zla_15{font-weight:var(--2734e9)}._TextWeight_17zla_3._TextWeight--weight-bold_17zla_18{font-weight:var(--800787)}._TextInline_2cy27_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;font-style:normal}._TextInline--italic_2cy27_10{font-style:var(--dfb500);font-variation-settings:var(--bc1abc)}
|
|
@@ -1,221 +0,0 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as s}from"./index-Cb9e4tly.js";import{a as r}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{e as i,u as ze,w as Fe}from"./index-BVDq5o4N.js";import{B as j}from"./Button-DqwK0S70.js";import{F as Be}from"./FieldLayout-BGkL1EMg.js";import{s as ke,u as je,I as _e}from"./FieldLayoutBase-DQbxDQVA.js";import{m as Re,s as De}from"./classNames-BUL1Zq7e.js";import{w as p}from"./componentNames-Bwls0I02.js";import{u as Le}from"./useForcedRef--iGFM41p.js";import{u as We}from"./useTextareaField-BDpSRnGe.js";import{T as Ke}from"./Text-CDqVYAcD.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-D31GBWHv.js";import"./Spinner-Dsa9X0G6.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./FieldAdditionalText-lW7Q1VGp.js";import"./constants-DL6gdbsq.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-B1DLZQ1U.js";import"./constants-BaXVdZRV.js";import"./text-accent-CrnHOlvW.js";import"./text-centered-1sU8-E1D.js";const z=({onChange:e,onValueChange:a,resize:l="vertical",...t},o)=>{const d=Re(ke,p.Textarea,[De("resize",l)]),u=je(c=>c.target.value,e,a);return n.jsx(_e,{...t,ref:o,type:"textarea",className:d.join(" "),onChange:u,preplyDsComponent:p.Textarea})},B=s.forwardRef(z);try{z.displayName="TextareaLocal",z.__docgenInfo={description:"",displayName:"TextareaLocal",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
|
|
2
|
-
@see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
|
|
3
|
-
@see aria-hidden
|
|
4
|
-
@see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
|
|
5
|
-
@see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"enum",value:[{value:"number"}]}},resize:{defaultValue:{value:"vertical"},description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"vertical"'},{value:'"horizontal"'},{value:'"both"'}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}}}}}catch{}try{B.displayName="Textarea",B.__docgenInfo={description:"",displayName:"Textarea",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
|
|
6
|
-
@see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
|
|
7
|
-
@see aria-hidden
|
|
8
|
-
@see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
|
|
9
|
-
@see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"enum",value:[{value:"number"}]}},resize:{defaultValue:{value:"vertical"},description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"vertical"'},{value:'"horizontal"'},{value:'"both"'}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const Ne="_TextareaField_yfjpi_1",Me={TextareaField:Ne},Pe=({id:e,...a},l)=>{const t=s.useRef(null),o=Le();s.useImperativeHandle(l,()=>({setFocus:()=>{var m;return(m=t==null?void 0:t.current)==null?void 0:m.setFocus()},scrollIntoView:()=>{var m;return(m=t==null?void 0:t.current)==null?void 0:m.scrollIntoView()}}));const{layoutProps:d,inputProps:u}=We({id:e,...a},p.TextareaField),c=Re(Me,p.TextareaField),f=n.jsx(B,{...u,ref:o});return n.jsx(Be,{...d,className:c.join(" "),input:f,inputHandle:o.current,ref:t,preplyDsComponent:p.TextareaField})},v=s.forwardRef(Pe);try{v.displayName="TextareaField",v.__docgenInfo={description:"",displayName:"TextareaField",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},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"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",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"}]}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",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"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",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"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},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"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"enum",value:[{value:"number"}]}},resize:{defaultValue:null,description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"vertical"'},{value:'"horizontal"'},{value:'"both"'}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const qa={title:"components/TextareaField",component:v,args:{label:"Textarea",defaultValue:"",placeholder:"Enter text here",inputDataset:{testid:"input"},onChange:r("onChange"),onBlur:r("onBlur"),onFocus:r("onFocus"),onClick:r("onClick"),onCopy:r("onCopy"),onKeyDown:r("onKeyDown"),onKeyUp:r("onKeyUp"),onPaste:r("onPaste"),onValueChange:r("onValueChange")},render:function(a){const l=s.useRef(null);return a.ref=l,n.jsx(v,{...a})}},y={parameters:{docs:{description:{story:"An empty field with a `label` and a `placeholder`."}}}},h={args:{defaultValue:"Hey, you!"},play:async({canvas:e})=>{const a=e.getByTestId("input");return await i(a).toHaveValue("Hey, you!"),await ze.type(a," How's it going?"),i(a).toHaveValue("Hey, you! How's it going?")}},g={args:{defaultValue:"Hey, you!",resize:"both"},play:({canvas:e})=>{const a=e.getByTestId("input");i(a).toHaveStyle({resize:"both"})}},b={args:{defaultValue:"Hey, you!",resize:"vertical"},play:({canvas:e})=>{const a=e.getByTestId("input");i(a).toHaveStyle({resize:"vertical"})}},V={args:{defaultValue:"Hey, you!",resize:"horizontal"},play:({canvas:e})=>{const a=e.getByTestId("input");i(a).toHaveStyle({resize:"horizontal"})}},x={args:{additionalText:"This is additional text"}},q={args:{required:!0}},E={args:{required:!0,requiredLabel:n.jsx(Ke,{accent:"critical",variant:"m-bold",children:"Needed"})}},H={args:{hideLabel:!0}},w={args:{hasError:!0}},C={args:{hasError:!0,errorMessage:"This is an error message"}},I={args:{disabled:!0}},T={args:{readOnly:!0}},S={decorators:[(e,{args:a})=>n.jsxs("div",{style:{padding:"8px",margin:"8px"},children:[n.jsxs("p",{children:["You can"," ",n.jsx(j,{variant:"secondary",dataset:{testid:"focus-button"},onClick:()=>{var l,t;return(t=(l=a.ref)==null?void 0:l.current)==null?void 0:t.setFocus()},children:"Focus"})," ","the input imperatively."]}),n.jsx(e,{})]})],play:async({args:e,canvas:a})=>{if(!k(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const l=a.getByTestId("input");e.ref.current.setFocus(),await Fe(()=>i(l).toHaveFocus())}},F={decorators:[(e,{args:a})=>n.jsxs("div",{style:{height:"300px",overflow:"scroll",padding:"8px",margin:"8px"},children:[n.jsxs("p",{children:["You can"," ",n.jsx(j,{variant:"secondary",dataset:{testid:"scroll-button"},onClick:()=>{if(!k(a.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");a.ref.current.scrollIntoView()},children:"Scroll"})," ","the input into view imperatively."]}),n.jsx("div",{style:{height:"1000px",display:"flex",flexDirection:"column",justifyContent:"end",border:"2px dashed lightgray",padding:"16px"},children:n.jsx(e,{})})]})],play:async({args:e,canvas:a})=>{if(!k(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const l=a.getByTestId("input");e.ref.current.scrollIntoView(),await Fe(()=>i(l).toBeVisible())}};function k(e){return typeof e=="object"&&e!==null&&"current"in e&&e.current!==null&&typeof e.current=="object"&&"setFocus"in e.current}const R={tags:["!test"],parameters:{docs:{description:{story:'\nThe following code renders a `TextareaField` with the `required` flag, a\n`button`, `placeholder` and some `additionalText`.\n\nWhen you click the "Submit" button, and the input `value` is empty:\n\n- Displays feedback via the `errorMessage` prop;\n- Brings the focus back to the field.\n'}},chromatic:{disableSnapshot:!0}},render:function(){const[a,l]=s.useState(""),[t,o]=s.useState(!1),d=t&&!a&&"Please provide your full name",u=s.useRef(null),c=()=>{var f;o(!0),a||(f=u==null?void 0:u.current)==null||f.setFocus()};return n.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[n.jsx(v,{value:a,label:"Full name",required:!0,placeholder:"e.g.: Mary Williams",additionalText:"Will be shown in your profile",onValueChange:l,errorMessage:d,ref:u,resize:"horizontal"}),n.jsx(j,{onClick:c,children:"Submit"})]})}};var _,D,L;y.parameters={...y.parameters,docs:{...(_=y.parameters)==null?void 0:_.docs,source:{originalSource:`{
|
|
10
|
-
parameters: {
|
|
11
|
-
docs: {
|
|
12
|
-
description: {
|
|
13
|
-
story: \`An empty field with a \\\`label\\\` and a \\\`placeholder\\\`.\`
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
}`,...(L=(D=y.parameters)==null?void 0:D.docs)==null?void 0:L.source}}};var W,K,N;h.parameters={...h.parameters,docs:{...(W=h.parameters)==null?void 0:W.docs,source:{originalSource:`{
|
|
18
|
-
args: {
|
|
19
|
-
defaultValue: 'Hey, you!'
|
|
20
|
-
},
|
|
21
|
-
play: async ({
|
|
22
|
-
canvas
|
|
23
|
-
}) => {
|
|
24
|
-
const input = canvas.getByTestId('input');
|
|
25
|
-
await expect(input).toHaveValue('Hey, you!');
|
|
26
|
-
await userEvent.type(input, " How's it going?");
|
|
27
|
-
return expect(input).toHaveValue("Hey, you! How's it going?");
|
|
28
|
-
}
|
|
29
|
-
}`,...(N=(K=h.parameters)==null?void 0:K.docs)==null?void 0:N.source}}};var M,P,O;g.parameters={...g.parameters,docs:{...(M=g.parameters)==null?void 0:M.docs,source:{originalSource:`{
|
|
30
|
-
args: {
|
|
31
|
-
defaultValue: 'Hey, you!',
|
|
32
|
-
resize: 'both'
|
|
33
|
-
},
|
|
34
|
-
play: ({
|
|
35
|
-
canvas
|
|
36
|
-
}) => {
|
|
37
|
-
const textarea = canvas.getByTestId('input');
|
|
38
|
-
expect(textarea).toHaveStyle({
|
|
39
|
-
resize: 'both'
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
}`,...(O=(P=g.parameters)==null?void 0:P.docs)==null?void 0:O.source}}};var U,A,J;b.parameters={...b.parameters,docs:{...(U=b.parameters)==null?void 0:U.docs,source:{originalSource:`{
|
|
43
|
-
args: {
|
|
44
|
-
defaultValue: 'Hey, you!',
|
|
45
|
-
resize: 'vertical'
|
|
46
|
-
},
|
|
47
|
-
play: ({
|
|
48
|
-
canvas
|
|
49
|
-
}) => {
|
|
50
|
-
const textarea = canvas.getByTestId('input');
|
|
51
|
-
expect(textarea).toHaveStyle({
|
|
52
|
-
resize: 'vertical'
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
}`,...(J=(A=b.parameters)==null?void 0:A.docs)==null?void 0:J.source}}};var X,Y,$;V.parameters={...V.parameters,docs:{...(X=V.parameters)==null?void 0:X.docs,source:{originalSource:`{
|
|
56
|
-
args: {
|
|
57
|
-
defaultValue: 'Hey, you!',
|
|
58
|
-
resize: 'horizontal'
|
|
59
|
-
},
|
|
60
|
-
play: ({
|
|
61
|
-
canvas
|
|
62
|
-
}) => {
|
|
63
|
-
const textarea = canvas.getByTestId('input');
|
|
64
|
-
expect(textarea).toHaveStyle({
|
|
65
|
-
resize: 'horizontal'
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
}`,...($=(Y=V.parameters)==null?void 0:Y.docs)==null?void 0:$.source}}};var G,Q,Z;x.parameters={...x.parameters,docs:{...(G=x.parameters)==null?void 0:G.docs,source:{originalSource:`{
|
|
69
|
-
args: {
|
|
70
|
-
additionalText: 'This is additional text'
|
|
71
|
-
}
|
|
72
|
-
}`,...(Z=(Q=x.parameters)==null?void 0:Q.docs)==null?void 0:Z.source}}};var ee,ae,ne;q.parameters={...q.parameters,docs:{...(ee=q.parameters)==null?void 0:ee.docs,source:{originalSource:`{
|
|
73
|
-
args: {
|
|
74
|
-
required: true
|
|
75
|
-
}
|
|
76
|
-
}`,...(ne=(ae=q.parameters)==null?void 0:ae.docs)==null?void 0:ne.source}}};var le,te,re;E.parameters={...E.parameters,docs:{...(le=E.parameters)==null?void 0:le.docs,source:{originalSource:`{
|
|
77
|
-
args: {
|
|
78
|
-
required: true,
|
|
79
|
-
requiredLabel: <Text accent="critical" variant="m-bold">
|
|
80
|
-
Needed
|
|
81
|
-
</Text>
|
|
82
|
-
}
|
|
83
|
-
}`,...(re=(te=E.parameters)==null?void 0:te.docs)==null?void 0:re.source}}};var ue,se,ie;H.parameters={...H.parameters,docs:{...(ue=H.parameters)==null?void 0:ue.docs,source:{originalSource:`{
|
|
84
|
-
args: {
|
|
85
|
-
hideLabel: true
|
|
86
|
-
}
|
|
87
|
-
}`,...(ie=(se=H.parameters)==null?void 0:se.docs)==null?void 0:ie.source}}};var oe,de,ce;w.parameters={...w.parameters,docs:{...(oe=w.parameters)==null?void 0:oe.docs,source:{originalSource:`{
|
|
88
|
-
args: {
|
|
89
|
-
hasError: true
|
|
90
|
-
}
|
|
91
|
-
}`,...(ce=(de=w.parameters)==null?void 0:de.docs)==null?void 0:ce.source}}};var me,pe,ve;C.parameters={...C.parameters,docs:{...(me=C.parameters)==null?void 0:me.docs,source:{originalSource:`{
|
|
92
|
-
args: {
|
|
93
|
-
hasError: true,
|
|
94
|
-
errorMessage: 'This is an error message'
|
|
95
|
-
}
|
|
96
|
-
}`,...(ve=(pe=C.parameters)==null?void 0:pe.docs)==null?void 0:ve.source}}};var fe,ye,he;I.parameters={...I.parameters,docs:{...(fe=I.parameters)==null?void 0:fe.docs,source:{originalSource:`{
|
|
97
|
-
args: {
|
|
98
|
-
disabled: true
|
|
99
|
-
}
|
|
100
|
-
}`,...(he=(ye=I.parameters)==null?void 0:ye.docs)==null?void 0:he.source}}};var ge,be,Ve;T.parameters={...T.parameters,docs:{...(ge=T.parameters)==null?void 0:ge.docs,source:{originalSource:`{
|
|
101
|
-
args: {
|
|
102
|
-
readOnly: true
|
|
103
|
-
}
|
|
104
|
-
}`,...(Ve=(be=T.parameters)==null?void 0:be.docs)==null?void 0:Ve.source}}};var xe,qe,Ee;S.parameters={...S.parameters,docs:{...(xe=S.parameters)==null?void 0:xe.docs,source:{originalSource:`{
|
|
105
|
-
decorators: [(Story, {
|
|
106
|
-
args
|
|
107
|
-
}) => <div style={{
|
|
108
|
-
padding: '8px',
|
|
109
|
-
margin: '8px'
|
|
110
|
-
}}>
|
|
111
|
-
<p>
|
|
112
|
-
You can{' '}
|
|
113
|
-
<Button variant="secondary" dataset={{
|
|
114
|
-
testid: 'focus-button'
|
|
115
|
-
}} onClick={() =>
|
|
116
|
-
// @ts-expect-error - This will fail gracefully,
|
|
117
|
-
// and the \`play\` function will assert it properly
|
|
118
|
-
args.ref?.current?.setFocus()}>
|
|
119
|
-
Focus
|
|
120
|
-
</Button>{' '}
|
|
121
|
-
the input imperatively.
|
|
122
|
-
</p>
|
|
123
|
-
<Story />
|
|
124
|
-
</div>],
|
|
125
|
-
play: async ({
|
|
126
|
-
args,
|
|
127
|
-
canvas
|
|
128
|
-
}) => {
|
|
129
|
-
if (!isImperativeHandleRef(args.ref)) {
|
|
130
|
-
throw new Error('Expected ref.current to be an InputImperativeHandle');
|
|
131
|
-
}
|
|
132
|
-
const input = canvas.getByTestId('input');
|
|
133
|
-
args.ref.current.setFocus();
|
|
134
|
-
await waitFor(() => expect(input).toHaveFocus());
|
|
135
|
-
}
|
|
136
|
-
}`,...(Ee=(qe=S.parameters)==null?void 0:qe.docs)==null?void 0:Ee.source}}};var He,we,Ce;F.parameters={...F.parameters,docs:{...(He=F.parameters)==null?void 0:He.docs,source:{originalSource:`{
|
|
137
|
-
decorators: [(Story, {
|
|
138
|
-
args
|
|
139
|
-
}) => <div style={{
|
|
140
|
-
height: '300px',
|
|
141
|
-
overflow: 'scroll',
|
|
142
|
-
padding: '8px',
|
|
143
|
-
margin: '8px'
|
|
144
|
-
}}>
|
|
145
|
-
<p>
|
|
146
|
-
You can{' '}
|
|
147
|
-
<Button variant="secondary" dataset={{
|
|
148
|
-
testid: 'scroll-button'
|
|
149
|
-
}} onClick={() => {
|
|
150
|
-
if (!isImperativeHandleRef(args.ref)) {
|
|
151
|
-
throw new Error('Expected ref.current to be an InputImperativeHandle');
|
|
152
|
-
}
|
|
153
|
-
args.ref.current.scrollIntoView();
|
|
154
|
-
}}>
|
|
155
|
-
Scroll
|
|
156
|
-
</Button>{' '}
|
|
157
|
-
the input into view imperatively.
|
|
158
|
-
</p>
|
|
159
|
-
<div style={{
|
|
160
|
-
height: '1000px',
|
|
161
|
-
display: 'flex',
|
|
162
|
-
flexDirection: 'column',
|
|
163
|
-
justifyContent: 'end',
|
|
164
|
-
border: '2px dashed lightgray',
|
|
165
|
-
padding: '16px'
|
|
166
|
-
}}>
|
|
167
|
-
<Story />
|
|
168
|
-
</div>
|
|
169
|
-
</div>],
|
|
170
|
-
play: async ({
|
|
171
|
-
args,
|
|
172
|
-
canvas
|
|
173
|
-
}) => {
|
|
174
|
-
if (!isImperativeHandleRef(args.ref)) {
|
|
175
|
-
throw new Error('Expected ref.current to be an InputImperativeHandle');
|
|
176
|
-
}
|
|
177
|
-
const input = canvas.getByTestId('input');
|
|
178
|
-
args.ref.current.scrollIntoView();
|
|
179
|
-
await waitFor(() => expect(input).toBeVisible());
|
|
180
|
-
}
|
|
181
|
-
}`,...(Ce=(we=F.parameters)==null?void 0:we.docs)==null?void 0:Ce.source}}};var Ie,Te,Se;R.parameters={...R.parameters,docs:{...(Ie=R.parameters)==null?void 0:Ie.docs,source:{originalSource:`{
|
|
182
|
-
tags: ['!test'],
|
|
183
|
-
parameters: {
|
|
184
|
-
docs: {
|
|
185
|
-
description: {
|
|
186
|
-
story: \`
|
|
187
|
-
The following code renders a \\\`TextareaField\\\` with the \\\`required\\\` flag, a
|
|
188
|
-
\\\`button\\\`, \\\`placeholder\\\` and some \\\`additionalText\\\`.
|
|
189
|
-
|
|
190
|
-
When you click the "Submit" button, and the input \\\`value\\\` is empty:
|
|
191
|
-
|
|
192
|
-
- Displays feedback via the \\\`errorMessage\\\` prop;
|
|
193
|
-
- Brings the focus back to the field.
|
|
194
|
-
\`
|
|
195
|
-
}
|
|
196
|
-
},
|
|
197
|
-
chromatic: {
|
|
198
|
-
disableSnapshot: true
|
|
199
|
-
}
|
|
200
|
-
},
|
|
201
|
-
render: function Story() {
|
|
202
|
-
const [value, setValue] = useState('');
|
|
203
|
-
const [submited, setSubmitted] = useState(false);
|
|
204
|
-
const errorMessage = submited && !value && 'Please provide your full name';
|
|
205
|
-
const fieldRef = useRef<InputImperativeHandle>(null);
|
|
206
|
-
const handleClick = () => {
|
|
207
|
-
setSubmitted(true);
|
|
208
|
-
if (!value) {
|
|
209
|
-
fieldRef?.current?.setFocus();
|
|
210
|
-
}
|
|
211
|
-
};
|
|
212
|
-
return <div style={{
|
|
213
|
-
maxWidth: '500px',
|
|
214
|
-
display: 'flex',
|
|
215
|
-
flexDirection: 'column'
|
|
216
|
-
}}>
|
|
217
|
-
<TextareaField value={value} label="Full name" required placeholder="e.g.: Mary Williams" additionalText="Will be shown in your profile" onValueChange={setValue} errorMessage={errorMessage} ref={fieldRef} resize="horizontal" />
|
|
218
|
-
<Button onClick={handleClick}>Submit</Button>
|
|
219
|
-
</div>;
|
|
220
|
-
}
|
|
221
|
-
}`,...(Se=(Te=R.parameters)==null?void 0:Te.docs)==null?void 0:Se.source}}};const Ea=["Basic","WithValue","WithResize","WithVerticalResize","WithHorizontalResize","WithAdditionalText","Required","RequiredWithCustomLabel","WithHiddenLabel","HasError","HasErrorWithMessage","Disabled","ReadOnly","ImperativeSetFocus","ImperativeScrollIntoView","Example"];export{y as Basic,I as Disabled,R as Example,w as HasError,C as HasErrorWithMessage,F as ImperativeScrollIntoView,S as ImperativeSetFocus,T as ReadOnly,q as Required,E as RequiredWithCustomLabel,x as WithAdditionalText,H as WithHiddenLabel,V as WithHorizontalResize,g as WithResize,h as WithValue,b as WithVerticalResize,Ea as __namedExportsOrder,qa as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._toast_wcq4i_3{width:var(--width);color:var(--c2b191);background-color:var(--a469f2);border-radius:var(--fa4b1a);padding:var(--558c4c) var(--813599);display:grid;grid-template-columns:max-content auto max-content;place-items:start;gap:var(--66b80b);row-gap:var(--590b8d)}._toast_wcq4i_3:has(._title_wcq4i_19:first-child){grid-template-columns:auto auto max-content}._toast_wcq4i_3._critical_wcq4i_22{background-color:var(--87fcf8)}._toast_wcq4i_3 ._title_wcq4i_19{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._toast_wcq4i_3 ._actionButton_wcq4i_34{all:unset;cursor:pointer;font-size:var(--303203);font-weight:var(--42bbea);line-height:var(--e6cb11);text-decoration:var(--223210);grid-row:1;grid-column:3}@media (min-width: 700px){._toast_wcq4i_3 ._actionButton_wcq4i_34{grid-row:2;grid-column:2}}@media (min-width: 700px){._toast_wcq4i_3:has(._title_wcq4i_19:first-child) ._actionButton_wcq4i_34{grid-column:1}}._toast_wcq4i_3 ._closeButton_wcq4i_55{all:unset;cursor:pointer;grid-row:1;grid-column:3}._toast_wcq4i_3:has(._actionButton_wcq4i_34) ._closeButton_wcq4i_55{display:none}@media (min-width: 700px){._toast_wcq4i_3:has(._actionButton_wcq4i_34) ._closeButton_wcq4i_55{display:block}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._content_1mckv_2{background-color:var(--4983fe);color:var(--c2b191);border-radius:var(--5e8be4);padding:var(--590b8d) var(--66b80b);max-width:354px;box-shadow:var(--df7dbb);font-size:var(--f7d879);font-weight:var(--87a7e3);line-height:var(--1cb31f);animation-duration:.15s;animation-timing-function:cubic-bezier(.25,0,.5,1.3);transform-origin:var(--radix-tooltip-content-transform-origin);will-change:transform,opacity}._content_1mckv_2[data-state=instant-open],._content_1mckv_2[data-state=delayed-open]{animation-name:_appear_1mckv_1}._content_1mckv_2[data-state=closed]{animation-name:_disappear_1mckv_1}._arrow_1mckv_24{fill:var(--4983fe)}@keyframes _appear_1mckv_1{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes _disappear_1mckv_1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}
|