@preply/ds-docs 1.4.2 → 1.4.3

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 (229) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-C6NuyaJx.js → 00.LayoutFlex.stories-CQpwpBFr.js} +1 -1
  2. package/dist/assets/{00.applications-CzRQjSiq.js → 00.applications-Mbm9tl1L.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-Cl2xkhMN.js → 00.favicons.guide-WYb90WDh.js} +1 -1
  4. package/dist/assets/{00.token-explorer-Bjz10JOk.js → 00.token-explorer-CG4uPgKO.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-BJUez61e.js → 00.using-responsive-props-BCXlE4FK.js} +1 -1
  6. package/dist/assets/{01.semantic-tokens-rGQpGJVg.js → 01.semantic-tokens-BSiM6jeE.js} +1 -1
  7. package/dist/assets/{01.using-shorthand-props-C5dLPYVH.js → 01.using-shorthand-props-BWE623-K.js} +1 -1
  8. package/dist/assets/{10.Combinations.stories-BCpu8o_W.js → 10.Combinations.stories-C3N8dqV2.js} +1 -1
  9. package/dist/assets/{10.fonts.guide-DDN5fND8.js → 10.fonts.guide-oxszrKa_.js} +1 -1
  10. package/dist/assets/{10.ssr-D-rANvZ-.js → 10.ssr-BsdOtfhp.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer-BV6Gwq5u.js → 11.languageFont.explorer-0rlDFUYo.js} +1 -1
  12. package/dist/assets/{11.ssr.app-router-Ch1ZJjg-.js → 11.ssr.app-router-Bye4rCeb.js} +1 -1
  13. package/dist/assets/{20.libraries-oHi972pc.js → 20.libraries-CTwefBj2.js} +1 -1
  14. package/dist/assets/{30.icons.explorer-CTyGJI0M.js → 30.icons.explorer-n6nE1o81.js} +1 -1
  15. package/dist/assets/{30.storybook-C0MSe3yp.js → 30.storybook-D9-Twxkn.js} +1 -1
  16. package/dist/assets/{40.illustrations.explorer-1aFkROmz.js → 40.illustrations.explorer-YO04df6b.js} +1 -1
  17. package/dist/assets/{90.advanced-t0tp7qCO.js → 90.advanced-BXQFnjVT.js} +1 -1
  18. package/dist/assets/AlertDialog-C8C2kzLT.css +1 -0
  19. package/dist/assets/{AlertDialog.stories-C5USsoA-.js → AlertDialog.stories-BI6dnBdp.js} +2 -2
  20. package/dist/assets/Avatar-BSlj6yko.js +1 -0
  21. package/dist/assets/Avatar-DJdEnKaL.js +6 -0
  22. package/dist/assets/Avatar-DZCUEanO.css +1 -0
  23. package/dist/assets/Avatar-fqNH9-vo.css +1 -0
  24. package/dist/assets/{Avatar.stories-CLQ3BvQW.js → Avatar.stories-Ci8GF7qg.js} +1 -1
  25. package/dist/assets/AvatarWithStatus-CEyIZEXJ.css +1 -0
  26. package/dist/assets/{AvatarWithStatus.stories-BsgFOyBx.js → AvatarWithStatus.stories-nwRdeLSv.js} +5 -5
  27. package/dist/assets/Badge-DOPey97c.css +1 -0
  28. package/dist/assets/{Badge.stories-CsQItVr_.js → Badge.stories-DFEIq5GM.js} +2 -2
  29. package/dist/assets/Box-DMXNufME.css +1 -0
  30. package/dist/assets/Box.stories-C0ffVUSP.js +44 -0
  31. package/dist/assets/Button-B5AU8t_B.css +1 -0
  32. package/dist/assets/{Button-G5Zxq86f.js → Button-COvs-WT9.js} +2 -2
  33. package/dist/assets/{Button-GOFCl1lS.css → Button-ClaaA27g.css} +1 -1
  34. package/dist/assets/Button-aNfyJQT6.js +1 -0
  35. package/dist/assets/{Button.stories-BuHavCSD.js → Button.stories-ompQpE7u.js} +1 -1
  36. package/dist/assets/ButtonBase-B-96BnyO.js +8 -0
  37. package/dist/assets/{ButtonBase-CN93Hyoe.css → ButtonBase-BiHsr0j0.css} +1 -1
  38. package/dist/assets/Chips-B9tN6418.css +1 -0
  39. package/dist/assets/{Chips.stories-DwatZLP-.js → Chips.stories-B3MMLC6G.js} +7 -7
  40. package/dist/assets/{Color-YHDXOIA2-CR40pFdp.js → Color-YHDXOIA2-BrFoM0Yb.js} +1 -1
  41. package/dist/assets/Dialog-yFesJ-1y.css +1 -0
  42. package/dist/assets/{Dialog.stories-aheiL1C_.js → Dialog.stories-CKUsFyjr.js} +5 -5
  43. package/dist/assets/{DocsRenderer-CFRXHY34-C7iNFBWT.js → DocsRenderer-CFRXHY34-BETkuvO-.js} +1 -1
  44. package/dist/assets/FieldAdditionalText-BpdxRR9p.css +1 -0
  45. package/dist/assets/{FieldAdditionalText-CK-mP7eE.js → FieldAdditionalText-Cxqy7mdI.js} +1 -1
  46. package/dist/assets/{FieldAdditionalText.stories-JWcqGRDw.js → FieldAdditionalText.stories-CeEuZK9j.js} +1 -1
  47. package/dist/assets/{FieldButton-B9DsbnCd.js → FieldButton-DcagrCQ8.js} +1 -1
  48. package/dist/assets/{FieldButton-ClSNKPdl.css → FieldButton-Ds2WVp20.css} +1 -1
  49. package/dist/assets/{FieldButton.stories-B5JDNmNP.js → FieldButton.stories-B_91sVXO.js} +1 -1
  50. package/dist/assets/{FieldLayout-2zlcC5-S.js → FieldLayout-CnOMTl8s.js} +1 -1
  51. package/dist/assets/FieldLayout-gu3ZOprL.css +1 -0
  52. package/dist/assets/{FieldLayout.stories-oIX7x6Q6.js → FieldLayout.stories-D7mYNA3d.js} +1 -1
  53. package/dist/assets/FieldLayoutBase-C3vxtn8M.css +1 -0
  54. package/dist/assets/{FieldLayoutBase-0r0SpleC.js → FieldLayoutBase-DaTu5RGY.js} +3 -3
  55. package/dist/assets/{Heading-DhbbSS03.css → Heading-4oJssLU4.css} +1 -1
  56. package/dist/assets/Heading-x9qmcX15.js +2 -0
  57. package/dist/assets/{Heading.stories-BW49vEiT.js → Heading.stories-B6BMelUD.js} +1 -1
  58. package/dist/assets/Icon-BCL3U29b.js +8 -0
  59. package/dist/assets/Icon-CbdpJGdV.js +1 -0
  60. package/dist/assets/Icon-DcBo297y.css +1 -0
  61. package/dist/assets/{Icon-RSC-DXv5b9K1.js → Icon-RSC-DDUB9nvX.js} +1 -1
  62. package/dist/assets/Icon-w1-Pci0g.css +1 -0
  63. package/dist/assets/{Icon.stories-MzKcutu8.js → Icon.stories-BGWBmrJE.js} +1 -1
  64. package/dist/assets/{IconButton-iyWiUe9X.js → IconButton-t5L07D8U.js} +2 -2
  65. package/dist/assets/InputText-B7nkpdcE.js +5 -0
  66. package/dist/assets/{LayoutFlex-pzKY-vUQ.js → LayoutFlex-DPsMHj0r.js} +1 -1
  67. package/dist/assets/{LayoutFlex-BaXqezhY.js → LayoutFlex-DWJvHMlJ.js} +1 -1
  68. package/dist/assets/LayoutFlexItem-B5jT-Jb5.js +1 -0
  69. package/dist/assets/LayoutFlexItem-BHIyHIC0.css +1 -0
  70. package/dist/assets/LayoutGrid-BE0t6Vjv.css +1 -0
  71. package/dist/assets/LayoutGrid-BPI2OONd.css +1 -0
  72. package/dist/assets/LayoutGrid-IsN1xiNR.js +1 -0
  73. package/dist/assets/{LayoutGrid.stories-CSBUYfM6.js → LayoutGrid.stories-BTiFzLOs.js} +3 -3
  74. package/dist/assets/LayoutGridItem-BoV0TprN.css +1 -0
  75. package/dist/assets/LayoutGridItem-DoY9oFwT.js +1 -0
  76. package/dist/assets/Link-KgMCDoEO.css +1 -0
  77. package/dist/assets/{Link.stories-BGmSAnPH.js → Link.stories-BioapyOJ.js} +8 -8
  78. package/dist/assets/Loader-Cb3g0jkp.css +1 -0
  79. package/dist/assets/{Loader.stories-DaYtlzeB.js → Loader.stories-Cmev743o.js} +1 -1
  80. package/dist/assets/NumberField.stories-BKSkXxOY.js +203 -0
  81. package/dist/assets/{OnboardingTooltip-BqDG-2Rd.js → OnboardingTooltip-C6QmQ6M4.js} +1 -1
  82. package/dist/assets/OnboardingTooltip-m5nsSh3_.css +1 -0
  83. package/dist/assets/{OnboardingTooltip.stories-Dx5F7YBG.js → OnboardingTooltip.stories-U7tnhack.js} +1 -1
  84. package/dist/assets/{OnboardingTooltip.tests.stories-DvcLnD5j.js → OnboardingTooltip.tests.stories-DUKQA1hD.js} +1 -1
  85. package/dist/assets/{OnboardingTour-CnsU5p_A.css → OnboardingTour-BJsn9jpi.css} +1 -1
  86. package/dist/assets/{OnboardingTour-B_yyU1AU.js → OnboardingTour-Dun5rZkn.js} +1 -1
  87. package/dist/assets/{OnboardingTour.stories-LGCUxWl4.js → OnboardingTour.stories-MuBPrYfD.js} +2 -2
  88. package/dist/assets/{OnboardingTour.tests.stories-C9CKn7JQ.js → OnboardingTour.tests.stories-ZHjxkeQ9.js} +1 -1
  89. package/dist/assets/PasswordField.stories-CIfqwh2L.js +203 -0
  90. package/dist/assets/PreplyLogo-CB8p8DAS.css +1 -0
  91. package/dist/assets/{PreplyLogo.stories-ZhZHvw_M.js → PreplyLogo.stories-C4QyROH-.js} +4 -4
  92. package/dist/assets/{ProgressBar-DYzJL8gA.css → ProgressBar-CBWfVwHl.css} +1 -1
  93. package/dist/assets/{ProgressBar.stories-XmMUjDS5.js → ProgressBar.stories-DmISlrXa.js} +1 -1
  94. package/dist/assets/ProgressSteps-BY2WWAe6.css +1 -0
  95. package/dist/assets/{ProgressSteps-CVWVi5_G.js → ProgressSteps-DX68zFl0.js} +1 -1
  96. package/dist/assets/{ProgressSteps.stories-B57q5WFr.js → ProgressSteps.stories-CFg-Zw8N.js} +1 -1
  97. package/dist/assets/SelectField-DG0p9ezC.css +1 -0
  98. package/dist/assets/SelectField.stories-_XAhNcCG.js +182 -0
  99. package/dist/assets/{Spinner-C3p2WoxW.js → Spinner-BmqtByaF.js} +1 -1
  100. package/dist/assets/Spinner-ZDzW_9X4.css +1 -0
  101. package/dist/assets/Steps-Cxg4_yWg.css +1 -0
  102. package/dist/assets/{Steps-DbST4vmL.js → Steps-DF-nuV0r.js} +2 -2
  103. package/dist/assets/{Steps.stories-gWR5Lpwz.js → Steps.stories-Bl3rC3tB.js} +1 -1
  104. package/dist/assets/{Text-CgAyAgxF.css → Text-C57iIFrB.css} +1 -1
  105. package/dist/assets/Text-DRPK601D.js +1 -0
  106. package/dist/assets/Text-WS7Bdore.js +1 -0
  107. package/dist/assets/{Text.stories-BlLgBmMi.js → Text.stories-CRsvV8RJ.js} +1 -1
  108. package/dist/assets/TextField-BcWoR3uH.js +1 -0
  109. package/dist/assets/TextField-CPALlvVS.css +1 -0
  110. package/dist/assets/{TextField.stories-CPD818W_.js → TextField.stories-CVj_jcVs.js} +1 -1
  111. package/dist/assets/TextHighlighted-BYPgGvnl.js +1 -0
  112. package/dist/assets/TextHighlighted-CEnKKn7p.css +1 -0
  113. package/dist/assets/{TextHighlighted.stories-DTNcmEX3.js → TextHighlighted.stories-TRvVYByW.js} +3 -3
  114. package/dist/assets/TextInline-C2oRwfiB.css +1 -0
  115. package/dist/assets/{TextInline.stories-DqX-qocx.js → TextInline.stories-Dwp1YyrO.js} +3 -3
  116. package/dist/assets/TextareaField.stories-D5Hhx-hP.js +221 -0
  117. package/dist/assets/Toast-ByHRc2jt.css +1 -0
  118. package/dist/assets/{Toast.stories-CGXB3Oyz.js → Toast.stories-Biw6si0p.js} +9 -9
  119. package/dist/assets/Tooltip-BfH_0PT3.css +1 -0
  120. package/dist/assets/{Tooltip-kdQF0n0X.js → Tooltip-C8TiSVfN.js} +1 -1
  121. package/dist/assets/{Tooltip.stories-ChMEb5wa.js → Tooltip.stories-2Ql_m8AA.js} +1 -1
  122. package/dist/assets/{Tooltip.tests.stories-DRKkU6_h.js → Tooltip.tests.stories-Dhvul9uf.js} +1 -1
  123. package/dist/assets/{breakpoints-BKtvPn4z.js → breakpoints-B_UT1zHj.js} +1 -1
  124. package/dist/assets/{breakpoints-Dw3ULM7j.js → breakpoints-CUfFCyvn.js} +1 -1
  125. package/dist/assets/{breakpoints-CvGR1154.js → breakpoints-G1prPZ-_.js} +1 -1
  126. package/dist/assets/{changelog-DXXuLjII.js → changelog-wUoWC9JB.js} +1 -1
  127. package/dist/assets/{entry-preview-DKCl8pnk.js → entry-preview-B6s8fdeP.js} +1 -1
  128. package/dist/assets/{getTokenVar-BWljsLZ6.js → getTokenVar-Cm8Hrfw5.js} +1 -1
  129. package/dist/assets/{hover-Cun_Hxa2.js → hover-BZ9GWD6i.js} +1 -1
  130. package/dist/assets/{hover-BRNG4vFt.js → hover-CVuE2EdV.js} +1 -1
  131. package/dist/assets/{hover-BpH2YvND.js → hover-QoG-Aw1V.js} +1 -1
  132. package/dist/assets/{iframe-DbVfH8B5.js → iframe-Cb21JL3A.js} +2 -2
  133. package/dist/assets/{index-lpmehhNH.js → index-CsopvqxJ.js} +1 -1
  134. package/dist/assets/{index-UAdYqHL0.js → index-Dl0kr_VJ.js} +3 -3
  135. package/dist/assets/{intro-CQsqeQsV.js → intro-Dst0gh7V.js} +1 -1
  136. package/dist/assets/layout-relative-B1RJCRWS.css +1 -0
  137. package/dist/assets/layout-relative-BX4afYg4.js +1 -0
  138. package/dist/assets/layout-relative-C0j_3nlP.css +1 -0
  139. package/dist/assets/layout-relative-Can2t_0C.css +1 -0
  140. package/dist/assets/layout-relative.module-CpQbo91e-wKldJApF.js +1 -0
  141. package/dist/assets/layout-relative.module-IN4igp-_.js +1 -0
  142. package/dist/assets/{migrating-from-less-DAZke_bf.js → migrating-from-less-Bt8JVIac.js} +1 -1
  143. package/dist/assets/playground-DgTGJcE5.css +1 -0
  144. package/dist/assets/{playground.stories-Dpb3xI2s.js → playground.stories-BA5seiLe.js} +2 -2
  145. package/dist/assets/{preview-HuUbG8ej.js → preview-B-4B_khw.js} +2 -2
  146. package/dist/assets/{preview-kCY-Nq0t.js → preview-DFPubP5B.js} +1 -1
  147. package/dist/assets/{preview-DchamjVK.js → preview-hMa3Y1xy.js} +1 -1
  148. package/dist/assets/text-accent-BqZbJG9z.js +1 -0
  149. package/dist/assets/text-accent-DEvzdotz.js +1 -0
  150. package/dist/assets/text-accent-eC5rHFDr.css +1 -0
  151. package/dist/assets/text-centered-7-NHbkTa.js +1 -0
  152. package/dist/assets/text-centered-BLjliCzN.js +1 -0
  153. package/dist/assets/text-centered-DNfnrRY6.css +1 -0
  154. package/dist/assets/text-centered-DiwnyevC.css +1 -0
  155. package/dist/assets/{tokens-BaIvp8uk.js → tokens-Cc3okQu4.js} +1 -1
  156. package/dist/assets/{tokens-KVFCTIK3.js → tokens-ClkBQdOg.js} +1 -1
  157. package/dist/assets/{tokens-BqWh6RWP.js → tokens-kSXR3wSb.js} +1 -1
  158. package/dist/assets/{usePortalElement-DBJJ4TO9.js → usePortalElement-DIAQKTtU.js} +1 -1
  159. package/dist/assets/{welcome-CaHVZaZ7.js → welcome-CReKbWWS.js} +3 -4
  160. package/dist/assets/{zeroheight-DobKPt2E.js → zeroheight-DfgR4LgT.js} +1 -1
  161. package/dist/iframe.html +1 -1
  162. package/dist/preview-stats.json +1322 -1322
  163. package/dist/project.json +1 -1
  164. package/package.json +3 -3
  165. package/dist/assets/AlertDialog-8zNG4W6P.css +0 -1
  166. package/dist/assets/Avatar-BZKmHoZm.css +0 -1
  167. package/dist/assets/Avatar-BkmMIq29.css +0 -1
  168. package/dist/assets/Avatar-D5vkZljP.js +0 -1
  169. package/dist/assets/Avatar-lFZ8Cfpv.js +0 -6
  170. package/dist/assets/AvatarWithStatus-Dv8yodGu.css +0 -1
  171. package/dist/assets/Badge-kZt_FH50.css +0 -1
  172. package/dist/assets/Box-4GImUu2D.css +0 -1
  173. package/dist/assets/Box.stories-C3UUNdDi.js +0 -44
  174. package/dist/assets/Button-CawJKyho.css +0 -1
  175. package/dist/assets/Button-Oaj5OWvs.js +0 -1
  176. package/dist/assets/ButtonBase-Desxs10d.js +0 -8
  177. package/dist/assets/Chips-DIrYdYig.css +0 -1
  178. package/dist/assets/Dialog-B5rqi-V8.css +0 -1
  179. package/dist/assets/FieldAdditionalText-DmrAhCSm.css +0 -1
  180. package/dist/assets/FieldLayout-ayailSRB.css +0 -1
  181. package/dist/assets/FieldLayoutBase-DaHOfSqh.css +0 -1
  182. package/dist/assets/Heading-BDNRMwVu.js +0 -2
  183. package/dist/assets/Icon-COBslmJH.css +0 -1
  184. package/dist/assets/Icon-DAQd7Eod.js +0 -8
  185. package/dist/assets/Icon-VzZ0SATJ.css +0 -1
  186. package/dist/assets/Icon-qme4Scxh.js +0 -1
  187. package/dist/assets/InputText-IEjR9ee0.js +0 -5
  188. package/dist/assets/LayoutFlexItem-CzflYuZ_.js +0 -1
  189. package/dist/assets/LayoutFlexItem-Dci-Cv-V.css +0 -1
  190. package/dist/assets/LayoutGrid-C8hq1-LL.css +0 -1
  191. package/dist/assets/LayoutGrid-CULegRpi.css +0 -1
  192. package/dist/assets/LayoutGrid-ZAYmKrcj.js +0 -1
  193. package/dist/assets/LayoutGridItem-DJDMWtVq.css +0 -1
  194. package/dist/assets/LayoutGridItem-m645Lhkq.js +0 -1
  195. package/dist/assets/Link-CPkXDszE.css +0 -1
  196. package/dist/assets/Loader-C5QrrxXJ.css +0 -1
  197. package/dist/assets/NumberField.stories-DIRO8IHc.js +0 -203
  198. package/dist/assets/OnboardingTooltip-BfzcF9sW.css +0 -1
  199. package/dist/assets/PasswordField.stories-CvnCM5rD.js +0 -203
  200. package/dist/assets/PreplyLogo-Cecouk_S.css +0 -1
  201. package/dist/assets/ProgressSteps-Dip-BZlm.css +0 -1
  202. package/dist/assets/SelectField-CTB098t-.css +0 -1
  203. package/dist/assets/SelectField.stories-CqnGEFQn.js +0 -182
  204. package/dist/assets/Spinner-BuihcWyQ.css +0 -1
  205. package/dist/assets/Steps-Bd4yQjwc.css +0 -1
  206. package/dist/assets/Text-BeAjllqh.js +0 -1
  207. package/dist/assets/Text-D3ATKGXs.js +0 -1
  208. package/dist/assets/TextField-BiEzDuCh.js +0 -1
  209. package/dist/assets/TextField-C3owY_ZE.css +0 -1
  210. package/dist/assets/TextHighlighted-B_WQpKk8.css +0 -1
  211. package/dist/assets/TextHighlighted-DoFzmVL0.js +0 -1
  212. package/dist/assets/TextInline-BqUzWrD4.css +0 -1
  213. package/dist/assets/TextareaField.stories-D95m8D1f.js +0 -221
  214. package/dist/assets/Toast-BsJOXveW.css +0 -1
  215. package/dist/assets/Tooltip-9him0tBb.css +0 -1
  216. package/dist/assets/layout-relative-Cf09gtOc.css +0 -1
  217. package/dist/assets/layout-relative-DA7rS9QX.js +0 -1
  218. package/dist/assets/layout-relative-Jxb51_Sh.css +0 -1
  219. package/dist/assets/layout-relative-mSX9oB2N.css +0 -1
  220. package/dist/assets/layout-relative.module-CYNzEGVH.js +0 -1
  221. package/dist/assets/layout-relative.module-yZwngsDw-BiwrSIEl.js +0 -1
  222. package/dist/assets/playground-w72anE0z.css +0 -1
  223. package/dist/assets/text-accent-CuYWdzBU.js +0 -1
  224. package/dist/assets/text-accent-DbbdQjKI.js +0 -1
  225. package/dist/assets/text-accent-da8yAj-M.css +0 -1
  226. package/dist/assets/text-centered-6MZg9O0U.js +0 -1
  227. package/dist/assets/text-centered-CrBlvRDP.js +0 -1
  228. package/dist/assets/text-centered-DUL478eo.css +0 -1
  229. package/dist/assets/text-centered-RwJDmlB2.css +0 -1
@@ -1 +0,0 @@
1
- import{j as h}from"./jsx-runtime-BTJTZTIL.js";import{r as N}from"./index-Cb9e4tly.js";import{g as V,a as q}from"./text-accent-DbbdQjKI.js";import{g as A}from"./text-centered-6MZg9O0U.js";import{f as D}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as E,s as l,b as R}from"./classNames-BUL1Zq7e.js";import{w as m}from"./componentNames-Bwls0I02.js";import{g as j}from"./index-DdzHuZ-Y.js";import{T as k,b as L}from"./defaults-B1rzzf6M.js";const P="_Text_yw4vm_4",U={Text:P,"Text--variant-caption-regular":"_Text--variant-caption-regular_yw4vm_12","Text--variant-caption-semibold":"_Text--variant-caption-semibold_yw4vm_20","Text--variant-small-regular":"_Text--variant-small-regular_yw4vm_28","Text--variant-small-regular-italic":"_Text--variant-small-regular-italic_yw4vm_36","Text--variant-small-semibold":"_Text--variant-small-semibold_yw4vm_44","Text--variant-small-semibold-italic":"_Text--variant-small-semibold-italic_yw4vm_52","Text--variant-default-regular":"_Text--variant-default-regular_yw4vm_60","Text--variant-default-regular-italic":"_Text--variant-default-regular-italic_yw4vm_68","Text--variant-default-semibold":"_Text--variant-default-semibold_yw4vm_76","Text--variant-default-semibold-italic":"_Text--variant-default-semibold-italic_yw4vm_84","Text--variant-large-regular":"_Text--variant-large-regular_yw4vm_92","Text--variant-large-regular-italic":"_Text--variant-large-regular-italic_yw4vm_100","Text--variant-large-semibold":"_Text--variant-large-semibold_yw4vm_108","Text--variant-large-semibold-italic":"_Text--variant-large-semibold-italic_yw4vm_116","Text--variant-xs":"_Text--variant-xs_yw4vm_124","Text--variant-xs-medium":"_Text--variant-xs-medium_yw4vm_132","Text--variant-s":"_Text--variant-s_yw4vm_28","Text--variant-s-italic":"_Text--variant-s-italic_yw4vm_148","Text--variant-s-medium":"_Text--variant-s-medium_yw4vm_156","Text--variant-s-medium-italic":"_Text--variant-s-medium-italic_yw4vm_164","Text--variant-s-bold":"_Text--variant-s-bold_yw4vm_172","Text--variant-s-bold-italic":"_Text--variant-s-bold-italic_yw4vm_180","Text--variant-m":"_Text--variant-m_yw4vm_188","Text--variant-m-italic":"_Text--variant-m-italic_yw4vm_196","Text--variant-m-medium":"_Text--variant-m-medium_yw4vm_204","Text--variant-m-medium-italic":"_Text--variant-m-medium-italic_yw4vm_212","Text--variant-m-bold":"_Text--variant-m-bold_yw4vm_220","Text--variant-m-bold-italic":"_Text--variant-m-bold-italic_yw4vm_228","Text--variant-l":"_Text--variant-l_yw4vm_92","Text--variant-l-italic":"_Text--variant-l-italic_yw4vm_244","Text--variant-l-medium":"_Text--variant-l-medium_yw4vm_252","Text--variant-l-medium-italic":"_Text--variant-l-medium-italic_yw4vm_260","Text--variant-xl":"_Text--variant-xl_yw4vm_268","Text--variant-xl-italic":"_Text--variant-xl-italic_yw4vm_276","Text--variant-xl-medium":"_Text--variant-xl-medium_yw4vm_284","Text--variant-xl-medium-italic":"_Text--variant-xl-medium-italic_yw4vm_292","Text--narrow-l--variant-caption-regular":"_Text--narrow-l--variant-caption-regular_yw4vm_301","Text--narrow-l--variant-caption-semibold":"_Text--narrow-l--variant-caption-semibold_yw4vm_309","Text--narrow-l--variant-small-regular":"_Text--narrow-l--variant-small-regular_yw4vm_317","Text--narrow-l--variant-small-regular-italic":"_Text--narrow-l--variant-small-regular-italic_yw4vm_325","Text--narrow-l--variant-small-semibold":"_Text--narrow-l--variant-small-semibold_yw4vm_333","Text--narrow-l--variant-small-semibold-italic":"_Text--narrow-l--variant-small-semibold-italic_yw4vm_341","Text--narrow-l--variant-default-regular":"_Text--narrow-l--variant-default-regular_yw4vm_349","Text--narrow-l--variant-default-regular-italic":"_Text--narrow-l--variant-default-regular-italic_yw4vm_357","Text--narrow-l--variant-default-semibold":"_Text--narrow-l--variant-default-semibold_yw4vm_365","Text--narrow-l--variant-default-semibold-italic":"_Text--narrow-l--variant-default-semibold-italic_yw4vm_373","Text--narrow-l--variant-large-regular":"_Text--narrow-l--variant-large-regular_yw4vm_381","Text--narrow-l--variant-large-regular-italic":"_Text--narrow-l--variant-large-regular-italic_yw4vm_389","Text--narrow-l--variant-large-semibold":"_Text--narrow-l--variant-large-semibold_yw4vm_397","Text--narrow-l--variant-large-semibold-italic":"_Text--narrow-l--variant-large-semibold-italic_yw4vm_405","Text--narrow-l--variant-xs":"_Text--narrow-l--variant-xs_yw4vm_413","Text--narrow-l--variant-xs-medium":"_Text--narrow-l--variant-xs-medium_yw4vm_421","Text--narrow-l--variant-s":"_Text--narrow-l--variant-s_yw4vm_317","Text--narrow-l--variant-s-italic":"_Text--narrow-l--variant-s-italic_yw4vm_437","Text--narrow-l--variant-s-medium":"_Text--narrow-l--variant-s-medium_yw4vm_445","Text--narrow-l--variant-s-medium-italic":"_Text--narrow-l--variant-s-medium-italic_yw4vm_453","Text--narrow-l--variant-s-bold":"_Text--narrow-l--variant-s-bold_yw4vm_461","Text--narrow-l--variant-s-bold-italic":"_Text--narrow-l--variant-s-bold-italic_yw4vm_469","Text--narrow-l--variant-m":"_Text--narrow-l--variant-m_yw4vm_477","Text--narrow-l--variant-m-italic":"_Text--narrow-l--variant-m-italic_yw4vm_485","Text--narrow-l--variant-m-medium":"_Text--narrow-l--variant-m-medium_yw4vm_493","Text--narrow-l--variant-m-medium-italic":"_Text--narrow-l--variant-m-medium-italic_yw4vm_501","Text--narrow-l--variant-m-bold":"_Text--narrow-l--variant-m-bold_yw4vm_509","Text--narrow-l--variant-m-bold-italic":"_Text--narrow-l--variant-m-bold-italic_yw4vm_517","Text--narrow-l--variant-l":"_Text--narrow-l--variant-l_yw4vm_381","Text--narrow-l--variant-l-italic":"_Text--narrow-l--variant-l-italic_yw4vm_533","Text--narrow-l--variant-l-medium":"_Text--narrow-l--variant-l-medium_yw4vm_541","Text--narrow-l--variant-l-medium-italic":"_Text--narrow-l--variant-l-medium-italic_yw4vm_549","Text--narrow-l--variant-xl":"_Text--narrow-l--variant-xl_yw4vm_557","Text--narrow-l--variant-xl-italic":"_Text--narrow-l--variant-xl-italic_yw4vm_565","Text--narrow-l--variant-xl-medium":"_Text--narrow-l--variant-xl-medium_yw4vm_573","Text--narrow-l--variant-xl-medium-italic":"_Text--narrow-l--variant-xl-medium-italic_yw4vm_581","Text--medium-s--variant-caption-regular":"_Text--medium-s--variant-caption-regular_yw4vm_591","Text--medium-s--variant-caption-semibold":"_Text--medium-s--variant-caption-semibold_yw4vm_599","Text--medium-s--variant-small-regular":"_Text--medium-s--variant-small-regular_yw4vm_607","Text--medium-s--variant-small-regular-italic":"_Text--medium-s--variant-small-regular-italic_yw4vm_615","Text--medium-s--variant-small-semibold":"_Text--medium-s--variant-small-semibold_yw4vm_623","Text--medium-s--variant-small-semibold-italic":"_Text--medium-s--variant-small-semibold-italic_yw4vm_631","Text--medium-s--variant-default-regular":"_Text--medium-s--variant-default-regular_yw4vm_639","Text--medium-s--variant-default-regular-italic":"_Text--medium-s--variant-default-regular-italic_yw4vm_647","Text--medium-s--variant-default-semibold":"_Text--medium-s--variant-default-semibold_yw4vm_655","Text--medium-s--variant-default-semibold-italic":"_Text--medium-s--variant-default-semibold-italic_yw4vm_663","Text--medium-s--variant-large-regular":"_Text--medium-s--variant-large-regular_yw4vm_671","Text--medium-s--variant-large-regular-italic":"_Text--medium-s--variant-large-regular-italic_yw4vm_679","Text--medium-s--variant-large-semibold":"_Text--medium-s--variant-large-semibold_yw4vm_687","Text--medium-s--variant-large-semibold-italic":"_Text--medium-s--variant-large-semibold-italic_yw4vm_695","Text--medium-s--variant-xs":"_Text--medium-s--variant-xs_yw4vm_703","Text--medium-s--variant-xs-medium":"_Text--medium-s--variant-xs-medium_yw4vm_711","Text--medium-s--variant-s":"_Text--medium-s--variant-s_yw4vm_607","Text--medium-s--variant-s-italic":"_Text--medium-s--variant-s-italic_yw4vm_727","Text--medium-s--variant-s-medium":"_Text--medium-s--variant-s-medium_yw4vm_735","Text--medium-s--variant-s-medium-italic":"_Text--medium-s--variant-s-medium-italic_yw4vm_743","Text--medium-s--variant-s-bold":"_Text--medium-s--variant-s-bold_yw4vm_751","Text--medium-s--variant-s-bold-italic":"_Text--medium-s--variant-s-bold-italic_yw4vm_759","Text--medium-s--variant-m":"_Text--medium-s--variant-m_yw4vm_767","Text--medium-s--variant-m-italic":"_Text--medium-s--variant-m-italic_yw4vm_775","Text--medium-s--variant-m-medium":"_Text--medium-s--variant-m-medium_yw4vm_783","Text--medium-s--variant-m-medium-italic":"_Text--medium-s--variant-m-medium-italic_yw4vm_791","Text--medium-s--variant-m-bold":"_Text--medium-s--variant-m-bold_yw4vm_799","Text--medium-s--variant-m-bold-italic":"_Text--medium-s--variant-m-bold-italic_yw4vm_807","Text--medium-s--variant-l":"_Text--medium-s--variant-l_yw4vm_671","Text--medium-s--variant-l-italic":"_Text--medium-s--variant-l-italic_yw4vm_823","Text--medium-s--variant-l-medium":"_Text--medium-s--variant-l-medium_yw4vm_831","Text--medium-s--variant-l-medium-italic":"_Text--medium-s--variant-l-medium-italic_yw4vm_839","Text--medium-s--variant-xl":"_Text--medium-s--variant-xl_yw4vm_847","Text--medium-s--variant-xl-italic":"_Text--medium-s--variant-xl-italic_yw4vm_855","Text--medium-s--variant-xl-medium":"_Text--medium-s--variant-xl-medium_yw4vm_863","Text--medium-s--variant-xl-medium-italic":"_Text--medium-s--variant-xl-medium-italic_yw4vm_871","Text--medium-l--variant-caption-regular":"_Text--medium-l--variant-caption-regular_yw4vm_881","Text--medium-l--variant-caption-semibold":"_Text--medium-l--variant-caption-semibold_yw4vm_889","Text--medium-l--variant-small-regular":"_Text--medium-l--variant-small-regular_yw4vm_897","Text--medium-l--variant-small-regular-italic":"_Text--medium-l--variant-small-regular-italic_yw4vm_905","Text--medium-l--variant-small-semibold":"_Text--medium-l--variant-small-semibold_yw4vm_913","Text--medium-l--variant-small-semibold-italic":"_Text--medium-l--variant-small-semibold-italic_yw4vm_921","Text--medium-l--variant-default-regular":"_Text--medium-l--variant-default-regular_yw4vm_929","Text--medium-l--variant-default-regular-italic":"_Text--medium-l--variant-default-regular-italic_yw4vm_937","Text--medium-l--variant-default-semibold":"_Text--medium-l--variant-default-semibold_yw4vm_945","Text--medium-l--variant-default-semibold-italic":"_Text--medium-l--variant-default-semibold-italic_yw4vm_953","Text--medium-l--variant-large-regular":"_Text--medium-l--variant-large-regular_yw4vm_961","Text--medium-l--variant-large-regular-italic":"_Text--medium-l--variant-large-regular-italic_yw4vm_969","Text--medium-l--variant-large-semibold":"_Text--medium-l--variant-large-semibold_yw4vm_977","Text--medium-l--variant-large-semibold-italic":"_Text--medium-l--variant-large-semibold-italic_yw4vm_985","Text--medium-l--variant-xs":"_Text--medium-l--variant-xs_yw4vm_993","Text--medium-l--variant-xs-medium":"_Text--medium-l--variant-xs-medium_yw4vm_1001","Text--medium-l--variant-s":"_Text--medium-l--variant-s_yw4vm_897","Text--medium-l--variant-s-italic":"_Text--medium-l--variant-s-italic_yw4vm_1017","Text--medium-l--variant-s-medium":"_Text--medium-l--variant-s-medium_yw4vm_1025","Text--medium-l--variant-s-medium-italic":"_Text--medium-l--variant-s-medium-italic_yw4vm_1033","Text--medium-l--variant-s-bold":"_Text--medium-l--variant-s-bold_yw4vm_1041","Text--medium-l--variant-s-bold-italic":"_Text--medium-l--variant-s-bold-italic_yw4vm_1049","Text--medium-l--variant-m":"_Text--medium-l--variant-m_yw4vm_1057","Text--medium-l--variant-m-italic":"_Text--medium-l--variant-m-italic_yw4vm_1065","Text--medium-l--variant-m-medium":"_Text--medium-l--variant-m-medium_yw4vm_1073","Text--medium-l--variant-m-medium-italic":"_Text--medium-l--variant-m-medium-italic_yw4vm_1081","Text--medium-l--variant-m-bold":"_Text--medium-l--variant-m-bold_yw4vm_1089","Text--medium-l--variant-m-bold-italic":"_Text--medium-l--variant-m-bold-italic_yw4vm_1097","Text--medium-l--variant-l":"_Text--medium-l--variant-l_yw4vm_961","Text--medium-l--variant-l-italic":"_Text--medium-l--variant-l-italic_yw4vm_1113","Text--medium-l--variant-l-medium":"_Text--medium-l--variant-l-medium_yw4vm_1121","Text--medium-l--variant-l-medium-italic":"_Text--medium-l--variant-l-medium-italic_yw4vm_1129","Text--medium-l--variant-xl":"_Text--medium-l--variant-xl_yw4vm_1137","Text--medium-l--variant-xl-italic":"_Text--medium-l--variant-xl-italic_yw4vm_1145","Text--medium-l--variant-xl-medium":"_Text--medium-l--variant-xl-medium_yw4vm_1153","Text--medium-l--variant-xl-medium-italic":"_Text--medium-l--variant-xl-medium-italic_yw4vm_1161","Text--wide-s--variant-caption-regular":"_Text--wide-s--variant-caption-regular_yw4vm_1171","Text--wide-s--variant-caption-semibold":"_Text--wide-s--variant-caption-semibold_yw4vm_1179","Text--wide-s--variant-small-regular":"_Text--wide-s--variant-small-regular_yw4vm_1187","Text--wide-s--variant-small-regular-italic":"_Text--wide-s--variant-small-regular-italic_yw4vm_1195","Text--wide-s--variant-small-semibold":"_Text--wide-s--variant-small-semibold_yw4vm_1203","Text--wide-s--variant-small-semibold-italic":"_Text--wide-s--variant-small-semibold-italic_yw4vm_1211","Text--wide-s--variant-default-regular":"_Text--wide-s--variant-default-regular_yw4vm_1219","Text--wide-s--variant-default-regular-italic":"_Text--wide-s--variant-default-regular-italic_yw4vm_1227","Text--wide-s--variant-default-semibold":"_Text--wide-s--variant-default-semibold_yw4vm_1235","Text--wide-s--variant-default-semibold-italic":"_Text--wide-s--variant-default-semibold-italic_yw4vm_1243","Text--wide-s--variant-large-regular":"_Text--wide-s--variant-large-regular_yw4vm_1251","Text--wide-s--variant-large-regular-italic":"_Text--wide-s--variant-large-regular-italic_yw4vm_1259","Text--wide-s--variant-large-semibold":"_Text--wide-s--variant-large-semibold_yw4vm_1267","Text--wide-s--variant-large-semibold-italic":"_Text--wide-s--variant-large-semibold-italic_yw4vm_1275","Text--wide-s--variant-xs":"_Text--wide-s--variant-xs_yw4vm_1283","Text--wide-s--variant-xs-medium":"_Text--wide-s--variant-xs-medium_yw4vm_1291","Text--wide-s--variant-s":"_Text--wide-s--variant-s_yw4vm_1187","Text--wide-s--variant-s-italic":"_Text--wide-s--variant-s-italic_yw4vm_1307","Text--wide-s--variant-s-medium":"_Text--wide-s--variant-s-medium_yw4vm_1315","Text--wide-s--variant-s-medium-italic":"_Text--wide-s--variant-s-medium-italic_yw4vm_1323","Text--wide-s--variant-s-bold":"_Text--wide-s--variant-s-bold_yw4vm_1331","Text--wide-s--variant-s-bold-italic":"_Text--wide-s--variant-s-bold-italic_yw4vm_1339","Text--wide-s--variant-m":"_Text--wide-s--variant-m_yw4vm_1347","Text--wide-s--variant-m-italic":"_Text--wide-s--variant-m-italic_yw4vm_1355","Text--wide-s--variant-m-medium":"_Text--wide-s--variant-m-medium_yw4vm_1363","Text--wide-s--variant-m-medium-italic":"_Text--wide-s--variant-m-medium-italic_yw4vm_1371","Text--wide-s--variant-m-bold":"_Text--wide-s--variant-m-bold_yw4vm_1379","Text--wide-s--variant-m-bold-italic":"_Text--wide-s--variant-m-bold-italic_yw4vm_1387","Text--wide-s--variant-l":"_Text--wide-s--variant-l_yw4vm_1251","Text--wide-s--variant-l-italic":"_Text--wide-s--variant-l-italic_yw4vm_1403","Text--wide-s--variant-l-medium":"_Text--wide-s--variant-l-medium_yw4vm_1411","Text--wide-s--variant-l-medium-italic":"_Text--wide-s--variant-l-medium-italic_yw4vm_1419","Text--wide-s--variant-xl":"_Text--wide-s--variant-xl_yw4vm_1427","Text--wide-s--variant-xl-italic":"_Text--wide-s--variant-xl-italic_yw4vm_1435","Text--wide-s--variant-xl-medium":"_Text--wide-s--variant-xl-medium_yw4vm_1443","Text--wide-s--variant-xl-medium-italic":"_Text--wide-s--variant-xl-medium-italic_yw4vm_1451","Text--wide-l--variant-caption-regular":"_Text--wide-l--variant-caption-regular_yw4vm_1461","Text--wide-l--variant-caption-semibold":"_Text--wide-l--variant-caption-semibold_yw4vm_1469","Text--wide-l--variant-small-regular":"_Text--wide-l--variant-small-regular_yw4vm_1477","Text--wide-l--variant-small-regular-italic":"_Text--wide-l--variant-small-regular-italic_yw4vm_1485","Text--wide-l--variant-small-semibold":"_Text--wide-l--variant-small-semibold_yw4vm_1493","Text--wide-l--variant-small-semibold-italic":"_Text--wide-l--variant-small-semibold-italic_yw4vm_1501","Text--wide-l--variant-default-regular":"_Text--wide-l--variant-default-regular_yw4vm_1509","Text--wide-l--variant-default-regular-italic":"_Text--wide-l--variant-default-regular-italic_yw4vm_1517","Text--wide-l--variant-default-semibold":"_Text--wide-l--variant-default-semibold_yw4vm_1525","Text--wide-l--variant-default-semibold-italic":"_Text--wide-l--variant-default-semibold-italic_yw4vm_1533","Text--wide-l--variant-large-regular":"_Text--wide-l--variant-large-regular_yw4vm_1541","Text--wide-l--variant-large-regular-italic":"_Text--wide-l--variant-large-regular-italic_yw4vm_1549","Text--wide-l--variant-large-semibold":"_Text--wide-l--variant-large-semibold_yw4vm_1557","Text--wide-l--variant-large-semibold-italic":"_Text--wide-l--variant-large-semibold-italic_yw4vm_1565","Text--wide-l--variant-xs":"_Text--wide-l--variant-xs_yw4vm_1573","Text--wide-l--variant-xs-medium":"_Text--wide-l--variant-xs-medium_yw4vm_1581","Text--wide-l--variant-s":"_Text--wide-l--variant-s_yw4vm_1477","Text--wide-l--variant-s-italic":"_Text--wide-l--variant-s-italic_yw4vm_1597","Text--wide-l--variant-s-medium":"_Text--wide-l--variant-s-medium_yw4vm_1605","Text--wide-l--variant-s-medium-italic":"_Text--wide-l--variant-s-medium-italic_yw4vm_1613","Text--wide-l--variant-s-bold":"_Text--wide-l--variant-s-bold_yw4vm_1621","Text--wide-l--variant-s-bold-italic":"_Text--wide-l--variant-s-bold-italic_yw4vm_1629","Text--wide-l--variant-m":"_Text--wide-l--variant-m_yw4vm_1637","Text--wide-l--variant-m-italic":"_Text--wide-l--variant-m-italic_yw4vm_1645","Text--wide-l--variant-m-medium":"_Text--wide-l--variant-m-medium_yw4vm_1653","Text--wide-l--variant-m-medium-italic":"_Text--wide-l--variant-m-medium-italic_yw4vm_1661","Text--wide-l--variant-m-bold":"_Text--wide-l--variant-m-bold_yw4vm_1669","Text--wide-l--variant-m-bold-italic":"_Text--wide-l--variant-m-bold-italic_yw4vm_1677","Text--wide-l--variant-l":"_Text--wide-l--variant-l_yw4vm_1541","Text--wide-l--variant-l-italic":"_Text--wide-l--variant-l-italic_yw4vm_1693","Text--wide-l--variant-l-medium":"_Text--wide-l--variant-l-medium_yw4vm_1701","Text--wide-l--variant-l-medium-italic":"_Text--wide-l--variant-l-medium-italic_yw4vm_1709","Text--wide-l--variant-xl":"_Text--wide-l--variant-xl_yw4vm_1717","Text--wide-l--variant-xl-italic":"_Text--wide-l--variant-xl-italic_yw4vm_1725","Text--wide-l--variant-xl-medium":"_Text--wide-l--variant-xl-medium_yw4vm_1733","Text--wide-l--variant-xl-medium-italic":"_Text--wide-l--variant-xl-medium-italic_yw4vm_1741","Text--strong":"_Text--strong_yw4vm_1750","Text--size-2xs":"_Text--size-2xs_yw4vm_1753","Text--size-xs":"_Text--size-xs_yw4vm_1756","Text--size-s":"_Text--size-s_yw4vm_1759","Text--size-m":"_Text--size-m_yw4vm_1762","Text--size-l":"_Text--size-l_yw4vm_1765","Text--size-xl":"_Text--size-xl_yw4vm_1768"},r=N.forwardRef(function({children:n,variant:a,tag:_=k,size:e,accent:i,color:d,strong:u,centered:s,dataset:x,...T},w){const o=a||(e?void 0:L),c=a?void 0:e,y=a?void 0:u,g=E(U,m.Text,[l("variant",o),l("size",c),R("strong",void 0,y)]),t=i?void 0:d,b=V(!t,i),f=q(t),p=A(s),C=[...g,...b,...f,...p],z={...D(T),ref:w,className:C.join(" "),...j(x,{preplyDsComponent:m.Text})};return h.jsx(_,{...z,children:n})});try{r.displayName="Text",r.__docgenInfo={description:"",displayName:"Text",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"caption-regular"'},{value:'"caption-semibold"'},{value:'"small-regular"'},{value:'"small-regular-italic"'},{value:'"small-semibold"'},{value:'"small-semibold-italic"'},{value:'"default-regular"'},{value:'"default-regular-italic"'},{value:'"default-semibold"'},{value:'"default-semibold-italic"'},{value:'"large-regular"'},{value:'"large-regular-italic"'},{value:'"large-semibold"'},{value:'"large-semibold-italic"'},{value:'"xs-medium"'},{value:'"s-italic"'},{value:'"s-medium"'},{value:'"s-medium-italic"'},{value:'"s-bold"'},{value:'"s-bold-italic"'},{value:'"m-italic"'},{value:'"m-medium"'},{value:'"m-medium-italic"'},{value:'"m-bold"'},{value:'"m-bold-italic"'},{value:'"l-italic"'},{value:'"l-medium"'},{value:'"l-medium-italic"'},{value:'"xl-italic"'},{value:'"xl-medium"'},{value:'"xl-medium-italic"'},{value:"ResponsiveProp<TextVariant>"}]}},size:{defaultValue:null,description:"@deprecated Use variant instead.",name:"size",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"inverted"'},{value:'"disabled"'},{value:'"selected"'},{value:'"accent"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"branded"'},{value:'"error"'}]}},color:{defaultValue:null,description:"@deprecated Use accent instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},strong:{defaultValue:null,description:"@deprecated Text automatically sets the appropriate `font-weight` per variant",name:"strong",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},centered:{defaultValue:null,description:"",name:"centered",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"div"'},{value:'"p"'},{value:'"span"'}]}},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: HTMLParagraphElement | null) => void"},{value:"RefObject<HTMLParagraphElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{r as T};
@@ -1 +0,0 @@
1
- import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r}from"./index-Cb9e4tly.js";import{m as N,s as U,b as y,a as j}from"./classNames-BUL1Zq7e.js";import{a as V,F as M}from"./constants-DL6gdbsq.js";import{w as c}from"./componentNames-Bwls0I02.js";import{g as w}from"./index-DdzHuZ-Y.js";import"./index-D1pfvbUR.js";import{M as G}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_1hle4_4",W={FieldAdditionalText:Q,"FieldAdditionalText--variant-normal":"_FieldAdditionalText--variant-normal_1hle4_11","FieldAdditionalText--variant-error":"_FieldAdditionalText--variant-error_1hle4_14"},X=({id:e,variant:s=V,children:a})=>{const o=N(W,c.FieldAdditionalText,[U("variant",s)]);return t.jsx("p",{id:e,className:o.join(" "),...w(void 0,{preplyDsComponent:c.FieldAdditionalText}),children:a})},J="_FieldLabel_g68kx_4",A={FieldLabel:J,"FieldLabel--wrap":"_FieldLabel--wrap_g68kx_19","FieldLabel--wrapGap":"_FieldLabel--wrapGap_g68kx_22","FieldLabel--required":"_FieldLabel--required_g68kx_26","FieldLabel--hide":"_FieldLabel--hide_g68kx_31"},R="FieldLabel",Z="•",ee=t.jsx(G,{id:"preply-ds.fieldLabel.required",defaultMessage:[{type:0,value:"Required"}]}),se=({label:e=ee})=>{const s=j(A,R,["required"]);return t.jsxs("span",{className:s.join(" "),children:[t.jsx("span",{children:Z}),t.jsx("span",{children:e})]})},ae=()=>{const e=j(A,R,["wrapGap"]);return t.jsx("span",{className:e.join(" ")})},te=({id:e,label:s,hideLabel:a,wrapLabel:o=!1,required:l,requiredLabel:n})=>{const i=N(A,R,[y("hide",void 0,a),y("wrap",void 0,o)]);return t.jsxs("label",{htmlFor:e,className:i.join(" "),children:[s,o&&t.jsx(ae,{}),l&&t.jsx(se,{label:n})]})},oe="_FieldLayoutBase_hgvza_2",le={FieldLayoutBase:oe},ne="FieldLayoutBase",ie=({id:e,className:s,label:a,hideLabel:o,wrapLabel:l=!1,required:n,requiredLabel:i,additionalText:_,preserveSpace:p,hasError:F,dataset:m,children:d,preplyDsComponent:T},x)=>{const L=[...N(le,ne)];s&&L.push(s);const f={className:L.join(" "),...w(m,{preplyDsComponent:T})},I={id:e,label:a,hideLabel:o,wrapLabel:l,required:n,requiredLabel:i},h=!_&&p?t.jsx("span",{children:" "}):void 0,u=F?"error":"normal";return t.jsxs("div",{...f,ref:x,children:[t.jsx(te,{...I}),d,_&&t.jsx(X,{id:`${e}-desc`,variant:u,children:_}),h]})},D=r.forwardRef(ie);D.__docgenInfo={description:"",methods:[],displayName:"FieldLayoutBase",props:{wrapLabel:{defaultValue:{value:"false",computed:!1},required:!1}}};const C={"FieldLayout--input":"_FieldLayout--input_93kt2_5","FieldLayout--icon":"_FieldLayout--icon_93kt2_42","FieldLayout--has-icon":"_FieldLayout--has-icon_93kt2_55","FieldLayout--has-button":"_FieldLayout--has-button_93kt2_58","FieldLayout--has-error":"_FieldLayout--has-error_93kt2_61","FieldLayout--is-focused":"_FieldLayout--is-focused_93kt2_72","FieldLayout--is-disabled":"_FieldLayout--is-disabled_93kt2_76"},re=({id:e,className:s,input:a,icon:o,button:l,disabled:n,isFocused:i,hasError:_,inputHandle:p,onClick:F,preplyDsComponent:m,...d},T)=>{const x=r.useRef(null);r.useImperativeHandle(T,()=>({setFocus:()=>p==null?void 0:p.setFocus(),scrollIntoView:()=>{var u;return(u=x==null?void 0:x.current)==null?void 0:u.scrollIntoView()}}));const v=j(C,c.FieldLayout,[y("is-disabled",void 0,n),y("is-focused",void 0,i),y("has-error",void 0,_),y("has-icon",void 0,!!o),y("has-button",void 0,!!l)]),L=s?[s,...v]:v,f=j(C,c.FieldLayout,["input"]),I=j(C,c.FieldLayout,["icon"]),h=u=>{p==null||p.setFocus(),F==null||F(u)};return t.jsx(D,{id:e,className:L.join(" "),disabled:n,isFocused:i,hasError:_,...d,preplyDsComponent:m??c.FieldLayout,ref:x,children:t.jsxs("div",{className:f.join(" "),onClick:h,children:[o&&t.jsx("span",{className:I.join(" "),children:o}),a,l]})})},k=r.forwardRef(re);k.__docgenInfo={description:"",methods:[],displayName:"FieldLayout"};const E={textarea:"textarea",select:"select"},de=()=>{},ue=(e,s)=>{const{type:a,id:o,name:l,className:n,onChange:i,onFocus:_,onBlur:p,onClick:F,onKeyDown:m,onKeyUp:d,onCopy:T,onPaste:x,required:v,readOnly:L,disabled:f,dataset:I,preplyDsComponent:h}=e,u=r.useRef(null);r.useImperativeHandle(s,()=>({setFocus:()=>{var b;return(b=u.current)==null?void 0:b.focus()},scrollIntoView:()=>{var b;return(b=u.current)==null?void 0:b.scrollIntoView()}}));const z=H({disabled:f,captureChildEvents:!0,onBlur:p,onFocus:_}),g=E[a]||"input",$=g===a in E?void 0:a,q={...{ref:u,type:$,id:o,name:l,className:n,...z,onChange:i||de,onClick:F,onKeyDown:m,onKeyUp:d,onCopy:T,onPaste:x,required:v,readOnly:L,disabled:f},...K(e),...w(I,{preplyDsComponent:h}),...S(e)};return t.jsx(g,{...q,ref:u})},B=r.forwardRef(ue);B.__docgenInfo={description:"",methods:[],displayName:"InputBase"};function ce(e,s,a,o=[]){return r.useMemo(()=>{if(!(!s&&!a))return l=>{s==null||s(l);const n=e(l);a==null||a(n)}},[s,a,...o])}const _e="_InputText_14uya_4",pe="_InputPassword_14uya_11",Fe="_InputDate_14uya_18",me="_InputTime_14uya_25",xe="_InputNumber_14uya_32",ye="_Textarea_14uya_39",Le="_Checkbox_14uya_58",fe="_Radio_14uya_61",Te="_Select_14uya_64",ve={InputText:_e,InputPassword:pe,InputDate:Fe,InputTime:me,InputNumber:xe,Textarea:ye,"Textarea--resize-none":"_Textarea--resize-none_14uya_46","Textarea--resize-vertical":"_Textarea--resize-vertical_14uya_49","Textarea--resize-horizontal":"_Textarea--resize-horizontal_14uya_52","Textarea--resize-both":"_Textarea--resize-both_14uya_55",Checkbox:Le,Radio:fe,Select:Te},Ie=({onChange:e,onValueChange:s,...a},o)=>{const l=N(ve,c.InputText),n=ce(i=>i.target.value,e,s);return t.jsx(B,{...a,ref:o,className:l.join(" "),onChange:n,preplyDsComponent:c.InputText})},P=r.forwardRef(Ie);P.__docgenInfo={description:"",methods:[],displayName:"InputText"};const he="_TextField_1jlzx_1",be={TextField:he},je=({id:e,type:s=M,...a},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,...a},c.TextField),{layoutProps:_,inputProps:p}=i,F=N(be,c.TextField),m=t.jsx(P,{...p,ref:n});return t.jsx(k,{..._,className:F.join(" "),input:m,inputHandle:n.current,ref:l,preplyDsComponent:c.TextField})},Ne=r.forwardRef(je);Ne.__docgenInfo={description:"",methods:[],displayName:"TextField",props:{type:{defaultValue:{value:"'text'",computed:!1},required:!1}}};export{k as F,B as I,Ne as T,P as a,D as b,X as c,ve as s,ce as u};
@@ -1 +0,0 @@
1
- ._FieldAdditionalText_1hle4_4{margin:0;font-weight:var(--026ea8);font-size:var(--3f1843);line-height:var(--030292);letter-spacing:var(--c142cd)}._FieldAdditionalText--variant-normal_1hle4_11{color:var(--3d280d)}._FieldAdditionalText--variant-error_1hle4_14{color:var(--9167e9)}._FieldLabel_g68kx_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_g68kx_19{display:inline}._FieldLabel--wrapGap_g68kx_22{width:var(--6947b0);display:inline-block}._FieldLabel--required_g68kx_26{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--6947b0);color:var(--3d280d)}._FieldLabel--hide_g68kx_31{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}._FieldLayoutBase_hgvza_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_hgvza_2 input,._FieldLayoutBase_hgvza_2 textarea{display:block;width:100%}._FieldLayout--input_93kt2_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_93kt2_5:hover input,._FieldLayout--input_93kt2_5:hover textarea{border-color:var(--0bd642)}}._FieldLayout--input_93kt2_5 input,._FieldLayout--input_93kt2_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_93kt2_5 input::-webkit-input-placeholder,._FieldLayout--input_93kt2_5 textarea::-webkit-input-placeholder{color:var(--d9209f)}._FieldLayout--input_93kt2_5 input::-moz-placeholder,._FieldLayout--input_93kt2_5 textarea::-moz-placeholder{color:var(--d9209f)}._FieldLayout--input_93kt2_5 input:-ms-input-placeholder,._FieldLayout--input_93kt2_5 textarea:-ms-input-placeholder{color:var(--d9209f)}._FieldLayout--input_93kt2_5 input::-ms-input-placeholder,._FieldLayout--input_93kt2_5 textarea::-ms-input-placeholder{color:var(--d9209f)}._FieldLayout--input_93kt2_5 input::placeholder,._FieldLayout--input_93kt2_5 textarea::placeholder{color:var(--d9209f)}._FieldLayout--icon_93kt2_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_93kt2_42 svg{color:var(--cbc724)}._FieldLayout--has-icon_93kt2_55 ._FieldLayout--input_93kt2_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_93kt2_58 ._FieldLayout--input_93kt2_5 input{padding-right:58px}._FieldLayout--has-error_93kt2_61 ._FieldLayout--input_93kt2_5{background-color:var(--95df5b)}._FieldLayout--has-error_93kt2_61 ._FieldLayout--input_93kt2_5 input,._FieldLayout--has-error_93kt2_61 ._FieldLayout--input_93kt2_5 textarea{border-color:var(--eaf4a3);color:var(--7b0f41)}._FieldLayout--has-error_93kt2_61 ._FieldLayout--icon_93kt2_42 svg{color:var(--7b0f41)}._FieldLayout--is-focused_93kt2_72 ._FieldLayout--input_93kt2_5 input,._FieldLayout--is-focused_93kt2_72 ._FieldLayout--input_93kt2_5 textarea{border-color:var(--398094)}._FieldLayout--is-disabled_93kt2_76 ._FieldLayout--input_93kt2_5{background-color:var(--04daeb)}._FieldLayout--is-disabled_93kt2_76 ._FieldLayout--input_93kt2_5 input,._FieldLayout--is-disabled_93kt2_76 ._FieldLayout--input_93kt2_5 textarea{border-color:transparent}._FieldLayout--input_93kt2_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_14uya_4,._InputPassword_14uya_11,._InputDate_14uya_18,._InputTime_14uya_25,._InputNumber_14uya_32,._Textarea_14uya_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_14uya_46{resize:none}._Textarea--resize-vertical_14uya_49{resize:vertical}._Textarea--resize-horizontal_14uya_52{resize:horizontal}._Textarea--resize-both_14uya_55{resize:both}._Checkbox_14uya_58,._Radio_14uya_61{display:inline-block}._Select_14uya_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
- ._TextHighlighted_19u08_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_19u08_13{color:var(--68bd17);background-color:var(--2d51ae)}._TextHighlighted--highlight-green_19u08_17{color:var(--c50238);background-color:var(--292009)}._TextHighlighted--highlight-primary_19u08_21{color:var(--977d1a);background-color:var(--df6b06)}._TextHighlighted--highlight-secondary_19u08_25{color:var(--6c2ddf);background-color:var(--e5b0a4)}._TextHighlighted--highlight-tertiary_19u08_29{color:var(--8da8cb);background-color:var(--aa7c4d)}._TextHighlighted--highlight-accent_19u08_33{color:var(--1da698);background-color:var(--301ea7)}._TextHighlighted--highlight-positive_19u08_37{color:var(--ad48d7);background-color:var(--a2a233)}._TextHighlighted--highlight-info_19u08_41{color:var(--2be49e);background-color:var(--86df85)}._TextHighlighted--highlight-warning_19u08_45{color:var(--98c505);background-color:var(--d908ab)}._TextHighlighted--highlight-critical_19u08_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 u,s as H}from"./classNames-BUL1Zq7e.js";import{i as p,h as c}from"./defaults-B1rzzf6M.js";import{w as t}from"./componentNames-Bwls0I02.js";import{g as f}from"./index-DdzHuZ-Y.js";const G=i=>Array.isArray(i)&&i.length===3&&d.includes(i[n]),P=()=>{const{setTheme:i}=e.useContext(_);return{setTheme:i}},E="_TextHighlighted_19u08_4",y={TextHighlighted:E,"TextHighlighted--highlight-blue":"_TextHighlighted--highlight-blue_19u08_13","TextHighlighted--highlight-green":"_TextHighlighted--highlight-green_19u08_17","TextHighlighted--highlight-primary":"_TextHighlighted--highlight-primary_19u08_21","TextHighlighted--highlight-secondary":"_TextHighlighted--highlight-secondary_19u08_25","TextHighlighted--highlight-tertiary":"_TextHighlighted--highlight-tertiary_19u08_29","TextHighlighted--highlight-accent":"_TextHighlighted--highlight-accent_19u08_33","TextHighlighted--highlight-positive":"_TextHighlighted--highlight-positive_19u08_37","TextHighlighted--highlight-info":"_TextHighlighted--highlight-info_19u08_41","TextHighlighted--highlight-warning":"_TextHighlighted--highlight-warning_19u08_45","TextHighlighted--highlight-critical":"_TextHighlighted--highlight-critical_19u08_49"},N=e.forwardRef(function({children:h,highlight:g=p,tag:l=c,dataset:s,...r},o){const a=u(y,t.TextHighlighted,[H("highlight",g)]),T={...x(r),ref:o,className:a.join(" "),...f(s,{preplyDsComponent:t.TextHighlighted})};return m.jsx(l,{...T,children:h})});N.__docgenInfo={description:"",methods:[],displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"'green'",computed:!1},required:!1},tag:{defaultValue:{value:"'span'",computed:!1},required:!1}}};export{N as T,G as i,P as u};
@@ -1 +0,0 @@
1
- ._TextWeight_i9vok_3._TextWeight--weight-400_i9vok_3{font-weight:var(--73984e)}._TextWeight_i9vok_3._TextWeight--weight-500_i9vok_6{font-weight:var(--6e9792)}._TextWeight_i9vok_3._TextWeight--weight-700_i9vok_9{font-weight:var(--d5337e)}._TextWeight_i9vok_3._TextWeight--weight-normal_i9vok_12{font-weight:var(--5ea101)}._TextWeight_i9vok_3._TextWeight--weight-medium_i9vok_15{font-weight:var(--2734e9)}._TextWeight_i9vok_3._TextWeight--weight-bold_i9vok_18{font-weight:var(--800787)}._TextInline_1ojh0_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;font-style:normal}._TextInline--italic_1ojh0_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-G5Zxq86f.js";import{F as Be}from"./FieldLayout-2zlcC5-S.js";import{s as ke,u as je,I as _e}from"./FieldLayoutBase-0r0SpleC.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-D3ATKGXs.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-Desxs10d.js";import"./Spinner-C3p2WoxW.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./FieldAdditionalText-CK-mP7eE.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-DbbdQjKI.js";import"./text-centered-6MZg9O0U.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"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"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"'}]}},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"}]}},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"}]}},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>"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",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"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},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"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"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"'}]}},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"}]}},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"}]}},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>"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",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"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},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"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},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"}]}},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>"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},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_esodb_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_esodb_3:has(._title_esodb_19:first-child){grid-template-columns:auto auto max-content}._toast_esodb_3._critical_esodb_22{background-color:var(--87fcf8)}._toast_esodb_3 ._title_esodb_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_esodb_3 ._actionButton_esodb_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_esodb_3 ._actionButton_esodb_34{grid-row:2;grid-column:2}}@media (min-width: 700px){._toast_esodb_3:has(._title_esodb_19:first-child) ._actionButton_esodb_34{grid-column:1}}._toast_esodb_3 ._closeButton_esodb_55{all:unset;cursor:pointer;grid-row:1;grid-column:3}._toast_esodb_3:has(._actionButton_esodb_34) ._closeButton_esodb_55{display:none}@media (min-width: 700px){._toast_esodb_3:has(._actionButton_esodb_34) ._closeButton_esodb_55{display:block}}
@@ -1 +0,0 @@
1
- ._content_13ife_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_13ife_2[data-state=instant-open],._content_13ife_2[data-state=delayed-open]{animation-name:_appear_13ife_1}._content_13ife_2[data-state=closed]{animation-name:_disappear_13ife_1}._arrow_13ife_24{fill:var(--4983fe)}@keyframes _appear_13ife_1{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes _disappear_13ife_1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}