@preply/ds-docs 2.0.1 → 2.1.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.LayoutFlex.stories-Dxg48axa.js → 00.LayoutFlex.stories-CbDXxyuE.js} +1 -1
  2. package/dist/assets/{00.applications-CWPvzkb8.js → 00.applications-DrPcq5hf.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-CioTS39P.js → 00.favicons.guide-BGlf-F09.js} +1 -1
  4. package/dist/assets/{00.token-explorer-Ms3A3gKw.js → 00.token-explorer-Bfc0792V.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-B4JXxb8B.js → 00.using-responsive-props-zAcJieHB.js} +1 -1
  6. package/dist/assets/{01.semantic-tokens-uwEK-alq.js → 01.semantic-tokens-Ccy3YqAg.js} +1 -1
  7. package/dist/assets/{01.using-shorthand-props-DVl924Oz.js → 01.using-shorthand-props-B0ANrFDR.js} +1 -1
  8. package/dist/assets/{10.Combinations.stories-BwVik25M.js → 10.Combinations.stories-CdNbC18z.js} +1 -1
  9. package/dist/assets/{10.fonts.guide-CPpSTBh5.js → 10.fonts.guide-kjxLDtt2.js} +1 -1
  10. package/dist/assets/{10.ssr-nIbsPyxs.js → 10.ssr-C85792Ym.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer-BnJaxOzB.js → 11.languageFont.explorer-C8B0RG10.js} +1 -1
  12. package/dist/assets/{11.ssr.app-router-D1RtbDN9.js → 11.ssr.app-router-DLGELGUU.js} +1 -1
  13. package/dist/assets/{20.libraries-DROERfkO.js → 20.libraries-BDQu_qts.js} +1 -1
  14. package/dist/assets/{30.icons.explorer-El51dKM_.js → 30.icons.explorer-Cs2BoR4M.js} +1 -1
  15. package/dist/assets/{30.storybook-DG4_FgeX.js → 30.storybook-Nx8Paw-6.js} +1 -1
  16. package/dist/assets/40.illustrations.explorer-WSD1rIjJ.js +21 -0
  17. package/dist/assets/{90.advanced-Bpafg85K.js → 90.advanced-DASg-ru6.js} +1 -1
  18. package/dist/assets/AlertDialog-Maq8_VU0.css +1 -0
  19. package/dist/assets/{AlertDialog.stories-DYP2Qbit.js → AlertDialog.stories-BzWTSIy8.js} +4 -4
  20. package/dist/assets/Avatar-DTmc5ZGN.css +1 -0
  21. package/dist/assets/Avatar-DncQXX7G.js +7 -0
  22. package/dist/assets/Avatar-ElTllycS.js +1 -0
  23. package/dist/assets/Avatar-l4k-u_Mp.css +1 -0
  24. package/dist/assets/{Avatar.stories-D7fst3_7.js → Avatar.stories-D15oouju.js} +1 -1
  25. package/dist/assets/AvatarWithStatus-CxEAGmUA.css +1 -0
  26. package/dist/assets/AvatarWithStatus.stories-DeWJ6ypF.js +42 -0
  27. package/dist/assets/Badge-j_a0acGK.css +1 -0
  28. package/dist/assets/{Badge.stories-DxY6VuVF.js → Badge.stories-CSQZXuAX.js} +1 -1
  29. package/dist/assets/Box-CjExCUkg.css +1 -0
  30. package/dist/assets/Box.stories-Vj0MUVA1.js +44 -0
  31. package/dist/assets/Button-BlwReLw5.js +20 -0
  32. package/dist/assets/Button-CB2hNkCw.css +1 -0
  33. package/dist/assets/Button-D7I5ig5h.js +1 -0
  34. package/dist/assets/Button-Do66hNtY.css +1 -0
  35. package/dist/assets/Button.stories-VxG3jfx5.js +252 -0
  36. package/dist/assets/ButtonBase-BCfmDQ_b.js +8 -0
  37. package/dist/assets/ButtonBase-C0CIM4Jh.css +1 -0
  38. package/dist/assets/Chips-DAK2so_G.css +1 -0
  39. package/dist/assets/{Chips.stories-B6Md1MMV.js → Chips.stories-3FQFAew8.js} +2 -2
  40. package/dist/assets/{Color-YHDXOIA2-4GAnzwWB.js → Color-YHDXOIA2-BYOU6QkC.js} +1 -1
  41. package/dist/assets/Dialog-DzqSHLus.css +1 -0
  42. package/dist/assets/{Dialog.stories-C7_Fdl3l.js → Dialog.stories-CjuVHAg6.js} +19 -19
  43. package/dist/assets/{DocsRenderer-CFRXHY34-DEKaLxr5.js → DocsRenderer-CFRXHY34-D1fchdBc.js} +1 -1
  44. package/dist/assets/FieldAdditionalText-BD8S7qnE.js +1 -0
  45. package/dist/assets/FieldAdditionalText-CuXtSnrq.css +1 -0
  46. package/dist/assets/{FieldAdditionalText.stories-BknKG7pn.js → FieldAdditionalText.stories-Bkm8WlSW.js} +1 -1
  47. package/dist/assets/FieldButton-D_5Zrlco.js +1 -0
  48. package/dist/assets/FieldButton-Picq604V.css +1 -0
  49. package/dist/assets/{FieldButton.stories-8phtWQab.js → FieldButton.stories-C33Mb60l.js} +1 -1
  50. package/dist/assets/FieldLayout-DHSEWaEL.js +1 -0
  51. package/dist/assets/FieldLayout-uwpycSl9.css +1 -0
  52. package/dist/assets/{FieldLayout.stories-TOLu2AYc.js → FieldLayout.stories-BNq7gZCI.js} +1 -1
  53. package/dist/assets/FieldLayoutBase-C_wbpu8u.css +1 -0
  54. package/dist/assets/FieldLayoutBase-xV81xRaV.js +12 -0
  55. package/dist/assets/Heading-Bj7LLgoH.js +2 -0
  56. package/dist/assets/Heading-C14zK0Nl.css +1 -0
  57. package/dist/assets/{Heading.stories-DVOG4eGs.js → Heading.stories-DUVgn-sr.js} +1 -1
  58. package/dist/assets/Icon-C3YgliEf.css +1 -0
  59. package/dist/assets/Icon-CBFs9hMA.js +1 -0
  60. package/dist/assets/Icon-D_HQx804.css +1 -0
  61. package/dist/assets/{Icon-RSC-BXbRnWp9.js → Icon-RSC-BuTFeAj0.js} +1 -1
  62. package/dist/assets/Icon-Wpz7-Jvg.js +8 -0
  63. package/dist/assets/{Icon.stories-DLdTr5b7.js → Icon.stories-DzUVuQaU.js} +1 -1
  64. package/dist/assets/IconButton-B7CxWK4j.js +8 -0
  65. package/dist/assets/InputText-m06Ec_iQ.js +5 -0
  66. package/dist/assets/{LayoutFlex-Bm8v-QkC.js → LayoutFlex-5ZDeW2G6.js} +1 -1
  67. package/dist/assets/{LayoutFlex-Cc1D09Ei.js → LayoutFlex-l6VPaSCi.js} +1 -1
  68. package/dist/assets/LayoutFlexItem-C4cPPR-1.css +1 -0
  69. package/dist/assets/LayoutFlexItem-DhCHigTj.js +1 -0
  70. package/dist/assets/LayoutGrid-CNwH06zf.js +1 -0
  71. package/dist/assets/LayoutGrid-Cm59X3OY.css +1 -0
  72. package/dist/assets/LayoutGrid-mQT2ikS8.css +1 -0
  73. package/dist/assets/LayoutGrid.stories-CJKRu44f.js +88 -0
  74. package/dist/assets/LayoutGridItem-BEFb1grO.css +1 -0
  75. package/dist/assets/LayoutGridItem-BYIEoI8K.js +1 -0
  76. package/dist/assets/Link-K5J3waqL.css +1 -0
  77. package/dist/assets/{Link.stories-EiMcdLab.js → Link.stories-DdA4w7Yi.js} +8 -7
  78. package/dist/assets/Loader-hjoeRutr.css +1 -0
  79. package/dist/assets/Loader.stories-DXv_QpEq.js +37 -0
  80. package/dist/assets/NumberField-BwQ_OX3b.css +1 -0
  81. package/dist/assets/NumberField.stories-B0au_GJa.js +203 -0
  82. package/dist/assets/OnboardingTooltip-CsmroJZe.css +1 -0
  83. package/dist/assets/{OnboardingTooltip-vUAo9ADZ.js → OnboardingTooltip-DkJtTrMv.js} +1 -1
  84. package/dist/assets/{OnboardingTooltip.stories-doNUnMe7.js → OnboardingTooltip.stories-CBEGxsdn.js} +1 -1
  85. package/dist/assets/{OnboardingTooltip.tests.stories-Bv3lHMu_.js → OnboardingTooltip.tests.stories-BVwCf3WX.js} +1 -1
  86. package/dist/assets/OnboardingTour-CiSAhOo4.js +4 -0
  87. package/dist/assets/OnboardingTour-D0hvRI8H.css +1 -0
  88. package/dist/assets/{OnboardingTour.stories-CoOA-ga5.js → OnboardingTour.stories-Ci2XQcpZ.js} +1 -1
  89. package/dist/assets/{OnboardingTour.tests.stories-Bi99nEGK.js → OnboardingTour.tests.stories-fpAsT8xG.js} +1 -1
  90. package/dist/assets/PasswordField-pNO2_I4U.css +1 -0
  91. package/dist/assets/{PasswordField.stories-DY5ogILG.js → PasswordField.stories-tMCP_-zS.js} +3 -3
  92. package/dist/assets/PreplyLogo-CTlTSEJp.css +1 -0
  93. package/dist/assets/PreplyLogo.stories-D-KuDEpf.js +98 -0
  94. package/dist/assets/ProgressBar-BmNYDQH3.css +1 -0
  95. package/dist/assets/{ProgressBar.stories-DQ2un511.js → ProgressBar.stories-RX3TC-Mj.js} +1 -1
  96. package/dist/assets/ProgressSteps-BdahNXrs.js +2 -0
  97. package/dist/assets/ProgressSteps-DOMtSbxl.css +1 -0
  98. package/dist/assets/{ProgressSteps.stories-CbxKZt-6.js → ProgressSteps.stories-BOqzHA8v.js} +1 -1
  99. package/dist/assets/RootProvider-F-KPwN7Y.js +1 -0
  100. package/dist/assets/SelectField-D3L7IkDZ.css +1 -0
  101. package/dist/assets/SelectField.stories-BiKwJ7cJ.js +182 -0
  102. package/dist/assets/Spinner-B2C3RkCF.js +1 -0
  103. package/dist/assets/Spinner-CzIq-Vt3.css +1 -0
  104. package/dist/assets/Steps-B_rpKUTa.css +1 -0
  105. package/dist/assets/Steps-cwath_9x.js +26 -0
  106. package/dist/assets/{Steps.stories-BhTfb1un.js → Steps.stories-BKq08-vN.js} +1 -1
  107. package/dist/assets/Text-BXZIkJPK.js +1 -0
  108. package/dist/assets/Text-BjBJEVRG.css +1 -0
  109. package/dist/assets/Text-CXoN02OL.js +1 -0
  110. package/dist/assets/Text-DWmJ-bA2.css +1 -0
  111. package/dist/assets/{Text.stories-CRxantTh.js → Text.stories--sqpLsAp.js} +1 -1
  112. package/dist/assets/TextField-BdRa6kYC.js +1 -0
  113. package/dist/assets/TextField-CpavA6nv.css +1 -0
  114. package/dist/assets/TextField-Drr2dczB.css +1 -0
  115. package/dist/assets/TextField.stories-Bclgc2EW.js +178 -0
  116. package/dist/assets/TextHighlighted-BnmI0H3i.css +1 -0
  117. package/dist/assets/TextHighlighted-UGbUAPIH.js +1 -0
  118. package/dist/assets/TextHighlighted-XaAzBaUc.css +1 -0
  119. package/dist/assets/TextHighlighted.stories-NdWGjEJo.js +32 -0
  120. package/dist/assets/TextInline-CztA0I1b.css +1 -0
  121. package/dist/assets/TextInline.stories-CUApO-7f.js +37 -0
  122. package/dist/assets/TextareaField-D7ErWnri.css +1 -0
  123. package/dist/assets/{TextareaField.stories-ZPt_wlMP.js → TextareaField.stories-DeszU8P5.js} +5 -5
  124. package/dist/assets/Toast-Bce4LWtf.css +1 -0
  125. package/dist/assets/{Toast.stories-DKkMHs-Q.js → Toast.stories-ddQWgL74.js} +9 -9
  126. package/dist/assets/Tooltip-Cm9bKrYj.css +1 -0
  127. package/dist/assets/{Tooltip-Ct-WqDpg.js → Tooltip-DfP6dW5t.js} +1 -1
  128. package/dist/assets/{Tooltip.stories-BWtp4p6F.js → Tooltip.stories-BFaVZ-KR.js} +1 -1
  129. package/dist/assets/{Tooltip.tests.stories-C2PZScD4.js → Tooltip.tests.stories-BdWpurqX.js} +1 -1
  130. package/dist/assets/{breakpoints-DrPPi6ob.js → breakpoints-DZrjMODJ.js} +1 -1
  131. package/dist/assets/{breakpoints-BHfQdcIJ.js → breakpoints-OMNEQfen.js} +1 -1
  132. package/dist/assets/{breakpoints-I4FAlX3-.js → breakpoints-nQG7mZUy.js} +1 -1
  133. package/dist/assets/{changelog-CHKnz4hf.js → changelog-DKkspQMC.js} +136 -124
  134. package/dist/assets/{entry-preview-CJqbxsdd.js → entry-preview-Di48KvWt.js} +1 -1
  135. package/dist/assets/{getTokenVar-BX_aqC-A.js → getTokenVar-CaVPbV9a.js} +1 -1
  136. package/dist/assets/{hover-BcoRLc18.js → hover-5sSVivzT.js} +1 -1
  137. package/dist/assets/{hover-Bn6tz5Uw.js → hover-CqG5MZbC.js} +1 -1
  138. package/dist/assets/{hover-DNMePSJs.js → hover-DcOblfBc.js} +1 -1
  139. package/dist/assets/{iframe-D0mvSgIL.js → iframe-C8qEtSwt.js} +2 -2
  140. package/dist/assets/{index-BsQc80lu.js → index-Ba1GaWBz.js} +3 -3
  141. package/dist/assets/{index-4X0Wd6c1.js → index-Cp5_iz39.js} +1 -1
  142. package/dist/assets/{intro-CBk5iAA3.js → intro-BsAuI9-C.js} +1 -1
  143. package/dist/assets/layout-relative-BGyAoF2N.css +1 -0
  144. package/dist/assets/layout-relative-BpJIh3YK.js +1 -0
  145. package/dist/assets/layout-relative-C4ATemga.css +1 -0
  146. package/dist/assets/layout-relative-DuJENdo5.css +1 -0
  147. package/dist/assets/layout-relative.module-1z75aSwo-DNAR_Nv2.js +1 -0
  148. package/dist/assets/layout-relative.module-ed9bC4H4.js +1 -0
  149. package/dist/assets/{migrating-from-less-T5R-NRLP.js → migrating-from-less-DIb86N4R.js} +1 -1
  150. package/dist/assets/playground-t-QHn_5x.css +1 -0
  151. package/dist/assets/{playground.stories-D2vZb5DU.js → playground.stories-CTz0xGuT.js} +111 -111
  152. package/dist/assets/{preview-DCKor9oC.js → preview-BOyk1pfY.js} +1 -1
  153. package/dist/assets/{preview-Vxjmr8F-.js → preview-CBMehSre.js} +1 -1
  154. package/dist/assets/{preview-BBPbRy6B.js → preview-DvauSVRq.js} +2 -2
  155. package/dist/assets/text-accent-CDvOoGdV.css +1 -0
  156. package/dist/assets/text-accent-CZD2Hmtq.js +1 -0
  157. package/dist/assets/text-accent-DZDDtpIt.js +1 -0
  158. package/dist/assets/text-accent-WDJkKazf.css +1 -0
  159. package/dist/assets/text-centered-Bk7GkK8R.js +1 -0
  160. package/dist/assets/text-centered-CznToR0o.js +1 -0
  161. package/dist/assets/text-centered-DN9XHxjM.css +1 -0
  162. package/dist/assets/text-centered-DxXu3Wfr.css +1 -0
  163. package/dist/assets/{tokens-D0BWg3AW.js → tokens-C4H21x5Y.js} +1 -1
  164. package/dist/assets/{tokens-BYJD7edf.js → tokens-DY9UJMme.js} +1 -1
  165. package/dist/assets/{tokens-ChcQAZih.js → tokens-bDgXZ1xi.js} +1 -1
  166. package/dist/assets/{usePortalElement-D8YB8wCj.js → usePortalElement-hM2pDsQq.js} +1 -1
  167. package/dist/assets/{welcome-mZ5KeQa-.js → welcome-DaVgjrPL.js} +1 -1
  168. package/dist/assets/{zeroheight-CLcZK6pE.js → zeroheight-D5Xa3jWw.js} +1 -1
  169. package/dist/iframe.html +1 -1
  170. package/dist/index.json +1 -1
  171. package/dist/preview-stats.json +1634 -1631
  172. package/dist/project.json +1 -1
  173. package/package.json +3 -3
  174. package/vite.config.ts +10 -0
  175. package/dist/assets/40.illustrations.explorer-BZO-_C_S.js +0 -21
  176. package/dist/assets/AlertDialog-C9BEjgkE.css +0 -1
  177. package/dist/assets/Avatar-DKsRQl4B.js +0 -6
  178. package/dist/assets/Avatar-HtycGal7.js +0 -1
  179. package/dist/assets/Avatar-L-715hiR.css +0 -1
  180. package/dist/assets/Avatar-M4k3pOBX.css +0 -1
  181. package/dist/assets/AvatarWithStatus-Dz0rSSHl.css +0 -1
  182. package/dist/assets/AvatarWithStatus.stories-NWE-3XEL.js +0 -41
  183. package/dist/assets/Badge-Ar4YZCqB.css +0 -1
  184. package/dist/assets/Box-D1WAKfTQ.css +0 -1
  185. package/dist/assets/Box.stories-DFh_1cIr.js +0 -44
  186. package/dist/assets/Button-BOyl6fPv.js +0 -20
  187. package/dist/assets/Button-BwBS3oEP.css +0 -1
  188. package/dist/assets/Button-DTjBNg_z.js +0 -1
  189. package/dist/assets/Button-P9yXDdEf.css +0 -1
  190. package/dist/assets/Button.stories-H01CJnTv.js +0 -211
  191. package/dist/assets/ButtonBase-CndTGqQQ.js +0 -8
  192. package/dist/assets/ButtonBase-Ddw6v5fn.css +0 -1
  193. package/dist/assets/Chips-CpylpY14.css +0 -1
  194. package/dist/assets/Dialog-CNTXsWOb.css +0 -1
  195. package/dist/assets/FieldAdditionalText-BbXsXR5V.js +0 -1
  196. package/dist/assets/FieldAdditionalText-DbuNvJBg.css +0 -1
  197. package/dist/assets/FieldButton-BJQKm6jT.css +0 -1
  198. package/dist/assets/FieldButton-CLS4hZRO.js +0 -1
  199. package/dist/assets/FieldLayout-DYbPQFAW.css +0 -1
  200. package/dist/assets/FieldLayout-nD5R7atd.js +0 -1
  201. package/dist/assets/FieldLayoutBase-B_B5-cjL.css +0 -1
  202. package/dist/assets/FieldLayoutBase-Ri_bjseH.js +0 -12
  203. package/dist/assets/Heading-BIzxWDA5.js +0 -2
  204. package/dist/assets/Heading-DLvxlILX.css +0 -1
  205. package/dist/assets/Icon-BmtvHdpX.js +0 -8
  206. package/dist/assets/Icon-BqDOhmd9.js +0 -1
  207. package/dist/assets/Icon-CQT2GKoH.css +0 -1
  208. package/dist/assets/Icon-CXX0nf3D.css +0 -1
  209. package/dist/assets/IconButton-LF952PfZ.js +0 -8
  210. package/dist/assets/InputText-Dtc7LpKa.js +0 -5
  211. package/dist/assets/LayoutFlexItem-BYTRwx_X.css +0 -1
  212. package/dist/assets/LayoutFlexItem-C_JBzaw-.js +0 -1
  213. package/dist/assets/LayoutGrid-DFWk8NB8.css +0 -1
  214. package/dist/assets/LayoutGrid-IDkxjZN1.js +0 -1
  215. package/dist/assets/LayoutGrid-L_40ixqn.css +0 -1
  216. package/dist/assets/LayoutGrid.stories-DPmEZkN1.js +0 -88
  217. package/dist/assets/LayoutGridItem-DvV7NvZa.js +0 -1
  218. package/dist/assets/LayoutGridItem-DwNHNpvD.css +0 -1
  219. package/dist/assets/Link-xQTG6qM6.css +0 -1
  220. package/dist/assets/Loader-BasFj5cB.css +0 -1
  221. package/dist/assets/Loader.stories-C9NOJXU_.js +0 -37
  222. package/dist/assets/NumberField-C0w7Zzcx.css +0 -1
  223. package/dist/assets/NumberField.stories-DpEWh-dT.js +0 -203
  224. package/dist/assets/OnboardingTooltip-BUE-a7PJ.css +0 -1
  225. package/dist/assets/OnboardingTour-BJaUVtET.css +0 -1
  226. package/dist/assets/OnboardingTour-i4oFa3CL.js +0 -4
  227. package/dist/assets/PasswordField-CW55DLIa.css +0 -1
  228. package/dist/assets/PreplyLogo-D50rvD8_.css +0 -1
  229. package/dist/assets/PreplyLogo.stories-D2YUc7Xm.js +0 -97
  230. package/dist/assets/ProgressBar-BoL6q8Gm.css +0 -1
  231. package/dist/assets/ProgressSteps-CSu6U8Oh.js +0 -2
  232. package/dist/assets/ProgressSteps-oRv75ID6.css +0 -1
  233. package/dist/assets/RootProvider-BgscvpVs.js +0 -1
  234. package/dist/assets/SelectField-DdoXEWJk.css +0 -1
  235. package/dist/assets/SelectField.stories-DXrTFOq5.js +0 -182
  236. package/dist/assets/Spinner-WkRCqqWl.css +0 -1
  237. package/dist/assets/Spinner-Yzq6CWfu.js +0 -1
  238. package/dist/assets/Steps-Cm49GD2O.css +0 -1
  239. package/dist/assets/Steps-Drw_J1pN.js +0 -26
  240. package/dist/assets/Text-BbTAW1HU.js +0 -1
  241. package/dist/assets/Text-V4TRyvtW.js +0 -1
  242. package/dist/assets/Text-rF1Oi742.css +0 -1
  243. package/dist/assets/TextField-BzR--15O.js +0 -1
  244. package/dist/assets/TextField-DYLqe3tJ.css +0 -1
  245. package/dist/assets/TextField-DnBkywp4.css +0 -1
  246. package/dist/assets/TextField.stories-B6ZiRnD3.js +0 -178
  247. package/dist/assets/TextHighlighted-Be3VqoqU.js +0 -1
  248. package/dist/assets/TextHighlighted-ctAnMXHo.css +0 -1
  249. package/dist/assets/TextHighlighted.stories-Ccl1UgGr.js +0 -32
  250. package/dist/assets/TextInline-zyBsYqm3.css +0 -1
  251. package/dist/assets/TextInline.stories-DjHRpfFb.js +0 -37
  252. package/dist/assets/TextareaField-CZ8v7yuT.css +0 -1
  253. package/dist/assets/Toast-9YYei-H6.css +0 -1
  254. package/dist/assets/Tooltip-CEXdeSMx.css +0 -1
  255. package/dist/assets/layout-relative-Bqi-eQr9.css +0 -1
  256. package/dist/assets/layout-relative-Brg7nCBe.css +0 -1
  257. package/dist/assets/layout-relative-D1P2Swpw.css +0 -1
  258. package/dist/assets/layout-relative-DFrOiWAE.js +0 -1
  259. package/dist/assets/layout-relative.module-BhIMNlTS-HdwEQarE.js +0 -1
  260. package/dist/assets/layout-relative.module-CDUOJ19G.js +0 -1
  261. package/dist/assets/playground-pPNOw9Oj.css +0 -1
  262. package/dist/assets/text-accent-BbDxH1tz.css +0 -1
  263. package/dist/assets/text-accent-C7pEavfl.js +0 -1
  264. package/dist/assets/text-accent-Pc_gtAUU.js +0 -1
  265. package/dist/assets/text-centered-Bf8j8BI4.js +0 -1
  266. package/dist/assets/text-centered-BsBBnlcu.css +0 -1
  267. package/dist/assets/text-centered-CCAvmLGC.css +0 -1
  268. package/dist/assets/text-centered-CEVxj3Ji.js +0 -1
@@ -0,0 +1 @@
1
+ .Text__BD7-C{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);margin:0;font-weight:var(--73984e)}.Text--variant-caption-regular__-ndGs{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}.Text--variant-caption-semibold__-q81F{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}.Text--variant-small-regular__V98UM{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}.Text--variant-small-regular-italic__Ii9YT{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}.Text--variant-small-semibold__mTXWU{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}.Text--variant-small-semibold-italic__N2bGq{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}.Text--variant-default-regular__GBkvP{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}.Text--variant-default-regular-italic__h8iGC{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}.Text--variant-default-semibold__BREV0{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}.Text--variant-default-semibold-italic__0qH9S{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}.Text--variant-large-regular__IFXFs{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}.Text--variant-large-regular-italic__PBExC{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}.Text--variant-large-semibold__iyV1O{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}.Text--variant-large-semibold-italic__wKF6g{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}.Text--variant-xs__-oA5D{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}.Text--variant-xs-medium__lJfcR{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}.Text--variant-s__xqH0U{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}.Text--variant-s-italic__jUEl1{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}.Text--variant-s-medium__waMrn{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}.Text--variant-s-medium-italic__sLhV3{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}.Text--variant-s-bold__tq4bK{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}.Text--variant-s-bold-italic__GG7kG{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}.Text--variant-m__y2H-S{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)}.Text--variant-m-italic__Sslhm{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}.Text--variant-m-medium__6RBW8{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}.Text--variant-m-medium-italic__dWABZ{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}.Text--variant-m-bold__5ZSGo{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}.Text--variant-m-bold-italic__EA7SO{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}.Text--variant-l__kMF37{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}.Text--variant-l-italic__O9IYe{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}.Text--variant-l-medium__mlaL6{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}.Text--variant-l-medium-italic__c-aUW{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}.Text--variant-xl__mVHo2{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}.Text--variant-xl-italic__E-mAM{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}.Text--variant-xl-medium__oom4K{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}.Text--variant-xl-medium-italic__TE3Jt{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}@media (min-width: 400px){.Text--narrow-l--variant-caption-regular__nznL0{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}.Text--narrow-l--variant-caption-semibold__l0VQQ{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}.Text--narrow-l--variant-small-regular__VMmD6{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}.Text--narrow-l--variant-small-regular-italic__nGADF{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}.Text--narrow-l--variant-small-semibold__BQ1W4{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}.Text--narrow-l--variant-small-semibold-italic__7UUeq{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}.Text--narrow-l--variant-default-regular__pVzcT{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}.Text--narrow-l--variant-default-regular-italic__RPEsW{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}.Text--narrow-l--variant-default-semibold__AHeOG{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}.Text--narrow-l--variant-default-semibold-italic__Dhmq4{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}.Text--narrow-l--variant-large-regular__vY6mg{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}.Text--narrow-l--variant-large-regular-italic__Jypdh{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}.Text--narrow-l--variant-large-semibold__XaN0f{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}.Text--narrow-l--variant-large-semibold-italic__5DrpP{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}.Text--narrow-l--variant-xs__4uGu2{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}.Text--narrow-l--variant-xs-medium__-CtgL{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}.Text--narrow-l--variant-s__KqYpy{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}.Text--narrow-l--variant-s-italic__-gELi{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}.Text--narrow-l--variant-s-medium__utaTA{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}.Text--narrow-l--variant-s-medium-italic__zkpxW{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}.Text--narrow-l--variant-s-bold__my0rm{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}.Text--narrow-l--variant-s-bold-italic__-j36-{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}.Text--narrow-l--variant-m__qcvbO{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)}.Text--narrow-l--variant-m-italic__2guYD{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}.Text--narrow-l--variant-m-medium__R0Zn5{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}.Text--narrow-l--variant-m-medium-italic__dbTJX{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}.Text--narrow-l--variant-m-bold__qG4uf{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}.Text--narrow-l--variant-m-bold-italic__zQtJz{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}.Text--narrow-l--variant-l__AXq1c{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}.Text--narrow-l--variant-l-italic__HGq6U{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}.Text--narrow-l--variant-l-medium__YwkyG{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}.Text--narrow-l--variant-l-medium-italic__yFA2S{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}.Text--narrow-l--variant-xl__oBX0z{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}.Text--narrow-l--variant-xl-italic__-zpWI{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}.Text--narrow-l--variant-xl-medium__83EfM{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}.Text--narrow-l--variant-xl-medium-italic__XFZLh{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}@media (min-width: 700px){.Text--medium-s--variant-caption-regular__QIFIm{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}.Text--medium-s--variant-caption-semibold__qA3XV{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}.Text--medium-s--variant-small-regular__Fujae{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}.Text--medium-s--variant-small-regular-italic__jaDXd{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}.Text--medium-s--variant-small-semibold__9pYQr{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}.Text--medium-s--variant-small-semibold-italic__-ac-Q{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}.Text--medium-s--variant-default-regular__jyyg6{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}.Text--medium-s--variant-default-regular-italic__FzmWH{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}.Text--medium-s--variant-default-semibold__zfein{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}.Text--medium-s--variant-default-semibold-italic__pwAKv{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}.Text--medium-s--variant-large-regular__UQstF{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}.Text--medium-s--variant-large-regular-italic__BGPjz{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}.Text--medium-s--variant-large-semibold__ZTsh3{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}.Text--medium-s--variant-large-semibold-italic__QsDHO{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}.Text--medium-s--variant-xs__z3jXb{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}.Text--medium-s--variant-xs-medium__W652v{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}.Text--medium-s--variant-s__7VRn-{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}.Text--medium-s--variant-s-italic__BwgAM{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}.Text--medium-s--variant-s-medium__GvQp3{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}.Text--medium-s--variant-s-medium-italic__FyNWz{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}.Text--medium-s--variant-s-bold__21d9F{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}.Text--medium-s--variant-s-bold-italic__IGU-J{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}.Text--medium-s--variant-m__Dn8L6{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)}.Text--medium-s--variant-m-italic__W45ct{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}.Text--medium-s--variant-m-medium__l502U{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}.Text--medium-s--variant-m-medium-italic__Mn2Xv{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}.Text--medium-s--variant-m-bold__udL4N{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}.Text--medium-s--variant-m-bold-italic__-JwlV{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}.Text--medium-s--variant-l__enEs7{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}.Text--medium-s--variant-l-italic__GWybE{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}.Text--medium-s--variant-l-medium__OiUBT{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}.Text--medium-s--variant-l-medium-italic__E5PLY{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}.Text--medium-s--variant-xl__WhyWE{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}.Text--medium-s--variant-xl-italic__quV4P{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}.Text--medium-s--variant-xl-medium__5w8u0{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}.Text--medium-s--variant-xl-medium-italic__ZrCSq{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}@media (min-width: 880px){.Text--medium-l--variant-caption-regular__neFtF{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}.Text--medium-l--variant-caption-semibold__96Bxj{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}.Text--medium-l--variant-small-regular__q832t{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}.Text--medium-l--variant-small-regular-italic__rh-C-{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}.Text--medium-l--variant-small-semibold__NyQYA{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}.Text--medium-l--variant-small-semibold-italic__D8qtH{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}.Text--medium-l--variant-default-regular__AZhpM{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}.Text--medium-l--variant-default-regular-italic__zLCku{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}.Text--medium-l--variant-default-semibold__3FVwk{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}.Text--medium-l--variant-default-semibold-italic__dmKNV{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}.Text--medium-l--variant-large-regular__4JxNh{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}.Text--medium-l--variant-large-regular-italic__wwnsG{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}.Text--medium-l--variant-large-semibold__WR7vo{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}.Text--medium-l--variant-large-semibold-italic__lLaF0{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}.Text--medium-l--variant-xs__Y6JFw{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}.Text--medium-l--variant-xs-medium__El12O{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}.Text--medium-l--variant-s__FlmNU{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}.Text--medium-l--variant-s-italic__5jiqZ{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}.Text--medium-l--variant-s-medium__EAkmj{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}.Text--medium-l--variant-s-medium-italic__ucwOq{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}.Text--medium-l--variant-s-bold__bgLyZ{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}.Text--medium-l--variant-s-bold-italic__1ov1K{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}.Text--medium-l--variant-m__0iJWf{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)}.Text--medium-l--variant-m-italic__3Qg3q{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}.Text--medium-l--variant-m-medium__KJ9Be{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}.Text--medium-l--variant-m-medium-italic__E11Pt{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}.Text--medium-l--variant-m-bold__9zNb6{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}.Text--medium-l--variant-m-bold-italic__Uhd8V{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}.Text--medium-l--variant-l__sB-Yg{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}.Text--medium-l--variant-l-italic__VFqnw{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}.Text--medium-l--variant-l-medium__zrQ83{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}.Text--medium-l--variant-l-medium-italic__sdI6v{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}.Text--medium-l--variant-xl__Y3-cI{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}.Text--medium-l--variant-xl-italic__SPEru{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}.Text--medium-l--variant-xl-medium__WoUQ5{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}.Text--medium-l--variant-xl-medium-italic__WffJn{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}@media (min-width: 1200px){.Text--wide-s--variant-caption-regular__tfrra{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}.Text--wide-s--variant-caption-semibold__pcHWg{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}.Text--wide-s--variant-small-regular__qVuSz{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}.Text--wide-s--variant-small-regular-italic__paUwS{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}.Text--wide-s--variant-small-semibold__--T3V{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}.Text--wide-s--variant-small-semibold-italic__YLx3p{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}.Text--wide-s--variant-default-regular__7nbdM{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}.Text--wide-s--variant-default-regular-italic__ohsSu{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}.Text--wide-s--variant-default-semibold__-Q2Gu{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}.Text--wide-s--variant-default-semibold-italic__v6oao{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}.Text--wide-s--variant-large-regular__lrWEc{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}.Text--wide-s--variant-large-regular-italic__v55x9{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}.Text--wide-s--variant-large-semibold__FV1hE{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}.Text--wide-s--variant-large-semibold-italic__8Xjhy{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}.Text--wide-s--variant-xs__eeBxV{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}.Text--wide-s--variant-xs-medium__AENwl{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}.Text--wide-s--variant-s__ZWFJx{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}.Text--wide-s--variant-s-italic__IJH0P{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}.Text--wide-s--variant-s-medium__w9kPs{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}.Text--wide-s--variant-s-medium-italic__mLEAh{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}.Text--wide-s--variant-s-bold__mvwUE{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}.Text--wide-s--variant-s-bold-italic__X2TdA{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}.Text--wide-s--variant-m__2VmLl{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)}.Text--wide-s--variant-m-italic__-cijk{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}.Text--wide-s--variant-m-medium__1M-am{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}.Text--wide-s--variant-m-medium-italic__7mmlc{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}.Text--wide-s--variant-m-bold__AiN1T{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}.Text--wide-s--variant-m-bold-italic__IeqkZ{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}.Text--wide-s--variant-l__3OwLa{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}.Text--wide-s--variant-l-italic__kOKA0{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}.Text--wide-s--variant-l-medium__fexUj{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}.Text--wide-s--variant-l-medium-italic__nljBU{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}.Text--wide-s--variant-xl__U-I9z{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}.Text--wide-s--variant-xl-italic__Ezp9P{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}.Text--wide-s--variant-xl-medium__bm-qs{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}.Text--wide-s--variant-xl-medium-italic__gd-Un{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}@media (min-width: 1900px){.Text--wide-l--variant-caption-regular__RmVMU{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}.Text--wide-l--variant-caption-semibold__nWA4i{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}.Text--wide-l--variant-small-regular__jofJW{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}.Text--wide-l--variant-small-regular-italic__vt9vP{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}.Text--wide-l--variant-small-semibold__jSimt{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}.Text--wide-l--variant-small-semibold-italic__CPy01{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}.Text--wide-l--variant-default-regular__zGDH3{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}.Text--wide-l--variant-default-regular-italic__pj89w{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}.Text--wide-l--variant-default-semibold__AzL9L{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}.Text--wide-l--variant-default-semibold-italic__4AXL6{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}.Text--wide-l--variant-large-regular__iIUQK{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}.Text--wide-l--variant-large-regular-italic__OtyLZ{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}.Text--wide-l--variant-large-semibold__ZTrU9{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}.Text--wide-l--variant-large-semibold-italic__UNwvX{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}.Text--wide-l--variant-xs__jktTZ{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}.Text--wide-l--variant-xs-medium__Snw-d{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}.Text--wide-l--variant-s__yhpAB{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}.Text--wide-l--variant-s-italic__JEQga{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}.Text--wide-l--variant-s-medium__t2Vrb{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}.Text--wide-l--variant-s-medium-italic__b4sif{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}.Text--wide-l--variant-s-bold__a2thi{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}.Text--wide-l--variant-s-bold-italic__dKJ86{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}.Text--wide-l--variant-m__kv0Xt{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)}.Text--wide-l--variant-m-italic__drCVx{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}.Text--wide-l--variant-m-medium__Nklnx{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}.Text--wide-l--variant-m-medium-italic__dyKE3{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}.Text--wide-l--variant-m-bold__nGadW{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}.Text--wide-l--variant-m-bold-italic__Qyayk{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}.Text--wide-l--variant-l__X0Wqt{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}.Text--wide-l--variant-l-italic__N9AMu{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}.Text--wide-l--variant-l-medium__sUOBO{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}.Text--wide-l--variant-l-medium-italic__LYJjd{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}.Text--wide-l--variant-xl__0XyZB{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}.Text--wide-l--variant-xl-italic__fIE0o{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}.Text--wide-l--variant-xl-medium__P1SBX{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}.Text--wide-l--variant-xl-medium-italic__wNV3Q{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}.Text--strong__ig9qo{font-weight:var(--6e9792)}.Text--size-2xs__YlUqj{font-size:var(--451335)}.Text--size-xs__GSGix{font-size:var(--619ce5)}.Text--size-s__WrxO0{font-size:var(--9f7286)}.Text--size-m__p4phq{font-size:var(--081924)}.Text--size-l__GI6Vj{font-size:var(--da41aa)}.Text--size-xl__es-C8{font-size:var(--698b61)}
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{T as i}from"./Text-V4TRyvtW.js";import{S as c}from"./consts-KAYct7Gj.js";import{T as f}from"./options-DSKYF8ow.js";import{g as S}from"./getTokenVar-DU_DEzTd.js";import{c as k}from"./tokens-Di5DrZN4.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-Pc_gtAUU.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-Bf8j8BI4.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./constants-BgBLeZzp.js";const D={title:"components/Text",component:i,argTypes:{variant:{description:c},centered:{description:c}}},a=()=>e.jsx(i,{children:"Lorem ipsum"});a.tags=["!test"];a.parameters={chromatic:{disableSnapshot:!0}};const n=()=>{const r=S(k.background.primaryInverted);return e.jsx(e.Fragment,{children:f.map(({id:t})=>e.jsx("div",{style:{backgroundColor:["inverted","branded","selected"].includes(t)?r:void 0},children:e.jsx(i,{accent:t,children:t})},t))})},j=["caption-regular","caption-semibold","small-regular","small-regular-italic","small-semibold","small-semibold-italic","default-regular","default-regular-italic","default-semibold","default-semibold-italic","large-regular","large-regular-italic","large-semibold","large-semibold-italic"],o=()=>e.jsx(e.Fragment,{children:j.map(r=>e.jsx(i,{variant:r,children:r},r))}),s={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(r,{args:t})=>e.jsx("div",{style:{backgroundColor:t.accent==="inverted"?"black":void 0},children:r()})],args:{children:"Lorem ipsum dolor sit amet",variant:"default-regular",dataset:{qaid:"text"}},argTypes:{dataset:{control:"object"},children:{control:"text"},variant:{control:"select"},accent:{control:"select"},centered:{control:"boolean"},size:{table:{disable:!0}},strong:{table:{disable:!0}},color:{table:{disable:!0}}}};var l,d,m;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"() => <Text>Lorem ipsum</Text>",...(m=(d=a.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var p,u,g;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{T as i}from"./Text-BXZIkJPK.js";import{S as c}from"./consts-KAYct7Gj.js";import{T as f}from"./options-DSKYF8ow.js";import{g as S}from"./getTokenVar-DU_DEzTd.js";import{c as k}from"./tokens-Di5DrZN4.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-CznToR0o.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./constants-BgBLeZzp.js";const D={title:"components/Text",component:i,argTypes:{variant:{description:c},centered:{description:c}}},a=()=>e.jsx(i,{children:"Lorem ipsum"});a.tags=["!test"];a.parameters={chromatic:{disableSnapshot:!0}};const n=()=>{const r=S(k.background.primaryInverted);return e.jsx(e.Fragment,{children:f.map(({id:t})=>e.jsx("div",{style:{backgroundColor:["inverted","branded","selected"].includes(t)?r:void 0},children:e.jsx(i,{accent:t,children:t})},t))})},j=["caption-regular","caption-semibold","small-regular","small-regular-italic","small-semibold","small-semibold-italic","default-regular","default-regular-italic","default-semibold","default-semibold-italic","large-regular","large-regular-italic","large-semibold","large-semibold-italic"],o=()=>e.jsx(e.Fragment,{children:j.map(r=>e.jsx(i,{variant:r,children:r},r))}),s={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(r,{args:t})=>e.jsx("div",{style:{backgroundColor:t.accent==="inverted"?"black":void 0},children:r()})],args:{children:"Lorem ipsum dolor sit amet",variant:"default-regular",dataset:{qaid:"text"}},argTypes:{dataset:{control:"object"},children:{control:"text"},variant:{control:"select"},accent:{control:"select"},centered:{control:"boolean"},size:{table:{disable:!0}},strong:{table:{disable:!0}},color:{table:{disable:!0}}}};var l,d,m;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"() => <Text>Lorem ipsum</Text>",...(m=(d=a.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var p,u,g;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
2
2
  const grey = getTokenVar(color.background.primaryInverted);
3
3
  return <>
4
4
  {TEXT_ACCENT_OPTIONS.map(({
@@ -0,0 +1 @@
1
+ import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r}from"./index-Cb9e4tly.js";import{m as N,s as $,b as x,a as h}from"./classNames-BUL1Zq7e.js";import{a as U,F as G}from"./constants-DL6gdbsq.js";import{w as u}from"./componentNames-Bwls0I02.js";import{g as w}from"./index-DdzHuZ-Y.js";import"./index-D1pfvbUR.js";import{M as H}from"./message-B1DLZQ1U.js";import{a as O,g as k,b as K,u as S}from"./useForcedRef--iGFM41p.js";import{u as Y}from"./useTextField-CXkMTG1s.js";const X="FieldAdditionalText__4yUGV",Q={FieldAdditionalText:X,"FieldAdditionalText--variant-normal":"FieldAdditionalText--variant-normal__azkPE","FieldAdditionalText--variant-error":"FieldAdditionalText--variant-error__M62dc"},W=({id:e,variant:s=U,children:t})=>{const o=N(Q,u.FieldAdditionalText,[$("variant",s)]);return a.jsx("p",{id:e,className:o.join(" "),...w(void 0,{preplyDsComponent:u.FieldAdditionalText}),children:t})},J="FieldLabel__u1thb",A={FieldLabel:J,"FieldLabel--wrap":"FieldLabel--wrap__K6Oyv","FieldLabel--wrapGap":"FieldLabel--wrapGap__Dd-Xa","FieldLabel--required":"FieldLabel--required__DXbIl","FieldLabel--hide":"FieldLabel--hide__hyBJr"},R="FieldLabel",Z="•",ee=a.jsx(H,{id:"preply-ds.fieldLabel.required",defaultMessage:[{type:0,value:"Required"}]}),se=({label:e=ee})=>{const s=h(A,R,["required"]);return a.jsxs("span",{className:s.join(" "),children:[a.jsx("span",{children:Z}),a.jsx("span",{children:e})]})},te=()=>{const e=h(A,R,["wrapGap"]);return a.jsx("span",{className:e.join(" ")})},ae=({id:e,label:s,hideLabel:t,wrapLabel:o=!1,required:l,requiredLabel:n})=>{const i=N(A,R,[x("hide",void 0,t),x("wrap",void 0,o)]);return a.jsxs("label",{htmlFor:e,className:i.join(" "),children:[s,o&&a.jsx(te,{}),l&&a.jsx(se,{label:n})]})},oe="FieldLayoutBase__HlLij",le={FieldLayoutBase:oe},ne="FieldLayoutBase",ie=({id:e,className:s,label:t,hideLabel:o,wrapLabel:l=!1,required:n,requiredLabel:i,additionalText:p,preserveSpace:_,hasError:m,dataset:F,children:d,preplyDsComponent:T},L)=>{const f=[...N(le,ne)];s&&f.push(s);const y={className:f.join(" "),...w(F,{preplyDsComponent:T})},I={id:e,label:t,hideLabel:o,wrapLabel:l,required:n,requiredLabel:i},b=!p&&_?a.jsx("span",{children:" "}):void 0,c=m?"error":"normal";return a.jsxs("div",{...y,ref:L,children:[a.jsx(ae,{...I}),d,p&&a.jsx(W,{id:`${e}-desc`,variant:c,children:p}),b]})},B=r.forwardRef(ie);B.__docgenInfo={description:"",methods:[],displayName:"FieldLayoutBase",props:{wrapLabel:{defaultValue:{value:"false",computed:!1},required:!1}}};const C={"FieldLayout--input":"FieldLayout--input__9tllQ","FieldLayout--icon":"FieldLayout--icon__-w9o9","FieldLayout--has-icon":"FieldLayout--has-icon__WsLZH","FieldLayout--has-button":"FieldLayout--has-button__dd2VM","FieldLayout--has-error":"FieldLayout--has-error__-Tird","FieldLayout--is-focused":"FieldLayout--is-focused__fVMFc","FieldLayout--is-disabled":"FieldLayout--is-disabled__387Am"},re=({id:e,className:s,input:t,icon:o,button:l,disabled:n,isFocused:i,hasError:p,inputHandle:_,onClick:m,preplyDsComponent:F,...d},T)=>{const L=r.useRef(null);r.useImperativeHandle(T,()=>({setFocus:()=>_==null?void 0:_.setFocus(),scrollIntoView:()=>{var c;return(c=L==null?void 0:L.current)==null?void 0:c.scrollIntoView()}}));const v=h(C,u.FieldLayout,[x("is-disabled",void 0,n),x("is-focused",void 0,i),x("has-error",void 0,p),x("has-icon",void 0,!!o),x("has-button",void 0,!!l)]),f=s?[s,...v]:v,y=h(C,u.FieldLayout,["input"]),I=h(C,u.FieldLayout,["icon"]),b=c=>{_==null||_.setFocus(),m==null||m(c)};return a.jsx(B,{id:e,className:f.join(" "),disabled:n,isFocused:i,hasError:p,...d,preplyDsComponent:F??u.FieldLayout,ref:L,children:a.jsxs("div",{className:y.join(" "),onClick:b,children:[o&&a.jsx("span",{className:I.join(" "),children:o}),t,l]})})},P=r.forwardRef(re);P.__docgenInfo={description:"",methods:[],displayName:"FieldLayout"};const E={textarea:"textarea",select:"select"},de=()=>{},ce=(e,s)=>{const{type:t,id:o,name:l,className:n,onChange:i,onFocus:p,onBlur:_,onClick:m,onKeyDown:F,onKeyUp:d,onCopy:T,onPaste:L,required:v,readOnly:f,disabled:y,dataset:I,preplyDsComponent:b}=e,c=r.useRef(null);r.useImperativeHandle(s,()=>({setFocus:()=>{var j;return(j=c.current)==null?void 0:j.focus()},scrollIntoView:()=>{var j;return(j=c.current)==null?void 0:j.scrollIntoView()}}));const z=O({disabled:y,captureChildEvents:!0,onBlur:_,onFocus:p}),D=E[t]||"input",V=D===t in E?void 0:t,M={...{ref:c,type:V,id:o,name:l,className:n,...z,onChange:i||de,onClick:m,onKeyDown:F,onKeyUp:d,onCopy:T,onPaste:L,required:v,readOnly:f,disabled:y},...K(e),...w(I,{preplyDsComponent:b}),...k(e)};return a.jsx(D,{...M,ref:c})},g=r.forwardRef(ce);g.__docgenInfo={description:"",methods:[],displayName:"InputBase"};function ue(e,s,t,o=[]){return r.useMemo(()=>{if(!(!s&&!t))return l=>{s==null||s(l);const n=e(l);t==null||t(n)}},[s,t,...o])}const pe="InputText__C9dMD",_e="InputPassword__m2AqT",me="InputDate__-jT18",Fe="InputTime__sPeq-",Le="InputNumber__mNCfH",xe="Textarea__GRKY0",fe="Checkbox__GIBjI",ye="Radio__Cn8rT",Te="Select__c6VUm",ve={InputText:pe,InputPassword:_e,InputDate:me,InputTime:Fe,InputNumber:Le,Textarea:xe,"Textarea--resize-none":"Textarea--resize-none__xOOMB","Textarea--resize-vertical":"Textarea--resize-vertical__oljjn","Textarea--resize-horizontal":"Textarea--resize-horizontal__wb-Ds","Textarea--resize-both":"Textarea--resize-both__-BVYT",Checkbox:fe,Radio:ye,Select:Te},Ie=({onChange:e,onValueChange:s,...t},o)=>{const l=N(ve,u.InputText),n=ue(i=>i.target.value,e,s);return a.jsx(g,{...t,ref:o,className:l.join(" "),onChange:n,preplyDsComponent:u.InputText})},q=r.forwardRef(Ie);q.__docgenInfo={description:"",methods:[],displayName:"InputText"};const be="TextField__j374i",je={TextField:be},he=({id:e,type:s=G,...t},o)=>{const l=r.useRef(null),n=S();r.useImperativeHandle(o,()=>({setFocus:()=>{var d;return(d=n==null?void 0:n.current)==null?void 0:d.setFocus()},scrollIntoView:()=>{var d;return(d=l==null?void 0:l.current)==null?void 0:d.scrollIntoView()}}));const i=Y({id:e,type:s,...t},u.TextField),{layoutProps:p,inputProps:_}=i,m=N(je,u.TextField),F=a.jsx(q,{..._,ref:n});return a.jsx(P,{...p,className:m.join(" "),input:F,inputHandle:n.current,ref:l,preplyDsComponent:u.TextField})},Ne=r.forwardRef(he);Ne.__docgenInfo={description:"",methods:[],displayName:"TextField",props:{type:{defaultValue:{value:"'text'",computed:!1},required:!1}}};export{P as F,g as I,Ne as T,q as a,B as b,W as c,ve as s,ue as u};
@@ -0,0 +1 @@
1
+ .FieldAdditionalText__4yUGV{margin:0;font-weight:var(--026ea8);font-size:var(--3f1843);line-height:var(--030292);letter-spacing:var(--c142cd)}.FieldAdditionalText--variant-normal__azkPE{color:var(--3d280d)}.FieldAdditionalText--variant-error__M62dc{color:var(--9167e9)}.FieldLabel__u1thb{-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__K6Oyv{display:inline}.FieldLabel--wrapGap__Dd-Xa{width:var(--6947b0);display:inline-block}.FieldLabel--required__DXbIl{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--6947b0);color:var(--3d280d)}.FieldLabel--hide__hyBJr{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.FieldLayoutBase__HlLij{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__HlLij input,.FieldLayoutBase__HlLij textarea{display:block;width:100%}.FieldLayout--input__9tllQ{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__9tllQ:hover input,.FieldLayout--input__9tllQ:hover textarea{border-color:var(--0bd642)}}.FieldLayout--input__9tllQ input,.FieldLayout--input__9tllQ 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__9tllQ input::-webkit-input-placeholder,.FieldLayout--input__9tllQ textarea::-webkit-input-placeholder{color:var(--d9209f)}.FieldLayout--input__9tllQ input::-moz-placeholder,.FieldLayout--input__9tllQ textarea::-moz-placeholder{color:var(--d9209f)}.FieldLayout--input__9tllQ input:-ms-input-placeholder,.FieldLayout--input__9tllQ textarea:-ms-input-placeholder{color:var(--d9209f)}.FieldLayout--input__9tllQ input::-ms-input-placeholder,.FieldLayout--input__9tllQ textarea::-ms-input-placeholder{color:var(--d9209f)}.FieldLayout--input__9tllQ input::placeholder,.FieldLayout--input__9tllQ textarea::placeholder{color:var(--d9209f)}.FieldLayout--icon__-w9o9{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__-w9o9 svg{color:var(--cbc724)}.FieldLayout--has-icon__WsLZH .FieldLayout--input__9tllQ 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__dd2VM .FieldLayout--input__9tllQ input{padding-right:58px}.FieldLayout--has-error__-Tird .FieldLayout--input__9tllQ{background-color:var(--95df5b)}.FieldLayout--has-error__-Tird .FieldLayout--input__9tllQ input,.FieldLayout--has-error__-Tird .FieldLayout--input__9tllQ textarea{border-color:var(--eaf4a3);color:var(--7b0f41)}.FieldLayout--has-error__-Tird .FieldLayout--icon__-w9o9 svg{color:var(--7b0f41)}.FieldLayout--is-focused__fVMFc .FieldLayout--input__9tllQ input,.FieldLayout--is-focused__fVMFc .FieldLayout--input__9tllQ textarea{border-color:var(--398094)}.FieldLayout--is-disabled__387Am .FieldLayout--input__9tllQ{background-color:var(--04daeb)}.FieldLayout--is-disabled__387Am .FieldLayout--input__9tllQ input,.FieldLayout--is-disabled__387Am .FieldLayout--input__9tllQ textarea{border-color:transparent}.FieldLayout--input__9tllQ 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__C9dMD,.InputPassword__m2AqT,.InputDate__-jT18,.InputTime__sPeq-,.InputNumber__mNCfH,.Textarea__GRKY0{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}.Textarea--resize-none__xOOMB{resize:none}.Textarea--resize-vertical__oljjn{resize:vertical}.Textarea--resize-horizontal__wb-Ds{resize:horizontal}.Textarea--resize-both__-BVYT{resize:both}.Checkbox__GIBjI,.Radio__Cn8rT{display:inline-block}.Select__c6VUm{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}.TextField__j374i{display:-webkit-box;display:-ms-flexbox;display:flex}
@@ -0,0 +1 @@
1
+ .TextField__0TQjD{display:flex}
@@ -0,0 +1,178 @@
1
+ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as s}from"./index-Cb9e4tly.js";import{a as n}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{e as q,u as be,w as we}from"./index-BVDq5o4N.js";import{F as Ve,a as Fe}from"./TokyoUITextShort-B-mpUykT.js";import{B as R}from"./Button-BlwReLw5.js";import{F as qe}from"./FieldButton-D_5Zrlco.js";import{I as Ee}from"./Icon-Wpz7-Jvg.js";import{F as Se}from"./FieldLayout-DHSEWaEL.js";import{I as Ce}from"./InputText-m06Ec_iQ.js";import{u as He}from"./useForcedRef--iGFM41p.js";import{u as Re}from"./useTextField-CXkMTG1s.js";import{m as ke}from"./classNames-BUL1Zq7e.js";import{w as C}from"./componentNames-Bwls0I02.js";import{F as Be}from"./constants-DL6gdbsq.js";import{T as je}from"./Text-BXZIkJPK.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-BCfmDQ_b.js";import"./Spinner-B2C3RkCF.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./text-accent-DZDDtpIt.js";import"./FieldLayoutBase-xV81xRaV.js";import"./FieldAdditionalText-BD8S7qnE.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-B1DLZQ1U.js";import"./constants-BaXVdZRV.js";import"./text-centered-CznToR0o.js";const De="TextField__0TQjD",Le={TextField:De},We=({id:e,type:a=Be,...r},u)=>{const o=s.useRef(null),l=He();s.useImperativeHandle(u,()=>({setFocus:()=>{var d;return(d=l==null?void 0:l.current)==null?void 0:d.setFocus()},scrollIntoView:()=>{var d;return(d=o==null?void 0:o.current)==null?void 0:d.scrollIntoView()}}));const i=Re({id:e,type:a,...r},C.TextField),{layoutProps:S,inputProps:p}=i,Ie=ke(Le,C.TextField),Te=t.jsx(Ce,{...p,ref:l});return t.jsx(Se,{...S,className:Ie.join(" "),input:Te,inputHandle:l.current,ref:o,preplyDsComponent:C.TextField})},c=s.forwardRef(We);try{c.displayName="TextField",c.__docgenInfo={description:"",displayName:"TextField",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'},{value:'"text"'}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<IconProps, string | JSXElementConstructor<any>>"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<FieldButtonProps, string | JSXElementConstructor<any>>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"name"'},{value:'"off"'},{value:'"on"'},{value:'"email"'},{value:'"username"'},{value:'"language"'},{value:'"tel"'},{value:'"new-password"'},{value:'"current-password"'}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const ba={title:"components/TextField",component:c,args:{label:"Text",defaultValue:"",placeholder:"Enter a text",inputDataset:{testid:"input"},onChange:n("onChange"),onBlur:n("onBlur"),onFocus:n("onFocus"),onClick:n("onClick"),onCopy:n("onCopy"),onKeyDown:n("onKeyDown"),onKeyUp:n("onKeyUp"),onPaste:n("onPaste"),onValueChange:n("onValueChange")},render:function(a){const r=s.useRef(null);return a.ref=r,t.jsx(c,{...a})}},m={parameters:{docs:{description:{story:"An empty field with a `label` and a `placeholder`."}}}},v={args:{defaultValue:"Hey, you!"},play:async({canvas:e})=>{const a=e.getByTestId("input");return await q(a).toHaveValue("Hey, you!"),await be.type(a," How's it going?"),q(a).toHaveValue("Hey, you! How's it going?")}},f={args:{icon:t.jsx(Ee,{svg:Ve})}},y={args:{additionalText:"This is additional text"}},g={args:{required:!0}},h={args:{required:!0,requiredLabel:t.jsx(je,{accent:"critical",variant:"m-bold",children:"Needed"})}},x={args:{hideLabel:!0}},b={args:{hasError:!0}},w={args:{hasError:!0,errorMessage:"This is an error message"}},V={args:{disabled:!0}},E={args:{readOnly:!0}},I={decorators:[(e,{args:a})=>t.jsxs("div",{style:{padding:"8px",margin:"8px"},children:[t.jsxs("p",{children:["You can"," ",t.jsx(R,{variant:"secondary",dataset:{testid:"focus-button"},onClick:()=>{var r,u;return(u=(r=a.ref)==null?void 0:r.current)==null?void 0:u.setFocus()},children:"Focus"})," ","the input imperatively."]}),t.jsx(e,{})]})],play:async({args:e,canvas:a})=>{if(!H(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const r=a.getByTestId("input");await be.click(a.getByTestId("focus-button")),await we(()=>q(r).toHaveFocus())}},T={decorators:[(e,{args:a})=>t.jsxs("div",{style:{height:"300px",overflow:"scroll",padding:"8px",margin:"8px"},children:[t.jsxs("p",{children:["You can"," ",t.jsx(R,{variant:"secondary",dataset:{testid:"scroll-button"},onClick:()=>{if(!H(a.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");a.ref.current.scrollIntoView()},children:"Scroll"})," ","the input into view imperatively."]}),t.jsx("div",{style:{height:"1000px",display:"flex",flexDirection:"column",justifyContent:"end",border:"2px dashed lightgray",padding:"16px"},children:t.jsx(e,{})})]})],play:async({args:e,canvas:a})=>{if(!H(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const r=a.getByTestId("input");e.ref.current.scrollIntoView(),await we(()=>q(r).toBeVisible())}};function H(e){return typeof e=="object"&&e!==null&&"current"in e&&e.current!==null&&typeof e.current=="object"&&"setFocus"in e.current}const F={tags:["!test"],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}},render:function(){const[a,r]=s.useState(""),[u,o]=s.useState(!1),l=u&&!a&&"Please provide your full name",i=s.useRef(null),S=()=>{var p;o(!0),a||(p=i==null?void 0:i.current)==null||p.setFocus()};return t.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[t.jsx(c,{value:a,label:"Full name",required:!0,icon:t.jsx(Ee,{svg:Ve,label:"The hat"}),placeholder:"e.g.: Mary Williams",button:t.jsx(qe,{svg:Fe,assistiveText:"Do the thing",onClick:n("field button clicked")}),additionalText:"Will be shown in your profile",onValueChange:r,errorMessage:l,ref:i}),t.jsx(R,{onClick:S,children:"Submit"})]})}};var k,B,j;m.parameters={...m.parameters,docs:{...(k=m.parameters)==null?void 0:k.docs,source:{originalSource:`{
2
+ parameters: {
3
+ docs: {
4
+ description: {
5
+ story: \`An empty field with a \\\`label\\\` and a \\\`placeholder\\\`.\`
6
+ }
7
+ }
8
+ }
9
+ }`,...(j=(B=m.parameters)==null?void 0:B.docs)==null?void 0:j.source}}};var D,L,W;v.parameters={...v.parameters,docs:{...(D=v.parameters)==null?void 0:D.docs,source:{originalSource:`{
10
+ args: {
11
+ defaultValue: 'Hey, you!'
12
+ },
13
+ play: async ({
14
+ canvas
15
+ }) => {
16
+ const input = canvas.getByTestId('input');
17
+ await expect(input).toHaveValue('Hey, you!');
18
+ await userEvent.type(input, " How's it going?");
19
+ return expect(input).toHaveValue("Hey, you! How's it going?");
20
+ }
21
+ }`,...(W=(L=v.parameters)==null?void 0:L.docs)==null?void 0:W.source}}};var M,P,_;f.parameters={...f.parameters,docs:{...(M=f.parameters)==null?void 0:M.docs,source:{originalSource:`{
22
+ args: {
23
+ icon: <Icon svg={TextSvg} />
24
+ }
25
+ }`,...(_=(P=f.parameters)==null?void 0:P.docs)==null?void 0:_.source}}};var N,K,O;y.parameters={...y.parameters,docs:{...(N=y.parameters)==null?void 0:N.docs,source:{originalSource:`{
26
+ args: {
27
+ additionalText: 'This is additional text'
28
+ }
29
+ }`,...(O=(K=y.parameters)==null?void 0:K.docs)==null?void 0:O.source}}};var A,J,U;g.parameters={...g.parameters,docs:{...(A=g.parameters)==null?void 0:A.docs,source:{originalSource:`{
30
+ args: {
31
+ required: true
32
+ }
33
+ }`,...(U=(J=g.parameters)==null?void 0:J.docs)==null?void 0:U.source}}};var X,Y,$;h.parameters={...h.parameters,docs:{...(X=h.parameters)==null?void 0:X.docs,source:{originalSource:`{
34
+ args: {
35
+ required: true,
36
+ requiredLabel: <Text accent="critical" variant="m-bold">
37
+ Needed
38
+ </Text>
39
+ }
40
+ }`,...($=(Y=h.parameters)==null?void 0:Y.docs)==null?void 0:$.source}}};var Q,z,G;x.parameters={...x.parameters,docs:{...(Q=x.parameters)==null?void 0:Q.docs,source:{originalSource:`{
41
+ args: {
42
+ hideLabel: true
43
+ }
44
+ }`,...(G=(z=x.parameters)==null?void 0:z.docs)==null?void 0:G.source}}};var Z,ee,ae;b.parameters={...b.parameters,docs:{...(Z=b.parameters)==null?void 0:Z.docs,source:{originalSource:`{
45
+ args: {
46
+ hasError: true
47
+ }
48
+ }`,...(ae=(ee=b.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};var te,re,ne;w.parameters={...w.parameters,docs:{...(te=w.parameters)==null?void 0:te.docs,source:{originalSource:`{
49
+ args: {
50
+ hasError: true,
51
+ errorMessage: 'This is an error message'
52
+ }
53
+ }`,...(ne=(re=w.parameters)==null?void 0:re.docs)==null?void 0:ne.source}}};var le,se,ue;V.parameters={...V.parameters,docs:{...(le=V.parameters)==null?void 0:le.docs,source:{originalSource:`{
54
+ args: {
55
+ disabled: true
56
+ }
57
+ }`,...(ue=(se=V.parameters)==null?void 0:se.docs)==null?void 0:ue.source}}};var oe,ie,de;E.parameters={...E.parameters,docs:{...(oe=E.parameters)==null?void 0:oe.docs,source:{originalSource:`{
58
+ args: {
59
+ readOnly: true
60
+ }
61
+ }`,...(de=(ie=E.parameters)==null?void 0:ie.docs)==null?void 0:de.source}}};var ce,pe,me;I.parameters={...I.parameters,docs:{...(ce=I.parameters)==null?void 0:ce.docs,source:{originalSource:`{
62
+ decorators: [(Story, {
63
+ args
64
+ }) => <div style={{
65
+ padding: '8px',
66
+ margin: '8px'
67
+ }}>
68
+ <p>
69
+ You can{' '}
70
+ <Button variant="secondary" dataset={{
71
+ testid: 'focus-button'
72
+ }} onClick={() =>
73
+ // @ts-expect-error - This will fail gracefully,
74
+ // and the \`play\` function will assert it properly
75
+ args.ref?.current?.setFocus()}>
76
+ Focus
77
+ </Button>{' '}
78
+ the input imperatively.
79
+ </p>
80
+ <Story />
81
+ </div>],
82
+ play: async ({
83
+ args,
84
+ canvas
85
+ }) => {
86
+ if (!isImperativeHandleRef(args.ref)) {
87
+ throw new Error('Expected ref.current to be an InputImperativeHandle');
88
+ }
89
+ const input = canvas.getByTestId('input');
90
+ await userEvent.click(canvas.getByTestId('focus-button'));
91
+ await waitFor(() => expect(input).toHaveFocus());
92
+ }
93
+ }`,...(me=(pe=I.parameters)==null?void 0:pe.docs)==null?void 0:me.source}}};var ve,fe,ye;T.parameters={...T.parameters,docs:{...(ve=T.parameters)==null?void 0:ve.docs,source:{originalSource:`{
94
+ decorators: [(Story, {
95
+ args
96
+ }) => <div style={{
97
+ height: '300px',
98
+ overflow: 'scroll',
99
+ padding: '8px',
100
+ margin: '8px'
101
+ }}>
102
+ <p>
103
+ You can{' '}
104
+ <Button variant="secondary" dataset={{
105
+ testid: 'scroll-button'
106
+ }} onClick={() => {
107
+ if (!isImperativeHandleRef(args.ref)) {
108
+ throw new Error('Expected ref.current to be an InputImperativeHandle');
109
+ }
110
+ args.ref.current.scrollIntoView();
111
+ }}>
112
+ Scroll
113
+ </Button>{' '}
114
+ the input into view imperatively.
115
+ </p>
116
+ <div style={{
117
+ height: '1000px',
118
+ display: 'flex',
119
+ flexDirection: 'column',
120
+ justifyContent: 'end',
121
+ border: '2px dashed lightgray',
122
+ padding: '16px'
123
+ }}>
124
+ <Story />
125
+ </div>
126
+ </div>],
127
+ play: async ({
128
+ args,
129
+ canvas
130
+ }) => {
131
+ if (!isImperativeHandleRef(args.ref)) {
132
+ throw new Error('Expected ref.current to be an InputImperativeHandle');
133
+ }
134
+ const input = canvas.getByTestId('input');
135
+ args.ref.current.scrollIntoView();
136
+ await waitFor(() => expect(input).toBeVisible());
137
+ }
138
+ }`,...(ye=(fe=T.parameters)==null?void 0:fe.docs)==null?void 0:ye.source}}};var ge,he,xe;F.parameters={...F.parameters,docs:{...(ge=F.parameters)==null?void 0:ge.docs,source:{originalSource:`{
139
+ tags: ['!test'],
140
+ parameters: {
141
+ docs: {
142
+ description: {
143
+ story: \`
144
+ The following code renders a \\\`TextField\\\` with the \\\`required\\\` flag, an
145
+ \\\`icon\\\`, \\\`button\\\`, \\\`placeholder\\\` and some \\\`additionalText\\\`.
146
+
147
+ When you click the "Submit" button, and the input \\\`value\\\` is empty:
148
+
149
+ - Displays feedback via the \\\`errorMessage\\\` prop;
150
+ - Brings the focus back to the field.
151
+ \`
152
+ }
153
+ },
154
+ chromatic: {
155
+ disableSnapshot: true
156
+ }
157
+ },
158
+ render: function Story() {
159
+ const [value, setValue] = useState('');
160
+ const [submited, setSubmitted] = useState(false);
161
+ const errorMessage = submited && !value && 'Please provide your full name';
162
+ const fieldRef = useRef<InputImperativeHandle>(null);
163
+ const handleClick = () => {
164
+ setSubmitted(true);
165
+ if (!value) {
166
+ fieldRef?.current?.setFocus();
167
+ }
168
+ };
169
+ return <div style={{
170
+ maxWidth: '500px',
171
+ display: 'flex',
172
+ flexDirection: 'column'
173
+ }}>
174
+ <TextField value={value} label="Full name" required icon={<Icon svg={TextSvg} label="The hat" />} placeholder="e.g.: Mary Williams" button={<FieldButton svg={ErrorSvg} assistiveText="Do the thing" onClick={action('field button clicked')} />} additionalText="Will be shown in your profile" onValueChange={setValue} errorMessage={errorMessage} ref={fieldRef} />
175
+ <Button onClick={handleClick}>Submit</Button>
176
+ </div>;
177
+ }
178
+ }`,...(xe=(he=F.parameters)==null?void 0:he.docs)==null?void 0:xe.source}}};const wa=["Basic","WithValue","WithIcon","WithAdditionalText","Required","RequiredWithCustomLabel","WithHiddenLabel","HasError","HasErrorWithMessage","Disabled","ReadOnly","ImperativeSetFocus","ImperativeScrollIntoView","Example"];export{m as Basic,V as Disabled,F as Example,b as HasError,w as HasErrorWithMessage,T as ImperativeScrollIntoView,I as ImperativeSetFocus,E as ReadOnly,g as Required,h as RequiredWithCustomLabel,y as WithAdditionalText,x as WithHiddenLabel,f as WithIcon,v as WithValue,wa as __namedExportsOrder,ba as default};
@@ -0,0 +1 @@
1
+ .TextHighlighted__ErxU-{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__3H-tS{color:var(--68bd17);background-color:var(--2d51ae)}.TextHighlighted--highlight-green__PXiKm{color:var(--c50238);background-color:var(--292009)}.TextHighlighted--highlight-primary__cKWhc{color:var(--977d1a);background-color:var(--df6b06)}.TextHighlighted--highlight-secondary__24A04{color:var(--6c2ddf);background-color:var(--e5b0a4)}.TextHighlighted--highlight-tertiary__gkbLj{color:var(--8da8cb);background-color:var(--aa7c4d)}.TextHighlighted--highlight-accent__DsZKF{color:var(--1da698);background-color:var(--301ea7)}.TextHighlighted--highlight-positive__Tag8x{color:var(--ad48d7);background-color:var(--a2a233)}.TextHighlighted--highlight-info__Qqv0l{color:var(--2be49e);background-color:var(--86df85)}.TextHighlighted--highlight-warning__--U9g{color:var(--98c505);background-color:var(--d908ab)}.TextHighlighted--highlight-critical__D9jbb{color:var(--802584);background-color:var(--0c251f)}
@@ -0,0 +1 @@
1
+ import{c as d,d as n}from"./constants-BgBLeZzp.js";import{r as e}from"./index-Cb9e4tly.js";import{T as m}from"./useTheme-DpAUb62T.js";import{j as x}from"./jsx-runtime-BTJTZTIL.js";import{f as p}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as H,s as _}from"./classNames-BUL1Zq7e.js";import{i as c,h as f}from"./defaults-B1rzzf6M.js";import{w as i}from"./componentNames-Bwls0I02.js";import{g as u}from"./index-DdzHuZ-Y.js";const V=t=>Array.isArray(t)&&t.length===3&&d.includes(t[n]),Y=()=>{const{setTheme:t}=e.useContext(m);return{setTheme:t}},E="TextHighlighted__ehLpO",y={TextHighlighted:E,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__a1Ymf","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__QQm6L","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__n35-d","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__YEj6c","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__uDEFk","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__JrA2s","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__tfVNZ","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__W1sMI","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__dzj54","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__V3-1S"},N=e.forwardRef(function({children:h,highlight:g=c,tag:l=f,dataset:s,...r},o){const a=H(y,i.TextHighlighted,[_("highlight",g)]),T={...p(r),ref:o,className:a.join(" "),...u(s,{preplyDsComponent:i.TextHighlighted})};return x.jsx(l,{...T,children:h})});N.__docgenInfo={description:"",methods:[],displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"'green'",computed:!1},required:!1},tag:{defaultValue:{value:"'span'",computed:!1},required:!1}}};export{N as T,V as i,Y as u};
@@ -0,0 +1 @@
1
+ .TextHighlighted__ehLpO{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__a1Ymf{color:var(--68bd17);background-color:var(--2d51ae)}.TextHighlighted--highlight-green__QQm6L{color:var(--c50238);background-color:var(--292009)}.TextHighlighted--highlight-primary__n35-d{color:var(--977d1a);background-color:var(--df6b06)}.TextHighlighted--highlight-secondary__YEj6c{color:var(--6c2ddf);background-color:var(--e5b0a4)}.TextHighlighted--highlight-tertiary__uDEFk{color:var(--8da8cb);background-color:var(--aa7c4d)}.TextHighlighted--highlight-accent__JrA2s{color:var(--1da698);background-color:var(--301ea7)}.TextHighlighted--highlight-positive__tfVNZ{color:var(--ad48d7);background-color:var(--a2a233)}.TextHighlighted--highlight-info__W1sMI{color:var(--2be49e);background-color:var(--86df85)}.TextHighlighted--highlight-warning__dzj54{color:var(--98c505);background-color:var(--d908ab)}.TextHighlighted--highlight-critical__V3-1S{color:var(--802584);background-color:var(--0c251f)}
@@ -0,0 +1,32 @@
1
+ import{j as i}from"./jsx-runtime-BTJTZTIL.js";import{r as j}from"./index-Cb9e4tly.js";import{f as L}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as E,s as w}from"./classNames-BUL1Zq7e.js";import{w as h}from"./componentNames-Bwls0I02.js";import{g as I}from"./index-DdzHuZ-Y.js";import{h as N,i as S}from"./defaults-B1rzzf6M.js";import{T as D}from"./Text-BXZIkJPK.js";import{a as O}from"./options-DSKYF8ow.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";const q="TextHighlighted__ErxU-",G={TextHighlighted:q,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__3H-tS","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__PXiKm","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__cKWhc","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__24A04","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__gkbLj","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__DsZKF","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__Tag8x","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__Qqv0l","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__--U9g","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__D9jbb"},a=j.forwardRef(function({children:T,highlight:x=S,tag:H=N,dataset:f,..._},v){const y=E(G,h.TextHighlighted,[w("highlight",x)]),b={...L(_),ref:v,className:y.join(" "),...I(f,{preplyDsComponent:h.TextHighlighted})};return i.jsx(H,{...b,children:T})});try{a.displayName="TextHighlighted",a.__docgenInfo={description:"",displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"green"},description:"",name:"highlight",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"accent"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"blue"'},{value:'"green"'}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"strong"'},{value:'"span"'},{value:'"em"'}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const W={title:"components/TextHighlighted",component:a},t=()=>i.jsx(a,{children:"Lorem ipsum"});t.tags=["!test"];t.parameters={chromatic:{disableSnapshot:!0}};const r=()=>i.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem",width:"fit-content"},children:O.map(({id:e})=>i.jsx(a,{highlight:e,children:e},e))}),l={parameters:{chromatic:{disableSnapshot:!0}},render:e=>i.jsxs(D,{children:["Lorem ipsum ",i.jsx(a,{...e})]}),args:{children:"dolor sit amet",dataset:{qaid:"text-highlighted"}},argTypes:{dataset:{control:"object"}}};var n,g,s;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"() => <TextHighlighted>Lorem ipsum</TextHighlighted>",...(s=(g=t.parameters)==null?void 0:g.docs)==null?void 0:s.source}}};var o,d,c;r.parameters={...r.parameters,docs:{...(o=r.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>`,...(c=(d=r.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};var m,u,p;l.parameters={...l.parameters,docs:{...(m=l.parameters)==null?void 0:m.docs,source:{originalSource:`{
13
+ parameters: {
14
+ chromatic: {
15
+ disableSnapshot: true
16
+ }
17
+ },
18
+ render: args => <Text>
19
+ Lorem ipsum <TextHighlighted {...args} />
20
+ </Text>,
21
+ args: {
22
+ children: 'dolor sit amet',
23
+ dataset: {
24
+ qaid: 'text-highlighted'
25
+ }
26
+ },
27
+ argTypes: {
28
+ dataset: {
29
+ control: 'object'
30
+ }
31
+ }
32
+ }`,...(p=(u=l.parameters)==null?void 0:u.docs)==null?void 0:p.source}}};const Z=["Base","Options","Playground"];export{t as Base,r as Options,l as Playground,Z as __namedExportsOrder,W as default};
@@ -0,0 +1 @@
1
+ .TextWeight__tMRbd.TextWeight--weight-400__EopTe{font-weight:var(--73984e)}.TextWeight__tMRbd.TextWeight--weight-500__wlyrw{font-weight:var(--6e9792)}.TextWeight__tMRbd.TextWeight--weight-700__sVSfY{font-weight:var(--d5337e)}.TextWeight__tMRbd.TextWeight--weight-normal__M5PxM{font-weight:var(--5ea101)}.TextWeight__tMRbd.TextWeight--weight-medium__8f3CD{font-weight:var(--2734e9)}.TextWeight__tMRbd.TextWeight--weight-bold__MG-yF{font-weight:var(--800787)}.TextInline__fMaqi{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;font-style:normal}.TextInline--italic__yG-Qj{font-style:var(--dfb500);font-variation-settings:var(--bc1abc)}
@@ -0,0 +1,37 @@
1
+ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as j}from"./index-Cb9e4tly.js";import{g as D,a as q}from"./text-accent-DZDDtpIt.js";import{m as p,s as L,b as V}from"./classNames-BUL1Zq7e.js";import{f as A}from"./filterHTMLAttributes-DYdLqcvH.js";import{w as i}from"./componentNames-Bwls0I02.js";import{g as M}from"./index-DdzHuZ-Y.js";import{h as k,j as S}from"./defaults-B1rzzf6M.js";import{T as R}from"./Text-BXZIkJPK.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-centered-CznToR0o.js";const G="TextWeight__tMRbd",H={TextWeight:G,"TextWeight--weight-400":"TextWeight--weight-400__EopTe","TextWeight--weight-500":"TextWeight--weight-500__wlyrw","TextWeight--weight-700":"TextWeight--weight-700__sVSfY","TextWeight--weight-normal":"TextWeight--weight-normal__M5PxM","TextWeight--weight-medium":"TextWeight--weight-medium__8f3CD","TextWeight--weight-bold":"TextWeight--weight-bold__MG-yF"},P="TextWeight",F=e=>p(H,P,[L("weight",e)]),O="TextInline__fMaqi",U={TextInline:O,"TextInline--italic":"TextInline--italic__yG-Qj"},l=j.forwardRef(function({children:g,accent:r,color:h,weight:T=S,italic:f=!1,tag:x=k,dataset:y,..._},w){const b=p(U,i.TextInline,[V("italic",void 0,f)]),s=r?void 0:h,I=D(!s,r),W=q(s),N=F(T),C=[...b,...I,...W,...N],E={...A(_),ref:w,className:C.join(" "),...M(y,{preplyDsComponent:i.TextInline})};return t.jsx(x,{...E,children:g})});try{l.displayName="TextInline",l.__docgenInfo={description:"",displayName:"TextInline",props:{accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"inverted"'},{value:'"disabled"'},{value:'"selected"'},{value:'"accent"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"branded"'},{value:'"error"'}]}},color:{defaultValue:null,description:"@deprecated Use accent instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},weight:{defaultValue:{value:"normal"},description:"",name:"weight",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"bold"'},{value:'"normal"'},{value:'"400"'},{value:'"500"'},{value:'"700"'}]}},italic:{defaultValue:{value:"false"},description:"",name:"italic",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"strong"'},{value:'"span"'},{value:'"em"'}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const ne={title:"components/TextInline",component:l},a=()=>t.jsxs("p",{children:["Lorem ",t.jsx(l,{children:"ipsum"})]});a.storyName="TextInline";const n={parameters:{chromatic:{disableSnapshot:!0}},render:e=>t.jsxs(R,{children:["Lorem ipsum ",t.jsx(l,{...e})]}),args:{children:"dolor sit amet",accent:"accentDark",tag:"span",dataset:{qaid:"text-inline"}},argTypes:{dataset:{control:"object"},children:{control:"text"},italic:{control:"boolean"},color:{table:{disable:!0}}}};var o,u,c;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:`() => <p>
2
+ Lorem <TextInline>ipsum</TextInline>
3
+ </p>`,...(c=(u=a.parameters)==null?void 0:u.docs)==null?void 0:c.source}}};var m,d,v;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`{
4
+ parameters: {
5
+ chromatic: {
6
+ disableSnapshot: true
7
+ }
8
+ },
9
+ render: args => <Text>
10
+ Lorem ipsum <TextInline {...args} />
11
+ </Text>,
12
+ args: {
13
+ children: 'dolor sit amet',
14
+ accent: 'accentDark',
15
+ tag: 'span',
16
+ dataset: {
17
+ qaid: 'text-inline'
18
+ }
19
+ },
20
+ argTypes: {
21
+ dataset: {
22
+ control: 'object'
23
+ },
24
+ children: {
25
+ control: 'text'
26
+ },
27
+ italic: {
28
+ control: 'boolean'
29
+ },
30
+ // Disable deprecated props
31
+ color: {
32
+ table: {
33
+ disable: true
34
+ }
35
+ }
36
+ }
37
+ }`,...(v=(d=n.parameters)==null?void 0:d.docs)==null?void 0:v.source}}};const re=["Base","Playground"];export{a as Base,n as Playground,re as __namedExportsOrder,ne as default};
@@ -0,0 +1 @@
1
+ .TextareaField__Wpx9P{display:flex}