@preply/ds-docs 1.5.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (231) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-CQZmIU-U.js → 00.LayoutFlex.stories-DoLb1LoS.js} +1 -1
  2. package/dist/assets/{00.applications-Di7jQEUP.js → 00.applications-CodmhfzP.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-BqtgcOst.js → 00.favicons.guide-CB7otDce.js} +1 -1
  4. package/dist/assets/{00.token-explorer-B-hoQtAZ.js → 00.token-explorer-iUebypoy.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-yIiNVrjH.js → 00.using-responsive-props-t2wHUu8m.js} +1 -1
  6. package/dist/assets/{01.semantic-tokens-Bszt1twO.js → 01.semantic-tokens-BRVBqUiT.js} +1 -1
  7. package/dist/assets/{01.using-shorthand-props-w8U5wYm4.js → 01.using-shorthand-props-DEJgBvzq.js} +1 -1
  8. package/dist/assets/{10.Combinations.stories-BJzVfaWu.js → 10.Combinations.stories-DLSgJgrw.js} +1 -1
  9. package/dist/assets/{10.fonts.guide-NBYHGpZG.js → 10.fonts.guide-D12lSwgH.js} +1 -1
  10. package/dist/assets/{10.ssr-CjoJSokY.js → 10.ssr-DlFRK64e.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer-7dsvANIs.js → 11.languageFont.explorer-C5k8-Jz1.js} +1 -1
  12. package/dist/assets/{11.ssr.app-router-D7ufx5p4.js → 11.ssr.app-router-Dhu4kN2c.js} +1 -1
  13. package/dist/assets/{20.libraries-BgURMzec.js → 20.libraries-B0n8gJVD.js} +1 -1
  14. package/dist/assets/{30.icons.explorer-GCwQhgUE.js → 30.icons.explorer-Crh_uKlY.js} +1 -1
  15. package/dist/assets/{30.storybook-6u3F3eKp.js → 30.storybook-BAO0l6SZ.js} +1 -1
  16. package/dist/assets/{40.illustrations.explorer-DQ5Oemtc.js → 40.illustrations.explorer-SD9H4gQS.js} +1 -1
  17. package/dist/assets/{90.advanced-CfRw5q9D.js → 90.advanced-CeKbZzoq.js} +1 -1
  18. package/dist/assets/AlertDialog-CNsqqwq6.css +1 -0
  19. package/dist/assets/{AlertDialog.stories-YL-e1X-5.js → AlertDialog.stories-CqAVOJ5x.js} +2 -2
  20. package/dist/assets/Avatar-BWVdwHlY.js +6 -0
  21. package/dist/assets/Avatar-BaeMEqzB.js +1 -0
  22. package/dist/assets/Avatar-DELee2ui.css +1 -0
  23. package/dist/assets/Avatar-SizFbjOh.css +1 -0
  24. package/dist/assets/{Avatar.stories-Bok7S-hP.js → Avatar.stories-DPuesOBK.js} +1 -1
  25. package/dist/assets/AvatarWithStatus-B8ohNruV.css +1 -0
  26. package/dist/assets/{AvatarWithStatus.stories-CEZSwfci.js → AvatarWithStatus.stories-CKhKeqbK.js} +4 -4
  27. package/dist/assets/Badge-BTktKAv_.css +1 -0
  28. package/dist/assets/{Badge.stories-CvhsYu7L.js → Badge.stories-BY6I7UQ6.js} +2 -2
  29. package/dist/assets/Box-Ci4ycgSn.css +1 -0
  30. package/dist/assets/Box.stories-DF2h791P.js +44 -0
  31. package/dist/assets/{Button-Dy26oY0t.js → Button-CWNujLtP.js} +1 -1
  32. package/dist/assets/Button-Cjld0T4n.css +1 -0
  33. package/dist/assets/{Button-CjrFqtK6.css → Button-NXZW8cHc.css} +1 -1
  34. package/dist/assets/Button-itdvNgOg.js +1 -0
  35. package/dist/assets/{Button.stories-C3ImqpQo.js → Button.stories-DUHAAHTV.js} +1 -1
  36. package/dist/assets/ButtonBase-CJjNfOwu.js +8 -0
  37. package/dist/assets/{ButtonBase-CZ1X_2UT.css → ButtonBase-ixkzvA2i.css} +1 -1
  38. package/dist/assets/Chips-2wQm6zLU.css +1 -0
  39. package/dist/assets/{Chips.stories-DvnrQpsy.js → Chips.stories-C4g0ajtC.js} +6 -6
  40. package/dist/assets/{Color-YHDXOIA2-Dz3WhSmf.js → Color-YHDXOIA2-n0bEiukQ.js} +1 -1
  41. package/dist/assets/Dialog-BKWHIlGs.css +1 -0
  42. package/dist/assets/{Dialog.stories-DFaL3AMR.js → Dialog.stories-D74D9Tdn.js} +10 -10
  43. package/dist/assets/{DocsRenderer-CFRXHY34-rpqlGaZf.js → DocsRenderer-CFRXHY34-BhNva4nY.js} +1 -1
  44. package/dist/assets/{FieldAdditionalText-BCMB8JHW.js → FieldAdditionalText-BiaO_Yss.js} +1 -1
  45. package/dist/assets/FieldAdditionalText-tbMWNWhN.css +1 -0
  46. package/dist/assets/{FieldAdditionalText.stories-BTKc3XUo.js → FieldAdditionalText.stories-CgNnZYRi.js} +1 -1
  47. package/dist/assets/{FieldButton-BK6nCNDL.css → FieldButton-B_tn3Eq6.css} +1 -1
  48. package/dist/assets/{FieldButton-BbLI1MM0.js → FieldButton-D0MgvwIU.js} +1 -1
  49. package/dist/assets/{FieldButton.stories-vpLl5qi7.js → FieldButton.stories-ChS0IeCP.js} +1 -1
  50. package/dist/assets/FieldLayout-6dPZQnKP.css +1 -0
  51. package/dist/assets/{FieldLayout-zG6DP4fD.js → FieldLayout-BbLKeSmh.js} +1 -1
  52. package/dist/assets/{FieldLayout.stories-BcIZKltP.js → FieldLayout.stories-C5bw8Efg.js} +1 -1
  53. package/dist/assets/{FieldLayoutBase-CbZWkNI7.js → FieldLayoutBase-DhKLFBcH.js} +3 -3
  54. package/dist/assets/FieldLayoutBase-_Sj6YO8M.css +1 -0
  55. package/dist/assets/{Heading-B_ZQCeib.css → Heading-Ba64-F3t.css} +1 -1
  56. package/dist/assets/Heading-DcJnmvUa.js +2 -0
  57. package/dist/assets/{Heading.stories-MSLqIH2n.js → Heading.stories-D9Zye7km.js} +1 -1
  58. package/dist/assets/Icon-BQSXaoh3.css +1 -0
  59. package/dist/assets/Icon-ByBuC1kf.css +1 -0
  60. package/dist/assets/Icon-DbIHupWZ.js +8 -0
  61. package/dist/assets/{Icon-RSC-Z5MLssxb.js → Icon-RSC-YupbVJQy.js} +1 -1
  62. package/dist/assets/Icon-pHhBCzBO.js +1 -0
  63. package/dist/assets/{Icon.stories-DoZhZVXF.js → Icon.stories-jVWnmDlZ.js} +1 -1
  64. package/dist/assets/{IconButton-DMtc1AqT.js → IconButton-C3AcGEY7.js} +1 -1
  65. package/dist/assets/InputText-CL5Snaht.js +5 -0
  66. package/dist/assets/{LayoutFlex-DJgUW3tI.js → LayoutFlex-BOiDmozK.js} +1 -1
  67. package/dist/assets/{LayoutFlex-Cj8q1bY9.js → LayoutFlex-D2upWEjL.js} +1 -1
  68. package/dist/assets/LayoutFlexItem-BWKgsCDT.css +1 -0
  69. package/dist/assets/{LayoutFlexItem-C1qrSn1R.js → LayoutFlexItem-Su5RvuQk.js} +1 -1
  70. package/dist/assets/LayoutGrid-BG29rjrt.js +1 -0
  71. package/dist/assets/LayoutGrid-BId9Yglz.css +1 -0
  72. package/dist/assets/LayoutGrid-Cw_n5H21.css +1 -0
  73. package/dist/assets/{LayoutGrid.stories-BNUhVFei.js → LayoutGrid.stories-DKw5d1ZE.js} +3 -3
  74. package/dist/assets/LayoutGridItem-C-iUb7WL.css +1 -0
  75. package/dist/assets/LayoutGridItem-D5Hb9kQy.js +1 -0
  76. package/dist/assets/Link-LMW4jOcv.css +1 -0
  77. package/dist/assets/{Link.stories-KUuvoGXv.js → Link.stories-BSLk0Pem.js} +5 -5
  78. package/dist/assets/Loader-Bx87E7sh.css +1 -0
  79. package/dist/assets/{Loader.stories-C7oYgr7U.js → Loader.stories-DUgJSe87.js} +1 -1
  80. package/dist/assets/NumberField.stories-DzaH3Pwj.js +203 -0
  81. package/dist/assets/{ObserveIntersection-Ccn6ggRl.js → ObserveIntersection-D396wl1Z.js} +1 -1
  82. package/dist/assets/{ObserveIntersection.stories-CK5RwCMK.js → ObserveIntersection.stories-DIe0cEvy.js} +1 -1
  83. package/dist/assets/{OnboardingTooltip-DuoU0OG7.js → OnboardingTooltip-Bl0XDogf.js} +1 -1
  84. package/dist/assets/OnboardingTooltip-DceGOXFO.css +1 -0
  85. package/dist/assets/{OnboardingTooltip.stories-C7TCPsRd.js → OnboardingTooltip.stories-B0FIL9CU.js} +1 -1
  86. package/dist/assets/{OnboardingTooltip.tests.stories-CR7peq2A.js → OnboardingTooltip.tests.stories-JJZpRwk6.js} +1 -1
  87. package/dist/assets/{OnboardingTour-a1foGtP0.css → OnboardingTour-DaxzhhRL.css} +1 -1
  88. package/dist/assets/{OnboardingTour-D5pUyw-H.js → OnboardingTour-pR_NmiBL.js} +1 -1
  89. package/dist/assets/{OnboardingTour.stories-CHE5u2N9.js → OnboardingTour.stories--g6PQm9S.js} +1 -1
  90. package/dist/assets/{OnboardingTour.tests.stories-L1SItA_o.js → OnboardingTour.tests.stories-QS0jiTXB.js} +1 -1
  91. package/dist/assets/PasswordField.stories-BPdZcEeu.js +203 -0
  92. package/dist/assets/PreplyLogo-DnbCD6MN.css +1 -0
  93. package/dist/assets/{PreplyLogo.stories-U59VXeLV.js → PreplyLogo.stories-DyGEUhO3.js} +4 -4
  94. package/dist/assets/{ProgressBar-wu_9uvGg.css → ProgressBar-BHaYRC97.css} +1 -1
  95. package/dist/assets/{ProgressBar.stories-CJHzGMBI.js → ProgressBar.stories-C3Hx8JBS.js} +1 -1
  96. package/dist/assets/{ProgressSteps-D0sRQY_x.js → ProgressSteps-7jb0rnSw.js} +1 -1
  97. package/dist/assets/ProgressSteps-HPd6w_Nr.css +1 -0
  98. package/dist/assets/{ProgressSteps.stories-C_1GQ6Wk.js → ProgressSteps.stories-C4sfVcPt.js} +1 -1
  99. package/dist/assets/SelectField-DMcbwWwy.css +1 -0
  100. package/dist/assets/SelectField.stories-C3X-5JHt.js +182 -0
  101. package/dist/assets/{ShowOnIntersection.stories-D4B8EpSn.js → ShowOnIntersection.stories-BYz5GE4A.js} +1 -1
  102. package/dist/assets/Spinner-CixbAVEL.css +1 -0
  103. package/dist/assets/{Spinner-DgGnJd2k.js → Spinner-Iaah9nUJ.js} +1 -1
  104. package/dist/assets/Steps-CRCACZIC.css +1 -0
  105. package/dist/assets/{Steps-BC67AT21.js → Steps-CfdqlU3Q.js} +2 -2
  106. package/dist/assets/{Steps.stories-Croh-b85.js → Steps.stories-D3jWUCfp.js} +1 -1
  107. package/dist/assets/{Text-j7spMxpW.css → Text-CxaHmdy3.css} +1 -1
  108. package/dist/assets/Text-i5U7-KMF.js +1 -0
  109. package/dist/assets/Text-nWyCR02l.js +1 -0
  110. package/dist/assets/{Text.stories-D2QDcBIa.js → Text.stories-MU-T7clI.js} +1 -1
  111. package/dist/assets/TextField-CVWDg_y4.css +1 -0
  112. package/dist/assets/TextField-DFm3O-Tl.js +1 -0
  113. package/dist/assets/{TextField.stories-BlZcgyOD.js → TextField.stories-CXDhM8SN.js} +1 -1
  114. package/dist/assets/TextHighlighted-CgBvDnFO.css +1 -0
  115. package/dist/assets/TextHighlighted-LVoJ79mt.js +1 -0
  116. package/dist/assets/{TextHighlighted.stories-D5eTvy-x.js → TextHighlighted.stories-Db5JA9US.js} +3 -3
  117. package/dist/assets/TextInline-BWC2_5IX.css +1 -0
  118. package/dist/assets/{TextInline.stories-4RVYUyo7.js → TextInline.stories-DGBhhF71.js} +3 -3
  119. package/dist/assets/TextareaField.stories-8FWfbQuv.js +221 -0
  120. package/dist/assets/Toast-BrvHWUik.css +1 -0
  121. package/dist/assets/{Toast.stories-C1rwf1P4.js → Toast.stories-D7QEZPb5.js} +2 -2
  122. package/dist/assets/Tooltip-xWfAzqNZ.css +1 -0
  123. package/dist/assets/{Tooltip-BcWLgQdz.js → Tooltip-zv_6ckj2.js} +1 -1
  124. package/dist/assets/{Tooltip.stories-C_eulyA8.js → Tooltip.stories-qNBQgLBX.js} +1 -1
  125. package/dist/assets/{Tooltip.tests.stories-CNSvrg-a.js → Tooltip.tests.stories-DdHKI1ve.js} +1 -1
  126. package/dist/assets/{breakpoints-DD1YjD9M.js → breakpoints-DTrgfqbR.js} +1 -1
  127. package/dist/assets/{breakpoints-Owi7Squn.js → breakpoints-LpH7GcYD.js} +1 -1
  128. package/dist/assets/{breakpoints-C8FPGqgF.js → breakpoints-zK4Z5SKD.js} +1 -1
  129. package/dist/assets/{changelog-BDm_gPnt.js → changelog-kNvLUHOz.js} +8 -3
  130. package/dist/assets/{entry-preview-Djan81pS.js → entry-preview-DjAFPLGc.js} +1 -1
  131. package/dist/assets/{getTokenVar-D087RqJE.js → getTokenVar-BIGy16TO.js} +1 -1
  132. package/dist/assets/{hover-CrLn2ebs.js → hover-CRiTDNhR.js} +1 -1
  133. package/dist/assets/{hover-Bacj4cI5.js → hover-CaTImSM4.js} +1 -1
  134. package/dist/assets/{hover-C9JcRjWU.js → hover-p3QJEZw5.js} +1 -1
  135. package/dist/assets/{iframe-CDRtj9ru.js → iframe-9Hj_MNfh.js} +2 -2
  136. package/dist/assets/{index-CvmVTRnc.js → index-BXfuwMTe.js} +1 -1
  137. package/dist/assets/{index-CV8DVSiW.js → index-DRVMKRNe.js} +3 -3
  138. package/dist/assets/{intro-BVNrHHEI.js → intro-DzWewgwc.js} +1 -1
  139. package/dist/assets/layout-relative-BCl7bwOR.css +1 -0
  140. package/dist/assets/layout-relative-DIZ6zNub.css +1 -0
  141. package/dist/assets/layout-relative-PI7LimOc.css +1 -0
  142. package/dist/assets/layout-relative-UGlXPWqj.js +1 -0
  143. package/dist/assets/layout-relative.module-C63T27Fr.js +1 -0
  144. package/dist/assets/layout-relative.module-DIaUqnvq-DH_OPu7E.js +1 -0
  145. package/dist/assets/{migrating-from-less-Dr8tG-us.js → migrating-from-less-tN-JFjco.js} +1 -1
  146. package/dist/assets/playground-D77Ee-EK.css +1 -0
  147. package/dist/assets/{playground.stories-BLiukQbS.js → playground.stories-DMK1ZcmP.js} +2 -2
  148. package/dist/assets/{preview-CfQRgEmh.js → preview-BCYWUPon.js} +1 -1
  149. package/dist/assets/{preview-1ef74z28.js → preview-BI7kN1TP.js} +2 -2
  150. package/dist/assets/{preview-EanVfwSK.js → preview-CvW0gOh5.js} +1 -1
  151. package/dist/assets/text-accent-BBah0rth.js +1 -0
  152. package/dist/assets/text-accent-BMdpzlaC.js +1 -0
  153. package/dist/assets/text-accent-Co1hrpvA.css +1 -0
  154. package/dist/assets/text-centered-DWGGTNIZ.css +1 -0
  155. package/dist/assets/text-centered-NqfVCsvd.css +1 -0
  156. package/dist/assets/text-centered-VuFsr_qt.js +1 -0
  157. package/dist/assets/text-centered-gMYE7PWw.js +1 -0
  158. package/dist/assets/{tokens-DX2Hf4qt.js → tokens-C0oPORlF.js} +1 -1
  159. package/dist/assets/{tokens-noSXbqGF.js → tokens-d5jI-VhO.js} +1 -1
  160. package/dist/assets/{tokens-BtYQ8W_y.js → tokens-kLWqWJLR.js} +1 -1
  161. package/dist/assets/{usePortalElement-o38kz4UN.js → usePortalElement-D3vRKAB1.js} +1 -1
  162. package/dist/assets/{welcome-CnT01hD4.js → welcome-CvEfK4A3.js} +1 -1
  163. package/dist/assets/{zeroheight-BUMgok6n.js → zeroheight-wKcu_QWZ.js} +1 -1
  164. package/dist/iframe.html +1 -1
  165. package/dist/preview-stats.json +1175 -1175
  166. package/dist/project.json +1 -1
  167. package/package.json +3 -3
  168. package/dist/assets/AlertDialog-DSR7lwcr.css +0 -1
  169. package/dist/assets/Avatar-CY8LENR_.css +0 -1
  170. package/dist/assets/Avatar-DBYAA8jq.js +0 -6
  171. package/dist/assets/Avatar-Vaj5CZzo.js +0 -1
  172. package/dist/assets/Avatar-yGngrFRe.css +0 -1
  173. package/dist/assets/AvatarWithStatus-C-I9yxMp.css +0 -1
  174. package/dist/assets/Badge-BDfgu9OD.css +0 -1
  175. package/dist/assets/Box-Dl-QnUHN.css +0 -1
  176. package/dist/assets/Box.stories-nJvB5AvT.js +0 -44
  177. package/dist/assets/Button-CDbUPX5z.css +0 -1
  178. package/dist/assets/Button-DoDXFggu.js +0 -1
  179. package/dist/assets/ButtonBase-C6zIOZ7w.js +0 -8
  180. package/dist/assets/Chips-D3NfThf2.css +0 -1
  181. package/dist/assets/Dialog-DHOGtHBQ.css +0 -1
  182. package/dist/assets/FieldAdditionalText-BtVADuTn.css +0 -1
  183. package/dist/assets/FieldLayout-DC-YB5tP.css +0 -1
  184. package/dist/assets/FieldLayoutBase-Dv-ccXqK.css +0 -1
  185. package/dist/assets/Heading-DPPEK9A1.js +0 -2
  186. package/dist/assets/Icon-BNvtTXpG.js +0 -8
  187. package/dist/assets/Icon-DaYbmtvu.css +0 -1
  188. package/dist/assets/Icon-DdGCYYnw.css +0 -1
  189. package/dist/assets/Icon-wXkY19lJ.js +0 -1
  190. package/dist/assets/InputText-DAMAB4Tc.js +0 -5
  191. package/dist/assets/LayoutFlexItem-BIkIcH4n.css +0 -1
  192. package/dist/assets/LayoutGrid-DLuh585c.js +0 -1
  193. package/dist/assets/LayoutGrid-DMbtqKwQ.css +0 -1
  194. package/dist/assets/LayoutGrid-DqCfK2vN.css +0 -1
  195. package/dist/assets/LayoutGridItem-BissFQZa.css +0 -1
  196. package/dist/assets/LayoutGridItem-Cl02VDid.js +0 -1
  197. package/dist/assets/Link-CZvqSjA-.css +0 -1
  198. package/dist/assets/Loader-CPdt-2H5.css +0 -1
  199. package/dist/assets/NumberField.stories-EBr9TWOu.js +0 -203
  200. package/dist/assets/OnboardingTooltip-ih2-H7aT.css +0 -1
  201. package/dist/assets/PasswordField.stories-BbIVWXCg.js +0 -203
  202. package/dist/assets/PreplyLogo-DzP78T2L.css +0 -1
  203. package/dist/assets/ProgressSteps-e3-CbmW-.css +0 -1
  204. package/dist/assets/SelectField-DtmQqReE.css +0 -1
  205. package/dist/assets/SelectField.stories-Dbbnnm8r.js +0 -182
  206. package/dist/assets/Spinner-CXZtxZbo.css +0 -1
  207. package/dist/assets/Steps-BemYpgTr.css +0 -1
  208. package/dist/assets/Text-BQv_D3Xd.js +0 -1
  209. package/dist/assets/Text-C4DBPFZ_.js +0 -1
  210. package/dist/assets/TextField-4eAvmy7R.js +0 -1
  211. package/dist/assets/TextField-QAPIvMQf.css +0 -1
  212. package/dist/assets/TextHighlighted-D1Eq_O3M.js +0 -1
  213. package/dist/assets/TextHighlighted-Kfu8Cikz.css +0 -1
  214. package/dist/assets/TextInline-CieB8GiR.css +0 -1
  215. package/dist/assets/TextareaField.stories-Bp5XBUFn.js +0 -221
  216. package/dist/assets/Toast-BxY7edbh.css +0 -1
  217. package/dist/assets/Tooltip-C4RcESB2.css +0 -1
  218. package/dist/assets/layout-relative-ByAioz3N.css +0 -1
  219. package/dist/assets/layout-relative-DL5GCYL3.css +0 -1
  220. package/dist/assets/layout-relative-DX2HhfVy.css +0 -1
  221. package/dist/assets/layout-relative-vwhQiHRS.js +0 -1
  222. package/dist/assets/layout-relative.module-BIEPDZE2-CYlDcUGJ.js +0 -1
  223. package/dist/assets/layout-relative.module-Cmd2g7hD.js +0 -1
  224. package/dist/assets/playground-66zMGCdb.css +0 -1
  225. package/dist/assets/text-accent-BbQDH9df.js +0 -1
  226. package/dist/assets/text-accent-DwQPHwM2.js +0 -1
  227. package/dist/assets/text-accent-UmsGcNvp.css +0 -1
  228. package/dist/assets/text-centered-BwHG-She.js +0 -1
  229. package/dist/assets/text-centered-Do6zdubZ.css +0 -1
  230. package/dist/assets/text-centered-J90FiEm7.css +0 -1
  231. package/dist/assets/text-centered-zQ_girwR.js +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-DwQPHwM2.js";import{g as A}from"./text-centered-BwHG-She.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 r}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_ot6ze_4",U={Text:P,"Text--variant-caption-regular":"_Text--variant-caption-regular_ot6ze_12","Text--variant-caption-semibold":"_Text--variant-caption-semibold_ot6ze_20","Text--variant-small-regular":"_Text--variant-small-regular_ot6ze_28","Text--variant-small-regular-italic":"_Text--variant-small-regular-italic_ot6ze_36","Text--variant-small-semibold":"_Text--variant-small-semibold_ot6ze_44","Text--variant-small-semibold-italic":"_Text--variant-small-semibold-italic_ot6ze_52","Text--variant-default-regular":"_Text--variant-default-regular_ot6ze_60","Text--variant-default-regular-italic":"_Text--variant-default-regular-italic_ot6ze_68","Text--variant-default-semibold":"_Text--variant-default-semibold_ot6ze_76","Text--variant-default-semibold-italic":"_Text--variant-default-semibold-italic_ot6ze_84","Text--variant-large-regular":"_Text--variant-large-regular_ot6ze_92","Text--variant-large-regular-italic":"_Text--variant-large-regular-italic_ot6ze_100","Text--variant-large-semibold":"_Text--variant-large-semibold_ot6ze_108","Text--variant-large-semibold-italic":"_Text--variant-large-semibold-italic_ot6ze_116","Text--variant-xs":"_Text--variant-xs_ot6ze_124","Text--variant-xs-medium":"_Text--variant-xs-medium_ot6ze_132","Text--variant-s":"_Text--variant-s_ot6ze_28","Text--variant-s-italic":"_Text--variant-s-italic_ot6ze_148","Text--variant-s-medium":"_Text--variant-s-medium_ot6ze_156","Text--variant-s-medium-italic":"_Text--variant-s-medium-italic_ot6ze_164","Text--variant-s-bold":"_Text--variant-s-bold_ot6ze_172","Text--variant-s-bold-italic":"_Text--variant-s-bold-italic_ot6ze_180","Text--variant-m":"_Text--variant-m_ot6ze_188","Text--variant-m-italic":"_Text--variant-m-italic_ot6ze_196","Text--variant-m-medium":"_Text--variant-m-medium_ot6ze_204","Text--variant-m-medium-italic":"_Text--variant-m-medium-italic_ot6ze_212","Text--variant-m-bold":"_Text--variant-m-bold_ot6ze_220","Text--variant-m-bold-italic":"_Text--variant-m-bold-italic_ot6ze_228","Text--variant-l":"_Text--variant-l_ot6ze_92","Text--variant-l-italic":"_Text--variant-l-italic_ot6ze_244","Text--variant-l-medium":"_Text--variant-l-medium_ot6ze_252","Text--variant-l-medium-italic":"_Text--variant-l-medium-italic_ot6ze_260","Text--variant-xl":"_Text--variant-xl_ot6ze_268","Text--variant-xl-italic":"_Text--variant-xl-italic_ot6ze_276","Text--variant-xl-medium":"_Text--variant-xl-medium_ot6ze_284","Text--variant-xl-medium-italic":"_Text--variant-xl-medium-italic_ot6ze_292","Text--narrow-l--variant-caption-regular":"_Text--narrow-l--variant-caption-regular_ot6ze_301","Text--narrow-l--variant-caption-semibold":"_Text--narrow-l--variant-caption-semibold_ot6ze_309","Text--narrow-l--variant-small-regular":"_Text--narrow-l--variant-small-regular_ot6ze_317","Text--narrow-l--variant-small-regular-italic":"_Text--narrow-l--variant-small-regular-italic_ot6ze_325","Text--narrow-l--variant-small-semibold":"_Text--narrow-l--variant-small-semibold_ot6ze_333","Text--narrow-l--variant-small-semibold-italic":"_Text--narrow-l--variant-small-semibold-italic_ot6ze_341","Text--narrow-l--variant-default-regular":"_Text--narrow-l--variant-default-regular_ot6ze_349","Text--narrow-l--variant-default-regular-italic":"_Text--narrow-l--variant-default-regular-italic_ot6ze_357","Text--narrow-l--variant-default-semibold":"_Text--narrow-l--variant-default-semibold_ot6ze_365","Text--narrow-l--variant-default-semibold-italic":"_Text--narrow-l--variant-default-semibold-italic_ot6ze_373","Text--narrow-l--variant-large-regular":"_Text--narrow-l--variant-large-regular_ot6ze_381","Text--narrow-l--variant-large-regular-italic":"_Text--narrow-l--variant-large-regular-italic_ot6ze_389","Text--narrow-l--variant-large-semibold":"_Text--narrow-l--variant-large-semibold_ot6ze_397","Text--narrow-l--variant-large-semibold-italic":"_Text--narrow-l--variant-large-semibold-italic_ot6ze_405","Text--narrow-l--variant-xs":"_Text--narrow-l--variant-xs_ot6ze_413","Text--narrow-l--variant-xs-medium":"_Text--narrow-l--variant-xs-medium_ot6ze_421","Text--narrow-l--variant-s":"_Text--narrow-l--variant-s_ot6ze_317","Text--narrow-l--variant-s-italic":"_Text--narrow-l--variant-s-italic_ot6ze_437","Text--narrow-l--variant-s-medium":"_Text--narrow-l--variant-s-medium_ot6ze_445","Text--narrow-l--variant-s-medium-italic":"_Text--narrow-l--variant-s-medium-italic_ot6ze_453","Text--narrow-l--variant-s-bold":"_Text--narrow-l--variant-s-bold_ot6ze_461","Text--narrow-l--variant-s-bold-italic":"_Text--narrow-l--variant-s-bold-italic_ot6ze_469","Text--narrow-l--variant-m":"_Text--narrow-l--variant-m_ot6ze_477","Text--narrow-l--variant-m-italic":"_Text--narrow-l--variant-m-italic_ot6ze_485","Text--narrow-l--variant-m-medium":"_Text--narrow-l--variant-m-medium_ot6ze_493","Text--narrow-l--variant-m-medium-italic":"_Text--narrow-l--variant-m-medium-italic_ot6ze_501","Text--narrow-l--variant-m-bold":"_Text--narrow-l--variant-m-bold_ot6ze_509","Text--narrow-l--variant-m-bold-italic":"_Text--narrow-l--variant-m-bold-italic_ot6ze_517","Text--narrow-l--variant-l":"_Text--narrow-l--variant-l_ot6ze_381","Text--narrow-l--variant-l-italic":"_Text--narrow-l--variant-l-italic_ot6ze_533","Text--narrow-l--variant-l-medium":"_Text--narrow-l--variant-l-medium_ot6ze_541","Text--narrow-l--variant-l-medium-italic":"_Text--narrow-l--variant-l-medium-italic_ot6ze_549","Text--narrow-l--variant-xl":"_Text--narrow-l--variant-xl_ot6ze_557","Text--narrow-l--variant-xl-italic":"_Text--narrow-l--variant-xl-italic_ot6ze_565","Text--narrow-l--variant-xl-medium":"_Text--narrow-l--variant-xl-medium_ot6ze_573","Text--narrow-l--variant-xl-medium-italic":"_Text--narrow-l--variant-xl-medium-italic_ot6ze_581","Text--medium-s--variant-caption-regular":"_Text--medium-s--variant-caption-regular_ot6ze_591","Text--medium-s--variant-caption-semibold":"_Text--medium-s--variant-caption-semibold_ot6ze_599","Text--medium-s--variant-small-regular":"_Text--medium-s--variant-small-regular_ot6ze_607","Text--medium-s--variant-small-regular-italic":"_Text--medium-s--variant-small-regular-italic_ot6ze_615","Text--medium-s--variant-small-semibold":"_Text--medium-s--variant-small-semibold_ot6ze_623","Text--medium-s--variant-small-semibold-italic":"_Text--medium-s--variant-small-semibold-italic_ot6ze_631","Text--medium-s--variant-default-regular":"_Text--medium-s--variant-default-regular_ot6ze_639","Text--medium-s--variant-default-regular-italic":"_Text--medium-s--variant-default-regular-italic_ot6ze_647","Text--medium-s--variant-default-semibold":"_Text--medium-s--variant-default-semibold_ot6ze_655","Text--medium-s--variant-default-semibold-italic":"_Text--medium-s--variant-default-semibold-italic_ot6ze_663","Text--medium-s--variant-large-regular":"_Text--medium-s--variant-large-regular_ot6ze_671","Text--medium-s--variant-large-regular-italic":"_Text--medium-s--variant-large-regular-italic_ot6ze_679","Text--medium-s--variant-large-semibold":"_Text--medium-s--variant-large-semibold_ot6ze_687","Text--medium-s--variant-large-semibold-italic":"_Text--medium-s--variant-large-semibold-italic_ot6ze_695","Text--medium-s--variant-xs":"_Text--medium-s--variant-xs_ot6ze_703","Text--medium-s--variant-xs-medium":"_Text--medium-s--variant-xs-medium_ot6ze_711","Text--medium-s--variant-s":"_Text--medium-s--variant-s_ot6ze_607","Text--medium-s--variant-s-italic":"_Text--medium-s--variant-s-italic_ot6ze_727","Text--medium-s--variant-s-medium":"_Text--medium-s--variant-s-medium_ot6ze_735","Text--medium-s--variant-s-medium-italic":"_Text--medium-s--variant-s-medium-italic_ot6ze_743","Text--medium-s--variant-s-bold":"_Text--medium-s--variant-s-bold_ot6ze_751","Text--medium-s--variant-s-bold-italic":"_Text--medium-s--variant-s-bold-italic_ot6ze_759","Text--medium-s--variant-m":"_Text--medium-s--variant-m_ot6ze_767","Text--medium-s--variant-m-italic":"_Text--medium-s--variant-m-italic_ot6ze_775","Text--medium-s--variant-m-medium":"_Text--medium-s--variant-m-medium_ot6ze_783","Text--medium-s--variant-m-medium-italic":"_Text--medium-s--variant-m-medium-italic_ot6ze_791","Text--medium-s--variant-m-bold":"_Text--medium-s--variant-m-bold_ot6ze_799","Text--medium-s--variant-m-bold-italic":"_Text--medium-s--variant-m-bold-italic_ot6ze_807","Text--medium-s--variant-l":"_Text--medium-s--variant-l_ot6ze_671","Text--medium-s--variant-l-italic":"_Text--medium-s--variant-l-italic_ot6ze_823","Text--medium-s--variant-l-medium":"_Text--medium-s--variant-l-medium_ot6ze_831","Text--medium-s--variant-l-medium-italic":"_Text--medium-s--variant-l-medium-italic_ot6ze_839","Text--medium-s--variant-xl":"_Text--medium-s--variant-xl_ot6ze_847","Text--medium-s--variant-xl-italic":"_Text--medium-s--variant-xl-italic_ot6ze_855","Text--medium-s--variant-xl-medium":"_Text--medium-s--variant-xl-medium_ot6ze_863","Text--medium-s--variant-xl-medium-italic":"_Text--medium-s--variant-xl-medium-italic_ot6ze_871","Text--medium-l--variant-caption-regular":"_Text--medium-l--variant-caption-regular_ot6ze_881","Text--medium-l--variant-caption-semibold":"_Text--medium-l--variant-caption-semibold_ot6ze_889","Text--medium-l--variant-small-regular":"_Text--medium-l--variant-small-regular_ot6ze_897","Text--medium-l--variant-small-regular-italic":"_Text--medium-l--variant-small-regular-italic_ot6ze_905","Text--medium-l--variant-small-semibold":"_Text--medium-l--variant-small-semibold_ot6ze_913","Text--medium-l--variant-small-semibold-italic":"_Text--medium-l--variant-small-semibold-italic_ot6ze_921","Text--medium-l--variant-default-regular":"_Text--medium-l--variant-default-regular_ot6ze_929","Text--medium-l--variant-default-regular-italic":"_Text--medium-l--variant-default-regular-italic_ot6ze_937","Text--medium-l--variant-default-semibold":"_Text--medium-l--variant-default-semibold_ot6ze_945","Text--medium-l--variant-default-semibold-italic":"_Text--medium-l--variant-default-semibold-italic_ot6ze_953","Text--medium-l--variant-large-regular":"_Text--medium-l--variant-large-regular_ot6ze_961","Text--medium-l--variant-large-regular-italic":"_Text--medium-l--variant-large-regular-italic_ot6ze_969","Text--medium-l--variant-large-semibold":"_Text--medium-l--variant-large-semibold_ot6ze_977","Text--medium-l--variant-large-semibold-italic":"_Text--medium-l--variant-large-semibold-italic_ot6ze_985","Text--medium-l--variant-xs":"_Text--medium-l--variant-xs_ot6ze_993","Text--medium-l--variant-xs-medium":"_Text--medium-l--variant-xs-medium_ot6ze_1001","Text--medium-l--variant-s":"_Text--medium-l--variant-s_ot6ze_897","Text--medium-l--variant-s-italic":"_Text--medium-l--variant-s-italic_ot6ze_1017","Text--medium-l--variant-s-medium":"_Text--medium-l--variant-s-medium_ot6ze_1025","Text--medium-l--variant-s-medium-italic":"_Text--medium-l--variant-s-medium-italic_ot6ze_1033","Text--medium-l--variant-s-bold":"_Text--medium-l--variant-s-bold_ot6ze_1041","Text--medium-l--variant-s-bold-italic":"_Text--medium-l--variant-s-bold-italic_ot6ze_1049","Text--medium-l--variant-m":"_Text--medium-l--variant-m_ot6ze_1057","Text--medium-l--variant-m-italic":"_Text--medium-l--variant-m-italic_ot6ze_1065","Text--medium-l--variant-m-medium":"_Text--medium-l--variant-m-medium_ot6ze_1073","Text--medium-l--variant-m-medium-italic":"_Text--medium-l--variant-m-medium-italic_ot6ze_1081","Text--medium-l--variant-m-bold":"_Text--medium-l--variant-m-bold_ot6ze_1089","Text--medium-l--variant-m-bold-italic":"_Text--medium-l--variant-m-bold-italic_ot6ze_1097","Text--medium-l--variant-l":"_Text--medium-l--variant-l_ot6ze_961","Text--medium-l--variant-l-italic":"_Text--medium-l--variant-l-italic_ot6ze_1113","Text--medium-l--variant-l-medium":"_Text--medium-l--variant-l-medium_ot6ze_1121","Text--medium-l--variant-l-medium-italic":"_Text--medium-l--variant-l-medium-italic_ot6ze_1129","Text--medium-l--variant-xl":"_Text--medium-l--variant-xl_ot6ze_1137","Text--medium-l--variant-xl-italic":"_Text--medium-l--variant-xl-italic_ot6ze_1145","Text--medium-l--variant-xl-medium":"_Text--medium-l--variant-xl-medium_ot6ze_1153","Text--medium-l--variant-xl-medium-italic":"_Text--medium-l--variant-xl-medium-italic_ot6ze_1161","Text--wide-s--variant-caption-regular":"_Text--wide-s--variant-caption-regular_ot6ze_1171","Text--wide-s--variant-caption-semibold":"_Text--wide-s--variant-caption-semibold_ot6ze_1179","Text--wide-s--variant-small-regular":"_Text--wide-s--variant-small-regular_ot6ze_1187","Text--wide-s--variant-small-regular-italic":"_Text--wide-s--variant-small-regular-italic_ot6ze_1195","Text--wide-s--variant-small-semibold":"_Text--wide-s--variant-small-semibold_ot6ze_1203","Text--wide-s--variant-small-semibold-italic":"_Text--wide-s--variant-small-semibold-italic_ot6ze_1211","Text--wide-s--variant-default-regular":"_Text--wide-s--variant-default-regular_ot6ze_1219","Text--wide-s--variant-default-regular-italic":"_Text--wide-s--variant-default-regular-italic_ot6ze_1227","Text--wide-s--variant-default-semibold":"_Text--wide-s--variant-default-semibold_ot6ze_1235","Text--wide-s--variant-default-semibold-italic":"_Text--wide-s--variant-default-semibold-italic_ot6ze_1243","Text--wide-s--variant-large-regular":"_Text--wide-s--variant-large-regular_ot6ze_1251","Text--wide-s--variant-large-regular-italic":"_Text--wide-s--variant-large-regular-italic_ot6ze_1259","Text--wide-s--variant-large-semibold":"_Text--wide-s--variant-large-semibold_ot6ze_1267","Text--wide-s--variant-large-semibold-italic":"_Text--wide-s--variant-large-semibold-italic_ot6ze_1275","Text--wide-s--variant-xs":"_Text--wide-s--variant-xs_ot6ze_1283","Text--wide-s--variant-xs-medium":"_Text--wide-s--variant-xs-medium_ot6ze_1291","Text--wide-s--variant-s":"_Text--wide-s--variant-s_ot6ze_1187","Text--wide-s--variant-s-italic":"_Text--wide-s--variant-s-italic_ot6ze_1307","Text--wide-s--variant-s-medium":"_Text--wide-s--variant-s-medium_ot6ze_1315","Text--wide-s--variant-s-medium-italic":"_Text--wide-s--variant-s-medium-italic_ot6ze_1323","Text--wide-s--variant-s-bold":"_Text--wide-s--variant-s-bold_ot6ze_1331","Text--wide-s--variant-s-bold-italic":"_Text--wide-s--variant-s-bold-italic_ot6ze_1339","Text--wide-s--variant-m":"_Text--wide-s--variant-m_ot6ze_1347","Text--wide-s--variant-m-italic":"_Text--wide-s--variant-m-italic_ot6ze_1355","Text--wide-s--variant-m-medium":"_Text--wide-s--variant-m-medium_ot6ze_1363","Text--wide-s--variant-m-medium-italic":"_Text--wide-s--variant-m-medium-italic_ot6ze_1371","Text--wide-s--variant-m-bold":"_Text--wide-s--variant-m-bold_ot6ze_1379","Text--wide-s--variant-m-bold-italic":"_Text--wide-s--variant-m-bold-italic_ot6ze_1387","Text--wide-s--variant-l":"_Text--wide-s--variant-l_ot6ze_1251","Text--wide-s--variant-l-italic":"_Text--wide-s--variant-l-italic_ot6ze_1403","Text--wide-s--variant-l-medium":"_Text--wide-s--variant-l-medium_ot6ze_1411","Text--wide-s--variant-l-medium-italic":"_Text--wide-s--variant-l-medium-italic_ot6ze_1419","Text--wide-s--variant-xl":"_Text--wide-s--variant-xl_ot6ze_1427","Text--wide-s--variant-xl-italic":"_Text--wide-s--variant-xl-italic_ot6ze_1435","Text--wide-s--variant-xl-medium":"_Text--wide-s--variant-xl-medium_ot6ze_1443","Text--wide-s--variant-xl-medium-italic":"_Text--wide-s--variant-xl-medium-italic_ot6ze_1451","Text--wide-l--variant-caption-regular":"_Text--wide-l--variant-caption-regular_ot6ze_1461","Text--wide-l--variant-caption-semibold":"_Text--wide-l--variant-caption-semibold_ot6ze_1469","Text--wide-l--variant-small-regular":"_Text--wide-l--variant-small-regular_ot6ze_1477","Text--wide-l--variant-small-regular-italic":"_Text--wide-l--variant-small-regular-italic_ot6ze_1485","Text--wide-l--variant-small-semibold":"_Text--wide-l--variant-small-semibold_ot6ze_1493","Text--wide-l--variant-small-semibold-italic":"_Text--wide-l--variant-small-semibold-italic_ot6ze_1501","Text--wide-l--variant-default-regular":"_Text--wide-l--variant-default-regular_ot6ze_1509","Text--wide-l--variant-default-regular-italic":"_Text--wide-l--variant-default-regular-italic_ot6ze_1517","Text--wide-l--variant-default-semibold":"_Text--wide-l--variant-default-semibold_ot6ze_1525","Text--wide-l--variant-default-semibold-italic":"_Text--wide-l--variant-default-semibold-italic_ot6ze_1533","Text--wide-l--variant-large-regular":"_Text--wide-l--variant-large-regular_ot6ze_1541","Text--wide-l--variant-large-regular-italic":"_Text--wide-l--variant-large-regular-italic_ot6ze_1549","Text--wide-l--variant-large-semibold":"_Text--wide-l--variant-large-semibold_ot6ze_1557","Text--wide-l--variant-large-semibold-italic":"_Text--wide-l--variant-large-semibold-italic_ot6ze_1565","Text--wide-l--variant-xs":"_Text--wide-l--variant-xs_ot6ze_1573","Text--wide-l--variant-xs-medium":"_Text--wide-l--variant-xs-medium_ot6ze_1581","Text--wide-l--variant-s":"_Text--wide-l--variant-s_ot6ze_1477","Text--wide-l--variant-s-italic":"_Text--wide-l--variant-s-italic_ot6ze_1597","Text--wide-l--variant-s-medium":"_Text--wide-l--variant-s-medium_ot6ze_1605","Text--wide-l--variant-s-medium-italic":"_Text--wide-l--variant-s-medium-italic_ot6ze_1613","Text--wide-l--variant-s-bold":"_Text--wide-l--variant-s-bold_ot6ze_1621","Text--wide-l--variant-s-bold-italic":"_Text--wide-l--variant-s-bold-italic_ot6ze_1629","Text--wide-l--variant-m":"_Text--wide-l--variant-m_ot6ze_1637","Text--wide-l--variant-m-italic":"_Text--wide-l--variant-m-italic_ot6ze_1645","Text--wide-l--variant-m-medium":"_Text--wide-l--variant-m-medium_ot6ze_1653","Text--wide-l--variant-m-medium-italic":"_Text--wide-l--variant-m-medium-italic_ot6ze_1661","Text--wide-l--variant-m-bold":"_Text--wide-l--variant-m-bold_ot6ze_1669","Text--wide-l--variant-m-bold-italic":"_Text--wide-l--variant-m-bold-italic_ot6ze_1677","Text--wide-l--variant-l":"_Text--wide-l--variant-l_ot6ze_1541","Text--wide-l--variant-l-italic":"_Text--wide-l--variant-l-italic_ot6ze_1693","Text--wide-l--variant-l-medium":"_Text--wide-l--variant-l-medium_ot6ze_1701","Text--wide-l--variant-l-medium-italic":"_Text--wide-l--variant-l-medium-italic_ot6ze_1709","Text--wide-l--variant-xl":"_Text--wide-l--variant-xl_ot6ze_1717","Text--wide-l--variant-xl-italic":"_Text--wide-l--variant-xl-italic_ot6ze_1725","Text--wide-l--variant-xl-medium":"_Text--wide-l--variant-xl-medium_ot6ze_1733","Text--wide-l--variant-xl-medium-italic":"_Text--wide-l--variant-xl-medium-italic_ot6ze_1741","Text--strong":"_Text--strong_ot6ze_1750","Text--size-2xs":"_Text--size-2xs_ot6ze_1753","Text--size-xs":"_Text--size-xs_ot6ze_1756","Text--size-s":"_Text--size-s_ot6ze_1759","Text--size-m":"_Text--size-m_ot6ze_1762","Text--size-l":"_Text--size-l_ot6ze_1765","Text--size-xl":"_Text--size-xl_ot6ze_1768"},m=N.forwardRef(function({children:_,variant:e,tag:d=k,size:a,accent:t,color:u,strong:o,centered:v,dataset:s,...x},T){const c=e||(a?void 0:L),z=e?void 0:a,w=e?void 0:o,g=E(U,r.Text,[l("variant",c),l("size",z),R("strong",void 0,w)]),i=t?void 0:u,b=V(!i,t),f=q(i),p=A(v),y=[...g,...b,...f,...p],C={...D(x),ref:T,className:y.join(" "),...j(s,{preplyDsComponent:r.Text})};return h.jsx(d,{...C,children:_})});try{m.displayName="Text",m.__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:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},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:'"p"'},{value:'"div"'},{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{m as T};
@@ -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 j}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_d4rao_4",W={FieldAdditionalText:Q,"FieldAdditionalText--variant-normal":"_FieldAdditionalText--variant-normal_d4rao_11","FieldAdditionalText--variant-error":"_FieldAdditionalText--variant-error_d4rao_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_1fnht_4",A={FieldLabel:J,"FieldLabel--wrap":"_FieldLabel--wrap_1fnht_19","FieldLabel--wrapGap":"_FieldLabel--wrapGap_1fnht_22","FieldLabel--required":"_FieldLabel--required_1fnht_26","FieldLabel--hide":"_FieldLabel--hide_1fnht_31"},R="FieldLabel",Z="•",ee=a.jsx(k,{id:"preply-ds.fieldLabel.required",defaultMessage:[{type:0,value:"Required"}]}),se=({label:e=ee})=>{const s=j(A,R,["required"]);return a.jsxs("span",{className:s.join(" "),children:[a.jsx("span",{children:Z}),a.jsx("span",{children:e})]})},te=()=>{const e=j(A,R,["wrapGap"]);return a.jsx("span",{className:e.join(" ")})},ae=({id:e,label:s,hideLabel:t,wrapLabel:o=!1,required:n,requiredLabel:l})=>{const i=N(A,R,[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,{}),n&&a.jsx(se,{label:l})]})},oe="_FieldLayoutBase_9r3ib_2",ne={FieldLayoutBase:oe},le="FieldLayoutBase",ie=({id:e,className:s,label:t,hideLabel:o,wrapLabel:n=!1,required:l,requiredLabel:i,additionalText:p,preserveSpace:_,hasError:F,dataset:m,children:d,preplyDsComponent:T},x)=>{const f=[...N(ne,le)];s&&f.push(s);const y={className:f.join(" "),...w(m,{preplyDsComponent:T})},b={id:e,label:t,hideLabel:o,wrapLabel:n,required:l,requiredLabel:i},I=!p&&_?a.jsx("span",{children:" "}):void 0,c=F?"error":"normal";return a.jsxs("div",{...y,ref:x,children:[a.jsx(ae,{...b}),d,p&&a.jsx(X,{id:`${e}-desc`,variant:c,children:p}),I]})},B=r.forwardRef(ie);B.__docgenInfo={description:"",methods:[],displayName:"FieldLayoutBase",props:{wrapLabel:{defaultValue:{value:"false",computed:!1},required:!1}}};const C={"FieldLayout--input":"_FieldLayout--input_18ixp_5","FieldLayout--icon":"_FieldLayout--icon_18ixp_42","FieldLayout--has-icon":"_FieldLayout--has-icon_18ixp_55","FieldLayout--has-button":"_FieldLayout--has-button_18ixp_58","FieldLayout--has-error":"_FieldLayout--has-error_18ixp_61","FieldLayout--is-focused":"_FieldLayout--is-focused_18ixp_72","FieldLayout--is-disabled":"_FieldLayout--is-disabled_18ixp_76"},re=({id:e,className:s,input:t,icon:o,button:n,disabled:l,isFocused:i,hasError:p,inputHandle:_,onClick:F,preplyDsComponent:m,...d},T)=>{const x=r.useRef(null);r.useImperativeHandle(T,()=>({setFocus:()=>_==null?void 0:_.setFocus(),scrollIntoView:()=>{var c;return(c=x==null?void 0:x.current)==null?void 0:c.scrollIntoView()}}));const v=j(C,u.FieldLayout,[L("is-disabled",void 0,l),L("is-focused",void 0,i),L("has-error",void 0,p),L("has-icon",void 0,!!o),L("has-button",void 0,!!n)]),f=s?[s,...v]:v,y=j(C,u.FieldLayout,["input"]),b=j(C,u.FieldLayout,["icon"]),I=c=>{_==null||_.setFocus(),F==null||F(c)};return a.jsx(B,{id:e,className:f.join(" "),disabled:l,isFocused:i,hasError:p,...d,preplyDsComponent:m??u.FieldLayout,ref:x,children:a.jsxs("div",{className:y.join(" "),onClick:I,children:[o&&a.jsx("span",{className:b.join(" "),children:o}),t,n]})})},g=r.forwardRef(re);g.__docgenInfo={description:"",methods:[],displayName:"FieldLayout"};const D={textarea:"textarea",select:"select"},de=()=>{},ce=(e,s)=>{const{type:t,id:o,name:n,className:l,onChange:i,onFocus:p,onBlur:_,onClick:F,onKeyDown:m,onKeyUp:d,onCopy:T,onPaste:x,required:v,readOnly:f,disabled:y,dataset:b,preplyDsComponent:I}=e,c=r.useRef(null);r.useImperativeHandle(s,()=>({setFocus:()=>{var h;return(h=c.current)==null?void 0:h.focus()},scrollIntoView:()=>{var h;return(h=c.current)==null?void 0:h.scrollIntoView()}}));const $=H({disabled:y,captureChildEvents:!0,onBlur:_,onFocus:p}),E=D[t]||"input",q=E===t in D?void 0:t,U={...{ref:c,type:q,id:o,name:n,className:l,...$,onChange:i||de,onClick:F,onKeyDown:m,onKeyUp:d,onCopy:T,onPaste:x,required:v,readOnly:f,disabled:y},...K(e),...w(b,{preplyDsComponent:I}),...S(e)};return a.jsx(E,{...U,ref:c})},P=r.forwardRef(ce);P.__docgenInfo={description:"",methods:[],displayName:"InputBase"};function ue(e,s,t,o=[]){return r.useMemo(()=>{if(!(!s&&!t))return n=>{s==null||s(n);const l=e(n);t==null||t(l)}},[s,t,...o])}const pe="_InputText_11b18_4",_e="_InputPassword_11b18_11",Fe="_InputDate_11b18_18",me="_InputTime_11b18_25",xe="_InputNumber_11b18_32",Le="_Textarea_11b18_39",fe="_Checkbox_11b18_58",ye="_Radio_11b18_61",Te="_Select_11b18_64",ve={InputText:pe,InputPassword:_e,InputDate:Fe,InputTime:me,InputNumber:xe,Textarea:Le,"Textarea--resize-none":"_Textarea--resize-none_11b18_46","Textarea--resize-vertical":"_Textarea--resize-vertical_11b18_49","Textarea--resize-horizontal":"_Textarea--resize-horizontal_11b18_52","Textarea--resize-both":"_Textarea--resize-both_11b18_55",Checkbox:fe,Radio:ye,Select:Te},be=({onChange:e,onValueChange:s,...t},o)=>{const n=N(ve,u.InputText),l=ue(i=>i.target.value,e,s);return a.jsx(P,{...t,ref:o,className:n.join(" "),onChange:l,preplyDsComponent:u.InputText})},z=r.forwardRef(be);z.__docgenInfo={description:"",methods:[],displayName:"InputText"};const Ie="_TextField_1jlzx_1",he={TextField:Ie},je=({id:e,type:s=G,...t},o)=>{const n=r.useRef(null),l=O();r.useImperativeHandle(o,()=>({setFocus:()=>{var d;return(d=l==null?void 0:l.current)==null?void 0:d.setFocus()},scrollIntoView:()=>{var d;return(d=n==null?void 0:n.current)==null?void 0:d.scrollIntoView()}}));const i=Y({id:e,type:s,...t},u.TextField),{layoutProps:p,inputProps:_}=i,F=N(he,u.TextField),m=a.jsx(z,{..._,ref:l});return a.jsx(g,{...p,className:F.join(" "),input:m,inputHandle:l.current,ref:n,preplyDsComponent:u.TextField})},Ne=r.forwardRef(je);Ne.__docgenInfo={description:"",methods:[],displayName:"TextField",props:{type:{defaultValue:{value:"'text'",computed:!1},required:!1}}};export{g as F,P as I,Ne as T,z as a,B as b,X as c,ve as s,ue as u};
@@ -1 +0,0 @@
1
- ._FieldAdditionalText_d4rao_4{margin:0;font-weight:var(--026ea8);font-size:var(--3f1843);line-height:var(--030292);letter-spacing:var(--c142cd)}._FieldAdditionalText--variant-normal_d4rao_11{color:var(--3d280d)}._FieldAdditionalText--variant-error_d4rao_14{color:var(--9167e9)}._FieldLabel_1fnht_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_1fnht_19{display:inline}._FieldLabel--wrapGap_1fnht_22{width:var(--6947b0);display:inline-block}._FieldLabel--required_1fnht_26{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--6947b0);color:var(--3d280d)}._FieldLabel--hide_1fnht_31{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}._FieldLayoutBase_9r3ib_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_9r3ib_2 input,._FieldLayoutBase_9r3ib_2 textarea{display:block;width:100%}._FieldLayout--input_18ixp_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_18ixp_5:hover input,._FieldLayout--input_18ixp_5:hover textarea{border-color:var(--0bd642)}}._FieldLayout--input_18ixp_5 input,._FieldLayout--input_18ixp_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_18ixp_5 input::-webkit-input-placeholder,._FieldLayout--input_18ixp_5 textarea::-webkit-input-placeholder{color:var(--d9209f)}._FieldLayout--input_18ixp_5 input::-moz-placeholder,._FieldLayout--input_18ixp_5 textarea::-moz-placeholder{color:var(--d9209f)}._FieldLayout--input_18ixp_5 input:-ms-input-placeholder,._FieldLayout--input_18ixp_5 textarea:-ms-input-placeholder{color:var(--d9209f)}._FieldLayout--input_18ixp_5 input::-ms-input-placeholder,._FieldLayout--input_18ixp_5 textarea::-ms-input-placeholder{color:var(--d9209f)}._FieldLayout--input_18ixp_5 input::placeholder,._FieldLayout--input_18ixp_5 textarea::placeholder{color:var(--d9209f)}._FieldLayout--icon_18ixp_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_18ixp_42 svg{color:var(--cbc724)}._FieldLayout--has-icon_18ixp_55 ._FieldLayout--input_18ixp_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_18ixp_58 ._FieldLayout--input_18ixp_5 input{padding-right:58px}._FieldLayout--has-error_18ixp_61 ._FieldLayout--input_18ixp_5{background-color:var(--95df5b)}._FieldLayout--has-error_18ixp_61 ._FieldLayout--input_18ixp_5 input,._FieldLayout--has-error_18ixp_61 ._FieldLayout--input_18ixp_5 textarea{border-color:var(--eaf4a3);color:var(--7b0f41)}._FieldLayout--has-error_18ixp_61 ._FieldLayout--icon_18ixp_42 svg{color:var(--7b0f41)}._FieldLayout--is-focused_18ixp_72 ._FieldLayout--input_18ixp_5 input,._FieldLayout--is-focused_18ixp_72 ._FieldLayout--input_18ixp_5 textarea{border-color:var(--398094)}._FieldLayout--is-disabled_18ixp_76 ._FieldLayout--input_18ixp_5{background-color:var(--04daeb)}._FieldLayout--is-disabled_18ixp_76 ._FieldLayout--input_18ixp_5 input,._FieldLayout--is-disabled_18ixp_76 ._FieldLayout--input_18ixp_5 textarea{border-color:transparent}._FieldLayout--input_18ixp_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_11b18_4,._InputPassword_11b18_11,._InputDate_11b18_18,._InputTime_11b18_25,._InputNumber_11b18_32,._Textarea_11b18_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_11b18_46{resize:none}._Textarea--resize-vertical_11b18_49{resize:vertical}._Textarea--resize-horizontal_11b18_52{resize:horizontal}._Textarea--resize-both_11b18_55{resize:both}._Checkbox_11b18_58,._Radio_11b18_61{display:inline-block}._Select_11b18_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{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 F=i=>Array.isArray(i)&&i.length===3&&d.includes(i[n]),G=()=>{const{setTheme:i}=e.useContext(_);return{setTheme:i}},j="_TextHighlighted_u7jz6_4",E={TextHighlighted:j,"TextHighlighted--highlight-blue":"_TextHighlighted--highlight-blue_u7jz6_13","TextHighlighted--highlight-green":"_TextHighlighted--highlight-green_u7jz6_17","TextHighlighted--highlight-primary":"_TextHighlighted--highlight-primary_u7jz6_21","TextHighlighted--highlight-secondary":"_TextHighlighted--highlight-secondary_u7jz6_25","TextHighlighted--highlight-tertiary":"_TextHighlighted--highlight-tertiary_u7jz6_29","TextHighlighted--highlight-accent":"_TextHighlighted--highlight-accent_u7jz6_33","TextHighlighted--highlight-positive":"_TextHighlighted--highlight-positive_u7jz6_37","TextHighlighted--highlight-info":"_TextHighlighted--highlight-info_u7jz6_41","TextHighlighted--highlight-warning":"_TextHighlighted--highlight-warning_u7jz6_45","TextHighlighted--highlight-critical":"_TextHighlighted--highlight-critical_u7jz6_49"},y=e.forwardRef(function({children:h,highlight:g=p,tag:l=c,dataset:s,...r},o){const a=u(E,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})});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
- ._TextHighlighted_u7jz6_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_u7jz6_13{color:var(--68bd17);background-color:var(--2d51ae)}._TextHighlighted--highlight-green_u7jz6_17{color:var(--c50238);background-color:var(--292009)}._TextHighlighted--highlight-primary_u7jz6_21{color:var(--977d1a);background-color:var(--df6b06)}._TextHighlighted--highlight-secondary_u7jz6_25{color:var(--6c2ddf);background-color:var(--e5b0a4)}._TextHighlighted--highlight-tertiary_u7jz6_29{color:var(--8da8cb);background-color:var(--aa7c4d)}._TextHighlighted--highlight-accent_u7jz6_33{color:var(--1da698);background-color:var(--301ea7)}._TextHighlighted--highlight-positive_u7jz6_37{color:var(--ad48d7);background-color:var(--a2a233)}._TextHighlighted--highlight-info_u7jz6_41{color:var(--2be49e);background-color:var(--86df85)}._TextHighlighted--highlight-warning_u7jz6_45{color:var(--98c505);background-color:var(--d908ab)}._TextHighlighted--highlight-critical_u7jz6_49{color:var(--802584);background-color:var(--0c251f)}
@@ -1 +0,0 @@
1
- ._TextWeight_n6jme_3._TextWeight--weight-400_n6jme_3{font-weight:var(--73984e)}._TextWeight_n6jme_3._TextWeight--weight-500_n6jme_6{font-weight:var(--6e9792)}._TextWeight_n6jme_3._TextWeight--weight-700_n6jme_9{font-weight:var(--d5337e)}._TextWeight_n6jme_3._TextWeight--weight-normal_n6jme_12{font-weight:var(--5ea101)}._TextWeight_n6jme_3._TextWeight--weight-medium_n6jme_15{font-weight:var(--2734e9)}._TextWeight_n6jme_3._TextWeight--weight-bold_n6jme_18{font-weight:var(--800787)}._TextInline_179fg_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;font-style:normal}._TextInline--italic_179fg_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 Fe,w as Re}from"./index-BVDq5o4N.js";import{B as j}from"./Button-Dy26oY0t.js";import{F as Be}from"./FieldLayout-zG6DP4fD.js";import{s as ke,u as je,I as _e}from"./FieldLayoutBase-CbZWkNI7.js";import{m as ze,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-C4DBPFZ_.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-C6zIOZ7w.js";import"./Spinner-DgGnJd2k.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./FieldAdditionalText-BCMB8JHW.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-DwQPHwM2.js";import"./text-centered-BwHG-She.js";const z=({onChange:e,onValueChange:a,resize:t="vertical",...l},o)=>{const d=ze(ke,p.Textarea,[De("resize",t)]),u=je(c=>c.target.value,e,a);return n.jsx(_e,{...l,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"}]}},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"}]}},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"}]}},"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"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},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"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},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"}]}},"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"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},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},t)=>{const l=s.useRef(null),o=Le();s.useImperativeHandle(t,()=>({setFocus:()=>{var m;return(m=l==null?void 0:l.current)==null?void 0:m.setFocus()},scrollIntoView:()=>{var m;return(m=l==null?void 0:l.current)==null?void 0:m.scrollIntoView()}}));const{layoutProps:d,inputProps:u}=We({id:e,...a},p.TextareaField),c=ze(Me,p.TextareaField),f=n.jsx(B,{...u,ref:o});return n.jsx(Be,{...d,className:c.join(" "),input:f,inputHandle:o.current,ref:l,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"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},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 t=s.useRef(null);return a.ref=t,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 Fe.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"})}},w={args:{hideLabel:!0}},H={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 t,l;return(l=(t=a.ref)==null?void 0:t.current)==null?void 0:l.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 t=a.getByTestId("input");await Fe.click(a.getByTestId("focus-button")),await Re(()=>i(t).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 t=a.getByTestId("input");e.ref.current.scrollIntoView(),await Re(()=>i(t).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,t]=s.useState(""),[l,o]=s.useState(!1),d=l&&!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:t,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 te,le,re;E.parameters={...E.parameters,docs:{...(te=E.parameters)==null?void 0:te.docs,source:{originalSource:`{
77
- args: {
78
- required: true,
79
- requiredLabel: <Text accent="critical" variant="m-bold">
80
- Needed
81
- </Text>
82
- }
83
- }`,...(re=(le=E.parameters)==null?void 0:le.docs)==null?void 0:re.source}}};var ue,se,ie;w.parameters={...w.parameters,docs:{...(ue=w.parameters)==null?void 0:ue.docs,source:{originalSource:`{
84
- args: {
85
- hideLabel: true
86
- }
87
- }`,...(ie=(se=w.parameters)==null?void 0:se.docs)==null?void 0:ie.source}}};var oe,de,ce;H.parameters={...H.parameters,docs:{...(oe=H.parameters)==null?void 0:oe.docs,source:{originalSource:`{
88
- args: {
89
- hasError: true
90
- }
91
- }`,...(ce=(de=H.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
- await userEvent.click(canvas.getByTestId('focus-button'));
134
- await waitFor(() => expect(input).toHaveFocus());
135
- }
136
- }`,...(Ee=(qe=S.parameters)==null?void 0:qe.docs)==null?void 0:Ee.source}}};var we,He,Ce;F.parameters={...F.parameters,docs:{...(we=F.parameters)==null?void 0:we.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=(He=F.parameters)==null?void 0:He.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,H as HasError,C as HasErrorWithMessage,F as ImperativeScrollIntoView,S as ImperativeSetFocus,T as ReadOnly,q as Required,E as RequiredWithCustomLabel,x as WithAdditionalText,w 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_eosyl_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_eosyl_3:has(._title_eosyl_19:first-child){grid-template-columns:auto auto max-content}._toast_eosyl_3._critical_eosyl_22{background-color:var(--87fcf8)}._toast_eosyl_3 ._title_eosyl_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_eosyl_3 ._actionButton_eosyl_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_eosyl_3 ._actionButton_eosyl_34{grid-row:2;grid-column:2}}@media (min-width: 700px){._toast_eosyl_3:has(._title_eosyl_19:first-child) ._actionButton_eosyl_34{grid-column:1}}._toast_eosyl_3 ._closeButton_eosyl_55{all:unset;cursor:pointer;grid-row:1;grid-column:3}._toast_eosyl_3:has(._actionButton_eosyl_34) ._closeButton_eosyl_55{display:none}@media (min-width: 700px){._toast_eosyl_3:has(._actionButton_eosyl_34) ._closeButton_eosyl_55{display:block}}
@@ -1 +0,0 @@
1
- ._content_15627_2{background-color:var(--4983fe);color:var(--c2b191);border-radius:var(--5e8be4);padding:var(--590b8d) var(--66b80b);max-width:354px;box-shadow:var(--df7dbb);z-index:var(--ds-tooltip-z-index-override, auto);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_15627_2[data-state=instant-open],._content_15627_2[data-state=delayed-open]{animation-name:_appear_15627_1}._content_15627_2[data-state=closed]{animation-name:_disappear_15627_1}._arrow_15627_25{fill:var(--4983fe)}@keyframes _appear_15627_1{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes _disappear_15627_1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}