@preply/ds-docs 1.1.0 → 1.2.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 (268) hide show
  1. package/dist/assets/{00.applications-CO1MZh9O.js → 00.applications-B7Vp6JHu.js} +2 -2
  2. package/dist/assets/{00.favicons.guide-DLxYF0lW.js → 00.favicons.guide-ccEIy2sl.js} +2 -2
  3. package/dist/assets/{00.token-explorer-DZT7blgK.js → 00.token-explorer-B0sXlCTC.js} +2 -2
  4. package/dist/assets/{00.using-responsive-props-QevaE4ZX.js → 00.using-responsive-props-DMjyfoDC.js} +2 -2
  5. package/dist/assets/01.semantic-tokens-OzVuVbJs.js +2 -0
  6. package/dist/assets/{10.fonts.guide-stXcksfw.js → 10.fonts.guide-DgHU0LNU.js} +2 -2
  7. package/dist/assets/{10.ssr-BcTx0OTm.js → 10.ssr-libm72cC.js} +2 -2
  8. package/dist/assets/{11.languageFont.explorer-DMfAGM-V.js → 11.languageFont.explorer-hJEanXcb.js} +2 -2
  9. package/dist/assets/{11.ssr.app-router-ClIr70B9.js → 11.ssr.app-router-vSwYh-oZ.js} +2 -2
  10. package/dist/assets/{20.libraries-ohgfl6-L.js → 20.libraries-C_wJnDaz.js} +2 -2
  11. package/dist/assets/{30.icons.explorer-BljDuztC.js → 30.icons.explorer-BbhrNu0y.js} +2 -2
  12. package/dist/assets/{30.storybook-g3vy0a7A.js → 30.storybook-C58mJ1Zl.js} +2 -2
  13. package/dist/assets/40.illustrations.explorer-CMttgyzd.js +21 -0
  14. package/dist/assets/{90.advanced-Da58FhYR.js → 90.advanced-CA6B7x83.js} +2 -2
  15. package/dist/assets/Avatar-CNHq-Jr1.js +1 -0
  16. package/dist/assets/Avatar-CNgDleig.js +1 -0
  17. package/dist/assets/Avatar-H-tnBT7B.css +1 -0
  18. package/dist/assets/Avatar-TjLZdAgj.css +1 -0
  19. package/dist/assets/{Avatar.stories-B8fN-dS6.js → Avatar.stories-Bgu7bTtZ.js} +1 -1
  20. package/dist/assets/AvatarWithStatus-CdGq-NDY.css +1 -0
  21. package/dist/assets/AvatarWithStatus.stories-29N0wtHe.js +8 -0
  22. package/dist/assets/Badge-CBvNSaWA.css +1 -0
  23. package/dist/assets/Badge.stories-CBxH3n-o.js +17 -0
  24. package/dist/assets/Box-CDOvHGxy.css +1 -0
  25. package/dist/assets/Box.stories-C6fIW1K3.js +12 -0
  26. package/dist/assets/Button-BZNphSJk.js +1 -0
  27. package/dist/assets/{Button-DkC87Il_.css → Button-C853tOG-.css} +1 -1
  28. package/dist/assets/Button.stories-DgwohUGE.js +127 -0
  29. package/dist/assets/Chips-B7hFZwVE.css +1 -0
  30. package/dist/assets/Chips.stories-BwxOxXkZ.js +110 -0
  31. package/dist/assets/Color-F6OSRLHC-DZf8JPD-.js +1 -0
  32. package/dist/assets/{Combinations.stories-D1t1g2T7.js → Combinations.stories-DlAoN41u.js} +1 -1
  33. package/dist/assets/DocsRenderer-CFRXHY34-DsHrNFJc.js +1 -0
  34. package/dist/assets/FieldAdditionalText-DrvNHOos.css +1 -0
  35. package/dist/assets/FieldAdditionalText-Qa29-xiu.js +1 -0
  36. package/dist/assets/{FieldAdditionalText.stories-WBwf3HZC.js → FieldAdditionalText.stories-BShsvr7H.js} +1 -1
  37. package/dist/assets/FieldButton-CAtGQIyt.js +1 -0
  38. package/dist/assets/{FieldButton-BhBN321f.css → FieldButton-Dj7hWYEr.css} +1 -1
  39. package/dist/assets/{FieldButton.stories-Dbv3lBo2.js → FieldButton.stories-DA1j28hU.js} +1 -1
  40. package/dist/assets/FieldLayout-BQRKpIcP.css +1 -0
  41. package/dist/assets/FieldLayout-CTr7QeXA.js +1 -0
  42. package/dist/assets/{FieldLayout.stories-BPp8UGvh.js → FieldLayout.stories-C9uVvvgt.js} +1 -1
  43. package/dist/assets/FieldLayoutBase-BL2BWoGd.js +1 -0
  44. package/dist/assets/FieldLayoutBase-DWF0hA1X.css +1 -0
  45. package/dist/assets/Heading-BG6W5201.js +1 -0
  46. package/dist/assets/{Heading-BPgTA2fu.css → Heading-Cul5vvKg.css} +1 -1
  47. package/dist/assets/Heading-DFUBmEST.js +1 -0
  48. package/dist/assets/{Heading-CtuDJWLT.css → Heading-DL8jlCyS.css} +1 -1
  49. package/dist/assets/{Heading.stories-CxPf5Rte.js → Heading.stories-CboQRDO2.js} +1 -1
  50. package/dist/assets/Icon-1q90Mau2.js +1 -0
  51. package/dist/assets/Icon-9rsSapWo.css +1 -0
  52. package/dist/assets/Icon-CVkRdQHj.js +1 -0
  53. package/dist/assets/Icon-RSC-MEBrptVf.js +6 -0
  54. package/dist/assets/{Icon.stories-BR_5uvdb.js → Icon.stories-YDatbovB.js} +1 -1
  55. package/dist/assets/InputText-QLCrVL0G.js +1 -0
  56. package/dist/assets/{LayoutFlex-DXnqqVSb.js → LayoutFlex-D6PydD-C.js} +1 -1
  57. package/dist/assets/LayoutFlex-DgyQwLgn.js +1 -0
  58. package/dist/assets/{LayoutFlex.stories-C8gR2GU8.js → LayoutFlex.stories-DF2Ikn4Q.js} +1 -1
  59. package/dist/assets/LayoutFlexItem-B-l2qcmJ.css +1 -0
  60. package/dist/assets/LayoutFlexItem-SEHKavJ9.js +1 -0
  61. package/dist/assets/{LayoutGrid-CN3KJUp2.css → LayoutGrid-CpuUKnsL.css} +1 -1
  62. package/dist/assets/LayoutGrid-DdmLvspn.js +1 -0
  63. package/dist/assets/LayoutGrid-Dt30CHIv.css +1 -0
  64. package/dist/assets/LayoutGrid.stories-4yJrTG5s.js +32 -0
  65. package/dist/assets/LayoutGridItem-DjGdFe46.js +1 -0
  66. package/dist/assets/LayoutGridItem-Dp1Nacfq.css +1 -0
  67. package/dist/assets/{LibraryExplore-C4zwgVry.js → LibraryExplore-C8GqDRwc.js} +1 -1
  68. package/dist/assets/Link-26ZOMHGK.css +1 -0
  69. package/dist/assets/Link.stories-LrZO1Uy0.js +39 -0
  70. package/dist/assets/Loader-Dg4a2UB6.css +1 -0
  71. package/dist/assets/Loader.stories-e8LiQF3P.js +8 -0
  72. package/dist/assets/NumberField.stories-CWPqdbcf.js +34 -0
  73. package/dist/assets/ObserveIntersection-DQIJtmSp.js +1 -0
  74. package/dist/assets/{ObserveIntersection.stories-BUkBlkns.js → ObserveIntersection.stories-x9wTR5gs.js} +1 -1
  75. package/dist/assets/PasswordField.stories-B4WzBt1E.js +16 -0
  76. package/dist/assets/PreplyLogo-IRsUUs-n.css +1 -0
  77. package/dist/assets/PreplyLogo.stories-D_b2pb57.js +54 -0
  78. package/dist/assets/{RootProvider-CIyXzSB0.js → RootProvider-IC6FiMeU.js} +1 -1
  79. package/dist/assets/SelectField-BRoLuQzo.css +1 -0
  80. package/dist/assets/SelectField.stories-C47zyqWR.js +28 -0
  81. package/dist/assets/ShowOnIntersection.stories-BelyaMHC.js +17 -0
  82. package/dist/assets/Spinner-Bti55suJ.css +1 -0
  83. package/dist/assets/Spinner-CJdCIg2b.js +1 -0
  84. package/dist/assets/{StoryContextDSWeb-BrR9U5wu.js → StoryContextDSWeb-2Rray45i.js} +1 -1
  85. package/dist/assets/{StorybookGlobalStyle-hxnxtqnm.js → StorybookGlobalStyle-LHKIOPAE.js} +1 -1
  86. package/dist/assets/Text-B7LTpksr.js +1 -0
  87. package/dist/assets/Text-BobxeBqA.js +1 -0
  88. package/dist/assets/{Text-CL4sb7RD.css → Text-ChqbPisy.css} +1 -1
  89. package/dist/assets/{Text.stories-CrxPHe_s.js → Text.stories-8ZYNX34j.js} +1 -1
  90. package/dist/assets/TextField-B0IJrKKB.js +1 -0
  91. package/dist/assets/TextField-CpeWKtVp.css +1 -0
  92. package/dist/assets/TextField.stories-CerhdNO3.js +20 -0
  93. package/dist/assets/TextHighlighted-CwbgNZv9.js +1 -0
  94. package/dist/assets/TextHighlighted-fPw3E6LQ.css +1 -0
  95. package/dist/assets/TextHighlighted.stories-ccNpd8s8.js +12 -0
  96. package/dist/assets/TextInline-Bd0oY8Kz.css +1 -0
  97. package/dist/assets/TextInline.stories-CRAZ92ID.js +3 -0
  98. package/dist/assets/TextareaField.stories-mdoHmtYR.js +20 -0
  99. package/dist/assets/Toast-DssZZ9Ui.css +1 -0
  100. package/dist/assets/Toast.stories-CXyLWBtu.js +99 -0
  101. package/dist/assets/{TokyoUIFav-BBCs1UNi.js → TokyoUIFav-DGbkVriC.js} +1 -1
  102. package/dist/assets/{TokyoUIInfo-Ca5tM2Tx.js → TokyoUIInfo-nHX2jpp7.js} +1 -1
  103. package/dist/assets/{TokyoUINotesWithPad-DNanbb-i.js → TokyoUINotesWithPad-Bqcca_-M.js} +1 -1
  104. package/dist/assets/{TokyoUIStudy-HW-yi3kJ.js → TokyoUIStudy-D23BkO7T.js} +1 -1
  105. package/dist/assets/{TokyoUITag-C_rZiuNZ.js → TokyoUITag-CulX0-gf.js} +1 -1
  106. package/dist/assets/{User-CLwP09AE.js → User-Did0EEnK.js} +1 -1
  107. package/dist/assets/{axe-BFJxu91j.js → axe-CSagJkkd.js} +14 -14
  108. package/dist/assets/{breakpoints-D5OA1TvK.js → breakpoints-Cj98i_fB.js} +2 -2
  109. package/dist/assets/{breakpoints-CLR_PmX9.js → breakpoints-DQ7UJG0o.js} +2 -2
  110. package/dist/assets/{breakpoints-BE3YS9FD.js → breakpoints-OjnHGck8.js} +2 -2
  111. package/dist/assets/{changelog-CUDLdqFV.js → changelog-BxF1tz5S.js} +111 -105
  112. package/dist/assets/chunk-NUUEMKO5-euBfL_gL.js +2 -0
  113. package/dist/assets/client-rPR5pGQ1.js +1 -0
  114. package/dist/assets/entry-preview-D2XlGl4K.js +10 -0
  115. package/dist/assets/{entry-preview-docs-LVmtkYSM.js → entry-preview-docs-CJFU84iN.js} +1 -1
  116. package/dist/assets/{getInputProps-D080YxKC.js → getInputProps-m9JRH05T.js} +1 -1
  117. package/dist/assets/{getTokenVar-Da2wrmJY.js → getTokenVar-BUceGCGb.js} +2 -2
  118. package/dist/assets/{hover-CtVISAsq.js → hover-4kNp2xzn.js} +2 -2
  119. package/dist/assets/hover-BPkIAcQj.js +13 -0
  120. package/dist/assets/hover-CKKd46VR.js +14 -0
  121. package/dist/assets/iframe-DNhQ4uD1.js +2 -0
  122. package/dist/assets/index-B3evPFBL.js +9 -0
  123. package/dist/assets/{index-D1znvQCa.js → index-BJKH4sNh.js} +4 -4
  124. package/dist/assets/index-BTFotm2p.js +1 -0
  125. package/dist/assets/index-CHGET4sZ.js +8 -0
  126. package/dist/assets/index-D0e9w-0q.js +1 -0
  127. package/dist/assets/index-DkSJDfK1.js +24 -0
  128. package/dist/assets/{index-CNwVr1BN.js → index-uOP2uDdf.js} +1 -1
  129. package/dist/assets/{index-CKUxGgcj.js → index-yLD8V9di.js} +2 -2
  130. package/dist/assets/{intro-KKYc3Qj7.js → intro--kz02rqR.js} +2 -2
  131. package/dist/assets/jsx-runtime-DKCSRAmE.js +9 -0
  132. package/dist/assets/layout-padding-B-EnYmsm.js +1 -0
  133. package/dist/assets/layout-padding-P2P9N1cP.js +1 -0
  134. package/dist/assets/layout-padding-ukwnta-g.css +1 -0
  135. package/dist/assets/{layout-relative-CuLaLNAm.css → layout-relative-BrkNhAu_.css} +1 -1
  136. package/dist/assets/layout-relative-CozMqbtL.js +1 -0
  137. package/dist/assets/{migrating-from-less-DKe3GLFW.js → migrating-from-less-By2PC1hx.js} +2 -2
  138. package/dist/assets/playground-DdSadWJ8.css +1 -0
  139. package/dist/assets/{playground.stories-D4Y9ybxv.js → playground.stories-DYCFCFOi.js} +160 -160
  140. package/dist/assets/preview-CbvIhn1z.js +2 -0
  141. package/dist/assets/preview-DW_9Nk-L.js +1 -0
  142. package/dist/assets/{preview-BY229Ob2.js → preview-s8id8ylJ.js} +2 -2
  143. package/dist/assets/{react-18-BNNEACTM.js → react-18-B0WNpEvi.js} +1 -1
  144. package/dist/assets/render-icon-CTNqu885.js +9 -0
  145. package/dist/assets/render-icon-DZ-M7pKE.js +9 -0
  146. package/dist/assets/{styled-components.browser.esm-qXWu05kn.js → styled-components.browser.esm-7-tE6q-K.js} +1 -1
  147. package/dist/assets/text-accent-B8HAd4mP.js +1 -0
  148. package/dist/assets/text-accent-DzQSSAB9.css +1 -0
  149. package/dist/assets/text-accent-t1-BGLK1.js +1 -0
  150. package/dist/assets/text-centered-C6Wqdv_S.js +1 -0
  151. package/dist/assets/text-centered-CBDUg9L9.css +1 -0
  152. package/dist/assets/text-centered-DYUXyPl4.js +1 -0
  153. package/dist/assets/text-centered-W3WShV7n.css +1 -0
  154. package/dist/assets/{tokens-DsTk7OGp.js → tokens-BUx_lLya.js} +2 -2
  155. package/dist/assets/{tokens-DoJa01Sl.js → tokens-DNQBcdJV.js} +2 -2
  156. package/dist/assets/{tokens-BNnIS6RS.js → tokens-QjeuQOEN.js} +2 -2
  157. package/dist/assets/{useForcedRef-DbdggIA8.js → useForcedRef-DKZ-gd07.js} +1 -1
  158. package/dist/assets/useHostname-CH18gHFj.js +1 -0
  159. package/dist/assets/{useNumberField-Dm6ip2J1.js → useNumberField-Hk_Ucz7p.js} +1 -1
  160. package/dist/assets/{usePasswordField-CBVn6RCm.js → usePasswordField-C9he2NFD.js} +1 -1
  161. package/dist/assets/{useSelectField-BY3O1JQ9.js → useSelectField-8KvkaLTF.js} +1 -1
  162. package/dist/assets/{useTextField-DljuId2b.js → useTextField-Gt019Otc.js} +1 -1
  163. package/dist/assets/{useTextareaField-B2anSFYg.js → useTextareaField-DPv6A6ix.js} +1 -1
  164. package/dist/assets/{useTheme-NipwD8bb.js → useTheme-RRPIoBnw.js} +1 -1
  165. package/dist/assets/{welcome-kjRDsbnm.js → welcome-B6Eh_xU7.js} +2 -2
  166. package/dist/iframe.html +1 -1
  167. package/dist/preview-stats.json +1219 -1219
  168. package/dist/project.json +1 -1
  169. package/dist/sb-addons/essentials-controls-5/manager-bundle.js +23 -23
  170. package/dist/sb-addons/interactions-12/manager-bundle.js +15 -15
  171. package/dist/sb-manager/globals-runtime.js +1 -1
  172. package/dist/sb-preview/runtime.js +139 -139
  173. package/package.json +17 -17
  174. package/dist/assets/01.semantic-tokens-BKiOEwph.js +0 -2
  175. package/dist/assets/40.illustrations.explorer-OmSwpz0b.js +0 -21
  176. package/dist/assets/Avatar-B3RjiH24.js +0 -6
  177. package/dist/assets/Avatar-BtuwggZ8.css +0 -1
  178. package/dist/assets/Avatar-CSONwjte.css +0 -1
  179. package/dist/assets/Avatar-LsS7HzF7.js +0 -1
  180. package/dist/assets/AvatarWithStatus-Dp-pNkOT.css +0 -1
  181. package/dist/assets/AvatarWithStatus.stories-DcKUyTMh.js +0 -13
  182. package/dist/assets/Badge-urQ34EXV.css +0 -1
  183. package/dist/assets/Badge.stories-DFHHH0ia.js +0 -22
  184. package/dist/assets/Box-CHyq8694.css +0 -1
  185. package/dist/assets/Box.stories-DjhU2uVz.js +0 -12
  186. package/dist/assets/Button-B62aViHd.js +0 -1
  187. package/dist/assets/Button.stories-CUT87Vm0.js +0 -127
  188. package/dist/assets/Chips-BLP-johU.css +0 -1
  189. package/dist/assets/Chips.stories-D8Lt6Zb0.js +0 -127
  190. package/dist/assets/Color-F6OSRLHC-Dmfi0m97.js +0 -1
  191. package/dist/assets/DocsRenderer-CFRXHY34-rxddP_SO.js +0 -1
  192. package/dist/assets/FieldAdditionalText-DL2YCveZ.js +0 -1
  193. package/dist/assets/FieldAdditionalText-DPbhkthO.css +0 -1
  194. package/dist/assets/FieldButton-61O6yJBj.js +0 -1
  195. package/dist/assets/FieldLayout-CXokhfqc.css +0 -1
  196. package/dist/assets/FieldLayout-DdDxE17A.js +0 -1
  197. package/dist/assets/FieldLayoutBase-iPyGugU5.js +0 -2
  198. package/dist/assets/FieldLayoutBase-s02eTaxu.css +0 -1
  199. package/dist/assets/Heading-BAV7van3.js +0 -1
  200. package/dist/assets/Heading-CmSCvgg4.js +0 -2
  201. package/dist/assets/Icon-8p7i_Npi.js +0 -8
  202. package/dist/assets/Icon-B1d_5YXB.js +0 -1
  203. package/dist/assets/Icon-BfFPIHK1.css +0 -1
  204. package/dist/assets/Icon-RSC-MD6PDgZ4.js +0 -6
  205. package/dist/assets/InputText-BxZG2x51.js +0 -1
  206. package/dist/assets/LayoutFlex-CM9YXKDt.js +0 -1
  207. package/dist/assets/LayoutFlexItem-DMU2rpIk.css +0 -1
  208. package/dist/assets/LayoutFlexItem-DdZil9hc.js +0 -1
  209. package/dist/assets/LayoutGrid-DLUPUIXq.js +0 -1
  210. package/dist/assets/LayoutGrid-h_q8Cyw-.css +0 -1
  211. package/dist/assets/LayoutGrid.stories-DcE-o9Hi.js +0 -32
  212. package/dist/assets/LayoutGridItem-BZA5zLnC.css +0 -1
  213. package/dist/assets/LayoutGridItem-CUSkp0EL.js +0 -1
  214. package/dist/assets/Link-e1VxjtXz.css +0 -1
  215. package/dist/assets/Link.stories-Dj--5Mn9.js +0 -45
  216. package/dist/assets/Loader-JBRMRGah.css +0 -1
  217. package/dist/assets/Loader.stories-6f04QbUV.js +0 -8
  218. package/dist/assets/NumberField.stories-C6Ba8EF2.js +0 -34
  219. package/dist/assets/ObserveIntersection-BMgF_bTB.js +0 -8
  220. package/dist/assets/PasswordField.stories-BHX5MzsL.js +0 -16
  221. package/dist/assets/PreplyLogo-Bv4y-PiZ.css +0 -1
  222. package/dist/assets/PreplyLogo.stories-DCZdog3C.js +0 -56
  223. package/dist/assets/SelectField-DdbmaFbt.css +0 -1
  224. package/dist/assets/SelectField.stories-DG05ZO35.js +0 -28
  225. package/dist/assets/ShowOnIntersection.stories-CaJUDJBY.js +0 -17
  226. package/dist/assets/Spinner-1gQSVair.css +0 -1
  227. package/dist/assets/Spinner-Boqq-9u0.js +0 -1
  228. package/dist/assets/Text-Bcm2Dq4J.js +0 -1
  229. package/dist/assets/Text-D0G6v-Of.js +0 -1
  230. package/dist/assets/TextField-CU1QwIKs.css +0 -1
  231. package/dist/assets/TextField-DslFBcWc.js +0 -1
  232. package/dist/assets/TextField.stories-BlATcHyt.js +0 -20
  233. package/dist/assets/TextHighlighted-CPKtseT9.css +0 -1
  234. package/dist/assets/TextHighlighted-p-K7EWjq.js +0 -1
  235. package/dist/assets/TextHighlighted.stories-2Exo0fdF.js +0 -12
  236. package/dist/assets/TextInline-4mDbIPmt.css +0 -1
  237. package/dist/assets/TextInline.stories-BdKbVU_y.js +0 -3
  238. package/dist/assets/TextareaField.stories-Bz3RKg8u.js +0 -20
  239. package/dist/assets/Toast-BIJpgBGF.css +0 -1
  240. package/dist/assets/Toast.stories-DpOBakGk.js +0 -101
  241. package/dist/assets/chunk-NUUEMKO5-CFg3ltlT.js +0 -2
  242. package/dist/assets/client-C10FAwOU.js +0 -1
  243. package/dist/assets/entry-preview-B3gzz8R8.js +0 -10
  244. package/dist/assets/hover-3HlUqtsJ.js +0 -13
  245. package/dist/assets/hover-BBQGSzFV.js +0 -14
  246. package/dist/assets/iframe-Ce8o_BH_.js +0 -2
  247. package/dist/assets/index-CJyPbrN5.js +0 -8
  248. package/dist/assets/index-Cr7eDsRK.js +0 -24
  249. package/dist/assets/index-DrErIbxQ.js +0 -1
  250. package/dist/assets/index-KmaxkdDD.js +0 -9
  251. package/dist/assets/jsx-runtime-BkBIjjFT.js +0 -9
  252. package/dist/assets/layout-padding-Dxpo7_BI.css +0 -1
  253. package/dist/assets/layout-padding-bMUBeBAJ.js +0 -1
  254. package/dist/assets/layout-padding-sFoT2rMg.js +0 -1
  255. package/dist/assets/layout-relative-CeeoLtar.js +0 -1
  256. package/dist/assets/playground-BeudTFTl.css +0 -1
  257. package/dist/assets/preview-BzirfIxl.js +0 -1
  258. package/dist/assets/preview-_jlbTnqG.js +0 -2
  259. package/dist/assets/render-icon-DG1EeCBs.js +0 -9
  260. package/dist/assets/render-icon-zawwOivR.js +0 -9
  261. package/dist/assets/text-accent-BDboL8T6.css +0 -1
  262. package/dist/assets/text-accent-CmSbWWbc.js +0 -1
  263. package/dist/assets/text-accent-De1PCgKT.js +0 -1
  264. package/dist/assets/text-centered-BQPsWp4l.css +0 -1
  265. package/dist/assets/text-centered-Ba4Oo1IB.js +0 -1
  266. package/dist/assets/text-centered-CuNPuWpo.css +0 -1
  267. package/dist/assets/text-centered-DHs_ZmOi.js +0 -1
  268. package/dist/assets/useHostname-1VY2skfn.js +0 -1
@@ -1,28 +0,0 @@
1
- import{j as e}from"./jsx-runtime-BkBIjjFT.js";import{F as K}from"./TokyoUIStudy-HW-yi3kJ.js";import{r as l}from"./index-KmaxkdDD.js";import{a as T}from"./Button-B62aViHd.js";import{I as O}from"./Icon-8p7i_Npi.js";import{g as M,m as H,d as b,b as y}from"./classNames-BhD67HvA.js";import{w as u}from"./componentNames-BSriaIOD.js";import{s as U,u as W,I as J,F as X}from"./FieldLayoutBase-iPyGugU5.js";import{u as $}from"./useForcedRef-DbdggIA8.js";import{u as A}from"./useSelectField-BY3O1JQ9.js";import{S as z}from"./StoryContextDSWeb-BrR9U5wu.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./render-icon-zawwOivR.js";import"./Spinner-Boqq-9u0.js";import"./useHostname-1VY2skfn.js";import"./index-CC6DAVyL.js";import"./text-accent-De1PCgKT.js";import"./getInputProps-D080YxKC.js";import"./FieldAdditionalText-DL2YCveZ.js";import"./constants-DL6gdbsq.js";import"./StorybookGlobalStyle-hxnxtqnm.js";import"./styled-components.browser.esm-qXWu05kn.js";import"./RootProvider-CIyXzSB0.js";import"./useTheme-NipwD8bb.js";import"./constants-mdQROz_Y.js";const c=({...n})=>e.jsx("option",{...n,...M({preplyDsComponent:u.SelectFieldOption})});try{c.displayName="SelectFieldOption",c.__docgenInfo={description:"Use this as a child of `SelectField` to render a `select` option.",displayName:"SelectFieldOption",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}}}}}catch{}const Z=({onChange:n,onValueChange:i,children:o,placeholder:a,...r},d)=>{const p=H(U,u.Select),t=W(q=>q.target.value,n,i),{required:m}=r,s=typeof a<"u"?e.jsx("option",{value:"",disabled:m,"aria-hidden":!0,children:a}):null,F=e.jsxs(e.Fragment,{children:[s,o]});return e.jsx(J,{...r,ref:d,type:"select",className:p.join(" "),onChange:t,preplyDsComponent:u.Select,children:F})},E=l.forwardRef(Z);try{E.displayName="Select",E.__docgenInfo={description:"",displayName:"Select",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<Element> | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean | undefined"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean | undefined"}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"boolean | undefined"}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"ValueChangeEventHandler<string> | undefined"}}}}}catch{}const V={"SelectFieldLayout--input":"_SelectFieldLayout--input_j5de9_5","SelectFieldLayout--icon":"_SelectFieldLayout--icon_j5de9_37","SelectFieldLayout--dropdown-indicator":"_SelectFieldLayout--dropdown-indicator_j5de9_48","SelectFieldLayout--has-value":"_SelectFieldLayout--has-value_j5de9_59","SelectFieldLayout--has-icon":"_SelectFieldLayout--has-icon_j5de9_62","SelectFieldLayout--has-error":"_SelectFieldLayout--has-error_j5de9_65","SelectFieldLayout--is-focused":"_SelectFieldLayout--is-focused_j5de9_75","SelectFieldLayout--is-disabled":"_SelectFieldLayout--is-disabled_j5de9_78"},G=({title:n,titleId:i,...o},a)=>l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:a,"aria-labelledby":i,...o},n?l.createElement("title",{id:i},n):null,l.createElement("path",{fillRule:"evenodd",d:"m12 16-6-5.61L7.487 9 12 13.22 16.513 9 18 10.39 12 16Z",clipRule:"evenodd"})),Q=l.forwardRef(G),Y=({id:n,className:i,input:o,icon:a,disabled:r,isFocused:d,hasError:p,inputHandle:t,onClick:m,hasValue:s,...F},q)=>{const S=l.useRef(null);l.useImperativeHandle(q,()=>({setFocus:()=>t==null?void 0:t.setFocus(),scrollIntoView:()=>{var g;return(g=S==null?void 0:S.current)==null?void 0:g.scrollIntoView()}}));const C=b(V,u.SelectFieldLayout,[y("is-disabled",void 0,r),y("is-focused",void 0,d),y("has-error",void 0,p),y("has-icon",void 0,!!a),y("has-value",void 0,s)]),D=i?[i,...C]:C,I=b(V,u.SelectFieldLayout,["input"]),k=b(V,u.SelectFieldLayout,["icon"]),B=b(V,u.SelectFieldLayout,["dropdown-indicator"]),P=g=>{t==null||t.setFocus(),m==null||m(g)};return e.jsx(X,{id:n,className:D.join(" "),disabled:r,isFocused:d,hasError:p,hasValue:s,...F,preplyDsComponent:u.SelectFieldLayout,ref:S,children:e.jsxs("div",{className:I.join(" "),onClick:P,children:[a&&e.jsx("span",{style:{lineHeight:"initial"},className:k.join(" "),children:a}),o,e.jsx("span",{style:{lineHeight:"initial"},className:B.join(" "),children:e.jsx(O,{svg:Q})})]})})},_=l.forwardRef(Y);try{_.displayName="SelectFieldLayout",_.__docgenInfo={description:"",displayName:"SelectFieldLayout",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean | undefined"}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"boolean | undefined"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"ReactNode"}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"ReactNode"}},hideLabel:{defaultValue:null,description:"",name:"hideLabel",required:!1,type:{name:"boolean | undefined"}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"boolean | undefined"}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"ReactNode"}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"boolean | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string | undefined"}},isFocused:{defaultValue:null,description:"",name:"isFocused",required:!1,type:{name:"boolean | undefined"}},isTouched:{defaultValue:null,description:"",name:"isTouched",required:!1,type:{name:"boolean | undefined"}},isChanged:{defaultValue:null,description:"",name:"isChanged",required:!1,type:{name:"boolean | undefined"}},hasValue:{defaultValue:null,description:"",name:"hasValue",required:!1,type:{name:"boolean | undefined"}},input:{defaultValue:null,description:"An `<input>` element.",name:"input",required:!0,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},inputHandle:{defaultValue:null,description:"A ref handle to the `<input>` element, used to manage focus when\nclicking on elements within the layout, such as the button and icon.",name:"inputHandle",required:!0,type:{name:"InputImperativeHandle | null"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactElement<IconProps, string | JSXElementConstructor<any>> | undefined"}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"ReactElement<FieldButtonProps, string | JSXElementConstructor<any>> | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}}}}}catch{}const ee="_SelectField_182ji_1",ne={SelectField:ee},ae=({id:n,...i},o)=>{const a=l.useRef(null),r=$();l.useImperativeHandle(o,()=>({setFocus:()=>{var s;return(s=a==null?void 0:a.current)==null?void 0:s.setFocus()},scrollIntoView:()=>{var s;return(s=a==null?void 0:a.current)==null?void 0:s.scrollIntoView()}}));const{layoutProps:d,inputProps:p}=A({id:n,...i},u.SelectField),t=H(ne,u.SelectField),m=e.jsx(E,{...p,ref:r});return e.jsx(_,{...d,className:t.join(" "),input:m,inputHandle:r.current,ref:a})},h=l.forwardRef(ae);try{h.displayName="SelectField",h.__docgenInfo={description:"Use this with `SelectFieldOption`s to render a `select` dropdown.\n\nBy default, this field acts as a controlled field and expects the parent\ncomponent to manage the state, by reacting to user input via the `onChange` or\n`onValueChange` props, and providing the latest state via the `value` prop.\n\nAlternatively, you can use it as an uncontrolled field using the\n`defaultValue` prop instead of the `value` prop.",displayName:"SelectField",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},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:"ReactNode"}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"ReactNode"}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"boolean | undefined"}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"boolean | undefined"}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"ReactNode"}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"boolean | undefined"}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"boolean | undefined"}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",required:!1,type:{name:"ReactNode"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"Dataset | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<Element> | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean | undefined"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean | undefined"}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"ValueChangeEventHandler<string> | undefined"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactElement<IconProps, string | JSXElementConstructor<any>> | undefined"}}}}}catch{}const Le={title:"components/SelectField",component:h,subcomponents:{SelectFieldOption:c},decorators:[n=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(z,{theme:"tokyo-ui",children:n()})})]},v=()=>e.jsxs(h,{label:"Language",defaultValue:"english",children:[e.jsx(c,{value:"english",children:"English"}),e.jsx(c,{value:"spanish",children:"Spanish"}),e.jsx(c,{value:"french",children:"French"})]}),f=()=>{const[n,i]=l.useState(void 0),[o,a]=l.useState(!1),r=o&&!n&&"Please select an option",d=l.useRef(null),p=()=>{var t;a(!0),n||(t=d==null?void 0:d.current)==null||t.setFocus()};return e.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[e.jsxs(h,{value:n,label:"Subject",required:!0,icon:e.jsx(O,{svg:K,label:"Student with a hat"}),placeholder:"Select a subject",additionalText:"We will use this to get a personalized choice of tutors",onValueChange:i,errorMessage:r,ref:d,children:[e.jsx(c,{value:"english",children:"English"}),e.jsx(c,{value:"spanish",children:"Spanish"}),e.jsx(c,{value:"french",children:"French"})]}),e.jsx(T,{onClick:()=>p(),children:"Submit"})]})};f.tags=["!test"];f.parameters={docs:{description:{story:'\nThe following code renders a `SelectField` with the `required` flag,\n`placeholder` and some `additionalText`.\n\nWhen you click the "Submit" button, and the input `value` is empty, it:\n\n- Displays feedback via the `errorMessage` prop;\n- Brings the focus back to the field.\n'}},chromatic:{disableSnapshot:!0}};var x,L,j;v.parameters={...v.parameters,docs:{...(x=v.parameters)==null?void 0:x.docs,source:{originalSource:`() => <SelectField label="Language" defaultValue="english">
2
- <SelectFieldOption value="english">English</SelectFieldOption>
3
- <SelectFieldOption value="spanish">Spanish</SelectFieldOption>
4
- <SelectFieldOption value="french">French</SelectFieldOption>
5
- </SelectField>`,...(j=(L=v.parameters)==null?void 0:L.docs)==null?void 0:j.source}}};var w,N,R;f.parameters={...f.parameters,docs:{...(w=f.parameters)==null?void 0:w.docs,source:{originalSource:`() => {
6
- const [value, setValue] = useState<string | undefined>(undefined);
7
- const [submited, setSubmitted] = useState(false);
8
- const errorMessage = submited && !value && 'Please select an option';
9
- const fieldRef = useRef<InputImperativeHandle>(null);
10
- const handleClick = () => {
11
- setSubmitted(true);
12
- if (!value) {
13
- fieldRef?.current?.setFocus();
14
- }
15
- };
16
- return <div style={{
17
- maxWidth: '500px',
18
- display: 'flex',
19
- flexDirection: 'column'
20
- }}>
21
- <SelectField value={value} label="Subject" required icon={<Icon svg={StudySvg} label="Student with a hat" />} placeholder="Select a subject" additionalText="We will use this to get a personalized choice of tutors" onValueChange={setValue} errorMessage={errorMessage} ref={fieldRef}>
22
- <SelectFieldOption value="english">English</SelectFieldOption>
23
- <SelectFieldOption value="spanish">Spanish</SelectFieldOption>
24
- <SelectFieldOption value="french">French</SelectFieldOption>
25
- </SelectField>
26
- <Button onClick={() => handleClick()}>Submit</Button>
27
- </div>;
28
- }`,...(R=(N=f.parameters)==null?void 0:N.docs)==null?void 0:R.source}}};const je=["Basic","Example"];export{v as Basic,f as Example,je as __namedExportsOrder,Le as default};
@@ -1,17 +0,0 @@
1
- import{j as t}from"./jsx-runtime-BkBIjjFT.js";import{r as i}from"./index-KmaxkdDD.js";import{O as y}from"./ObserveIntersection-BMgF_bTB.js";import{S as w}from"./StoryContextDSWeb-BrR9U5wu.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./classNames-BhD67HvA.js";import"./componentNames-BSriaIOD.js";import"./StorybookGlobalStyle-hxnxtqnm.js";import"./styled-components.browser.esm-qXWu05kn.js";import"./RootProvider-CIyXzSB0.js";import"./useTheme-NipwD8bb.js";import"./constants-mdQROz_Y.js";const o=({onIntersect:e,once:d,threshold:c,tag:p,dataset:m,children:h})=>{const[r,u]=i.useState(!1),f=i.useCallback(()=>{r||u(!0),e==null||e()},[r,e]);return t.jsx(y,{onIntersect:f,once:e?d:!0,threshold:c,tag:p,dataset:m,children:r&&h})};try{o.displayName="ShowOnIntersection",o.__docgenInfo={description:"Only renders the wrapped components once it intersects with the viewport.\n\nNote that elements will not be detached from the DOM if the component is\nscrolled out of view again.\n\nYou can use `React.lazy` to lazy-load the wrapped components.\n\nAdditionally, an `onIntersect` callback can be provided. As with\n`ObserveIntersection`, this callback will be called every time the component\nintersects with the viewport, or only the first time if `once` is set to\n`true`.",displayName:"ShowOnIntersection",props:{onIntersect:{defaultValue:null,description:"",name:"onIntersect",required:!1,type:{name:"(() => void) | undefined"}},once:{defaultValue:null,description:"",name:"once",required:!1,type:{name:"boolean | undefined"}},threshold:{defaultValue:null,description:"",name:"threshold",required:!1,type:{name:"number | undefined"}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"LayoutTag | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}}}}}catch{}const N={title:"components/ShowOnIntersection",component:o,decorators:[e=>t.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:t.jsx(w,{theme:"tokyo-ui",children:e()})})],parameters:{tags:["!test"],chromatic:{disableSnapshot:!0}}},n=()=>t.jsx("div",{style:{height:"200px",overflowY:"scroll",position:"relative"},children:t.jsx("div",{style:{height:"400px",display:"flex",alignItems:"end"},children:t.jsx(o,{children:t.jsx("p",{children:"Intersected"})})})});n.storyName="ShowOnIntersection";var s,a,l;n.parameters={...n.parameters,docs:{...(s=n.parameters)==null?void 0:s.docs,source:{originalSource:`() => {
2
- return <div style={{
3
- height: '200px',
4
- overflowY: 'scroll',
5
- position: 'relative'
6
- }}>
7
- <div style={{
8
- height: '400px',
9
- display: 'flex',
10
- alignItems: 'end'
11
- }}>
12
- <ShowOnIntersection>
13
- <p>Intersected</p>
14
- </ShowOnIntersection>
15
- </div>
16
- </div>;
17
- }`,...(l=(a=n.parameters)==null?void 0:a.docs)==null?void 0:l.source}}};const C=["Base"];export{n as Base,C as __namedExportsOrder,N as default};
@@ -1 +0,0 @@
1
- @keyframes _spin_mwa3k_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._Spinner_mwa3k_12{display:inline-flex}._Spinner--size-default_mwa3k_15>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--size-large_mwa3k_19>*{width:var(--77547f);height:var(--77547f)}@media (min-width: 400px){._Spinner--narrow-l--size-default_mwa3k_24>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--narrow-l--size-large_mwa3k_28>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 700px){._Spinner--medium-s--size-default_mwa3k_34>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--medium-s--size-large_mwa3k_38>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 880px){._Spinner--medium-l--size-default_mwa3k_44>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--medium-l--size-large_mwa3k_48>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1200px){._Spinner--wide-s--size-default_mwa3k_54>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--wide-s--size-large_mwa3k_58>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1900px){._Spinner--wide-l--size-default_mwa3k_64>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--wide-l--size-large_mwa3k_68>*{width:var(--77547f);height:var(--77547f)}}._Spinner--static_mwa3k_73{display:none}._Spinner--static_mwa3k_73 svg{fill:currentColor}._Spinner--animated_mwa3k_79{display:inline-flex}._Spinner--animated_mwa3k_79 svg{stroke:currentColor;stroke-linecap:round;stroke-width:3px;animation:_spin_mwa3k_1 1s cubic-bezier(.46,.17,.58,.87) infinite}@media (prefers-reduced-motion){._Spinner--static_mwa3k_73{display:inline-flex}._Spinner--animated_mwa3k_79{display:none}}
@@ -1 +0,0 @@
1
- import{j as r}from"./jsx-runtime-BkBIjjFT.js";import{r as e}from"./index-KmaxkdDD.js";import{m as d,s as o,d as m,S as _}from"./classNames-BhD67HvA.js";const c="_Spinner_mwa3k_12",S="_spin_mwa3k_1",l={Spinner:c,"Spinner--size-default":"_Spinner--size-default_mwa3k_15","Spinner--size-large":"_Spinner--size-large_mwa3k_19","Spinner--narrow-l--size-default":"_Spinner--narrow-l--size-default_mwa3k_24","Spinner--narrow-l--size-large":"_Spinner--narrow-l--size-large_mwa3k_28","Spinner--medium-s--size-default":"_Spinner--medium-s--size-default_mwa3k_34","Spinner--medium-s--size-large":"_Spinner--medium-s--size-large_mwa3k_38","Spinner--medium-l--size-default":"_Spinner--medium-l--size-default_mwa3k_44","Spinner--medium-l--size-large":"_Spinner--medium-l--size-large_mwa3k_48","Spinner--wide-s--size-default":"_Spinner--wide-s--size-default_mwa3k_54","Spinner--wide-s--size-large":"_Spinner--wide-s--size-large_mwa3k_58","Spinner--wide-l--size-default":"_Spinner--wide-l--size-default_mwa3k_64","Spinner--wide-l--size-large":"_Spinner--wide-l--size-large_mwa3k_68","Spinner--static":"_Spinner--static_mwa3k_73","Spinner--animated":"_Spinner--animated_mwa3k_79",spin:S},w=({title:n,titleId:i,...a},s)=>e.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:s,"aria-labelledby":i,...a},n?e.createElement("title",{id:i},n):null,e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm9-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})),u=e.forwardRef(w),f=({title:n,titleId:i,...a},s)=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:s,"aria-labelledby":i,...a},n?e.createElement("title",{id:i},n):null,e.createElement("g",{clipPath:"url(#clip0_1785_4234)"},e.createElement("path",{d:"M30 15.9996C30.0002 18.5815 29.2863 21.1132 27.9373 23.3148C26.5884 25.5163 24.6569 27.302 22.3564 28.4743C20.0559 29.6465 17.476 30.1598 14.902 29.9573C12.328 29.7548 9.86014 28.8444 7.77126 27.3269C5.68238 25.8093 4.05386 23.7436 3.06576 21.3582C2.07765 18.9728 1.76846 16.3606 2.17236 13.8104C2.57627 11.2602 3.67753 8.8714 5.35439 6.90808C7.03126 4.94475 9.2184 3.48339 11.674 2.68557",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{opacity:.3,d:"M16 29.9996C23.732 29.9996 30 23.7316 30 15.9996C30 8.26758 23.732 1.99956 16 1.99956C8.26801 1.99956 2 8.26758 2 15.9996C2 23.7316 8.26801 29.9996 16 29.9996Z",strokeWidth:3,strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_1785_4234"},e.createElement("rect",{width:32,height:32,fill:"white"})))),z=e.forwardRef(f),t="Spinner",p=({size:n=_})=>{const i=d(l,t,[o("size",n)]),a=[...m(l,t,["animated"])],s=[...m(l,t,["static"])];return r.jsxs("span",{className:i.join(" "),children:[r.jsx("span",{className:a.join(" "),children:r.jsx(z,{})}),r.jsx("span",{className:s.join(" "),children:r.jsx(u,{})})]})};try{p.displayName="Spinner",p.__docgenInfo={description:"",displayName:"Spinner",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"Responsive<SpinnerSize> | undefined"}}}}}catch{}export{p as S};
@@ -1 +0,0 @@
1
- import{T as b}from"./constants-mdQROz_Y.js";import{u as f,a as C}from"./useTheme-NipwD8bb.js";import{j as z}from"./jsx-runtime-BkBIjjFT.js";import{g as E,a as N}from"./text-accent-CmSbWWbc.js";import{g as A}from"./text-centered-Ba4Oo1IB.js";import{m as h,s as m,b as k,g as D,T as S,c as y}from"./classNames-BhD67HvA.js";import{w as _}from"./componentNames-BSriaIOD.js";const g='Illegal "token" argument provided to getToken(). Are you using indexes? Example: "tokens.action.size[size]". Make sure it resolves to a token.',R=(t,a,i)=>{if(!i)throw new Error(`No token provided. ${g}`);if(!Array.isArray(i))throw new Error(`Value provided is not a token. ${g}`);const e=t.getToken(i,a),l=i[b];if(e===void 0)throw new Error(`Token ${l} not found`);return e};function X(t){const{theme:a}=f(),{colorScheme:i}=C();if(!a)throw new Error("useToken() must be used within a ThemeProvider");return R(a,i,t)}const j="_Text_gpgqq_4",I={Text:j,"Text--variant-caption-regular":"_Text--variant-caption-regular_gpgqq_12","Text--variant-caption-semibold":"_Text--variant-caption-semibold_gpgqq_20","Text--variant-small-regular":"_Text--variant-small-regular_gpgqq_28","Text--variant-small-regular-italic":"_Text--variant-small-regular-italic_gpgqq_36","Text--variant-small-semibold":"_Text--variant-small-semibold_gpgqq_44","Text--variant-small-semibold-italic":"_Text--variant-small-semibold-italic_gpgqq_52","Text--variant-default-regular":"_Text--variant-default-regular_gpgqq_60","Text--variant-default-regular-italic":"_Text--variant-default-regular-italic_gpgqq_68","Text--variant-default-semibold":"_Text--variant-default-semibold_gpgqq_76","Text--variant-default-semibold-italic":"_Text--variant-default-semibold-italic_gpgqq_84","Text--variant-large-regular":"_Text--variant-large-regular_gpgqq_92","Text--variant-large-regular-italic":"_Text--variant-large-regular-italic_gpgqq_100","Text--variant-large-semibold":"_Text--variant-large-semibold_gpgqq_108","Text--variant-large-semibold-italic":"_Text--variant-large-semibold-italic_gpgqq_116","Text--variant-xs":"_Text--variant-xs_gpgqq_124","Text--variant-xs-medium":"_Text--variant-xs-medium_gpgqq_132","Text--variant-s":"_Text--variant-s_gpgqq_28","Text--variant-s-italic":"_Text--variant-s-italic_gpgqq_148","Text--variant-s-medium":"_Text--variant-s-medium_gpgqq_156","Text--variant-s-medium-italic":"_Text--variant-s-medium-italic_gpgqq_164","Text--variant-s-bold":"_Text--variant-s-bold_gpgqq_172","Text--variant-s-bold-italic":"_Text--variant-s-bold-italic_gpgqq_180","Text--variant-m":"_Text--variant-m_gpgqq_188","Text--variant-m-italic":"_Text--variant-m-italic_gpgqq_196","Text--variant-m-medium":"_Text--variant-m-medium_gpgqq_204","Text--variant-m-medium-italic":"_Text--variant-m-medium-italic_gpgqq_212","Text--variant-m-bold":"_Text--variant-m-bold_gpgqq_220","Text--variant-m-bold-italic":"_Text--variant-m-bold-italic_gpgqq_228","Text--variant-l":"_Text--variant-l_gpgqq_92","Text--variant-l-italic":"_Text--variant-l-italic_gpgqq_244","Text--variant-l-medium":"_Text--variant-l-medium_gpgqq_252","Text--variant-l-medium-italic":"_Text--variant-l-medium-italic_gpgqq_260","Text--variant-xl":"_Text--variant-xl_gpgqq_268","Text--variant-xl-italic":"_Text--variant-xl-italic_gpgqq_276","Text--variant-xl-medium":"_Text--variant-xl-medium_gpgqq_284","Text--variant-xl-medium-italic":"_Text--variant-xl-medium-italic_gpgqq_292","Text--narrow-l--variant-caption-regular":"_Text--narrow-l--variant-caption-regular_gpgqq_301","Text--narrow-l--variant-caption-semibold":"_Text--narrow-l--variant-caption-semibold_gpgqq_309","Text--narrow-l--variant-small-regular":"_Text--narrow-l--variant-small-regular_gpgqq_317","Text--narrow-l--variant-small-regular-italic":"_Text--narrow-l--variant-small-regular-italic_gpgqq_325","Text--narrow-l--variant-small-semibold":"_Text--narrow-l--variant-small-semibold_gpgqq_333","Text--narrow-l--variant-small-semibold-italic":"_Text--narrow-l--variant-small-semibold-italic_gpgqq_341","Text--narrow-l--variant-default-regular":"_Text--narrow-l--variant-default-regular_gpgqq_349","Text--narrow-l--variant-default-regular-italic":"_Text--narrow-l--variant-default-regular-italic_gpgqq_357","Text--narrow-l--variant-default-semibold":"_Text--narrow-l--variant-default-semibold_gpgqq_365","Text--narrow-l--variant-default-semibold-italic":"_Text--narrow-l--variant-default-semibold-italic_gpgqq_373","Text--narrow-l--variant-large-regular":"_Text--narrow-l--variant-large-regular_gpgqq_381","Text--narrow-l--variant-large-regular-italic":"_Text--narrow-l--variant-large-regular-italic_gpgqq_389","Text--narrow-l--variant-large-semibold":"_Text--narrow-l--variant-large-semibold_gpgqq_397","Text--narrow-l--variant-large-semibold-italic":"_Text--narrow-l--variant-large-semibold-italic_gpgqq_405","Text--narrow-l--variant-xs":"_Text--narrow-l--variant-xs_gpgqq_413","Text--narrow-l--variant-xs-medium":"_Text--narrow-l--variant-xs-medium_gpgqq_421","Text--narrow-l--variant-s":"_Text--narrow-l--variant-s_gpgqq_317","Text--narrow-l--variant-s-italic":"_Text--narrow-l--variant-s-italic_gpgqq_437","Text--narrow-l--variant-s-medium":"_Text--narrow-l--variant-s-medium_gpgqq_445","Text--narrow-l--variant-s-medium-italic":"_Text--narrow-l--variant-s-medium-italic_gpgqq_453","Text--narrow-l--variant-s-bold":"_Text--narrow-l--variant-s-bold_gpgqq_461","Text--narrow-l--variant-s-bold-italic":"_Text--narrow-l--variant-s-bold-italic_gpgqq_469","Text--narrow-l--variant-m":"_Text--narrow-l--variant-m_gpgqq_477","Text--narrow-l--variant-m-italic":"_Text--narrow-l--variant-m-italic_gpgqq_485","Text--narrow-l--variant-m-medium":"_Text--narrow-l--variant-m-medium_gpgqq_493","Text--narrow-l--variant-m-medium-italic":"_Text--narrow-l--variant-m-medium-italic_gpgqq_501","Text--narrow-l--variant-m-bold":"_Text--narrow-l--variant-m-bold_gpgqq_509","Text--narrow-l--variant-m-bold-italic":"_Text--narrow-l--variant-m-bold-italic_gpgqq_517","Text--narrow-l--variant-l":"_Text--narrow-l--variant-l_gpgqq_381","Text--narrow-l--variant-l-italic":"_Text--narrow-l--variant-l-italic_gpgqq_533","Text--narrow-l--variant-l-medium":"_Text--narrow-l--variant-l-medium_gpgqq_541","Text--narrow-l--variant-l-medium-italic":"_Text--narrow-l--variant-l-medium-italic_gpgqq_549","Text--narrow-l--variant-xl":"_Text--narrow-l--variant-xl_gpgqq_557","Text--narrow-l--variant-xl-italic":"_Text--narrow-l--variant-xl-italic_gpgqq_565","Text--narrow-l--variant-xl-medium":"_Text--narrow-l--variant-xl-medium_gpgqq_573","Text--narrow-l--variant-xl-medium-italic":"_Text--narrow-l--variant-xl-medium-italic_gpgqq_581","Text--medium-s--variant-caption-regular":"_Text--medium-s--variant-caption-regular_gpgqq_591","Text--medium-s--variant-caption-semibold":"_Text--medium-s--variant-caption-semibold_gpgqq_599","Text--medium-s--variant-small-regular":"_Text--medium-s--variant-small-regular_gpgqq_607","Text--medium-s--variant-small-regular-italic":"_Text--medium-s--variant-small-regular-italic_gpgqq_615","Text--medium-s--variant-small-semibold":"_Text--medium-s--variant-small-semibold_gpgqq_623","Text--medium-s--variant-small-semibold-italic":"_Text--medium-s--variant-small-semibold-italic_gpgqq_631","Text--medium-s--variant-default-regular":"_Text--medium-s--variant-default-regular_gpgqq_639","Text--medium-s--variant-default-regular-italic":"_Text--medium-s--variant-default-regular-italic_gpgqq_647","Text--medium-s--variant-default-semibold":"_Text--medium-s--variant-default-semibold_gpgqq_655","Text--medium-s--variant-default-semibold-italic":"_Text--medium-s--variant-default-semibold-italic_gpgqq_663","Text--medium-s--variant-large-regular":"_Text--medium-s--variant-large-regular_gpgqq_671","Text--medium-s--variant-large-regular-italic":"_Text--medium-s--variant-large-regular-italic_gpgqq_679","Text--medium-s--variant-large-semibold":"_Text--medium-s--variant-large-semibold_gpgqq_687","Text--medium-s--variant-large-semibold-italic":"_Text--medium-s--variant-large-semibold-italic_gpgqq_695","Text--medium-s--variant-xs":"_Text--medium-s--variant-xs_gpgqq_703","Text--medium-s--variant-xs-medium":"_Text--medium-s--variant-xs-medium_gpgqq_711","Text--medium-s--variant-s":"_Text--medium-s--variant-s_gpgqq_607","Text--medium-s--variant-s-italic":"_Text--medium-s--variant-s-italic_gpgqq_727","Text--medium-s--variant-s-medium":"_Text--medium-s--variant-s-medium_gpgqq_735","Text--medium-s--variant-s-medium-italic":"_Text--medium-s--variant-s-medium-italic_gpgqq_743","Text--medium-s--variant-s-bold":"_Text--medium-s--variant-s-bold_gpgqq_751","Text--medium-s--variant-s-bold-italic":"_Text--medium-s--variant-s-bold-italic_gpgqq_759","Text--medium-s--variant-m":"_Text--medium-s--variant-m_gpgqq_767","Text--medium-s--variant-m-italic":"_Text--medium-s--variant-m-italic_gpgqq_775","Text--medium-s--variant-m-medium":"_Text--medium-s--variant-m-medium_gpgqq_783","Text--medium-s--variant-m-medium-italic":"_Text--medium-s--variant-m-medium-italic_gpgqq_791","Text--medium-s--variant-m-bold":"_Text--medium-s--variant-m-bold_gpgqq_799","Text--medium-s--variant-m-bold-italic":"_Text--medium-s--variant-m-bold-italic_gpgqq_807","Text--medium-s--variant-l":"_Text--medium-s--variant-l_gpgqq_671","Text--medium-s--variant-l-italic":"_Text--medium-s--variant-l-italic_gpgqq_823","Text--medium-s--variant-l-medium":"_Text--medium-s--variant-l-medium_gpgqq_831","Text--medium-s--variant-l-medium-italic":"_Text--medium-s--variant-l-medium-italic_gpgqq_839","Text--medium-s--variant-xl":"_Text--medium-s--variant-xl_gpgqq_847","Text--medium-s--variant-xl-italic":"_Text--medium-s--variant-xl-italic_gpgqq_855","Text--medium-s--variant-xl-medium":"_Text--medium-s--variant-xl-medium_gpgqq_863","Text--medium-s--variant-xl-medium-italic":"_Text--medium-s--variant-xl-medium-italic_gpgqq_871","Text--medium-l--variant-caption-regular":"_Text--medium-l--variant-caption-regular_gpgqq_881","Text--medium-l--variant-caption-semibold":"_Text--medium-l--variant-caption-semibold_gpgqq_889","Text--medium-l--variant-small-regular":"_Text--medium-l--variant-small-regular_gpgqq_897","Text--medium-l--variant-small-regular-italic":"_Text--medium-l--variant-small-regular-italic_gpgqq_905","Text--medium-l--variant-small-semibold":"_Text--medium-l--variant-small-semibold_gpgqq_913","Text--medium-l--variant-small-semibold-italic":"_Text--medium-l--variant-small-semibold-italic_gpgqq_921","Text--medium-l--variant-default-regular":"_Text--medium-l--variant-default-regular_gpgqq_929","Text--medium-l--variant-default-regular-italic":"_Text--medium-l--variant-default-regular-italic_gpgqq_937","Text--medium-l--variant-default-semibold":"_Text--medium-l--variant-default-semibold_gpgqq_945","Text--medium-l--variant-default-semibold-italic":"_Text--medium-l--variant-default-semibold-italic_gpgqq_953","Text--medium-l--variant-large-regular":"_Text--medium-l--variant-large-regular_gpgqq_961","Text--medium-l--variant-large-regular-italic":"_Text--medium-l--variant-large-regular-italic_gpgqq_969","Text--medium-l--variant-large-semibold":"_Text--medium-l--variant-large-semibold_gpgqq_977","Text--medium-l--variant-large-semibold-italic":"_Text--medium-l--variant-large-semibold-italic_gpgqq_985","Text--medium-l--variant-xs":"_Text--medium-l--variant-xs_gpgqq_993","Text--medium-l--variant-xs-medium":"_Text--medium-l--variant-xs-medium_gpgqq_1001","Text--medium-l--variant-s":"_Text--medium-l--variant-s_gpgqq_897","Text--medium-l--variant-s-italic":"_Text--medium-l--variant-s-italic_gpgqq_1017","Text--medium-l--variant-s-medium":"_Text--medium-l--variant-s-medium_gpgqq_1025","Text--medium-l--variant-s-medium-italic":"_Text--medium-l--variant-s-medium-italic_gpgqq_1033","Text--medium-l--variant-s-bold":"_Text--medium-l--variant-s-bold_gpgqq_1041","Text--medium-l--variant-s-bold-italic":"_Text--medium-l--variant-s-bold-italic_gpgqq_1049","Text--medium-l--variant-m":"_Text--medium-l--variant-m_gpgqq_1057","Text--medium-l--variant-m-italic":"_Text--medium-l--variant-m-italic_gpgqq_1065","Text--medium-l--variant-m-medium":"_Text--medium-l--variant-m-medium_gpgqq_1073","Text--medium-l--variant-m-medium-italic":"_Text--medium-l--variant-m-medium-italic_gpgqq_1081","Text--medium-l--variant-m-bold":"_Text--medium-l--variant-m-bold_gpgqq_1089","Text--medium-l--variant-m-bold-italic":"_Text--medium-l--variant-m-bold-italic_gpgqq_1097","Text--medium-l--variant-l":"_Text--medium-l--variant-l_gpgqq_961","Text--medium-l--variant-l-italic":"_Text--medium-l--variant-l-italic_gpgqq_1113","Text--medium-l--variant-l-medium":"_Text--medium-l--variant-l-medium_gpgqq_1121","Text--medium-l--variant-l-medium-italic":"_Text--medium-l--variant-l-medium-italic_gpgqq_1129","Text--medium-l--variant-xl":"_Text--medium-l--variant-xl_gpgqq_1137","Text--medium-l--variant-xl-italic":"_Text--medium-l--variant-xl-italic_gpgqq_1145","Text--medium-l--variant-xl-medium":"_Text--medium-l--variant-xl-medium_gpgqq_1153","Text--medium-l--variant-xl-medium-italic":"_Text--medium-l--variant-xl-medium-italic_gpgqq_1161","Text--wide-s--variant-caption-regular":"_Text--wide-s--variant-caption-regular_gpgqq_1171","Text--wide-s--variant-caption-semibold":"_Text--wide-s--variant-caption-semibold_gpgqq_1179","Text--wide-s--variant-small-regular":"_Text--wide-s--variant-small-regular_gpgqq_1187","Text--wide-s--variant-small-regular-italic":"_Text--wide-s--variant-small-regular-italic_gpgqq_1195","Text--wide-s--variant-small-semibold":"_Text--wide-s--variant-small-semibold_gpgqq_1203","Text--wide-s--variant-small-semibold-italic":"_Text--wide-s--variant-small-semibold-italic_gpgqq_1211","Text--wide-s--variant-default-regular":"_Text--wide-s--variant-default-regular_gpgqq_1219","Text--wide-s--variant-default-regular-italic":"_Text--wide-s--variant-default-regular-italic_gpgqq_1227","Text--wide-s--variant-default-semibold":"_Text--wide-s--variant-default-semibold_gpgqq_1235","Text--wide-s--variant-default-semibold-italic":"_Text--wide-s--variant-default-semibold-italic_gpgqq_1243","Text--wide-s--variant-large-regular":"_Text--wide-s--variant-large-regular_gpgqq_1251","Text--wide-s--variant-large-regular-italic":"_Text--wide-s--variant-large-regular-italic_gpgqq_1259","Text--wide-s--variant-large-semibold":"_Text--wide-s--variant-large-semibold_gpgqq_1267","Text--wide-s--variant-large-semibold-italic":"_Text--wide-s--variant-large-semibold-italic_gpgqq_1275","Text--wide-s--variant-xs":"_Text--wide-s--variant-xs_gpgqq_1283","Text--wide-s--variant-xs-medium":"_Text--wide-s--variant-xs-medium_gpgqq_1291","Text--wide-s--variant-s":"_Text--wide-s--variant-s_gpgqq_1187","Text--wide-s--variant-s-italic":"_Text--wide-s--variant-s-italic_gpgqq_1307","Text--wide-s--variant-s-medium":"_Text--wide-s--variant-s-medium_gpgqq_1315","Text--wide-s--variant-s-medium-italic":"_Text--wide-s--variant-s-medium-italic_gpgqq_1323","Text--wide-s--variant-s-bold":"_Text--wide-s--variant-s-bold_gpgqq_1331","Text--wide-s--variant-s-bold-italic":"_Text--wide-s--variant-s-bold-italic_gpgqq_1339","Text--wide-s--variant-m":"_Text--wide-s--variant-m_gpgqq_1347","Text--wide-s--variant-m-italic":"_Text--wide-s--variant-m-italic_gpgqq_1355","Text--wide-s--variant-m-medium":"_Text--wide-s--variant-m-medium_gpgqq_1363","Text--wide-s--variant-m-medium-italic":"_Text--wide-s--variant-m-medium-italic_gpgqq_1371","Text--wide-s--variant-m-bold":"_Text--wide-s--variant-m-bold_gpgqq_1379","Text--wide-s--variant-m-bold-italic":"_Text--wide-s--variant-m-bold-italic_gpgqq_1387","Text--wide-s--variant-l":"_Text--wide-s--variant-l_gpgqq_1251","Text--wide-s--variant-l-italic":"_Text--wide-s--variant-l-italic_gpgqq_1403","Text--wide-s--variant-l-medium":"_Text--wide-s--variant-l-medium_gpgqq_1411","Text--wide-s--variant-l-medium-italic":"_Text--wide-s--variant-l-medium-italic_gpgqq_1419","Text--wide-s--variant-xl":"_Text--wide-s--variant-xl_gpgqq_1427","Text--wide-s--variant-xl-italic":"_Text--wide-s--variant-xl-italic_gpgqq_1435","Text--wide-s--variant-xl-medium":"_Text--wide-s--variant-xl-medium_gpgqq_1443","Text--wide-s--variant-xl-medium-italic":"_Text--wide-s--variant-xl-medium-italic_gpgqq_1451","Text--wide-l--variant-caption-regular":"_Text--wide-l--variant-caption-regular_gpgqq_1461","Text--wide-l--variant-caption-semibold":"_Text--wide-l--variant-caption-semibold_gpgqq_1469","Text--wide-l--variant-small-regular":"_Text--wide-l--variant-small-regular_gpgqq_1477","Text--wide-l--variant-small-regular-italic":"_Text--wide-l--variant-small-regular-italic_gpgqq_1485","Text--wide-l--variant-small-semibold":"_Text--wide-l--variant-small-semibold_gpgqq_1493","Text--wide-l--variant-small-semibold-italic":"_Text--wide-l--variant-small-semibold-italic_gpgqq_1501","Text--wide-l--variant-default-regular":"_Text--wide-l--variant-default-regular_gpgqq_1509","Text--wide-l--variant-default-regular-italic":"_Text--wide-l--variant-default-regular-italic_gpgqq_1517","Text--wide-l--variant-default-semibold":"_Text--wide-l--variant-default-semibold_gpgqq_1525","Text--wide-l--variant-default-semibold-italic":"_Text--wide-l--variant-default-semibold-italic_gpgqq_1533","Text--wide-l--variant-large-regular":"_Text--wide-l--variant-large-regular_gpgqq_1541","Text--wide-l--variant-large-regular-italic":"_Text--wide-l--variant-large-regular-italic_gpgqq_1549","Text--wide-l--variant-large-semibold":"_Text--wide-l--variant-large-semibold_gpgqq_1557","Text--wide-l--variant-large-semibold-italic":"_Text--wide-l--variant-large-semibold-italic_gpgqq_1565","Text--wide-l--variant-xs":"_Text--wide-l--variant-xs_gpgqq_1573","Text--wide-l--variant-xs-medium":"_Text--wide-l--variant-xs-medium_gpgqq_1581","Text--wide-l--variant-s":"_Text--wide-l--variant-s_gpgqq_1477","Text--wide-l--variant-s-italic":"_Text--wide-l--variant-s-italic_gpgqq_1597","Text--wide-l--variant-s-medium":"_Text--wide-l--variant-s-medium_gpgqq_1605","Text--wide-l--variant-s-medium-italic":"_Text--wide-l--variant-s-medium-italic_gpgqq_1613","Text--wide-l--variant-s-bold":"_Text--wide-l--variant-s-bold_gpgqq_1621","Text--wide-l--variant-s-bold-italic":"_Text--wide-l--variant-s-bold-italic_gpgqq_1629","Text--wide-l--variant-m":"_Text--wide-l--variant-m_gpgqq_1637","Text--wide-l--variant-m-italic":"_Text--wide-l--variant-m-italic_gpgqq_1645","Text--wide-l--variant-m-medium":"_Text--wide-l--variant-m-medium_gpgqq_1653","Text--wide-l--variant-m-medium-italic":"_Text--wide-l--variant-m-medium-italic_gpgqq_1661","Text--wide-l--variant-m-bold":"_Text--wide-l--variant-m-bold_gpgqq_1669","Text--wide-l--variant-m-bold-italic":"_Text--wide-l--variant-m-bold-italic_gpgqq_1677","Text--wide-l--variant-l":"_Text--wide-l--variant-l_gpgqq_1541","Text--wide-l--variant-l-italic":"_Text--wide-l--variant-l-italic_gpgqq_1693","Text--wide-l--variant-l-medium":"_Text--wide-l--variant-l-medium_gpgqq_1701","Text--wide-l--variant-l-medium-italic":"_Text--wide-l--variant-l-medium-italic_gpgqq_1709","Text--wide-l--variant-xl":"_Text--wide-l--variant-xl_gpgqq_1717","Text--wide-l--variant-xl-italic":"_Text--wide-l--variant-xl-italic_gpgqq_1725","Text--wide-l--variant-xl-medium":"_Text--wide-l--variant-xl-medium_gpgqq_1733","Text--wide-l--variant-xl-medium-italic":"_Text--wide-l--variant-xl-medium-italic_gpgqq_1741","Text--strong":"_Text--strong_gpgqq_1750","Text--size-2xs":"_Text--size-2xs_gpgqq_1753","Text--size-xs":"_Text--size-xs_gpgqq_1756","Text--size-s":"_Text--size-s_gpgqq_1759","Text--size-m":"_Text--size-m_gpgqq_1762","Text--size-l":"_Text--size-l_gpgqq_1765","Text--size-xl":"_Text--size-xl_gpgqq_1768"},K=({children:t,variant:a,tag:i=S,size:e,accent:l,color:d,strong:n,centered:x,dataset:s})=>{const T=a||(e?void 0:y),q=a?void 0:e,v=a?void 0:n,u=h(I,_.Text,[m("variant",T),m("size",q),k("strong",void 0,v)]),r=l?void 0:d,o=E(!r,l),p=N(r),c=A(x),w={className:[...u,...o,...p,...c].join(" "),...D(s,{preplyDsComponent:_.Text})};return z.jsx(i,{...w,children:t})};export{K as T,R as g,X as u};
@@ -1 +0,0 @@
1
- import{j as b}from"./jsx-runtime-BkBIjjFT.js";import{g as f,a as C}from"./text-accent-De1PCgKT.js";import{g as z}from"./text-centered-DHs_ZmOi.js";import{m as N,s as r,b as y,g as V,T as A,c as D}from"./classNames-BhD67HvA.js";import{w as m}from"./componentNames-BSriaIOD.js";const E="_Text_gpgqq_4",j={Text:E,"Text--variant-caption-regular":"_Text--variant-caption-regular_gpgqq_12","Text--variant-caption-semibold":"_Text--variant-caption-semibold_gpgqq_20","Text--variant-small-regular":"_Text--variant-small-regular_gpgqq_28","Text--variant-small-regular-italic":"_Text--variant-small-regular-italic_gpgqq_36","Text--variant-small-semibold":"_Text--variant-small-semibold_gpgqq_44","Text--variant-small-semibold-italic":"_Text--variant-small-semibold-italic_gpgqq_52","Text--variant-default-regular":"_Text--variant-default-regular_gpgqq_60","Text--variant-default-regular-italic":"_Text--variant-default-regular-italic_gpgqq_68","Text--variant-default-semibold":"_Text--variant-default-semibold_gpgqq_76","Text--variant-default-semibold-italic":"_Text--variant-default-semibold-italic_gpgqq_84","Text--variant-large-regular":"_Text--variant-large-regular_gpgqq_92","Text--variant-large-regular-italic":"_Text--variant-large-regular-italic_gpgqq_100","Text--variant-large-semibold":"_Text--variant-large-semibold_gpgqq_108","Text--variant-large-semibold-italic":"_Text--variant-large-semibold-italic_gpgqq_116","Text--variant-xs":"_Text--variant-xs_gpgqq_124","Text--variant-xs-medium":"_Text--variant-xs-medium_gpgqq_132","Text--variant-s":"_Text--variant-s_gpgqq_28","Text--variant-s-italic":"_Text--variant-s-italic_gpgqq_148","Text--variant-s-medium":"_Text--variant-s-medium_gpgqq_156","Text--variant-s-medium-italic":"_Text--variant-s-medium-italic_gpgqq_164","Text--variant-s-bold":"_Text--variant-s-bold_gpgqq_172","Text--variant-s-bold-italic":"_Text--variant-s-bold-italic_gpgqq_180","Text--variant-m":"_Text--variant-m_gpgqq_188","Text--variant-m-italic":"_Text--variant-m-italic_gpgqq_196","Text--variant-m-medium":"_Text--variant-m-medium_gpgqq_204","Text--variant-m-medium-italic":"_Text--variant-m-medium-italic_gpgqq_212","Text--variant-m-bold":"_Text--variant-m-bold_gpgqq_220","Text--variant-m-bold-italic":"_Text--variant-m-bold-italic_gpgqq_228","Text--variant-l":"_Text--variant-l_gpgqq_92","Text--variant-l-italic":"_Text--variant-l-italic_gpgqq_244","Text--variant-l-medium":"_Text--variant-l-medium_gpgqq_252","Text--variant-l-medium-italic":"_Text--variant-l-medium-italic_gpgqq_260","Text--variant-xl":"_Text--variant-xl_gpgqq_268","Text--variant-xl-italic":"_Text--variant-xl-italic_gpgqq_276","Text--variant-xl-medium":"_Text--variant-xl-medium_gpgqq_284","Text--variant-xl-medium-italic":"_Text--variant-xl-medium-italic_gpgqq_292","Text--narrow-l--variant-caption-regular":"_Text--narrow-l--variant-caption-regular_gpgqq_301","Text--narrow-l--variant-caption-semibold":"_Text--narrow-l--variant-caption-semibold_gpgqq_309","Text--narrow-l--variant-small-regular":"_Text--narrow-l--variant-small-regular_gpgqq_317","Text--narrow-l--variant-small-regular-italic":"_Text--narrow-l--variant-small-regular-italic_gpgqq_325","Text--narrow-l--variant-small-semibold":"_Text--narrow-l--variant-small-semibold_gpgqq_333","Text--narrow-l--variant-small-semibold-italic":"_Text--narrow-l--variant-small-semibold-italic_gpgqq_341","Text--narrow-l--variant-default-regular":"_Text--narrow-l--variant-default-regular_gpgqq_349","Text--narrow-l--variant-default-regular-italic":"_Text--narrow-l--variant-default-regular-italic_gpgqq_357","Text--narrow-l--variant-default-semibold":"_Text--narrow-l--variant-default-semibold_gpgqq_365","Text--narrow-l--variant-default-semibold-italic":"_Text--narrow-l--variant-default-semibold-italic_gpgqq_373","Text--narrow-l--variant-large-regular":"_Text--narrow-l--variant-large-regular_gpgqq_381","Text--narrow-l--variant-large-regular-italic":"_Text--narrow-l--variant-large-regular-italic_gpgqq_389","Text--narrow-l--variant-large-semibold":"_Text--narrow-l--variant-large-semibold_gpgqq_397","Text--narrow-l--variant-large-semibold-italic":"_Text--narrow-l--variant-large-semibold-italic_gpgqq_405","Text--narrow-l--variant-xs":"_Text--narrow-l--variant-xs_gpgqq_413","Text--narrow-l--variant-xs-medium":"_Text--narrow-l--variant-xs-medium_gpgqq_421","Text--narrow-l--variant-s":"_Text--narrow-l--variant-s_gpgqq_317","Text--narrow-l--variant-s-italic":"_Text--narrow-l--variant-s-italic_gpgqq_437","Text--narrow-l--variant-s-medium":"_Text--narrow-l--variant-s-medium_gpgqq_445","Text--narrow-l--variant-s-medium-italic":"_Text--narrow-l--variant-s-medium-italic_gpgqq_453","Text--narrow-l--variant-s-bold":"_Text--narrow-l--variant-s-bold_gpgqq_461","Text--narrow-l--variant-s-bold-italic":"_Text--narrow-l--variant-s-bold-italic_gpgqq_469","Text--narrow-l--variant-m":"_Text--narrow-l--variant-m_gpgqq_477","Text--narrow-l--variant-m-italic":"_Text--narrow-l--variant-m-italic_gpgqq_485","Text--narrow-l--variant-m-medium":"_Text--narrow-l--variant-m-medium_gpgqq_493","Text--narrow-l--variant-m-medium-italic":"_Text--narrow-l--variant-m-medium-italic_gpgqq_501","Text--narrow-l--variant-m-bold":"_Text--narrow-l--variant-m-bold_gpgqq_509","Text--narrow-l--variant-m-bold-italic":"_Text--narrow-l--variant-m-bold-italic_gpgqq_517","Text--narrow-l--variant-l":"_Text--narrow-l--variant-l_gpgqq_381","Text--narrow-l--variant-l-italic":"_Text--narrow-l--variant-l-italic_gpgqq_533","Text--narrow-l--variant-l-medium":"_Text--narrow-l--variant-l-medium_gpgqq_541","Text--narrow-l--variant-l-medium-italic":"_Text--narrow-l--variant-l-medium-italic_gpgqq_549","Text--narrow-l--variant-xl":"_Text--narrow-l--variant-xl_gpgqq_557","Text--narrow-l--variant-xl-italic":"_Text--narrow-l--variant-xl-italic_gpgqq_565","Text--narrow-l--variant-xl-medium":"_Text--narrow-l--variant-xl-medium_gpgqq_573","Text--narrow-l--variant-xl-medium-italic":"_Text--narrow-l--variant-xl-medium-italic_gpgqq_581","Text--medium-s--variant-caption-regular":"_Text--medium-s--variant-caption-regular_gpgqq_591","Text--medium-s--variant-caption-semibold":"_Text--medium-s--variant-caption-semibold_gpgqq_599","Text--medium-s--variant-small-regular":"_Text--medium-s--variant-small-regular_gpgqq_607","Text--medium-s--variant-small-regular-italic":"_Text--medium-s--variant-small-regular-italic_gpgqq_615","Text--medium-s--variant-small-semibold":"_Text--medium-s--variant-small-semibold_gpgqq_623","Text--medium-s--variant-small-semibold-italic":"_Text--medium-s--variant-small-semibold-italic_gpgqq_631","Text--medium-s--variant-default-regular":"_Text--medium-s--variant-default-regular_gpgqq_639","Text--medium-s--variant-default-regular-italic":"_Text--medium-s--variant-default-regular-italic_gpgqq_647","Text--medium-s--variant-default-semibold":"_Text--medium-s--variant-default-semibold_gpgqq_655","Text--medium-s--variant-default-semibold-italic":"_Text--medium-s--variant-default-semibold-italic_gpgqq_663","Text--medium-s--variant-large-regular":"_Text--medium-s--variant-large-regular_gpgqq_671","Text--medium-s--variant-large-regular-italic":"_Text--medium-s--variant-large-regular-italic_gpgqq_679","Text--medium-s--variant-large-semibold":"_Text--medium-s--variant-large-semibold_gpgqq_687","Text--medium-s--variant-large-semibold-italic":"_Text--medium-s--variant-large-semibold-italic_gpgqq_695","Text--medium-s--variant-xs":"_Text--medium-s--variant-xs_gpgqq_703","Text--medium-s--variant-xs-medium":"_Text--medium-s--variant-xs-medium_gpgqq_711","Text--medium-s--variant-s":"_Text--medium-s--variant-s_gpgqq_607","Text--medium-s--variant-s-italic":"_Text--medium-s--variant-s-italic_gpgqq_727","Text--medium-s--variant-s-medium":"_Text--medium-s--variant-s-medium_gpgqq_735","Text--medium-s--variant-s-medium-italic":"_Text--medium-s--variant-s-medium-italic_gpgqq_743","Text--medium-s--variant-s-bold":"_Text--medium-s--variant-s-bold_gpgqq_751","Text--medium-s--variant-s-bold-italic":"_Text--medium-s--variant-s-bold-italic_gpgqq_759","Text--medium-s--variant-m":"_Text--medium-s--variant-m_gpgqq_767","Text--medium-s--variant-m-italic":"_Text--medium-s--variant-m-italic_gpgqq_775","Text--medium-s--variant-m-medium":"_Text--medium-s--variant-m-medium_gpgqq_783","Text--medium-s--variant-m-medium-italic":"_Text--medium-s--variant-m-medium-italic_gpgqq_791","Text--medium-s--variant-m-bold":"_Text--medium-s--variant-m-bold_gpgqq_799","Text--medium-s--variant-m-bold-italic":"_Text--medium-s--variant-m-bold-italic_gpgqq_807","Text--medium-s--variant-l":"_Text--medium-s--variant-l_gpgqq_671","Text--medium-s--variant-l-italic":"_Text--medium-s--variant-l-italic_gpgqq_823","Text--medium-s--variant-l-medium":"_Text--medium-s--variant-l-medium_gpgqq_831","Text--medium-s--variant-l-medium-italic":"_Text--medium-s--variant-l-medium-italic_gpgqq_839","Text--medium-s--variant-xl":"_Text--medium-s--variant-xl_gpgqq_847","Text--medium-s--variant-xl-italic":"_Text--medium-s--variant-xl-italic_gpgqq_855","Text--medium-s--variant-xl-medium":"_Text--medium-s--variant-xl-medium_gpgqq_863","Text--medium-s--variant-xl-medium-italic":"_Text--medium-s--variant-xl-medium-italic_gpgqq_871","Text--medium-l--variant-caption-regular":"_Text--medium-l--variant-caption-regular_gpgqq_881","Text--medium-l--variant-caption-semibold":"_Text--medium-l--variant-caption-semibold_gpgqq_889","Text--medium-l--variant-small-regular":"_Text--medium-l--variant-small-regular_gpgqq_897","Text--medium-l--variant-small-regular-italic":"_Text--medium-l--variant-small-regular-italic_gpgqq_905","Text--medium-l--variant-small-semibold":"_Text--medium-l--variant-small-semibold_gpgqq_913","Text--medium-l--variant-small-semibold-italic":"_Text--medium-l--variant-small-semibold-italic_gpgqq_921","Text--medium-l--variant-default-regular":"_Text--medium-l--variant-default-regular_gpgqq_929","Text--medium-l--variant-default-regular-italic":"_Text--medium-l--variant-default-regular-italic_gpgqq_937","Text--medium-l--variant-default-semibold":"_Text--medium-l--variant-default-semibold_gpgqq_945","Text--medium-l--variant-default-semibold-italic":"_Text--medium-l--variant-default-semibold-italic_gpgqq_953","Text--medium-l--variant-large-regular":"_Text--medium-l--variant-large-regular_gpgqq_961","Text--medium-l--variant-large-regular-italic":"_Text--medium-l--variant-large-regular-italic_gpgqq_969","Text--medium-l--variant-large-semibold":"_Text--medium-l--variant-large-semibold_gpgqq_977","Text--medium-l--variant-large-semibold-italic":"_Text--medium-l--variant-large-semibold-italic_gpgqq_985","Text--medium-l--variant-xs":"_Text--medium-l--variant-xs_gpgqq_993","Text--medium-l--variant-xs-medium":"_Text--medium-l--variant-xs-medium_gpgqq_1001","Text--medium-l--variant-s":"_Text--medium-l--variant-s_gpgqq_897","Text--medium-l--variant-s-italic":"_Text--medium-l--variant-s-italic_gpgqq_1017","Text--medium-l--variant-s-medium":"_Text--medium-l--variant-s-medium_gpgqq_1025","Text--medium-l--variant-s-medium-italic":"_Text--medium-l--variant-s-medium-italic_gpgqq_1033","Text--medium-l--variant-s-bold":"_Text--medium-l--variant-s-bold_gpgqq_1041","Text--medium-l--variant-s-bold-italic":"_Text--medium-l--variant-s-bold-italic_gpgqq_1049","Text--medium-l--variant-m":"_Text--medium-l--variant-m_gpgqq_1057","Text--medium-l--variant-m-italic":"_Text--medium-l--variant-m-italic_gpgqq_1065","Text--medium-l--variant-m-medium":"_Text--medium-l--variant-m-medium_gpgqq_1073","Text--medium-l--variant-m-medium-italic":"_Text--medium-l--variant-m-medium-italic_gpgqq_1081","Text--medium-l--variant-m-bold":"_Text--medium-l--variant-m-bold_gpgqq_1089","Text--medium-l--variant-m-bold-italic":"_Text--medium-l--variant-m-bold-italic_gpgqq_1097","Text--medium-l--variant-l":"_Text--medium-l--variant-l_gpgqq_961","Text--medium-l--variant-l-italic":"_Text--medium-l--variant-l-italic_gpgqq_1113","Text--medium-l--variant-l-medium":"_Text--medium-l--variant-l-medium_gpgqq_1121","Text--medium-l--variant-l-medium-italic":"_Text--medium-l--variant-l-medium-italic_gpgqq_1129","Text--medium-l--variant-xl":"_Text--medium-l--variant-xl_gpgqq_1137","Text--medium-l--variant-xl-italic":"_Text--medium-l--variant-xl-italic_gpgqq_1145","Text--medium-l--variant-xl-medium":"_Text--medium-l--variant-xl-medium_gpgqq_1153","Text--medium-l--variant-xl-medium-italic":"_Text--medium-l--variant-xl-medium-italic_gpgqq_1161","Text--wide-s--variant-caption-regular":"_Text--wide-s--variant-caption-regular_gpgqq_1171","Text--wide-s--variant-caption-semibold":"_Text--wide-s--variant-caption-semibold_gpgqq_1179","Text--wide-s--variant-small-regular":"_Text--wide-s--variant-small-regular_gpgqq_1187","Text--wide-s--variant-small-regular-italic":"_Text--wide-s--variant-small-regular-italic_gpgqq_1195","Text--wide-s--variant-small-semibold":"_Text--wide-s--variant-small-semibold_gpgqq_1203","Text--wide-s--variant-small-semibold-italic":"_Text--wide-s--variant-small-semibold-italic_gpgqq_1211","Text--wide-s--variant-default-regular":"_Text--wide-s--variant-default-regular_gpgqq_1219","Text--wide-s--variant-default-regular-italic":"_Text--wide-s--variant-default-regular-italic_gpgqq_1227","Text--wide-s--variant-default-semibold":"_Text--wide-s--variant-default-semibold_gpgqq_1235","Text--wide-s--variant-default-semibold-italic":"_Text--wide-s--variant-default-semibold-italic_gpgqq_1243","Text--wide-s--variant-large-regular":"_Text--wide-s--variant-large-regular_gpgqq_1251","Text--wide-s--variant-large-regular-italic":"_Text--wide-s--variant-large-regular-italic_gpgqq_1259","Text--wide-s--variant-large-semibold":"_Text--wide-s--variant-large-semibold_gpgqq_1267","Text--wide-s--variant-large-semibold-italic":"_Text--wide-s--variant-large-semibold-italic_gpgqq_1275","Text--wide-s--variant-xs":"_Text--wide-s--variant-xs_gpgqq_1283","Text--wide-s--variant-xs-medium":"_Text--wide-s--variant-xs-medium_gpgqq_1291","Text--wide-s--variant-s":"_Text--wide-s--variant-s_gpgqq_1187","Text--wide-s--variant-s-italic":"_Text--wide-s--variant-s-italic_gpgqq_1307","Text--wide-s--variant-s-medium":"_Text--wide-s--variant-s-medium_gpgqq_1315","Text--wide-s--variant-s-medium-italic":"_Text--wide-s--variant-s-medium-italic_gpgqq_1323","Text--wide-s--variant-s-bold":"_Text--wide-s--variant-s-bold_gpgqq_1331","Text--wide-s--variant-s-bold-italic":"_Text--wide-s--variant-s-bold-italic_gpgqq_1339","Text--wide-s--variant-m":"_Text--wide-s--variant-m_gpgqq_1347","Text--wide-s--variant-m-italic":"_Text--wide-s--variant-m-italic_gpgqq_1355","Text--wide-s--variant-m-medium":"_Text--wide-s--variant-m-medium_gpgqq_1363","Text--wide-s--variant-m-medium-italic":"_Text--wide-s--variant-m-medium-italic_gpgqq_1371","Text--wide-s--variant-m-bold":"_Text--wide-s--variant-m-bold_gpgqq_1379","Text--wide-s--variant-m-bold-italic":"_Text--wide-s--variant-m-bold-italic_gpgqq_1387","Text--wide-s--variant-l":"_Text--wide-s--variant-l_gpgqq_1251","Text--wide-s--variant-l-italic":"_Text--wide-s--variant-l-italic_gpgqq_1403","Text--wide-s--variant-l-medium":"_Text--wide-s--variant-l-medium_gpgqq_1411","Text--wide-s--variant-l-medium-italic":"_Text--wide-s--variant-l-medium-italic_gpgqq_1419","Text--wide-s--variant-xl":"_Text--wide-s--variant-xl_gpgqq_1427","Text--wide-s--variant-xl-italic":"_Text--wide-s--variant-xl-italic_gpgqq_1435","Text--wide-s--variant-xl-medium":"_Text--wide-s--variant-xl-medium_gpgqq_1443","Text--wide-s--variant-xl-medium-italic":"_Text--wide-s--variant-xl-medium-italic_gpgqq_1451","Text--wide-l--variant-caption-regular":"_Text--wide-l--variant-caption-regular_gpgqq_1461","Text--wide-l--variant-caption-semibold":"_Text--wide-l--variant-caption-semibold_gpgqq_1469","Text--wide-l--variant-small-regular":"_Text--wide-l--variant-small-regular_gpgqq_1477","Text--wide-l--variant-small-regular-italic":"_Text--wide-l--variant-small-regular-italic_gpgqq_1485","Text--wide-l--variant-small-semibold":"_Text--wide-l--variant-small-semibold_gpgqq_1493","Text--wide-l--variant-small-semibold-italic":"_Text--wide-l--variant-small-semibold-italic_gpgqq_1501","Text--wide-l--variant-default-regular":"_Text--wide-l--variant-default-regular_gpgqq_1509","Text--wide-l--variant-default-regular-italic":"_Text--wide-l--variant-default-regular-italic_gpgqq_1517","Text--wide-l--variant-default-semibold":"_Text--wide-l--variant-default-semibold_gpgqq_1525","Text--wide-l--variant-default-semibold-italic":"_Text--wide-l--variant-default-semibold-italic_gpgqq_1533","Text--wide-l--variant-large-regular":"_Text--wide-l--variant-large-regular_gpgqq_1541","Text--wide-l--variant-large-regular-italic":"_Text--wide-l--variant-large-regular-italic_gpgqq_1549","Text--wide-l--variant-large-semibold":"_Text--wide-l--variant-large-semibold_gpgqq_1557","Text--wide-l--variant-large-semibold-italic":"_Text--wide-l--variant-large-semibold-italic_gpgqq_1565","Text--wide-l--variant-xs":"_Text--wide-l--variant-xs_gpgqq_1573","Text--wide-l--variant-xs-medium":"_Text--wide-l--variant-xs-medium_gpgqq_1581","Text--wide-l--variant-s":"_Text--wide-l--variant-s_gpgqq_1477","Text--wide-l--variant-s-italic":"_Text--wide-l--variant-s-italic_gpgqq_1597","Text--wide-l--variant-s-medium":"_Text--wide-l--variant-s-medium_gpgqq_1605","Text--wide-l--variant-s-medium-italic":"_Text--wide-l--variant-s-medium-italic_gpgqq_1613","Text--wide-l--variant-s-bold":"_Text--wide-l--variant-s-bold_gpgqq_1621","Text--wide-l--variant-s-bold-italic":"_Text--wide-l--variant-s-bold-italic_gpgqq_1629","Text--wide-l--variant-m":"_Text--wide-l--variant-m_gpgqq_1637","Text--wide-l--variant-m-italic":"_Text--wide-l--variant-m-italic_gpgqq_1645","Text--wide-l--variant-m-medium":"_Text--wide-l--variant-m-medium_gpgqq_1653","Text--wide-l--variant-m-medium-italic":"_Text--wide-l--variant-m-medium-italic_gpgqq_1661","Text--wide-l--variant-m-bold":"_Text--wide-l--variant-m-bold_gpgqq_1669","Text--wide-l--variant-m-bold-italic":"_Text--wide-l--variant-m-bold-italic_gpgqq_1677","Text--wide-l--variant-l":"_Text--wide-l--variant-l_gpgqq_1541","Text--wide-l--variant-l-italic":"_Text--wide-l--variant-l-italic_gpgqq_1693","Text--wide-l--variant-l-medium":"_Text--wide-l--variant-l-medium_gpgqq_1701","Text--wide-l--variant-l-medium-italic":"_Text--wide-l--variant-l-medium-italic_gpgqq_1709","Text--wide-l--variant-xl":"_Text--wide-l--variant-xl_gpgqq_1717","Text--wide-l--variant-xl-italic":"_Text--wide-l--variant-xl-italic_gpgqq_1725","Text--wide-l--variant-xl-medium":"_Text--wide-l--variant-xl-medium_gpgqq_1733","Text--wide-l--variant-xl-medium-italic":"_Text--wide-l--variant-xl-medium-italic_gpgqq_1741","Text--strong":"_Text--strong_gpgqq_1750","Text--size-2xs":"_Text--size-2xs_gpgqq_1753","Text--size-xs":"_Text--size-xs_gpgqq_1756","Text--size-s":"_Text--size-s_gpgqq_1759","Text--size-m":"_Text--size-m_gpgqq_1762","Text--size-l":"_Text--size-l_gpgqq_1765","Text--size-xl":"_Text--size-xl_gpgqq_1768"},_=({children:i,variant:a,tag:d=A,size:e,accent:t,color:n,strong:g,centered:x,dataset:s})=>{const T=a||(e?void 0:D),q=a?void 0:e,v=a?void 0:g,u=N(j,m.Text,[r("variant",T),r("size",q),y("strong",void 0,v)]),l=t?void 0:n,o=f(!l,t),p=C(l),c=z(x),w={className:[...u,...o,...p,...c].join(" "),...V(s,{preplyDsComponent:m.Text})};return b.jsx(d,{...w,children:i})};try{_.displayName="Text",_.__docgenInfo={description:"",displayName:"Text",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"Responsive<TextVariant> | undefined"}},size:{defaultValue:null,description:"@deprecated Use variant instead.",name:"size",required:!1,type:{name:"TextSize | undefined"}},accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"TextAccent | undefined"}},color:{defaultValue:null,description:"@deprecated Use accent instead.",name:"color",required:!1,type:{name:"ColorName | undefined"}},strong:{defaultValue:null,description:"@deprecated Text automatically sets the appropriate `font-weight` per variant",name:"strong",required:!1,type:{name:"boolean | undefined"}},centered:{defaultValue:null,description:"",name:"centered",required:!1,type:{name:"Responsive<boolean> | undefined"}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"TextTag | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}}}}}catch{}export{_ as T};
@@ -1 +0,0 @@
1
- ._FieldAdditionalText_a0lco_4{margin:0;font-weight:var(--026ea8);font-size:var(--3f1843);line-height:var(--030292);letter-spacing:var(--c142cd)}._FieldAdditionalText--variant-normal_a0lco_11{color:var(--3d280d)}._FieldAdditionalText--variant-error_a0lco_14{color:var(--9167e9)}._FieldLabel_ym89l_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_ym89l_19{display:inline}._FieldLabel--wrapGap_ym89l_22{width:var(--6947b0);display:inline-block}._FieldLabel--required_ym89l_26{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--6947b0);color:var(--3d280d)}._FieldLabel--hide_ym89l_31{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}._FieldLayoutBase_f8241_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_f8241_2 input,._FieldLayoutBase_f8241_2 textarea{display:block;width:100%}._FieldLayout--input_xqtpk_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_xqtpk_5:hover input,._FieldLayout--input_xqtpk_5:hover textarea{border-color:var(--0bd642)}}._FieldLayout--input_xqtpk_5 input,._FieldLayout--input_xqtpk_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_xqtpk_5 input::-webkit-input-placeholder,._FieldLayout--input_xqtpk_5 textarea::-webkit-input-placeholder{color:var(--d9209f)}._FieldLayout--input_xqtpk_5 input::-moz-placeholder,._FieldLayout--input_xqtpk_5 textarea::-moz-placeholder{color:var(--d9209f)}._FieldLayout--input_xqtpk_5 input:-ms-input-placeholder,._FieldLayout--input_xqtpk_5 textarea:-ms-input-placeholder{color:var(--d9209f)}._FieldLayout--input_xqtpk_5 input::-ms-input-placeholder,._FieldLayout--input_xqtpk_5 textarea::-ms-input-placeholder{color:var(--d9209f)}._FieldLayout--input_xqtpk_5 input::placeholder,._FieldLayout--input_xqtpk_5 textarea::placeholder{color:var(--d9209f)}._FieldLayout--icon_xqtpk_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_xqtpk_42 svg{color:var(--cbc724)}._FieldLayout--has-icon_xqtpk_55 ._FieldLayout--input_xqtpk_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_xqtpk_58 ._FieldLayout--input_xqtpk_5 input{padding-right:58px}._FieldLayout--has-error_xqtpk_61 ._FieldLayout--input_xqtpk_5{background-color:var(--95df5b)}._FieldLayout--has-error_xqtpk_61 ._FieldLayout--input_xqtpk_5 input,._FieldLayout--has-error_xqtpk_61 ._FieldLayout--input_xqtpk_5 textarea{border-color:var(--eaf4a3);color:var(--7b0f41)}._FieldLayout--has-error_xqtpk_61 ._FieldLayout--icon_xqtpk_42 svg{color:var(--7b0f41)}._FieldLayout--is-focused_xqtpk_72 ._FieldLayout--input_xqtpk_5 input,._FieldLayout--is-focused_xqtpk_72 ._FieldLayout--input_xqtpk_5 textarea{border-color:var(--398094)}._FieldLayout--is-disabled_xqtpk_76 ._FieldLayout--input_xqtpk_5{background-color:var(--04daeb)}._FieldLayout--is-disabled_xqtpk_76 ._FieldLayout--input_xqtpk_5 input,._FieldLayout--is-disabled_xqtpk_76 ._FieldLayout--input_xqtpk_5 textarea{border-color:transparent}._FieldLayout--input_xqtpk_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_9weq2_4,._InputPassword_9weq2_11,._InputDate_9weq2_18,._InputTime_9weq2_25,._InputNumber_9weq2_32,._Textarea_9weq2_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_9weq2_46{resize:none}._Textarea--resize-vertical_9weq2_49{resize:vertical}._Textarea--resize-horizontal_9weq2_52{resize:horizontal}._Textarea--resize-both_9weq2_55{resize:both}._Checkbox_9weq2_58,._Radio_9weq2_61{display:inline-block}._Select_9weq2_64{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._TextField_1jlzx_1{display:-webkit-box;display:-ms-flexbox;display:flex}
@@ -1 +0,0 @@
1
- import{j as a}from"./jsx-runtime-BkBIjjFT.js";import{r}from"./index-KmaxkdDD.js";import{m as N,s as U,g as q,b as L,d as b}from"./classNames-BhD67HvA.js";import{w as u}from"./componentNames-BSriaIOD.js";import{a as V,F as G}from"./constants-DL6gdbsq.js";import{u as H,g as S,a as K}from"./getInputProps-D080YxKC.js";import{u as O}from"./useForcedRef-DbdggIA8.js";import{u as M}from"./useTextField-DljuId2b.js";const Y="_FieldAdditionalText_a0lco_4",Q={FieldAdditionalText:Y,"FieldAdditionalText--variant-normal":"_FieldAdditionalText--variant-normal_a0lco_11","FieldAdditionalText--variant-error":"_FieldAdditionalText--variant-error_a0lco_14"},W=({id:e,variant:s=V,children:t})=>{const o=N(Q,u.FieldAdditionalText,[U("variant",s)]);return a.jsx("p",{id:e,className:o.join(" "),...q({preplyDsComponent:u.FieldAdditionalText}),children:t})},X="_FieldLabel_ym89l_4",C={FieldLabel:X,"FieldLabel--wrap":"_FieldLabel--wrap_ym89l_19","FieldLabel--wrapGap":"_FieldLabel--wrapGap_ym89l_22","FieldLabel--required":"_FieldLabel--required_ym89l_26","FieldLabel--hide":"_FieldLabel--hide_ym89l_31"},A="FieldLabel",J="•",Z="Required",ee=({label:e=Z})=>{const s=b(C,A,["required"]);return a.jsxs("span",{className:s.join(" "),children:[a.jsx("span",{children:J}),a.jsx("span",{children:e})]})},se=()=>{const e=b(C,A,["wrapGap"]);return a.jsx("span",{className:e.join(" ")})},te=({id:e,label:s,hideLabel:t,wrapLabel:o=!1,required:l,requiredLabel:n})=>{const i=N(C,A,[L("hide",void 0,t),L("wrap",void 0,o)]);return a.jsxs("label",{htmlFor:e,className:i.join(" "),children:[s,o&&a.jsx(se,{}),l&&a.jsx(ee,{label:n})]})},ae="_FieldLayoutBase_f8241_2",oe={FieldLayoutBase:ae},le="FieldLayoutBase",ne=({id:e,className:s,label:t,hideLabel:o,wrapLabel:l=!1,required:n,requiredLabel:i,additionalText:_,preserveSpace:p,hasError:m,dataset:F,children:d,preplyDsComponent:T},x)=>{const y=[...N(oe,le)];s&&y.push(s);const f={className:y.join(" "),...q(F,{preplyDsComponent:T})},I={id:e,label:t,hideLabel:o,wrapLabel:l,required:n,requiredLabel:i},w=!_&&p?a.jsx("span",{children:" "}):void 0,c=m?"error":"normal";return a.jsxs("div",{...f,ref:x,children:[a.jsx(te,{...I}),d,_&&a.jsx(W,{id:`${e}-desc`,variant:c,children:_}),w]})},D=r.forwardRef(ne);D.__docgenInfo={description:"",methods:[],displayName:"FieldLayoutBase",props:{wrapLabel:{defaultValue:{value:"false",computed:!1},required:!1}}};const j={"FieldLayout--input":"_FieldLayout--input_xqtpk_5","FieldLayout--icon":"_FieldLayout--icon_xqtpk_42","FieldLayout--has-icon":"_FieldLayout--has-icon_xqtpk_55","FieldLayout--has-button":"_FieldLayout--has-button_xqtpk_58","FieldLayout--has-error":"_FieldLayout--has-error_xqtpk_61","FieldLayout--is-focused":"_FieldLayout--is-focused_xqtpk_72","FieldLayout--is-disabled":"_FieldLayout--is-disabled_xqtpk_76"},ie=({id:e,className:s,input:t,icon:o,button:l,disabled:n,isFocused:i,hasError:_,inputHandle:p,onClick:m,preplyDsComponent:F,...d},T)=>{const x=r.useRef(null);r.useImperativeHandle(T,()=>({setFocus:()=>p==null?void 0:p.setFocus(),scrollIntoView:()=>{var c;return(c=x==null?void 0:x.current)==null?void 0:c.scrollIntoView()}}));const v=b(j,u.FieldLayout,[L("is-disabled",void 0,n),L("is-focused",void 0,i),L("has-error",void 0,_),L("has-icon",void 0,!!o),L("has-button",void 0,!!l)]),y=s?[s,...v]:v,f=b(j,u.FieldLayout,["input"]),I=b(j,u.FieldLayout,["icon"]),w=c=>{p==null||p.setFocus(),m==null||m(c)};return a.jsx(D,{id:e,className:y.join(" "),disabled:n,isFocused:i,hasError:_,...d,preplyDsComponent:F??u.FieldLayout,ref:x,children:a.jsxs("div",{className:f.join(" "),onClick:w,children:[o&&a.jsx("span",{className:I.join(" "),children:o}),t,l]})})},B=r.forwardRef(ie);B.__docgenInfo={description:"",methods:[],displayName:"FieldLayout"};const E={textarea:"textarea",select:"select"},re=()=>{},de=(e,s)=>{const{type:t,id:o,name:l,className:n,onChange:i,onFocus:_,onBlur:p,onClick:m,onKeyDown:F,onKeyUp:d,onCopy:T,onPaste:x,required:v,readOnly:y,disabled:f,dataset:I,preplyDsComponent:w}=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 k=H({disabled:f,captureChildEvents:!0,onBlur:p,onFocus:_}),R=E[t]||"input",z=R===t in E?void 0:t,$={...{ref:c,type:z,id:o,name:l,className:n,...k,onChange:i||re,onClick:m,onKeyDown:F,onKeyUp:d,onCopy:T,onPaste:x,required:v,readOnly:y,disabled:f},...S(e),...q(I,{preplyDsComponent:w}),...K(e)};return a.jsx(R,{...$,ref:c})},P=r.forwardRef(de);P.__docgenInfo={description:"",methods:[],displayName:"InputBase"};function ce(e,s,t,o=[]){return r.useMemo(()=>{if(!(!s&&!t))return l=>{s==null||s(l);const n=e(l);t==null||t(n)}},[s,t,...o])}const ue="_InputText_9weq2_4",_e="_InputPassword_9weq2_11",pe="_InputDate_9weq2_18",me="_InputTime_9weq2_25",Fe="_InputNumber_9weq2_32",xe="_Textarea_9weq2_39",Le="_Checkbox_9weq2_58",ye="_Radio_9weq2_61",fe="_Select_9weq2_64",Te={InputText:ue,InputPassword:_e,InputDate:pe,InputTime:me,InputNumber:Fe,Textarea:xe,"Textarea--resize-none":"_Textarea--resize-none_9weq2_46","Textarea--resize-vertical":"_Textarea--resize-vertical_9weq2_49","Textarea--resize-horizontal":"_Textarea--resize-horizontal_9weq2_52","Textarea--resize-both":"_Textarea--resize-both_9weq2_55",Checkbox:Le,Radio:ye,Select:fe},ve=({onChange:e,onValueChange:s,...t},o)=>{const l=N(Te,u.InputText),n=ce(i=>i.target.value,e,s);return a.jsx(P,{...t,ref:o,className:l.join(" "),onChange:n,preplyDsComponent:u.InputText})},g=r.forwardRef(ve);g.__docgenInfo={description:"",methods:[],displayName:"InputText"};const Ie="_TextField_1jlzx_1",we={TextField:Ie},he=({id:e,type:s=G,...t},o)=>{const l=r.useRef(null),n=O();r.useImperativeHandle(o,()=>({setFocus:()=>{var d;return(d=n==null?void 0:n.current)==null?void 0:d.setFocus()},scrollIntoView:()=>{var d;return(d=l==null?void 0:l.current)==null?void 0:d.scrollIntoView()}}));const i=M({id:e,type:s,...t},u.TextField),{layoutProps:_,inputProps:p}=i,m=N(we,u.TextField),F=a.jsx(g,{...p,ref:n});return a.jsx(B,{..._,className:m.join(" "),input:F,inputHandle:n.current,ref:l,preplyDsComponent:u.TextField})},be=r.forwardRef(he);be.__docgenInfo={description:"",methods:[],displayName:"TextField",props:{type:{defaultValue:{value:"'text'",computed:!1},required:!1}}};export{B as F,P as I,be as T,g as a,D as b,W as c,Te as s,ce as u};
@@ -1,20 +0,0 @@
1
- import{j as t}from"./jsx-runtime-BkBIjjFT.js";import{F as T,a as E}from"./User-CLwP09AE.js";import{r}from"./index-KmaxkdDD.js";import{a as C}from"./Button-B62aViHd.js";import{F as S}from"./FieldButton-61O6yJBj.js";import{I as k}from"./Icon-8p7i_Npi.js";import{F as w}from"./FieldLayout-DdDxE17A.js";import{I as D}from"./InputText-BxZG2x51.js";import{u as _}from"./useForcedRef-DbdggIA8.js";import{u as j}from"./useTextField-DljuId2b.js";import{w as f}from"./componentNames-BSriaIOD.js";import{m as R}from"./classNames-BhD67HvA.js";import{F as I}from"./constants-DL6gdbsq.js";import{S as L}from"./StoryContextDSWeb-BrR9U5wu.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./render-icon-zawwOivR.js";import"./Spinner-Boqq-9u0.js";import"./useHostname-1VY2skfn.js";import"./index-CC6DAVyL.js";import"./text-accent-De1PCgKT.js";import"./FieldLayoutBase-iPyGugU5.js";import"./getInputProps-D080YxKC.js";import"./FieldAdditionalText-DL2YCveZ.js";import"./constants-BaXVdZRV.js";import"./StorybookGlobalStyle-hxnxtqnm.js";import"./styled-components.browser.esm-qXWu05kn.js";import"./RootProvider-CIyXzSB0.js";import"./useTheme-NipwD8bb.js";import"./constants-mdQROz_Y.js";const H="_TextField_1jlzx_1",B={TextField:H},M=({id:a,type:s=I,...m},p)=>{const n=r.useRef(null),e=_();r.useImperativeHandle(p,()=>({setFocus:()=>{var i;return(i=e==null?void 0:e.current)==null?void 0:i.setFocus()},scrollIntoView:()=>{var i;return(i=n==null?void 0:n.current)==null?void 0:i.scrollIntoView()}}));const c=j({id:a,type:s,...m},f.TextField),{layoutProps:d,inputProps:v}=c,q=R(B,f.TextField),F=t.jsx(D,{...v,ref:e});return t.jsx(w,{...d,className:q.join(" "),input:F,inputHandle:e.current,ref:n,preplyDsComponent:f.TextField})},o=r.forwardRef(M);try{o.displayName="TextField",o.__docgenInfo={description:"",displayName:"TextField",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},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:"ReactNode"}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"ReactNode"}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"boolean | undefined"}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"boolean | undefined"}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"ReactNode"}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"boolean | undefined"}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"boolean | undefined"}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",required:!1,type:{name:"ReactNode"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"Dataset | undefined"}},type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:'"url" | "text" | "search" | "email" | "tel" | undefined'}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactElement<IconProps, string | JSXElementConstructor<any>> | undefined"}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"ReactElement<FieldButtonProps, string | JSXElementConstructor<any>> | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"AutoCompleteTextOptions | undefined"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"number | undefined"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<Element> | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean | undefined"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean | undefined"}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"ValueChangeEventHandler<string> | undefined"}}}}}catch{}const fe={title:"components/TextField",component:o,decorators:[a=>t.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:t.jsx(L,{theme:"tokyo-ui",children:a()})})]},u=()=>t.jsx(o,{label:"Text",defaultValue:""}),l=()=>{const[a,s]=r.useState(""),[m,p]=r.useState(!1),n=m&&!a&&"Please provide your full name",e=r.useRef(null),c=()=>{var d;p(!0),a||(d=e==null?void 0:e.current)==null||d.setFocus()};return t.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[t.jsx(o,{value:a,label:"Full name",required:!0,icon:t.jsx(k,{svg:T,label:"The hat"}),placeholder:"e.g.: Mary Williams",button:t.jsx(S,{svg:E,assistiveText:"Do the thing",onClick:()=>{}}),additionalText:"Will be shown in your profile",onValueChange:s,errorMessage:n,ref:e}),t.jsx(C,{onClick:c,children:"Submit"})]})};l.tags=["!test"];l.parameters={docs:{description:{story:'\nThe following code renders a `TextField` with the `required` flag, an\n`icon`, `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}};var y,h,b;u.parameters={...u.parameters,docs:{...(y=u.parameters)==null?void 0:y.docs,source:{originalSource:'() => <TextField label="Text" defaultValue="" />',...(b=(h=u.parameters)==null?void 0:h.docs)==null?void 0:b.source}}};var x,V,g;l.parameters={...l.parameters,docs:{...(x=l.parameters)==null?void 0:x.docs,source:{originalSource:`() => {
2
- const [value, setValue] = useState('');
3
- const [submited, setSubmitted] = useState(false);
4
- const errorMessage = submited && !value && 'Please provide your full name';
5
- const fieldRef = useRef<InputImperativeHandle>(null);
6
- const handleClick = () => {
7
- setSubmitted(true);
8
- if (!value) {
9
- fieldRef?.current?.setFocus();
10
- }
11
- };
12
- return <div style={{
13
- maxWidth: '500px',
14
- display: 'flex',
15
- flexDirection: 'column'
16
- }}>
17
- <TextField value={value} label="Full name" required icon={<Icon svg={UserSvg} label="The hat" />} placeholder="e.g.: Mary Williams" button={<FieldButton svg={ErrorSvg} assistiveText="Do the thing" onClick={() => undefined} />} additionalText="Will be shown in your profile" onValueChange={setValue} errorMessage={errorMessage} ref={fieldRef} />
18
- <Button onClick={handleClick}>Submit</Button>
19
- </div>;
20
- }`,...(g=(V=l.parameters)==null?void 0:V.docs)==null?void 0:g.source}}};const ye=["Base","Example"];export{u as Base,l as Example,ye as __namedExportsOrder,fe as default};
@@ -1 +0,0 @@
1
- ._TextHighlighted_1o3s4_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_1o3s4_13{color:var(--68bd17);background-color:var(--2d51ae)}._TextHighlighted--highlight-green_1o3s4_17{color:var(--c50238);background-color:var(--292009)}._TextHighlighted--highlight-primary_1o3s4_21{color:var(--977d1a);background-color:var(--df6b06)}._TextHighlighted--highlight-secondary_1o3s4_25{color:var(--6c2ddf);background-color:var(--e5b0a4)}._TextHighlighted--highlight-tertiary_1o3s4_29{color:var(--8da8cb);background-color:var(--aa7c4d)}._TextHighlighted--highlight-accent_1o3s4_33{color:var(--1da698);background-color:var(--301ea7)}._TextHighlighted--highlight-positive_1o3s4_37{color:var(--ad48d7);background-color:var(--a2a233)}._TextHighlighted--highlight-info_1o3s4_41{color:var(--2be49e);background-color:var(--86df85)}._TextHighlighted--highlight-warning_1o3s4_45{color:var(--98c505);background-color:var(--d908ab)}._TextHighlighted--highlight-critical_1o3s4_49{color:var(--802584);background-color:var(--0c251f)}
@@ -1 +0,0 @@
1
- import{c as l,d as o}from"./constants-mdQROz_Y.js";import{r}from"./index-KmaxkdDD.js";import{T}from"./useTheme-NipwD8bb.js";import{j as a}from"./jsx-runtime-BkBIjjFT.js";import{m as _,s as n,g as x,n as d,o as H}from"./classNames-BhD67HvA.js";import{w as t}from"./componentNames-BSriaIOD.js";const A=i=>Array.isArray(i)&&i.length===3&&l.includes(i[o]),D=()=>{const{setTheme:i}=r.useContext(T);return{setTheme:i}},m="_TextHighlighted_1o3s4_4",c={TextHighlighted:m,"TextHighlighted--highlight-blue":"_TextHighlighted--highlight-blue_1o3s4_13","TextHighlighted--highlight-green":"_TextHighlighted--highlight-green_1o3s4_17","TextHighlighted--highlight-primary":"_TextHighlighted--highlight-primary_1o3s4_21","TextHighlighted--highlight-secondary":"_TextHighlighted--highlight-secondary_1o3s4_25","TextHighlighted--highlight-tertiary":"_TextHighlighted--highlight-tertiary_1o3s4_29","TextHighlighted--highlight-accent":"_TextHighlighted--highlight-accent_1o3s4_33","TextHighlighted--highlight-positive":"_TextHighlighted--highlight-positive_1o3s4_37","TextHighlighted--highlight-info":"_TextHighlighted--highlight-info_1o3s4_41","TextHighlighted--highlight-warning":"_TextHighlighted--highlight-warning_1o3s4_45","TextHighlighted--highlight-critical":"_TextHighlighted--highlight-critical_1o3s4_49"},I=({children:i,highlight:h=d,tag:g=H,dataset:e})=>{const s={className:_(c,t.TextHighlighted,[n("highlight",h)]).join(" "),...x(e,{preplyDsComponent:t.TextHighlighted})};return a.jsx(g,{...s,children:i})};export{I as T,A as i,D as u};
@@ -1,12 +0,0 @@
1
- import{j as i}from"./jsx-runtime-BkBIjjFT.js";import{m as _,s as x,g as H,n as u,o as f}from"./classNames-BhD67HvA.js";import{w as s}from"./componentNames-BSriaIOD.js";import{S as y}from"./StoryContextDSWeb-BrR9U5wu.js";import{a as I}from"./options-B-izEUN2.js";import"./index-KmaxkdDD.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./StorybookGlobalStyle-hxnxtqnm.js";import"./styled-components.browser.esm-qXWu05kn.js";import"./RootProvider-CIyXzSB0.js";import"./useTheme-NipwD8bb.js";import"./constants-mdQROz_Y.js";const N="_TextHighlighted_1o3s4_4",j={TextHighlighted:N,"TextHighlighted--highlight-blue":"_TextHighlighted--highlight-blue_1o3s4_13","TextHighlighted--highlight-green":"_TextHighlighted--highlight-green_1o3s4_17","TextHighlighted--highlight-primary":"_TextHighlighted--highlight-primary_1o3s4_21","TextHighlighted--highlight-secondary":"_TextHighlighted--highlight-secondary_1o3s4_25","TextHighlighted--highlight-tertiary":"_TextHighlighted--highlight-tertiary_1o3s4_29","TextHighlighted--highlight-accent":"_TextHighlighted--highlight-accent_1o3s4_33","TextHighlighted--highlight-positive":"_TextHighlighted--highlight-positive_1o3s4_37","TextHighlighted--highlight-info":"_TextHighlighted--highlight-info_1o3s4_41","TextHighlighted--highlight-warning":"_TextHighlighted--highlight-warning_1o3s4_45","TextHighlighted--highlight-critical":"_TextHighlighted--highlight-critical_1o3s4_49"},h=({children:e,highlight:m=u,tag:p=f,dataset:c})=>{const T={className:_(j,s.TextHighlighted,[x("highlight",m)]).join(" "),...H(c,{preplyDsComponent:s.TextHighlighted})};return i.jsx(p,{...T,children:e})};try{h.displayName="TextHighlighted",h.__docgenInfo={description:"",displayName:"TextHighlighted",props:{highlight:{defaultValue:null,description:"",name:"highlight",required:!1,type:{name:"TextHighlight | undefined"}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"TextInlineTag | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}}}}}catch{}const A={title:"components/TextHighlighted",component:h,decorators:[e=>i.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:i.jsx(y,{theme:"tokyo-ui",children:e()})})]},t=()=>i.jsx(h,{children:"Lorem ipsum"});t.tags=["!test"];t.parameters={chromatic:{disableSnapshot:!0}};const g=()=>i.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem",width:"fit-content"},children:I.map(({id:e})=>i.jsx(h,{highlight:e,children:e},e))});var l,a,r;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:"() => <TextHighlighted>Lorem ipsum</TextHighlighted>",...(r=(a=t.parameters)==null?void 0:a.docs)==null?void 0:r.source}}};var o,n,d;g.parameters={...g.parameters,docs:{...(o=g.parameters)==null?void 0:o.docs,source:{originalSource:`() => <div style={{
2
- display: 'flex',
3
- flexDirection: 'column',
4
- gap: '0.25rem',
5
- width: 'fit-content'
6
- }}>
7
- {TEXT_HIGHLIGHT_OPTIONS.map(({
8
- id
9
- }) => <TextHighlighted key={id} highlight={id}>
10
- {id}
11
- </TextHighlighted>)}
12
- </div>`,...(d=(n=g.parameters)==null?void 0:n.docs)==null?void 0:d.source}}};const P=["Base","Options"];export{t as Base,g as Options,P as __namedExportsOrder,A as default};
@@ -1 +0,0 @@
1
- ._TextWeight_2iz7o_3._TextWeight--weight-400_2iz7o_3{font-weight:var(--73984e)}._TextWeight_2iz7o_3._TextWeight--weight-500_2iz7o_6{font-weight:var(--6e9792)}._TextWeight_2iz7o_3._TextWeight--weight-700_2iz7o_9{font-weight:var(--d5337e)}._TextWeight_2iz7o_3._TextWeight--weight-normal_2iz7o_12{font-weight:var(--5ea101)}._TextWeight_2iz7o_3._TextWeight--weight-medium_2iz7o_15{font-weight:var(--2734e9)}._TextWeight_2iz7o_3._TextWeight--weight-bold_2iz7o_18{font-weight:var(--800787)}._TextInline_24jjf_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;font-style:normal}._TextInline--italic_24jjf_10{font-style:var(--dfb500);font-variation-settings:var(--bc1abc)}
@@ -1,3 +0,0 @@
1
- import{j as a}from"./jsx-runtime-BkBIjjFT.js";import{g as I,a as N}from"./text-accent-De1PCgKT.js";import{m as c,s as w,b as y,g as C,p as j,o as E}from"./classNames-BhD67HvA.js";import{w as o}from"./componentNames-BSriaIOD.js";import{S as D}from"./StoryContextDSWeb-BrR9U5wu.js";import"./index-KmaxkdDD.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./StorybookGlobalStyle-hxnxtqnm.js";import"./styled-components.browser.esm-qXWu05kn.js";import"./RootProvider-CIyXzSB0.js";import"./useTheme-NipwD8bb.js";import"./constants-mdQROz_Y.js";const b="_TextWeight_2iz7o_3",z={TextWeight:b,"TextWeight--weight-400":"_TextWeight--weight-400_2iz7o_3","TextWeight--weight-500":"_TextWeight--weight-500_2iz7o_6","TextWeight--weight-700":"_TextWeight--weight-700_2iz7o_9","TextWeight--weight-normal":"_TextWeight--weight-normal_2iz7o_12","TextWeight--weight-medium":"_TextWeight--weight-medium_2iz7o_15","TextWeight--weight-bold":"_TextWeight--weight-bold_2iz7o_18"},A="TextWeight",q=e=>c(z,A,[w("weight",e)]),V="_TextInline_24jjf_4",L={TextInline:V,"TextInline--italic":"_TextInline--italic_24jjf_10"},s=({children:e,accent:i,color:d,weight:p=j,italic:u=!1,tag:g=E,dataset:T})=>{const x=c(L,o.TextInline,[y("italic",void 0,u)]),n=i?void 0:d,_=I(!n,i),h=N(n),f=q(p),W={className:[...x,..._,...h,...f].join(" "),...C(T,{preplyDsComponent:o.TextInline})};return a.jsx(g,{...W,children:e})};try{s.displayName="TextInline",s.__docgenInfo={description:"",displayName:"TextInline",props:{accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"TextAccent | undefined"}},color:{defaultValue:null,description:"@deprecated Use accent instead.",name:"color",required:!1,type:{name:"ColorName | undefined"}},weight:{defaultValue:null,description:"",name:"weight",required:!1,type:{name:"TextWeight | undefined"}},italic:{defaultValue:{value:"false"},description:"",name:"italic",required:!1,type:{name:"boolean | undefined"}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"TextInlineTag | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}}}}}catch{}const K={title:"components/TextInline",component:s,decorators:[e=>a.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:a.jsx(D,{theme:"tokyo-ui",children:e()})})]},t=()=>a.jsxs("p",{children:["Lorem ",a.jsx(s,{children:"ipsum"})]});t.storyName="TextInline";var l,r,m;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`() => <p>
2
- Lorem <TextInline>ipsum</TextInline>
3
- </p>`,...(m=(r=t.parameters)==null?void 0:r.docs)==null?void 0:m.source}}};const M=["Base"];export{t as Base,M as __namedExportsOrder,K as default};
@@ -1,20 +0,0 @@
1
- import{j as n}from"./jsx-runtime-BkBIjjFT.js";import{r as t}from"./index-KmaxkdDD.js";import{a as F}from"./Button-B62aViHd.js";import{F as T}from"./FieldLayout-DdDxE17A.js";import{s as H,u as _,I as w}from"./FieldLayoutBase-iPyGugU5.js";import{m as E,s as D}from"./classNames-BhD67HvA.js";import{w as m}from"./componentNames-BSriaIOD.js";import{u as K}from"./useForcedRef-DbdggIA8.js";import{u as L}from"./useTextareaField-B2anSFYg.js";import{S}from"./StoryContextDSWeb-BrR9U5wu.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./render-icon-zawwOivR.js";import"./Spinner-Boqq-9u0.js";import"./useHostname-1VY2skfn.js";import"./index-CC6DAVyL.js";import"./getInputProps-D080YxKC.js";import"./FieldAdditionalText-DL2YCveZ.js";import"./constants-DL6gdbsq.js";import"./constants-BaXVdZRV.js";import"./StorybookGlobalStyle-hxnxtqnm.js";import"./styled-components.browser.esm-qXWu05kn.js";import"./RootProvider-CIyXzSB0.js";import"./useTheme-NipwD8bb.js";import"./constants-mdQROz_Y.js";const y=({onChange:e,onValueChange:i,resize:o="vertical",...a},r)=>{const l=E(H,m.Textarea,[D("resize",o)]),s=_(d=>d.target.value,e,i);return n.jsx(w,{...a,ref:r,type:"textarea",className:l.join(" "),onChange:s,preplyDsComponent:m.Textarea})},V=t.forwardRef(y);try{y.displayName="TextareaLocal",y.__docgenInfo={description:"",displayName:"TextareaLocal",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"AutoCompleteTextareaOptions | undefined"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"number | undefined"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<Element> | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean | undefined"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean | undefined"}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"boolean | undefined"}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number | undefined"}},resize:{defaultValue:{value:"vertical"},description:"",name:"resize",required:!1,type:{name:"ResizeOptions | undefined"}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"ValueChangeEventHandler<string> | undefined"}}}}}catch{}try{V.displayName="Textarea",V.__docgenInfo={description:"",displayName:"Textarea",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"AutoCompleteTextareaOptions | undefined"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"number | undefined"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<Element> | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean | undefined"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean | undefined"}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"boolean | undefined"}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number | undefined"}},resize:{defaultValue:{value:"vertical"},description:"",name:"resize",required:!1,type:{name:"ResizeOptions | undefined"}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"ValueChangeEventHandler<string> | undefined"}}}}}catch{}const k="_TextareaField_yfjpi_1",N={TextareaField:k},j=({id:e,...i},o)=>{const a=t.useRef(null),r=K();t.useImperativeHandle(o,()=>({setFocus:()=>{var p;return(p=a==null?void 0:a.current)==null?void 0:p.setFocus()},scrollIntoView:()=>{var p;return(p=a==null?void 0:a.current)==null?void 0:p.scrollIntoView()}}));const{layoutProps:l,inputProps:s}=L({id:e,...i},m.TextareaField),d=E(N,m.TextareaField),v=n.jsx(V,{...s,ref:r});return n.jsx(T,{...l,className:d.join(" "),input:v,inputHandle:r.current,ref:a,preplyDsComponent:m.TextareaField})},f=t.forwardRef(j);try{f.displayName="TextareaField",f.__docgenInfo={description:"",displayName:"TextareaField",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},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:"ReactNode"}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"ReactNode"}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"boolean | undefined"}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"boolean | undefined"}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"ReactNode"}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"boolean | undefined"}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"boolean | undefined"}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",required:!1,type:{name:"ReactNode"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"Dataset | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"AutoCompleteTextareaOptions | undefined"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"number | undefined"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<Element> | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean | undefined"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean | undefined"}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"ValueChangeEventHandler<string> | undefined"}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number | undefined"}},resize:{defaultValue:null,description:"",name:"resize",required:!1,type:{name:"ResizeOptions | undefined"}}}}}catch{}const ue={title:"components/TextareaField",component:f,decorators:[e=>n.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:n.jsx(S,{theme:"tokyo-ui",children:e()})})]},c=()=>n.jsx(f,{label:"Textarea",defaultValue:""}),u=()=>{const[e,i]=t.useState(""),[o,a]=t.useState(!1),r=o&&!e&&"Please provide your full name",l=t.useRef(null),s=()=>{var d;a(!0),e||(d=l==null?void 0:l.current)==null||d.setFocus()};return n.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[n.jsx(f,{value:e,label:"Full name",required:!0,placeholder:"e.g.: Mary Williams",additionalText:"Will be shown in your profile",onValueChange:i,errorMessage:r,ref:l,resize:"horizontal"}),n.jsx(F,{onClick:s,children:"Submit"})]})};u.tags=["!test"];u.parameters={docs:{description:{story:'\nThe following code renders a `TextareaField` with the `required` flag, an\n`icon`, `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}};var q,h,b;c.parameters={...c.parameters,docs:{...(q=c.parameters)==null?void 0:q.docs,source:{originalSource:'() => <TextareaField label="Textarea" defaultValue="" />',...(b=(h=c.parameters)==null?void 0:h.docs)==null?void 0:b.source}}};var g,x,C;u.parameters={...u.parameters,docs:{...(g=u.parameters)==null?void 0:g.docs,source:{originalSource:`() => {
2
- const [value, setValue] = useState('');
3
- const [submited, setSubmitted] = useState(false);
4
- const errorMessage = submited && !value && 'Please provide your full name';
5
- const fieldRef = useRef<InputImperativeHandle>(null);
6
- const handleClick = () => {
7
- setSubmitted(true);
8
- if (!value) {
9
- fieldRef?.current?.setFocus();
10
- }
11
- };
12
- return <div style={{
13
- maxWidth: '500px',
14
- display: 'flex',
15
- flexDirection: 'column'
16
- }}>
17
- <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" />
18
- <Button onClick={handleClick}>Submit</Button>
19
- </div>;
20
- }`,...(C=(x=u.parameters)==null?void 0:x.docs)==null?void 0:C.source}}};const ie=["Basic","Example"];export{c as Basic,u as Example,ie as __namedExportsOrder,ue as default};
@@ -1 +0,0 @@
1
- ._toast_2pkya_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_2pkya_3:has(._title_2pkya_19:first-child){grid-template-columns:auto auto max-content}._toast_2pkya_3._critical_2pkya_22{background-color:var(--87fcf8)}._toast_2pkya_3 ._title_2pkya_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_2pkya_3 ._actionButton_2pkya_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_2pkya_3 ._actionButton_2pkya_34{grid-row:2;grid-column:2}}@media (min-width: 700px){._toast_2pkya_3:has(._title_2pkya_19:first-child) ._actionButton_2pkya_34{grid-column:1}}._toast_2pkya_3 ._closeButton_2pkya_55{all:unset;cursor:pointer;grid-row:1;grid-column:3}._toast_2pkya_3:has(._actionButton_2pkya_34) ._closeButton_2pkya_55{display:none}@media (min-width: 700px){._toast_2pkya_3:has(._actionButton_2pkya_34) ._closeButton_2pkya_55{display:block}}