@preply/ds-docs 0.97.3 → 0.97.4

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 (205) hide show
  1. package/dist/assets/{00.applications-DZv8NoXM.js → 00.applications-BiomFxjM.js} +1 -1
  2. package/dist/assets/{00.favicons.guide-C8t4hmDP.js → 00.favicons.guide-BwJrwx9D.js} +1 -1
  3. package/dist/assets/00.token-explorer-BHwmyUTA.js +326 -0
  4. package/dist/assets/00.using-responsive-props-BanfAFQv.js +18 -0
  5. package/dist/assets/{10.fonts.guide-BAV-SZHE.js → 10.fonts.guide-Lsgc5eH_.js} +1 -1
  6. package/dist/assets/{10.ssr-3rImRK95.js → 10.ssr-DCHIfJOf.js} +1 -1
  7. package/dist/assets/{11.languageFont.explorer-B31lpE9a.js → 11.languageFont.explorer-CMb4Oa9O.js} +7 -11
  8. package/dist/assets/{20.libraries-B5tcat6D.js → 20.libraries-45yiEOQy.js} +1 -1
  9. package/dist/assets/30.icons.explorer-CPHdSZpT.js +69 -0
  10. package/dist/assets/{30.storybook-Db40I3nq.js → 30.storybook-F6X_j-2l.js} +1 -1
  11. package/dist/assets/40.illustrations.explorer-q-X6mCtt.js +21 -0
  12. package/dist/assets/{90.advanced-B2SCgi4p.js → 90.advanced-C3gKcQOO.js} +1 -1
  13. package/dist/assets/Avatar-BXV-cOJ2.css +1 -0
  14. package/dist/assets/Avatar-Cxb46X52.js +1 -0
  15. package/dist/assets/Avatar.stories-BcwgeaZN.js +1 -0
  16. package/dist/assets/{AvatarWithStatus-CbhRhFBj.css → AvatarWithStatus-DfkKJQ3V.css} +1 -1
  17. package/dist/assets/AvatarWithStatus.stories-BiowX5Rz.js +1 -0
  18. package/dist/assets/Badge-CkKJ2OSS.css +1 -0
  19. package/dist/assets/Badge.stories-D4Cdjpcr.js +97 -0
  20. package/dist/assets/Box-F9eDj4Nt.css +1 -0
  21. package/dist/assets/Box.stories-Ni0Kt9Q_.js +12 -0
  22. package/dist/assets/Button-CMY2KiMC.js +1 -0
  23. package/dist/assets/Button-hGWaFGHW.css +1 -0
  24. package/dist/assets/{Button.stories-YU8j35_e.js → Button.stories-Chvj95q5.js} +2 -2
  25. package/dist/assets/{ButtonBase-way_SbbA.css → ButtonBase-BX7M7CfW.css} +1 -1
  26. package/dist/assets/ButtonBase-wKD3gx2c.js +1 -0
  27. package/dist/assets/Chips-DL1uZse8.css +1 -0
  28. package/dist/assets/{Chips.stories-D2RLe4o6.js → Chips.stories-Q7P4m0MV.js} +6 -6
  29. package/dist/assets/{Color-KGDBMAHA-CoBe_mCp.js → Color-KGDBMAHA-DvikVWpQ.js} +1 -1
  30. package/dist/assets/DocsRenderer-PKQXORMH-TlDOTKpx.js +1 -0
  31. package/dist/assets/FieldAdditionalText-BzEsrl-h.css +1 -0
  32. package/dist/assets/FieldAdditionalText-C82iM4Gm.js +1 -0
  33. package/dist/assets/FieldAdditionalText.stories-B_z-4WRB.js +1 -0
  34. package/dist/assets/FieldButton-C1duijdS.js +1 -0
  35. package/dist/assets/{FieldButton-CBtczjTJ.css → FieldButton-D8KqWolR.css} +1 -1
  36. package/dist/assets/FieldButton.stories-lvicLCeR.js +1 -0
  37. package/dist/assets/FieldLayout-BbTWObol.js +1 -0
  38. package/dist/assets/FieldLayout-D0TC9KeT.css +1 -0
  39. package/dist/assets/FieldLayout.stories-CRFt1w8r.js +6 -0
  40. package/dist/assets/FieldLayoutBase-DU1N8Oo9.js +1 -0
  41. package/dist/assets/FieldLayoutBase-DlLxI8Lp.css +1 -0
  42. package/dist/assets/{Heading-JoYJ48I1.css → Heading-C8mf0V6E.css} +1 -1
  43. package/dist/assets/Heading-CC2QfCHz.js +1 -0
  44. package/dist/assets/Heading.stories-fvurr5q5.js +13 -0
  45. package/dist/assets/Icon-Bh8jd4gJ.js +1 -0
  46. package/dist/assets/Icon-D1gE87ER.css +1 -0
  47. package/dist/assets/Icon.stories-Bnu3qnWv.js +1 -0
  48. package/dist/assets/IconButton-BzgRgADV.js +1 -0
  49. package/dist/assets/{IconButton.stories-CBIUekzB.js → IconButton.stories-CtVE7MY4.js} +2 -2
  50. package/dist/assets/InputText-CHBvsXzZ.js +1 -0
  51. package/dist/assets/LayoutFlex-BcmKXpej.css +1 -0
  52. package/dist/assets/LayoutFlex-CT_mR8FH.js +1 -0
  53. package/dist/assets/LayoutFlex-Dg8100fi.js +1 -0
  54. package/dist/assets/LayoutFlex.stories-COKKQC_U.js +19 -0
  55. package/dist/assets/LayoutGrid-5spQZwnb.js +1 -0
  56. package/dist/assets/LayoutGrid.stories-BGC4a7Xk.js +32 -0
  57. package/dist/assets/Link-Q0TbLZNQ.css +1 -0
  58. package/dist/assets/Link.stories-Qq4zsupW.js +19 -0
  59. package/dist/assets/Loader-mOgVEjCy.css +1 -0
  60. package/dist/assets/Loader.stories-CUg01TwT.js +1 -0
  61. package/dist/assets/NumberField.stories-cwgNT7lh.js +34 -0
  62. package/dist/assets/ObserveIntersection-E2ze5r96.js +1 -0
  63. package/dist/assets/ObserveIntersection.stories-nlNEsRhg.js +24 -0
  64. package/dist/assets/PasswordField.stories-BIm0_clp.js +16 -0
  65. package/dist/assets/PreplyLogo-CHCVGE4a.css +1 -0
  66. package/dist/assets/PreplyLogo.stories-DaWFMRFc.js +1 -0
  67. package/dist/assets/RootProvider-BOk-5jT9.js +1 -0
  68. package/dist/assets/SelectField-0rL6v4H8.css +1 -0
  69. package/dist/assets/SelectField.stories-C7zwu5ye.js +28 -0
  70. package/dist/assets/ShowOnIntersection.stories-Bki15gf4.js +17 -0
  71. package/dist/assets/Spinner-BK7IIQlg.css +1 -0
  72. package/dist/assets/Spinner-CLLOQh4W.js +1 -0
  73. package/dist/assets/{StoryContextDSWeb-CQCIj3Y9.js → StoryContextDSWeb-BlVCJKyi.js} +1 -1
  74. package/dist/assets/StorybookGlobalStyle-BcEQvG9t.js +42 -0
  75. package/dist/assets/Text-Bfx8yREV.js +1 -0
  76. package/dist/assets/Text-C7gcAeIN.js +1 -0
  77. package/dist/assets/{Text-BiyZwtnq.css → Text-EVpcP9uU.css} +1 -1
  78. package/dist/assets/Text.stories-0h2_OYwY.js +11 -0
  79. package/dist/assets/TextField.stories-CfoGKGIi.js +20 -0
  80. package/dist/assets/TextHighlighted-CABPIKHd.css +1 -0
  81. package/dist/assets/TextHighlighted.stories-BkujhUNE.js +12 -0
  82. package/dist/assets/TextInline-Uch3pAjm.css +1 -0
  83. package/dist/assets/TextInline.stories-lFUch-az.js +3 -0
  84. package/dist/assets/TextareaField.stories-PSnVZ2Ue.js +20 -0
  85. package/dist/assets/{breakpoints-DI9AEAgq.js → breakpoints-CjV-ahHZ.js} +1 -1
  86. package/dist/assets/{breakpoints-BWk6R_41.js → breakpoints-Dfu98b-a.js} +1 -1
  87. package/dist/assets/{breakpoints-9uLXtPuW.js → breakpoints-hfPuqFb-.js} +1 -1
  88. package/dist/assets/{changelog-Bf-xRkl0.js → changelog-D_Dv_Uo7.js} +2 -2
  89. package/dist/assets/{chunk-HLWAVYOI-CD9LB7Y8.js → chunk-HLWAVYOI-DkHz4Axi.js} +1 -1
  90. package/dist/assets/classNames-OZbnFNS5.js +1 -0
  91. package/dist/assets/{getTokenVar-fksv3Mco.js → getTokenVar-BfA4aply.js} +1 -1
  92. package/dist/assets/getTokenVar-C2F95PBB.js +1 -0
  93. package/dist/assets/{hover-VJEacFBn.js → hover-B87aqcTH.js} +1 -1
  94. package/dist/assets/{hover-BbDdf_Xv.js → hover-Bu4Nnq0Y.js} +1 -1
  95. package/dist/assets/{hover-Cmfry3kI.js → hover-DGFwl-fp.js} +1 -1
  96. package/dist/assets/iframe-CgaZSV0R.js +2 -0
  97. package/dist/assets/index-CDTuZ4uP.js +22 -0
  98. package/dist/assets/{index-CXQveQOi.js → index-CrxsFCDW.js} +4 -4
  99. package/dist/assets/{index-DJew5TkC.js → index-Dag-F4bX.js} +1 -1
  100. package/dist/assets/{intro-nmLdAjen.js → intro-CWX7N9bM.js} +6 -10
  101. package/dist/assets/{migrating-from-less-DuAbI5By.js → migrating-from-less-C47rZlX3.js} +1 -1
  102. package/dist/assets/preview-BBhZXtgn.js +1 -0
  103. package/dist/assets/{preview-psUVwU13.js → preview-DCxw2Gsy.js} +2 -2
  104. package/dist/assets/{preview-9Oz63Ai9.js → preview-f4AmsjPd.js} +1 -1
  105. package/dist/assets/styled-components.browser.esm-BaO8iHee.js +23 -0
  106. package/dist/assets/{tokens-DrYOrez-.js → tokens-3u3clpXl.js} +1 -1
  107. package/dist/assets/{tokens-CFtWgV8-.js → tokens-Bnzzd31r.js} +1 -1
  108. package/dist/assets/{tokens-B8W7Z_Vv.js → tokens-C27DjTHS.js} +1 -1
  109. package/dist/assets/tokens-D5WEKrsE.js +1 -0
  110. package/dist/assets/useAlignSelfClassNames-DbTWLWAk.js +1 -0
  111. package/dist/assets/useColorScheme-Bv74nHTy.js +1 -0
  112. package/dist/assets/useLayoutFlexClassNames-CRhEo9D5.js +1 -0
  113. package/dist/assets/useLayoutGridResponsiveColumns-Clfao9J8.js +1 -0
  114. package/dist/assets/useLayoutRelativeClassnames-Bourck76.js +1 -0
  115. package/dist/assets/useTextAccentClassnames-flfSYb_B.js +1 -0
  116. package/dist/assets/useTextCenteredClassnames-DJAYJ6qC.js +1 -0
  117. package/dist/assets/useTheme-BV4v5x7f.js +1 -0
  118. package/dist/assets/{welcome-BWgZ0orX.js → welcome-D7SVa6We.js} +1 -1
  119. package/dist/iframe.html +1 -1
  120. package/dist/project.json +1 -1
  121. package/package.json +2 -2
  122. package/dist/assets/00.token-explorer-Cb-SyAEz.js +0 -330
  123. package/dist/assets/00.using-responsive-props-DIhRi04I.js +0 -19
  124. package/dist/assets/30.icons.explorer-DymCezPu.js +0 -93
  125. package/dist/assets/40.illustrations.explorer-XGsu-O9l.js +0 -21
  126. package/dist/assets/Avatar-BzgmmY62.js +0 -1
  127. package/dist/assets/Avatar-Cxh1JsJp.css +0 -1
  128. package/dist/assets/Avatar.stories-DbXJKRZ-.js +0 -1
  129. package/dist/assets/AvatarWithStatus.stories-DIRWt1wO.js +0 -1
  130. package/dist/assets/Badge-1pi7nJIH.css +0 -1
  131. package/dist/assets/Badge.stories-DZajSQyV.js +0 -97
  132. package/dist/assets/Box-MGs2QMcP.css +0 -1
  133. package/dist/assets/Box.stories-DUpEVcd7.js +0 -12
  134. package/dist/assets/Button-CsD80zLl.js +0 -1
  135. package/dist/assets/Button-GpWwsKYx.css +0 -1
  136. package/dist/assets/ButtonBase-kKJbXmkq.js +0 -1
  137. package/dist/assets/Chips-DBQJkkb9.css +0 -1
  138. package/dist/assets/DocsRenderer-PKQXORMH-nvNfj8-s.js +0 -1
  139. package/dist/assets/FieldAdditionalText-BeeN5rdu.css +0 -1
  140. package/dist/assets/FieldAdditionalText-CL5iCCLi.js +0 -1
  141. package/dist/assets/FieldAdditionalText.stories-XBKQ_iIF.js +0 -1
  142. package/dist/assets/FieldButton-DpMz-wEU.js +0 -1
  143. package/dist/assets/FieldButton.stories-eUotQWNv.js +0 -1
  144. package/dist/assets/FieldLayout-DBao7mSK.js +0 -1
  145. package/dist/assets/FieldLayout-wq4zssLh.css +0 -1
  146. package/dist/assets/FieldLayout.stories-BEXrH0UX.js +0 -6
  147. package/dist/assets/FieldLayoutBase-Dbqo_URw.js +0 -1
  148. package/dist/assets/FieldLayoutBase-ctIW9N7k.css +0 -1
  149. package/dist/assets/Heading-BuiNeQl8.js +0 -1
  150. package/dist/assets/Heading.stories-CNmgxMxa.js +0 -13
  151. package/dist/assets/Icon-CNtrVm52.js +0 -1
  152. package/dist/assets/Icon-xUM0R7WZ.css +0 -1
  153. package/dist/assets/Icon.stories-DMUu5mCJ.js +0 -1
  154. package/dist/assets/IconButton-D-IRuIag.js +0 -1
  155. package/dist/assets/InputText-CxkwrF4V.js +0 -1
  156. package/dist/assets/LayoutFlex-BfRTqJk6.js +0 -1
  157. package/dist/assets/LayoutFlex-BzWsI3Xb.js +0 -1
  158. package/dist/assets/LayoutFlex-Dw886nHu.css +0 -1
  159. package/dist/assets/LayoutFlex.stories-D53eT4aH.js +0 -19
  160. package/dist/assets/LayoutGrid-DqNGcqNm.js +0 -1
  161. package/dist/assets/LayoutGrid.stories-BceYWlgi.js +0 -32
  162. package/dist/assets/Link-B9fbPw_b.css +0 -1
  163. package/dist/assets/Link.stories-YS4oABOg.js +0 -19
  164. package/dist/assets/Loader-BPe5Cqqg.css +0 -1
  165. package/dist/assets/Loader.stories-L4erfRmi.js +0 -1
  166. package/dist/assets/NumberField.stories-DdAuTLuz.js +0 -34
  167. package/dist/assets/ObserveIntersection-3A5JnM6d.js +0 -1
  168. package/dist/assets/ObserveIntersection.stories-zHfYIVep.js +0 -24
  169. package/dist/assets/PasswordField.stories-CJIe28oa.js +0 -16
  170. package/dist/assets/PreplyLogo-D44fvviJ.css +0 -1
  171. package/dist/assets/PreplyLogo.stories-BUtQeYdY.js +0 -1
  172. package/dist/assets/RootProvider-DbgEixHa.js +0 -1
  173. package/dist/assets/SelectField-B6dwNsAU.css +0 -1
  174. package/dist/assets/SelectField.stories-BDoBCrB9.js +0 -28
  175. package/dist/assets/ShowOnIntersection.stories-D5ybqJmO.js +0 -17
  176. package/dist/assets/Spinner-BkHOsRl5.css +0 -1
  177. package/dist/assets/Spinner-CjcnFiyL.js +0 -1
  178. package/dist/assets/StorybookGlobalStyle-C0X2e0mN.js +0 -485
  179. package/dist/assets/Text-BI6ahBJ6.js +0 -1
  180. package/dist/assets/Text-B_hHcHeQ.js +0 -1
  181. package/dist/assets/Text.stories-BggzEfxg.js +0 -11
  182. package/dist/assets/TextField.stories-Cl5idtLH.js +0 -20
  183. package/dist/assets/TextHighlighted-BzoKUdVf.css +0 -1
  184. package/dist/assets/TextHighlighted.stories-Bha39eES.js +0 -12
  185. package/dist/assets/TextInline-CNsdUVcv.css +0 -1
  186. package/dist/assets/TextInline.stories-DcgHbPOX.js +0 -3
  187. package/dist/assets/TextareaField.stories-Dct1GeIO.js +0 -20
  188. package/dist/assets/ThemeSwitcher-DeP-d9Aq.js +0 -34
  189. package/dist/assets/classNames-RlyrdfpN.js +0 -1
  190. package/dist/assets/getTokenVar-o_8jkgRk.js +0 -1
  191. package/dist/assets/iframe-9MNwBgj-.js +0 -2
  192. package/dist/assets/index-Ct3j1MTp.js +0 -73
  193. package/dist/assets/preview-BT_AxLuo.js +0 -1
  194. package/dist/assets/style-inject.es-O-YsppCx.js +0 -1
  195. package/dist/assets/styled-components.browser.esm-BppVzN7H.js +0 -23
  196. package/dist/assets/tokens-BNLiDh-U.js +0 -1
  197. package/dist/assets/useAlignSelfClassNames-HKiGOiC9.js +0 -1
  198. package/dist/assets/useColorScheme-CRstX5qq.js +0 -1
  199. package/dist/assets/useLayoutFlexClassNames-D1ra_xuq.js +0 -1
  200. package/dist/assets/useLayoutGridResponsiveColumns-BjGmVcfV.js +0 -1
  201. package/dist/assets/useLayoutRelativeClassnames-C66s33p7.js +0 -1
  202. package/dist/assets/useStyleExtract-nWieKQF4.js +0 -1
  203. package/dist/assets/useTextAccentClassnames-iB7PeFbR.js +0 -1
  204. package/dist/assets/useTextCenteredClassnames-DHbKOmgJ.js +0 -1
  205. package/dist/assets/useTheme-D6du8lDT.js +0 -1
@@ -1 +0,0 @@
1
- import{T as z}from"./style-inject.es-O-YsppCx.js";import{u as _}from"./useTheme-D6du8lDT.js";import{u as k}from"./useColorScheme-CRstX5qq.js";import{R as O}from"./index-mfbfsM12.js";import{s as N}from"./style-inject.es-BI9ztQJ7.js";import{u as C,T as W,e as X}from"./useStyleExtract-nWieKQF4.js";import{m as E,s as v,b as G}from"./classNames-RlyrdfpN.js";import{w as f,g as I}from"./componentNames-BAR5iJaT.js";import{u as J,a as Z}from"./useTextAccentClassnames-iB7PeFbR.js";import{u as q}from"./useTextCenteredClassnames-DHbKOmgJ.js";const s='Illegal "token" argument provided to getToken(). Are you using indexes? Example: "tokens.action.size[size]". Make sure it resolves to a token.',D=(e,t,a)=>{if(!a)throw new Error(`No token provided. ${s}`);if(!Array.isArray(a))throw new Error(`Value provided is not a token. ${s}`);const i=e.getToken(a,t),r=a[z];if(i===void 0)throw new Error(`Token ${r} not found`);return i};function Y(e){const{theme:t}=_(),{colorScheme:a}=k();if(!t)throw new Error("useToken() must be used within a ThemeProvider");return D(t,a,e)}var l=".uVacy6{-webkit-font-smoothing:antialiased;font-size:var(--8d63e4);font-weight:var(--73984e);line-height:var(--d4313c);margin:0;text-rendering:optimizeLegibility}.Qv2Axo{font-size:var(--d3e233);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7);font-weight:var(--56c416);letter-spacing:var(--be8c45);line-height:var(--bc6f38)}.qycaBx{font-size:var(--4df4f0);font-style:var(--782782);font-variation-settings:var(--a1e375);font-weight:var(--756814);letter-spacing:var(--03e2b6);line-height:var(--f8ebff)}.YFauLu{font-size:var(--d4ea3f);font-style:var(--8dee8a);font-variation-settings:var(--51eeea);font-weight:var(--c2057a);letter-spacing:var(--cdd9f4);line-height:var(--ff8dfa)}.sGPGaG{font-size:var(--33b293);font-style:var(--02d236);font-variation-settings:var(--4c48ba);font-weight:var(--b38b97);letter-spacing:var(--40ba00);line-height:var(--5f3bbf)}.wY3fpD{font-size:var(--97511e);font-style:var(--92feb8);font-variation-settings:var(--a1201a);font-weight:var(--fbec20);letter-spacing:var(--a566de);line-height:var(--a8f0e2)}.ydWgKb{font-size:var(--16878a);font-style:var(--7cc250);font-variation-settings:var(--f7661a);font-weight:var(--9d502c);letter-spacing:var(--ca673a);line-height:var(--bd5dd5)}.d6RfbQ{font-size:var(--7f027e);font-style:var(--61e1de);font-variation-settings:var(--2d95ca);font-weight:var(--59913e);letter-spacing:var(--b2e406);line-height:var(--11f5c9)}.adOeMT{font-size:var(--58dc82);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c);font-weight:var(--55b888);letter-spacing:var(--40d520);line-height:var(--d59274)}.UlmHo6{font-size:var(--8098ff);font-style:var(--82c3d5);font-variation-settings:var(--51956c);font-weight:var(--a4fde7);letter-spacing:var(--95d383);line-height:var(--2285fa)}._9WbJJM{font-size:var(--4f1e3c);font-style:var(--dd40d0);font-variation-settings:var(--19883f);font-weight:var(--ea7bfd);letter-spacing:var(--f69e59);line-height:var(--f70f04)}.zzp2H6{font-size:var(--3cfa3f);font-style:var(--1952bb);font-variation-settings:var(--0b4502);font-weight:var(--f9dbd7);letter-spacing:var(--2585de);line-height:var(--206b00)}.gGcEVX{font-size:var(--3b44b6);font-style:var(--bed3e0);font-variation-settings:var(--a4194d);font-weight:var(--500731);letter-spacing:var(--e4d866);line-height:var(--c18960)}._4S-U45{font-size:var(--63f88d);font-style:var(--9c1713);font-variation-settings:var(--42348d);font-weight:var(--c7a8eb);letter-spacing:var(--5b62c3);line-height:var(--942b2f)}.ZrpZw7{font-size:var(--4afac4);font-style:var(--ec8789);font-variation-settings:var(--f43b0b);font-weight:var(--333137);letter-spacing:var(--64a0ba);line-height:var(--ae63b1)}.c1jMcG{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._00mnRD{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648)}.WOyj2f{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}.Nt5K-h{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}.X7lyiE{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}.zXBH3C{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}.UwkM8a{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}.rqDd2V{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._4cplhQ{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}.yY9z-G{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}.L8ied2{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._8SqNKm{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._0ymNQm{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}.zWw0M7{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}.S83xd5{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}._7r0vJ6{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}.OVrkZN{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}.VlgDOJ{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}.XYwxxp{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}.u-O7TX{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}.t1mK-d{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}.UiH8bq{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}@media (min-width:400px){._62qXjf{font-size:var(--d3e233);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7);font-weight:var(--56c416);letter-spacing:var(--be8c45);line-height:var(--bc6f38)}.niLxy4{font-size:var(--4df4f0);font-style:var(--782782);font-variation-settings:var(--a1e375);font-weight:var(--756814);letter-spacing:var(--03e2b6);line-height:var(--f8ebff)}.JI9MzR{font-size:var(--d4ea3f);font-style:var(--8dee8a);font-variation-settings:var(--51eeea);font-weight:var(--c2057a);letter-spacing:var(--cdd9f4);line-height:var(--ff8dfa)}.h38HyG{font-size:var(--33b293);font-style:var(--02d236);font-variation-settings:var(--4c48ba);font-weight:var(--b38b97);letter-spacing:var(--40ba00);line-height:var(--5f3bbf)}.jqUJOv{font-size:var(--97511e);font-style:var(--92feb8);font-variation-settings:var(--a1201a);font-weight:var(--fbec20);letter-spacing:var(--a566de);line-height:var(--a8f0e2)}.XCXW6a{font-size:var(--16878a);font-style:var(--7cc250);font-variation-settings:var(--f7661a);font-weight:var(--9d502c);letter-spacing:var(--ca673a);line-height:var(--bd5dd5)}.nCPnt3{font-size:var(--7f027e);font-style:var(--61e1de);font-variation-settings:var(--2d95ca);font-weight:var(--59913e);letter-spacing:var(--b2e406);line-height:var(--11f5c9)}.dKZEJE{font-size:var(--58dc82);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c);font-weight:var(--55b888);letter-spacing:var(--40d520);line-height:var(--d59274)}._6VGIyd{font-size:var(--8098ff);font-style:var(--82c3d5);font-variation-settings:var(--51956c);font-weight:var(--a4fde7);letter-spacing:var(--95d383);line-height:var(--2285fa)}.giyrwt{font-size:var(--4f1e3c);font-style:var(--dd40d0);font-variation-settings:var(--19883f);font-weight:var(--ea7bfd);letter-spacing:var(--f69e59);line-height:var(--f70f04)}._7uObP6{font-size:var(--3cfa3f);font-style:var(--1952bb);font-variation-settings:var(--0b4502);font-weight:var(--f9dbd7);letter-spacing:var(--2585de);line-height:var(--206b00)}.iW3Nba{font-size:var(--3b44b6);font-style:var(--bed3e0);font-variation-settings:var(--a4194d);font-weight:var(--500731);letter-spacing:var(--e4d866);line-height:var(--c18960)}.-R2qZi{font-size:var(--63f88d);font-style:var(--9c1713);font-variation-settings:var(--42348d);font-weight:var(--c7a8eb);letter-spacing:var(--5b62c3);line-height:var(--942b2f)}.VISYLW{font-size:var(--4afac4);font-style:var(--ec8789);font-variation-settings:var(--f43b0b);font-weight:var(--333137);letter-spacing:var(--64a0ba);line-height:var(--ae63b1)}.CLx0Sj{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}.VaaYSg{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648)}.cdIX-M{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}.iiPSrk{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}.pk7I86{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._9Gr6fu{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}.KgT3NE{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._94h9E8{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}.Kx4fZI{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._4gaDsn{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}.Ah1Q-X{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}.IAQApD{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}.oIY3up{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}.sKaTpZ{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}.df3w7f{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}._63G6vc{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}.AXib0K{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}.-W2Fok{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}.xOWG6x{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._5jls9l{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}.ZlIDh8{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}.YI-z--{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:700px){.XEVQeg{font-size:var(--d3e233);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7);font-weight:var(--56c416);letter-spacing:var(--be8c45);line-height:var(--bc6f38)}.f0rdWG{font-size:var(--4df4f0);font-style:var(--782782);font-variation-settings:var(--a1e375);font-weight:var(--756814);letter-spacing:var(--03e2b6);line-height:var(--f8ebff)}._2dml2e{font-size:var(--d4ea3f);font-style:var(--8dee8a);font-variation-settings:var(--51eeea);font-weight:var(--c2057a);letter-spacing:var(--cdd9f4);line-height:var(--ff8dfa)}.GUOiJc{font-size:var(--33b293);font-style:var(--02d236);font-variation-settings:var(--4c48ba);font-weight:var(--b38b97);letter-spacing:var(--40ba00);line-height:var(--5f3bbf)}.uQZGOP{font-size:var(--97511e);font-style:var(--92feb8);font-variation-settings:var(--a1201a);font-weight:var(--fbec20);letter-spacing:var(--a566de);line-height:var(--a8f0e2)}._5Jqrkg{font-size:var(--16878a);font-style:var(--7cc250);font-variation-settings:var(--f7661a);font-weight:var(--9d502c);letter-spacing:var(--ca673a);line-height:var(--bd5dd5)}.jLGVHX{font-size:var(--7f027e);font-style:var(--61e1de);font-variation-settings:var(--2d95ca);font-weight:var(--59913e);letter-spacing:var(--b2e406);line-height:var(--11f5c9)}.meFSki{font-size:var(--58dc82);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c);font-weight:var(--55b888);letter-spacing:var(--40d520);line-height:var(--d59274)}.V4BoLO{font-size:var(--8098ff);font-style:var(--82c3d5);font-variation-settings:var(--51956c);font-weight:var(--a4fde7);letter-spacing:var(--95d383);line-height:var(--2285fa)}.wNC52h{font-size:var(--4f1e3c);font-style:var(--dd40d0);font-variation-settings:var(--19883f);font-weight:var(--ea7bfd);letter-spacing:var(--f69e59);line-height:var(--f70f04)}._0WQ9H8{font-size:var(--3cfa3f);font-style:var(--1952bb);font-variation-settings:var(--0b4502);font-weight:var(--f9dbd7);letter-spacing:var(--2585de);line-height:var(--206b00)}.-lOJlg{font-size:var(--3b44b6);font-style:var(--bed3e0);font-variation-settings:var(--a4194d);font-weight:var(--500731);letter-spacing:var(--e4d866);line-height:var(--c18960)}.qbJdoU{font-size:var(--63f88d);font-style:var(--9c1713);font-variation-settings:var(--42348d);font-weight:var(--c7a8eb);letter-spacing:var(--5b62c3);line-height:var(--942b2f)}.OwChGz{font-size:var(--4afac4);font-style:var(--ec8789);font-variation-settings:var(--f43b0b);font-weight:var(--333137);letter-spacing:var(--64a0ba);line-height:var(--ae63b1)}.bSR5JG{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._45YkZb{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648)}.qJRBNQ{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}.POfquk{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}.WNKvS1{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}.UL2YUC{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}._8Nl3-R{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}.wKpUsm{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._5vPWBy{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}.PFA3rr{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}._6kDXZA{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._-26j45{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}.NB66kV{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}.xp5P-2{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}.a6Tqky{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}.Y-3MwV{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}.mB4cKd{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}.w0OzNf{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}.titkDp{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}.EIci1a{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}.ZdONEX{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}.px-z1N{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:880px){.mT3--k{font-size:var(--d3e233);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7);font-weight:var(--56c416);letter-spacing:var(--be8c45);line-height:var(--bc6f38)}._8-hkD3{font-size:var(--4df4f0);font-style:var(--782782);font-variation-settings:var(--a1e375);font-weight:var(--756814);letter-spacing:var(--03e2b6);line-height:var(--f8ebff)}.HO15dE{font-size:var(--d4ea3f);font-style:var(--8dee8a);font-variation-settings:var(--51eeea);font-weight:var(--c2057a);letter-spacing:var(--cdd9f4);line-height:var(--ff8dfa)}.i92C6j{font-size:var(--33b293);font-style:var(--02d236);font-variation-settings:var(--4c48ba);font-weight:var(--b38b97);letter-spacing:var(--40ba00);line-height:var(--5f3bbf)}.CjiKcW{font-size:var(--97511e);font-style:var(--92feb8);font-variation-settings:var(--a1201a);font-weight:var(--fbec20);letter-spacing:var(--a566de);line-height:var(--a8f0e2)}.PJHhpZ{font-size:var(--16878a);font-style:var(--7cc250);font-variation-settings:var(--f7661a);font-weight:var(--9d502c);letter-spacing:var(--ca673a);line-height:var(--bd5dd5)}.bWryqf{font-size:var(--7f027e);font-style:var(--61e1de);font-variation-settings:var(--2d95ca);font-weight:var(--59913e);letter-spacing:var(--b2e406);line-height:var(--11f5c9)}.eWPQyI{font-size:var(--58dc82);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c);font-weight:var(--55b888);letter-spacing:var(--40d520);line-height:var(--d59274)}.DlFqwt{font-size:var(--8098ff);font-style:var(--82c3d5);font-variation-settings:var(--51956c);font-weight:var(--a4fde7);letter-spacing:var(--95d383);line-height:var(--2285fa)}._1UrvGr{font-size:var(--4f1e3c);font-style:var(--dd40d0);font-variation-settings:var(--19883f);font-weight:var(--ea7bfd);letter-spacing:var(--f69e59);line-height:var(--f70f04)}.Ur-1P3{font-size:var(--3cfa3f);font-style:var(--1952bb);font-variation-settings:var(--0b4502);font-weight:var(--f9dbd7);letter-spacing:var(--2585de);line-height:var(--206b00)}.sZ7Ifk{font-size:var(--3b44b6);font-style:var(--bed3e0);font-variation-settings:var(--a4194d);font-weight:var(--500731);letter-spacing:var(--e4d866);line-height:var(--c18960)}.BPxlVu{font-size:var(--63f88d);font-style:var(--9c1713);font-variation-settings:var(--42348d);font-weight:var(--c7a8eb);letter-spacing:var(--5b62c3);line-height:var(--942b2f)}.vTWZtE{font-size:var(--4afac4);font-style:var(--ec8789);font-variation-settings:var(--f43b0b);font-weight:var(--333137);letter-spacing:var(--64a0ba);line-height:var(--ae63b1)}._9D5QN-{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}.Ny1FHd{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648)}._8rZ-3-{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}.InjTLN{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}.B3CTpW{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}.UR1v--{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}.dOybBy{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._9lmMM8{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}.S79rnQ{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}.CfQh3O{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}._5jzSIH{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}.fSq8fh{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}.YME4Uk{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}.Wlvfmt{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}.K3O2jM{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}.RlXusG{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}.nVdnP-{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._64VRQ7{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}.h8boXb{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._9tLaRb{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}.flyfUC{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._0WWL17{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:1200px){._45qL-t{font-size:var(--d3e233);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7);font-weight:var(--56c416);letter-spacing:var(--be8c45);line-height:var(--bc6f38)}.ybSD2k{font-size:var(--4df4f0);font-style:var(--782782);font-variation-settings:var(--a1e375);font-weight:var(--756814);letter-spacing:var(--03e2b6);line-height:var(--f8ebff)}.pnI1LL{font-size:var(--d4ea3f);font-style:var(--8dee8a);font-variation-settings:var(--51eeea);font-weight:var(--c2057a);letter-spacing:var(--cdd9f4);line-height:var(--ff8dfa)}.zbEZJh{font-size:var(--33b293);font-style:var(--02d236);font-variation-settings:var(--4c48ba);font-weight:var(--b38b97);letter-spacing:var(--40ba00);line-height:var(--5f3bbf)}.pBKrOc{font-size:var(--97511e);font-style:var(--92feb8);font-variation-settings:var(--a1201a);font-weight:var(--fbec20);letter-spacing:var(--a566de);line-height:var(--a8f0e2)}._5xaMki{font-size:var(--16878a);font-style:var(--7cc250);font-variation-settings:var(--f7661a);font-weight:var(--9d502c);letter-spacing:var(--ca673a);line-height:var(--bd5dd5)}.DEbnGc{font-size:var(--7f027e);font-style:var(--61e1de);font-variation-settings:var(--2d95ca);font-weight:var(--59913e);letter-spacing:var(--b2e406);line-height:var(--11f5c9)}.QPvW9i{font-size:var(--58dc82);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c);font-weight:var(--55b888);letter-spacing:var(--40d520);line-height:var(--d59274)}.eOf2n8{font-size:var(--8098ff);font-style:var(--82c3d5);font-variation-settings:var(--51956c);font-weight:var(--a4fde7);letter-spacing:var(--95d383);line-height:var(--2285fa)}._52kF0P{font-size:var(--4f1e3c);font-style:var(--dd40d0);font-variation-settings:var(--19883f);font-weight:var(--ea7bfd);letter-spacing:var(--f69e59);line-height:var(--f70f04)}.nkIe1B{font-size:var(--3cfa3f);font-style:var(--1952bb);font-variation-settings:var(--0b4502);font-weight:var(--f9dbd7);letter-spacing:var(--2585de);line-height:var(--206b00)}.Z9BlJp{font-size:var(--3b44b6);font-style:var(--bed3e0);font-variation-settings:var(--a4194d);font-weight:var(--500731);letter-spacing:var(--e4d866);line-height:var(--c18960)}.hnlmrD{font-size:var(--63f88d);font-style:var(--9c1713);font-variation-settings:var(--42348d);font-weight:var(--c7a8eb);letter-spacing:var(--5b62c3);line-height:var(--942b2f)}.-E52Ct{font-size:var(--4afac4);font-style:var(--ec8789);font-variation-settings:var(--f43b0b);font-weight:var(--333137);letter-spacing:var(--64a0ba);line-height:var(--ae63b1)}.qdHJpJ{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._2KnLH-{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648)}.uchkBx{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}.rojYZ5{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}.uWz69U{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}.OO-6-k{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}.wtVVcq{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}.Wy81nL{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._22h9HU{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._0zUU4H{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}.yEC6Kt{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}.XbG-Iu{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}.-E6sG7{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}.TOqGZc{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}._4POl2U{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}.-JXlte{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}.QfBKZj{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}.U-BNWA{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}.k3nuJC{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._5ZUpTx{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}.BSJjgp{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._0i59X5{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:1900px){.A-258T{font-size:var(--d3e233);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7);font-weight:var(--56c416);letter-spacing:var(--be8c45);line-height:var(--bc6f38)}.Fkrc2f{font-size:var(--4df4f0);font-style:var(--782782);font-variation-settings:var(--a1e375);font-weight:var(--756814);letter-spacing:var(--03e2b6);line-height:var(--f8ebff)}.jxxVQ-{font-size:var(--d4ea3f);font-style:var(--8dee8a);font-variation-settings:var(--51eeea);font-weight:var(--c2057a);letter-spacing:var(--cdd9f4);line-height:var(--ff8dfa)}.m4Bloi{font-size:var(--33b293);font-style:var(--02d236);font-variation-settings:var(--4c48ba);font-weight:var(--b38b97);letter-spacing:var(--40ba00);line-height:var(--5f3bbf)}.xpw7Qp{font-size:var(--97511e);font-style:var(--92feb8);font-variation-settings:var(--a1201a);font-weight:var(--fbec20);letter-spacing:var(--a566de);line-height:var(--a8f0e2)}.AYnvOH{font-size:var(--16878a);font-style:var(--7cc250);font-variation-settings:var(--f7661a);font-weight:var(--9d502c);letter-spacing:var(--ca673a);line-height:var(--bd5dd5)}.ZB6T-9{font-size:var(--7f027e);font-style:var(--61e1de);font-variation-settings:var(--2d95ca);font-weight:var(--59913e);letter-spacing:var(--b2e406);line-height:var(--11f5c9)}.-kppqV{font-size:var(--58dc82);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c);font-weight:var(--55b888);letter-spacing:var(--40d520);line-height:var(--d59274)}._-4aqXb{font-size:var(--8098ff);font-style:var(--82c3d5);font-variation-settings:var(--51956c);font-weight:var(--a4fde7);letter-spacing:var(--95d383);line-height:var(--2285fa)}.aju5zt{font-size:var(--4f1e3c);font-style:var(--dd40d0);font-variation-settings:var(--19883f);font-weight:var(--ea7bfd);letter-spacing:var(--f69e59);line-height:var(--f70f04)}._2LL-6-{font-size:var(--3cfa3f);font-style:var(--1952bb);font-variation-settings:var(--0b4502);font-weight:var(--f9dbd7);letter-spacing:var(--2585de);line-height:var(--206b00)}.TIX-Dv{font-size:var(--3b44b6);font-style:var(--bed3e0);font-variation-settings:var(--a4194d);font-weight:var(--500731);letter-spacing:var(--e4d866);line-height:var(--c18960)}.taO1NB{font-size:var(--63f88d);font-style:var(--9c1713);font-variation-settings:var(--42348d);font-weight:var(--c7a8eb);letter-spacing:var(--5b62c3);line-height:var(--942b2f)}._7iaxBg{font-size:var(--4afac4);font-style:var(--ec8789);font-variation-settings:var(--f43b0b);font-weight:var(--333137);letter-spacing:var(--64a0ba);line-height:var(--ae63b1)}.KA6dLN{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}.XLeCcG{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648)}.k4IbXb{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}.VQHTPJ{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}.xT-olA{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._2B16Ch{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}.-XKrV2{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}.R8YMDu{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}.Rj0gOc{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}.hr4SkT{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}.YIng11{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}.OOeZaC{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}.ror8xH{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}.DRWgMa{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}.F8WzjG{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}.gbDnu9{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}.w-gJqZ{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}.exM86f{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}.REACbc{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}.sefuqQ{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}.Jt4wOv{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}.XNOdD9{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}.SiU3Yf{font-weight:var(--6e9792)}.-NdKtm{font-size:var(--451335)}.RrH9Iy{font-size:var(--619ce5)}.s5ts0k{font-size:var(--9f7286)}._99BrTO{font-size:var(--081924)}.-K9PpJ{font-size:var(--da41aa)}.xcjqsw{font-size:var(--698b61)}",o={__id:"/home/runner/work/design-system/design-system/packages/web-lib/src/components/Text/style/index.module.less",__css:l,Text:"uVacy6","Text--variant-caption-regular":"Qv2Axo","Text--variant-caption-semibold":"qycaBx","Text--variant-small-regular":"YFauLu","Text--variant-small-regular-italic":"sGPGaG","Text--variant-small-semibold":"wY3fpD","Text--variant-small-semibold-italic":"ydWgKb","Text--variant-default-regular":"d6RfbQ","Text--variant-default-regular-italic":"adOeMT","Text--variant-default-semibold":"UlmHo6","Text--variant-default-semibold-italic":"_9WbJJM","Text--variant-large-regular":"zzp2H6","Text--variant-large-regular-italic":"gGcEVX","Text--variant-large-semibold":"_4S-U45","Text--variant-large-semibold-italic":"ZrpZw7","Text--variant-xs":"c1jMcG","Text--variant-xs-medium":"_00mnRD","Text--variant-s":"WOyj2f","Text--variant-s-italic":"Nt5K-h","Text--variant-s-medium":"X7lyiE","Text--variant-s-medium-italic":"zXBH3C","Text--variant-s-bold":"UwkM8a","Text--variant-s-bold-italic":"rqDd2V","Text--variant-m":"_4cplhQ","Text--variant-m-italic":"yY9z-G","Text--variant-m-medium":"L8ied2","Text--variant-m-medium-italic":"_8SqNKm","Text--variant-m-bold":"_0ymNQm","Text--variant-m-bold-italic":"zWw0M7","Text--variant-l":"S83xd5","Text--variant-l-italic":"_7r0vJ6","Text--variant-l-medium":"OVrkZN","Text--variant-l-medium-italic":"VlgDOJ","Text--variant-xl":"XYwxxp","Text--variant-xl-italic":"u-O7TX","Text--variant-xl-medium":"t1mK-d","Text--variant-xl-medium-italic":"UiH8bq","Text--narrow-l--variant-caption-regular":"_62qXjf","Text--narrow-l--variant-caption-semibold":"niLxy4","Text--narrow-l--variant-small-regular":"JI9MzR","Text--narrow-l--variant-small-regular-italic":"h38HyG","Text--narrow-l--variant-small-semibold":"jqUJOv","Text--narrow-l--variant-small-semibold-italic":"XCXW6a","Text--narrow-l--variant-default-regular":"nCPnt3","Text--narrow-l--variant-default-regular-italic":"dKZEJE","Text--narrow-l--variant-default-semibold":"_6VGIyd","Text--narrow-l--variant-default-semibold-italic":"giyrwt","Text--narrow-l--variant-large-regular":"_7uObP6","Text--narrow-l--variant-large-regular-italic":"iW3Nba","Text--narrow-l--variant-large-semibold":"-R2qZi","Text--narrow-l--variant-large-semibold-italic":"VISYLW","Text--narrow-l--variant-xs":"CLx0Sj","Text--narrow-l--variant-xs-medium":"VaaYSg","Text--narrow-l--variant-s":"cdIX-M","Text--narrow-l--variant-s-italic":"iiPSrk","Text--narrow-l--variant-s-medium":"pk7I86","Text--narrow-l--variant-s-medium-italic":"_9Gr6fu","Text--narrow-l--variant-s-bold":"KgT3NE","Text--narrow-l--variant-s-bold-italic":"_94h9E8","Text--narrow-l--variant-m":"Kx4fZI","Text--narrow-l--variant-m-italic":"_4gaDsn","Text--narrow-l--variant-m-medium":"Ah1Q-X","Text--narrow-l--variant-m-medium-italic":"IAQApD","Text--narrow-l--variant-m-bold":"oIY3up","Text--narrow-l--variant-m-bold-italic":"sKaTpZ","Text--narrow-l--variant-l":"df3w7f","Text--narrow-l--variant-l-italic":"_63G6vc","Text--narrow-l--variant-l-medium":"AXib0K","Text--narrow-l--variant-l-medium-italic":"-W2Fok","Text--narrow-l--variant-xl":"xOWG6x","Text--narrow-l--variant-xl-italic":"_5jls9l","Text--narrow-l--variant-xl-medium":"ZlIDh8","Text--narrow-l--variant-xl-medium-italic":"YI-z--","Text--medium-s--variant-caption-regular":"XEVQeg","Text--medium-s--variant-caption-semibold":"f0rdWG","Text--medium-s--variant-small-regular":"_2dml2e","Text--medium-s--variant-small-regular-italic":"GUOiJc","Text--medium-s--variant-small-semibold":"uQZGOP","Text--medium-s--variant-small-semibold-italic":"_5Jqrkg","Text--medium-s--variant-default-regular":"jLGVHX","Text--medium-s--variant-default-regular-italic":"meFSki","Text--medium-s--variant-default-semibold":"V4BoLO","Text--medium-s--variant-default-semibold-italic":"wNC52h","Text--medium-s--variant-large-regular":"_0WQ9H8","Text--medium-s--variant-large-regular-italic":"-lOJlg","Text--medium-s--variant-large-semibold":"qbJdoU","Text--medium-s--variant-large-semibold-italic":"OwChGz","Text--medium-s--variant-xs":"bSR5JG","Text--medium-s--variant-xs-medium":"_45YkZb","Text--medium-s--variant-s":"qJRBNQ","Text--medium-s--variant-s-italic":"POfquk","Text--medium-s--variant-s-medium":"WNKvS1","Text--medium-s--variant-s-medium-italic":"UL2YUC","Text--medium-s--variant-s-bold":"_8Nl3-R","Text--medium-s--variant-s-bold-italic":"wKpUsm","Text--medium-s--variant-m":"_5vPWBy","Text--medium-s--variant-m-italic":"PFA3rr","Text--medium-s--variant-m-medium":"_6kDXZA","Text--medium-s--variant-m-medium-italic":"_-26j45","Text--medium-s--variant-m-bold":"NB66kV","Text--medium-s--variant-m-bold-italic":"xp5P-2","Text--medium-s--variant-l":"a6Tqky","Text--medium-s--variant-l-italic":"Y-3MwV","Text--medium-s--variant-l-medium":"mB4cKd","Text--medium-s--variant-l-medium-italic":"w0OzNf","Text--medium-s--variant-xl":"titkDp","Text--medium-s--variant-xl-italic":"EIci1a","Text--medium-s--variant-xl-medium":"ZdONEX","Text--medium-s--variant-xl-medium-italic":"px-z1N","Text--medium-l--variant-caption-regular":"mT3--k","Text--medium-l--variant-caption-semibold":"_8-hkD3","Text--medium-l--variant-small-regular":"HO15dE","Text--medium-l--variant-small-regular-italic":"i92C6j","Text--medium-l--variant-small-semibold":"CjiKcW","Text--medium-l--variant-small-semibold-italic":"PJHhpZ","Text--medium-l--variant-default-regular":"bWryqf","Text--medium-l--variant-default-regular-italic":"eWPQyI","Text--medium-l--variant-default-semibold":"DlFqwt","Text--medium-l--variant-default-semibold-italic":"_1UrvGr","Text--medium-l--variant-large-regular":"Ur-1P3","Text--medium-l--variant-large-regular-italic":"sZ7Ifk","Text--medium-l--variant-large-semibold":"BPxlVu","Text--medium-l--variant-large-semibold-italic":"vTWZtE","Text--medium-l--variant-xs":"_9D5QN-","Text--medium-l--variant-xs-medium":"Ny1FHd","Text--medium-l--variant-s":"_8rZ-3-","Text--medium-l--variant-s-italic":"InjTLN","Text--medium-l--variant-s-medium":"B3CTpW","Text--medium-l--variant-s-medium-italic":"UR1v--","Text--medium-l--variant-s-bold":"dOybBy","Text--medium-l--variant-s-bold-italic":"_9lmMM8","Text--medium-l--variant-m":"S79rnQ","Text--medium-l--variant-m-italic":"CfQh3O","Text--medium-l--variant-m-medium":"_5jzSIH","Text--medium-l--variant-m-medium-italic":"fSq8fh","Text--medium-l--variant-m-bold":"YME4Uk","Text--medium-l--variant-m-bold-italic":"Wlvfmt","Text--medium-l--variant-l":"K3O2jM","Text--medium-l--variant-l-italic":"RlXusG","Text--medium-l--variant-l-medium":"nVdnP-","Text--medium-l--variant-l-medium-italic":"_64VRQ7","Text--medium-l--variant-xl":"h8boXb","Text--medium-l--variant-xl-italic":"_9tLaRb","Text--medium-l--variant-xl-medium":"flyfUC","Text--medium-l--variant-xl-medium-italic":"_0WWL17","Text--wide-s--variant-caption-regular":"_45qL-t","Text--wide-s--variant-caption-semibold":"ybSD2k","Text--wide-s--variant-small-regular":"pnI1LL","Text--wide-s--variant-small-regular-italic":"zbEZJh","Text--wide-s--variant-small-semibold":"pBKrOc","Text--wide-s--variant-small-semibold-italic":"_5xaMki","Text--wide-s--variant-default-regular":"DEbnGc","Text--wide-s--variant-default-regular-italic":"QPvW9i","Text--wide-s--variant-default-semibold":"eOf2n8","Text--wide-s--variant-default-semibold-italic":"_52kF0P","Text--wide-s--variant-large-regular":"nkIe1B","Text--wide-s--variant-large-regular-italic":"Z9BlJp","Text--wide-s--variant-large-semibold":"hnlmrD","Text--wide-s--variant-large-semibold-italic":"-E52Ct","Text--wide-s--variant-xs":"qdHJpJ","Text--wide-s--variant-xs-medium":"_2KnLH-","Text--wide-s--variant-s":"uchkBx","Text--wide-s--variant-s-italic":"rojYZ5","Text--wide-s--variant-s-medium":"uWz69U","Text--wide-s--variant-s-medium-italic":"OO-6-k","Text--wide-s--variant-s-bold":"wtVVcq","Text--wide-s--variant-s-bold-italic":"Wy81nL","Text--wide-s--variant-m":"_22h9HU","Text--wide-s--variant-m-italic":"_0zUU4H","Text--wide-s--variant-m-medium":"yEC6Kt","Text--wide-s--variant-m-medium-italic":"XbG-Iu","Text--wide-s--variant-m-bold":"-E6sG7","Text--wide-s--variant-m-bold-italic":"TOqGZc","Text--wide-s--variant-l":"_4POl2U","Text--wide-s--variant-l-italic":"-JXlte","Text--wide-s--variant-l-medium":"QfBKZj","Text--wide-s--variant-l-medium-italic":"U-BNWA","Text--wide-s--variant-xl":"k3nuJC","Text--wide-s--variant-xl-italic":"_5ZUpTx","Text--wide-s--variant-xl-medium":"BSJjgp","Text--wide-s--variant-xl-medium-italic":"_0i59X5","Text--wide-l--variant-caption-regular":"A-258T","Text--wide-l--variant-caption-semibold":"Fkrc2f","Text--wide-l--variant-small-regular":"jxxVQ-","Text--wide-l--variant-small-regular-italic":"m4Bloi","Text--wide-l--variant-small-semibold":"xpw7Qp","Text--wide-l--variant-small-semibold-italic":"AYnvOH","Text--wide-l--variant-default-regular":"ZB6T-9","Text--wide-l--variant-default-regular-italic":"-kppqV","Text--wide-l--variant-default-semibold":"_-4aqXb","Text--wide-l--variant-default-semibold-italic":"aju5zt","Text--wide-l--variant-large-regular":"_2LL-6-","Text--wide-l--variant-large-regular-italic":"TIX-Dv","Text--wide-l--variant-large-semibold":"taO1NB","Text--wide-l--variant-large-semibold-italic":"_7iaxBg","Text--wide-l--variant-xs":"KA6dLN","Text--wide-l--variant-xs-medium":"XLeCcG","Text--wide-l--variant-s":"k4IbXb","Text--wide-l--variant-s-italic":"VQHTPJ","Text--wide-l--variant-s-medium":"xT-olA","Text--wide-l--variant-s-medium-italic":"_2B16Ch","Text--wide-l--variant-s-bold":"-XKrV2","Text--wide-l--variant-s-bold-italic":"R8YMDu","Text--wide-l--variant-m":"Rj0gOc","Text--wide-l--variant-m-italic":"hr4SkT","Text--wide-l--variant-m-medium":"YIng11","Text--wide-l--variant-m-medium-italic":"OOeZaC","Text--wide-l--variant-m-bold":"ror8xH","Text--wide-l--variant-m-bold-italic":"DRWgMa","Text--wide-l--variant-l":"F8WzjG","Text--wide-l--variant-l-italic":"gbDnu9","Text--wide-l--variant-l-medium":"w-gJqZ","Text--wide-l--variant-l-medium-italic":"exM86f","Text--wide-l--variant-xl":"REACbc","Text--wide-l--variant-xl-italic":"sefuqQ","Text--wide-l--variant-xl-medium":"Jt4wOv","Text--wide-l--variant-xl-medium-italic":"XNOdD9","Text--strong":"SiU3Yf","Text--size-2xs":"-NdKtm","Text--size-xs":"RrH9Iy","Text--size-s":"s5ts0k","Text--size-m":"_99BrTO","Text--size-l":"-K9PpJ","Text--size-xl":"xcjqsw"};N(l);const U=({children:e,variant:t,tag:a=W,size:i,accent:r,color:g,strong:c,centered:d,dataset:h})=>{C(o);const b=t||(i?void 0:X),m=t?void 0:i,w=t?void 0:c,x=E(o,f.Text,[v("variant",b),v("size",m),G("strong",void 0,w)]),n=r?void 0:g,p=J(!n,r),T=Z(n),u=q(d),y={className:[...x,...p,...T,...u].join(" "),...I(h,{preplyDsComponent:f.Text})};return O.createElement(a,{...y},e)};U.__docgenInfo={description:"",methods:[],displayName:"Text",props:{tag:{defaultValue:{value:"'p'",computed:!1},required:!1}}};export{U as T,D as g,Y as u};
@@ -1 +0,0 @@
1
- import{j as p}from"./jsx-runtime-Bxcv0yjW.js";import{u as C,T as z,e as N}from"./useStyleExtract-nWieKQF4.js";import{m as A,s as l,b as D}from"./classNames-RlyrdfpN.js";import{w as r,g as E}from"./componentNames-BAR5iJaT.js";import{u as j,a as y}from"./useTextAccentClassnames-iB7PeFbR.js";import{u as S}from"./useTextCenteredClassnames-DHbKOmgJ.js";const F="_Text_16l5g_4",m={Text:F,"Text--variant-caption-regular":"_Text--variant-caption-regular_16l5g_12","Text--variant-caption-semibold":"_Text--variant-caption-semibold_16l5g_20","Text--variant-small-regular":"_Text--variant-small-regular_16l5g_28","Text--variant-small-regular-italic":"_Text--variant-small-regular-italic_16l5g_36","Text--variant-small-semibold":"_Text--variant-small-semibold_16l5g_44","Text--variant-small-semibold-italic":"_Text--variant-small-semibold-italic_16l5g_52","Text--variant-default-regular":"_Text--variant-default-regular_16l5g_60","Text--variant-default-regular-italic":"_Text--variant-default-regular-italic_16l5g_68","Text--variant-default-semibold":"_Text--variant-default-semibold_16l5g_76","Text--variant-default-semibold-italic":"_Text--variant-default-semibold-italic_16l5g_84","Text--variant-large-regular":"_Text--variant-large-regular_16l5g_92","Text--variant-large-regular-italic":"_Text--variant-large-regular-italic_16l5g_100","Text--variant-large-semibold":"_Text--variant-large-semibold_16l5g_108","Text--variant-large-semibold-italic":"_Text--variant-large-semibold-italic_16l5g_116","Text--variant-xs":"_Text--variant-xs_16l5g_124","Text--variant-xs-medium":"_Text--variant-xs-medium_16l5g_132","Text--variant-s":"_Text--variant-s_16l5g_28","Text--variant-s-italic":"_Text--variant-s-italic_16l5g_148","Text--variant-s-medium":"_Text--variant-s-medium_16l5g_156","Text--variant-s-medium-italic":"_Text--variant-s-medium-italic_16l5g_164","Text--variant-s-bold":"_Text--variant-s-bold_16l5g_172","Text--variant-s-bold-italic":"_Text--variant-s-bold-italic_16l5g_180","Text--variant-m":"_Text--variant-m_16l5g_188","Text--variant-m-italic":"_Text--variant-m-italic_16l5g_196","Text--variant-m-medium":"_Text--variant-m-medium_16l5g_204","Text--variant-m-medium-italic":"_Text--variant-m-medium-italic_16l5g_212","Text--variant-m-bold":"_Text--variant-m-bold_16l5g_220","Text--variant-m-bold-italic":"_Text--variant-m-bold-italic_16l5g_228","Text--variant-l":"_Text--variant-l_16l5g_92","Text--variant-l-italic":"_Text--variant-l-italic_16l5g_244","Text--variant-l-medium":"_Text--variant-l-medium_16l5g_252","Text--variant-l-medium-italic":"_Text--variant-l-medium-italic_16l5g_260","Text--variant-xl":"_Text--variant-xl_16l5g_268","Text--variant-xl-italic":"_Text--variant-xl-italic_16l5g_276","Text--variant-xl-medium":"_Text--variant-xl-medium_16l5g_284","Text--variant-xl-medium-italic":"_Text--variant-xl-medium-italic_16l5g_292","Text--narrow-l--variant-caption-regular":"_Text--narrow-l--variant-caption-regular_16l5g_301","Text--narrow-l--variant-caption-semibold":"_Text--narrow-l--variant-caption-semibold_16l5g_309","Text--narrow-l--variant-small-regular":"_Text--narrow-l--variant-small-regular_16l5g_317","Text--narrow-l--variant-small-regular-italic":"_Text--narrow-l--variant-small-regular-italic_16l5g_325","Text--narrow-l--variant-small-semibold":"_Text--narrow-l--variant-small-semibold_16l5g_333","Text--narrow-l--variant-small-semibold-italic":"_Text--narrow-l--variant-small-semibold-italic_16l5g_341","Text--narrow-l--variant-default-regular":"_Text--narrow-l--variant-default-regular_16l5g_349","Text--narrow-l--variant-default-regular-italic":"_Text--narrow-l--variant-default-regular-italic_16l5g_357","Text--narrow-l--variant-default-semibold":"_Text--narrow-l--variant-default-semibold_16l5g_365","Text--narrow-l--variant-default-semibold-italic":"_Text--narrow-l--variant-default-semibold-italic_16l5g_373","Text--narrow-l--variant-large-regular":"_Text--narrow-l--variant-large-regular_16l5g_381","Text--narrow-l--variant-large-regular-italic":"_Text--narrow-l--variant-large-regular-italic_16l5g_389","Text--narrow-l--variant-large-semibold":"_Text--narrow-l--variant-large-semibold_16l5g_397","Text--narrow-l--variant-large-semibold-italic":"_Text--narrow-l--variant-large-semibold-italic_16l5g_405","Text--narrow-l--variant-xs":"_Text--narrow-l--variant-xs_16l5g_413","Text--narrow-l--variant-xs-medium":"_Text--narrow-l--variant-xs-medium_16l5g_421","Text--narrow-l--variant-s":"_Text--narrow-l--variant-s_16l5g_317","Text--narrow-l--variant-s-italic":"_Text--narrow-l--variant-s-italic_16l5g_437","Text--narrow-l--variant-s-medium":"_Text--narrow-l--variant-s-medium_16l5g_445","Text--narrow-l--variant-s-medium-italic":"_Text--narrow-l--variant-s-medium-italic_16l5g_453","Text--narrow-l--variant-s-bold":"_Text--narrow-l--variant-s-bold_16l5g_461","Text--narrow-l--variant-s-bold-italic":"_Text--narrow-l--variant-s-bold-italic_16l5g_469","Text--narrow-l--variant-m":"_Text--narrow-l--variant-m_16l5g_477","Text--narrow-l--variant-m-italic":"_Text--narrow-l--variant-m-italic_16l5g_485","Text--narrow-l--variant-m-medium":"_Text--narrow-l--variant-m-medium_16l5g_493","Text--narrow-l--variant-m-medium-italic":"_Text--narrow-l--variant-m-medium-italic_16l5g_501","Text--narrow-l--variant-m-bold":"_Text--narrow-l--variant-m-bold_16l5g_509","Text--narrow-l--variant-m-bold-italic":"_Text--narrow-l--variant-m-bold-italic_16l5g_517","Text--narrow-l--variant-l":"_Text--narrow-l--variant-l_16l5g_381","Text--narrow-l--variant-l-italic":"_Text--narrow-l--variant-l-italic_16l5g_533","Text--narrow-l--variant-l-medium":"_Text--narrow-l--variant-l-medium_16l5g_541","Text--narrow-l--variant-l-medium-italic":"_Text--narrow-l--variant-l-medium-italic_16l5g_549","Text--narrow-l--variant-xl":"_Text--narrow-l--variant-xl_16l5g_557","Text--narrow-l--variant-xl-italic":"_Text--narrow-l--variant-xl-italic_16l5g_565","Text--narrow-l--variant-xl-medium":"_Text--narrow-l--variant-xl-medium_16l5g_573","Text--narrow-l--variant-xl-medium-italic":"_Text--narrow-l--variant-xl-medium-italic_16l5g_581","Text--medium-s--variant-caption-regular":"_Text--medium-s--variant-caption-regular_16l5g_591","Text--medium-s--variant-caption-semibold":"_Text--medium-s--variant-caption-semibold_16l5g_599","Text--medium-s--variant-small-regular":"_Text--medium-s--variant-small-regular_16l5g_607","Text--medium-s--variant-small-regular-italic":"_Text--medium-s--variant-small-regular-italic_16l5g_615","Text--medium-s--variant-small-semibold":"_Text--medium-s--variant-small-semibold_16l5g_623","Text--medium-s--variant-small-semibold-italic":"_Text--medium-s--variant-small-semibold-italic_16l5g_631","Text--medium-s--variant-default-regular":"_Text--medium-s--variant-default-regular_16l5g_639","Text--medium-s--variant-default-regular-italic":"_Text--medium-s--variant-default-regular-italic_16l5g_647","Text--medium-s--variant-default-semibold":"_Text--medium-s--variant-default-semibold_16l5g_655","Text--medium-s--variant-default-semibold-italic":"_Text--medium-s--variant-default-semibold-italic_16l5g_663","Text--medium-s--variant-large-regular":"_Text--medium-s--variant-large-regular_16l5g_671","Text--medium-s--variant-large-regular-italic":"_Text--medium-s--variant-large-regular-italic_16l5g_679","Text--medium-s--variant-large-semibold":"_Text--medium-s--variant-large-semibold_16l5g_687","Text--medium-s--variant-large-semibold-italic":"_Text--medium-s--variant-large-semibold-italic_16l5g_695","Text--medium-s--variant-xs":"_Text--medium-s--variant-xs_16l5g_703","Text--medium-s--variant-xs-medium":"_Text--medium-s--variant-xs-medium_16l5g_711","Text--medium-s--variant-s":"_Text--medium-s--variant-s_16l5g_607","Text--medium-s--variant-s-italic":"_Text--medium-s--variant-s-italic_16l5g_727","Text--medium-s--variant-s-medium":"_Text--medium-s--variant-s-medium_16l5g_735","Text--medium-s--variant-s-medium-italic":"_Text--medium-s--variant-s-medium-italic_16l5g_743","Text--medium-s--variant-s-bold":"_Text--medium-s--variant-s-bold_16l5g_751","Text--medium-s--variant-s-bold-italic":"_Text--medium-s--variant-s-bold-italic_16l5g_759","Text--medium-s--variant-m":"_Text--medium-s--variant-m_16l5g_767","Text--medium-s--variant-m-italic":"_Text--medium-s--variant-m-italic_16l5g_775","Text--medium-s--variant-m-medium":"_Text--medium-s--variant-m-medium_16l5g_783","Text--medium-s--variant-m-medium-italic":"_Text--medium-s--variant-m-medium-italic_16l5g_791","Text--medium-s--variant-m-bold":"_Text--medium-s--variant-m-bold_16l5g_799","Text--medium-s--variant-m-bold-italic":"_Text--medium-s--variant-m-bold-italic_16l5g_807","Text--medium-s--variant-l":"_Text--medium-s--variant-l_16l5g_671","Text--medium-s--variant-l-italic":"_Text--medium-s--variant-l-italic_16l5g_823","Text--medium-s--variant-l-medium":"_Text--medium-s--variant-l-medium_16l5g_831","Text--medium-s--variant-l-medium-italic":"_Text--medium-s--variant-l-medium-italic_16l5g_839","Text--medium-s--variant-xl":"_Text--medium-s--variant-xl_16l5g_847","Text--medium-s--variant-xl-italic":"_Text--medium-s--variant-xl-italic_16l5g_855","Text--medium-s--variant-xl-medium":"_Text--medium-s--variant-xl-medium_16l5g_863","Text--medium-s--variant-xl-medium-italic":"_Text--medium-s--variant-xl-medium-italic_16l5g_871","Text--medium-l--variant-caption-regular":"_Text--medium-l--variant-caption-regular_16l5g_881","Text--medium-l--variant-caption-semibold":"_Text--medium-l--variant-caption-semibold_16l5g_889","Text--medium-l--variant-small-regular":"_Text--medium-l--variant-small-regular_16l5g_897","Text--medium-l--variant-small-regular-italic":"_Text--medium-l--variant-small-regular-italic_16l5g_905","Text--medium-l--variant-small-semibold":"_Text--medium-l--variant-small-semibold_16l5g_913","Text--medium-l--variant-small-semibold-italic":"_Text--medium-l--variant-small-semibold-italic_16l5g_921","Text--medium-l--variant-default-regular":"_Text--medium-l--variant-default-regular_16l5g_929","Text--medium-l--variant-default-regular-italic":"_Text--medium-l--variant-default-regular-italic_16l5g_937","Text--medium-l--variant-default-semibold":"_Text--medium-l--variant-default-semibold_16l5g_945","Text--medium-l--variant-default-semibold-italic":"_Text--medium-l--variant-default-semibold-italic_16l5g_953","Text--medium-l--variant-large-regular":"_Text--medium-l--variant-large-regular_16l5g_961","Text--medium-l--variant-large-regular-italic":"_Text--medium-l--variant-large-regular-italic_16l5g_969","Text--medium-l--variant-large-semibold":"_Text--medium-l--variant-large-semibold_16l5g_977","Text--medium-l--variant-large-semibold-italic":"_Text--medium-l--variant-large-semibold-italic_16l5g_985","Text--medium-l--variant-xs":"_Text--medium-l--variant-xs_16l5g_993","Text--medium-l--variant-xs-medium":"_Text--medium-l--variant-xs-medium_16l5g_1001","Text--medium-l--variant-s":"_Text--medium-l--variant-s_16l5g_897","Text--medium-l--variant-s-italic":"_Text--medium-l--variant-s-italic_16l5g_1017","Text--medium-l--variant-s-medium":"_Text--medium-l--variant-s-medium_16l5g_1025","Text--medium-l--variant-s-medium-italic":"_Text--medium-l--variant-s-medium-italic_16l5g_1033","Text--medium-l--variant-s-bold":"_Text--medium-l--variant-s-bold_16l5g_1041","Text--medium-l--variant-s-bold-italic":"_Text--medium-l--variant-s-bold-italic_16l5g_1049","Text--medium-l--variant-m":"_Text--medium-l--variant-m_16l5g_1057","Text--medium-l--variant-m-italic":"_Text--medium-l--variant-m-italic_16l5g_1065","Text--medium-l--variant-m-medium":"_Text--medium-l--variant-m-medium_16l5g_1073","Text--medium-l--variant-m-medium-italic":"_Text--medium-l--variant-m-medium-italic_16l5g_1081","Text--medium-l--variant-m-bold":"_Text--medium-l--variant-m-bold_16l5g_1089","Text--medium-l--variant-m-bold-italic":"_Text--medium-l--variant-m-bold-italic_16l5g_1097","Text--medium-l--variant-l":"_Text--medium-l--variant-l_16l5g_961","Text--medium-l--variant-l-italic":"_Text--medium-l--variant-l-italic_16l5g_1113","Text--medium-l--variant-l-medium":"_Text--medium-l--variant-l-medium_16l5g_1121","Text--medium-l--variant-l-medium-italic":"_Text--medium-l--variant-l-medium-italic_16l5g_1129","Text--medium-l--variant-xl":"_Text--medium-l--variant-xl_16l5g_1137","Text--medium-l--variant-xl-italic":"_Text--medium-l--variant-xl-italic_16l5g_1145","Text--medium-l--variant-xl-medium":"_Text--medium-l--variant-xl-medium_16l5g_1153","Text--medium-l--variant-xl-medium-italic":"_Text--medium-l--variant-xl-medium-italic_16l5g_1161","Text--wide-s--variant-caption-regular":"_Text--wide-s--variant-caption-regular_16l5g_1171","Text--wide-s--variant-caption-semibold":"_Text--wide-s--variant-caption-semibold_16l5g_1179","Text--wide-s--variant-small-regular":"_Text--wide-s--variant-small-regular_16l5g_1187","Text--wide-s--variant-small-regular-italic":"_Text--wide-s--variant-small-regular-italic_16l5g_1195","Text--wide-s--variant-small-semibold":"_Text--wide-s--variant-small-semibold_16l5g_1203","Text--wide-s--variant-small-semibold-italic":"_Text--wide-s--variant-small-semibold-italic_16l5g_1211","Text--wide-s--variant-default-regular":"_Text--wide-s--variant-default-regular_16l5g_1219","Text--wide-s--variant-default-regular-italic":"_Text--wide-s--variant-default-regular-italic_16l5g_1227","Text--wide-s--variant-default-semibold":"_Text--wide-s--variant-default-semibold_16l5g_1235","Text--wide-s--variant-default-semibold-italic":"_Text--wide-s--variant-default-semibold-italic_16l5g_1243","Text--wide-s--variant-large-regular":"_Text--wide-s--variant-large-regular_16l5g_1251","Text--wide-s--variant-large-regular-italic":"_Text--wide-s--variant-large-regular-italic_16l5g_1259","Text--wide-s--variant-large-semibold":"_Text--wide-s--variant-large-semibold_16l5g_1267","Text--wide-s--variant-large-semibold-italic":"_Text--wide-s--variant-large-semibold-italic_16l5g_1275","Text--wide-s--variant-xs":"_Text--wide-s--variant-xs_16l5g_1283","Text--wide-s--variant-xs-medium":"_Text--wide-s--variant-xs-medium_16l5g_1291","Text--wide-s--variant-s":"_Text--wide-s--variant-s_16l5g_1187","Text--wide-s--variant-s-italic":"_Text--wide-s--variant-s-italic_16l5g_1307","Text--wide-s--variant-s-medium":"_Text--wide-s--variant-s-medium_16l5g_1315","Text--wide-s--variant-s-medium-italic":"_Text--wide-s--variant-s-medium-italic_16l5g_1323","Text--wide-s--variant-s-bold":"_Text--wide-s--variant-s-bold_16l5g_1331","Text--wide-s--variant-s-bold-italic":"_Text--wide-s--variant-s-bold-italic_16l5g_1339","Text--wide-s--variant-m":"_Text--wide-s--variant-m_16l5g_1347","Text--wide-s--variant-m-italic":"_Text--wide-s--variant-m-italic_16l5g_1355","Text--wide-s--variant-m-medium":"_Text--wide-s--variant-m-medium_16l5g_1363","Text--wide-s--variant-m-medium-italic":"_Text--wide-s--variant-m-medium-italic_16l5g_1371","Text--wide-s--variant-m-bold":"_Text--wide-s--variant-m-bold_16l5g_1379","Text--wide-s--variant-m-bold-italic":"_Text--wide-s--variant-m-bold-italic_16l5g_1387","Text--wide-s--variant-l":"_Text--wide-s--variant-l_16l5g_1251","Text--wide-s--variant-l-italic":"_Text--wide-s--variant-l-italic_16l5g_1403","Text--wide-s--variant-l-medium":"_Text--wide-s--variant-l-medium_16l5g_1411","Text--wide-s--variant-l-medium-italic":"_Text--wide-s--variant-l-medium-italic_16l5g_1419","Text--wide-s--variant-xl":"_Text--wide-s--variant-xl_16l5g_1427","Text--wide-s--variant-xl-italic":"_Text--wide-s--variant-xl-italic_16l5g_1435","Text--wide-s--variant-xl-medium":"_Text--wide-s--variant-xl-medium_16l5g_1443","Text--wide-s--variant-xl-medium-italic":"_Text--wide-s--variant-xl-medium-italic_16l5g_1451","Text--wide-l--variant-caption-regular":"_Text--wide-l--variant-caption-regular_16l5g_1461","Text--wide-l--variant-caption-semibold":"_Text--wide-l--variant-caption-semibold_16l5g_1469","Text--wide-l--variant-small-regular":"_Text--wide-l--variant-small-regular_16l5g_1477","Text--wide-l--variant-small-regular-italic":"_Text--wide-l--variant-small-regular-italic_16l5g_1485","Text--wide-l--variant-small-semibold":"_Text--wide-l--variant-small-semibold_16l5g_1493","Text--wide-l--variant-small-semibold-italic":"_Text--wide-l--variant-small-semibold-italic_16l5g_1501","Text--wide-l--variant-default-regular":"_Text--wide-l--variant-default-regular_16l5g_1509","Text--wide-l--variant-default-regular-italic":"_Text--wide-l--variant-default-regular-italic_16l5g_1517","Text--wide-l--variant-default-semibold":"_Text--wide-l--variant-default-semibold_16l5g_1525","Text--wide-l--variant-default-semibold-italic":"_Text--wide-l--variant-default-semibold-italic_16l5g_1533","Text--wide-l--variant-large-regular":"_Text--wide-l--variant-large-regular_16l5g_1541","Text--wide-l--variant-large-regular-italic":"_Text--wide-l--variant-large-regular-italic_16l5g_1549","Text--wide-l--variant-large-semibold":"_Text--wide-l--variant-large-semibold_16l5g_1557","Text--wide-l--variant-large-semibold-italic":"_Text--wide-l--variant-large-semibold-italic_16l5g_1565","Text--wide-l--variant-xs":"_Text--wide-l--variant-xs_16l5g_1573","Text--wide-l--variant-xs-medium":"_Text--wide-l--variant-xs-medium_16l5g_1581","Text--wide-l--variant-s":"_Text--wide-l--variant-s_16l5g_1477","Text--wide-l--variant-s-italic":"_Text--wide-l--variant-s-italic_16l5g_1597","Text--wide-l--variant-s-medium":"_Text--wide-l--variant-s-medium_16l5g_1605","Text--wide-l--variant-s-medium-italic":"_Text--wide-l--variant-s-medium-italic_16l5g_1613","Text--wide-l--variant-s-bold":"_Text--wide-l--variant-s-bold_16l5g_1621","Text--wide-l--variant-s-bold-italic":"_Text--wide-l--variant-s-bold-italic_16l5g_1629","Text--wide-l--variant-m":"_Text--wide-l--variant-m_16l5g_1637","Text--wide-l--variant-m-italic":"_Text--wide-l--variant-m-italic_16l5g_1645","Text--wide-l--variant-m-medium":"_Text--wide-l--variant-m-medium_16l5g_1653","Text--wide-l--variant-m-medium-italic":"_Text--wide-l--variant-m-medium-italic_16l5g_1661","Text--wide-l--variant-m-bold":"_Text--wide-l--variant-m-bold_16l5g_1669","Text--wide-l--variant-m-bold-italic":"_Text--wide-l--variant-m-bold-italic_16l5g_1677","Text--wide-l--variant-l":"_Text--wide-l--variant-l_16l5g_1541","Text--wide-l--variant-l-italic":"_Text--wide-l--variant-l-italic_16l5g_1693","Text--wide-l--variant-l-medium":"_Text--wide-l--variant-l-medium_16l5g_1701","Text--wide-l--variant-l-medium-italic":"_Text--wide-l--variant-l-medium-italic_16l5g_1709","Text--wide-l--variant-xl":"_Text--wide-l--variant-xl_16l5g_1717","Text--wide-l--variant-xl-italic":"_Text--wide-l--variant-xl-italic_16l5g_1725","Text--wide-l--variant-xl-medium":"_Text--wide-l--variant-xl-medium_16l5g_1733","Text--wide-l--variant-xl-medium-italic":"_Text--wide-l--variant-xl-medium-italic_16l5g_1741","Text--strong":"_Text--strong_16l5g_1750","Text--size-2xs":"_Text--size-2xs_16l5g_1753","Text--size-xs":"_Text--size-xs_16l5g_1756","Text--size-s":"_Text--size-s_16l5g_1759","Text--size-m":"_Text--size-m_16l5g_1762","Text--size-l":"_Text--size-l_16l5g_1765","Text--size-xl":"_Text--size-xl_16l5g_1768"},$=({children:_,variant:a,tag:d=z,size:i,accent:t,color:n,strong:x,centered:s,dataset:T})=>{C(m);const v=a||(i?void 0:N),u=a?void 0:i,g=a?void 0:x,o=A(m,r.Text,[l("variant",v),l("size",u),D("strong",void 0,g)]),e=t?void 0:n,c=j(!e,t),w=y(e),b=S(s),f={className:[...o,...c,...w,...b].join(" "),...E(T,{preplyDsComponent:r.Text})};return p.jsx(d,{...f,children:_})};export{$ as T};
@@ -1,11 +0,0 @@
1
- import{j as e}from"./jsx-runtime-Bxcv0yjW.js";import{T as s}from"./Text-B_hHcHeQ.js";import{S as x}from"./StoryContextDSWeb-CQCIj3Y9.js";import{T as g}from"./options-Brwox1GN.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./useStyleExtract-nWieKQF4.js";import"./classNames-RlyrdfpN.js";import"./componentNames-BAR5iJaT.js";import"./useTextAccentClassnames-iB7PeFbR.js";import"./style-inject.es-O-YsppCx.js";import"./useTextCenteredClassnames-DHbKOmgJ.js";import"./StorybookGlobalStyle-C0X2e0mN.js";import"./styled-components.browser.esm-BppVzN7H.js";import"./RootProvider-DbgEixHa.js";import"./useTheme-D6du8lDT.js";import"./useColorScheme-CRstX5qq.js";const B={title:"components/Text",component:s,decorators:[r=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(x,{theme:"tokyo-ui",children:r()})})]},a=()=>e.jsx(s,{children:"Lorem ipsum"}),t=()=>e.jsx(e.Fragment,{children:g.map(({id:r})=>e.jsx(s,{accent:r,children:r},r))}),S=["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:S.map(r=>e.jsx(s,{variant:r,children:r},r))});var i,m,c;a.parameters={...a.parameters,docs:{...(i=a.parameters)==null?void 0:i.docs,source:{originalSource:"() => <Text>Lorem ipsum</Text>",...(c=(m=a.parameters)==null?void 0:m.docs)==null?void 0:c.source}}};var l,n,p;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`() => <>
2
- {TEXT_ACCENT_OPTIONS.map(({
3
- id
4
- }) => <Text key={id} accent={id}>
5
- {id}
6
- </Text>)}
7
- </>`,...(p=(n=t.parameters)==null?void 0:n.docs)==null?void 0:p.source}}};var d,u,T;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`() => <>
8
- {TOKYO_TEXT_VARIANTS.map(variant => <Text key={variant} variant={variant}>
9
- {variant}
10
- </Text>)}
11
- </>`,...(T=(u=o.parameters)==null?void 0:u.docs)==null?void 0:T.source}}};const F=["Base","Accents","Variants"];export{t as Accents,a as Base,o as Variants,F as __namedExportsOrder,B as default};
@@ -1,20 +0,0 @@
1
- import{j as t}from"./jsx-runtime-Bxcv0yjW.js";import{F as C,a as k}from"./User-nhKBVF6o.js";import{r as s}from"./index-mfbfsM12.js";import{B as w}from"./Button-CsD80zLl.js";import{F as I}from"./FieldButton-DpMz-wEU.js";import{I as E}from"./Icon-CNtrVm52.js";import{F as B}from"./FieldLayout-DBao7mSK.js";import{I as D}from"./InputText-CxkwrF4V.js";import{u as V}from"./useStyleExtract-nWieKQF4.js";import{u as R}from"./useForcedRef-nvdR-8Xt.js";import{u as W}from"./useTextField-BIYAW_ed.js";import{m as M}from"./classNames-RlyrdfpN.js";import{w as p}from"./componentNames-BAR5iJaT.js";import{F as _}from"./constants-DL6gdbsq.js";import{S as P}from"./StoryContextDSWeb-CQCIj3Y9.js";import"./_commonjsHelpers-BosuxZz1.js";import"./ButtonBase-kKJbXmkq.js";import"./Spinner-CjcnFiyL.js";import"./useHostname-xnO3cZkD.js";import"./index-CC6DAVyL.js";import"./useTextAccentClassnames-iB7PeFbR.js";import"./style-inject.es-O-YsppCx.js";import"./FieldLayoutBase-Dbqo_URw.js";import"./getInputProps-C2L1DtDZ.js";import"./FieldAdditionalText-CL5iCCLi.js";import"./constants-CPtRSLVe.js";import"./StorybookGlobalStyle-C0X2e0mN.js";import"./styled-components.browser.esm-BppVzN7H.js";import"./RootProvider-DbgEixHa.js";import"./useTheme-D6du8lDT.js";import"./useColorScheme-CRstX5qq.js";const L="_TextField_1jlzx_1",x={TextField:L},N=({id:o,type:u=_,...m},d)=>{V(x);const r=s.useRef(null),e=R();s.useImperativeHandle(d,()=>({setFocus:()=>{var i;return(i=e==null?void 0:e.current)==null?void 0:i.setFocus()},scrollIntoView:()=>{var i;return(i=r==null?void 0:r.current)==null?void 0:i.scrollIntoView()}}));const c=W({id:o,type:u,...m},p.TextField),{layoutProps:l,inputProps:y}=c,S=M(x,p.TextField),j=t.jsx(D,{...y,ref:e});return t.jsx(B,{...l,className:S.join(" "),input:j,inputHandle:e.current,ref:r,preplyDsComponent:p.TextField})},f=s.forwardRef(N),Fe={title:"components/TextField",component:f,decorators:[o=>t.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:t.jsx(P,{theme:"tokyo-ui",children:o()})})]},n=()=>t.jsx(f,{label:"Text",defaultValue:""}),a=()=>{const[o,u]=s.useState(""),[m,d]=s.useState(!1),r=m&&!o&&"Please provide your full name",e=s.useRef(null),c=()=>{var l;d(!0),o||(l=e==null?void 0:e.current)==null||l.setFocus()};return t.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[t.jsx(f,{value:o,label:"Full name",required:!0,icon:t.jsx(E,{svg:C,label:"The hat"}),placeholder:"e.g.: Mary Williams",button:t.jsx(I,{svg:k,assistiveText:"Do the thing",onClick:()=>{}}),additionalText:"Will be shown in your profile",onValueChange:u,errorMessage:r,ref:e}),t.jsx(w,{onClick:c,children:"Submit"})]})};a.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'}}};var h,F,T;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:'() => <TextField label="Text" defaultValue="" />',...(T=(F=n.parameters)==null?void 0:F.docs)==null?void 0:T.source}}};var b,v,g;a.parameters={...a.parameters,docs:{...(b=a.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
2
- const [value, setValue] = useState('');
3
- const [submited, setSubmitted] = useState(false);
4
- const errorMessage = submited && !value && 'Please provide your full name';
5
- const fieldRef = useRef<InputImperativeHandle>(null);
6
- const handleClick = () => {
7
- setSubmitted(true);
8
- if (!value) {
9
- fieldRef?.current?.setFocus();
10
- }
11
- };
12
- return <div style={{
13
- maxWidth: '500px',
14
- display: 'flex',
15
- flexDirection: 'column'
16
- }}>
17
- <TextField value={value} label="Full name" required icon={<Icon svg={UserSvg} label="The hat" />} placeholder="e.g.: Mary Williams" button={<FieldButton svg={ErrorSvg} assistiveText="Do the thing" onClick={() => undefined} />} additionalText="Will be shown in your profile" onValueChange={setValue} errorMessage={errorMessage} ref={fieldRef} />
18
- <Button onClick={handleClick}>Submit</Button>
19
- </div>;
20
- }`,...(g=(v=a.parameters)==null?void 0:v.docs)==null?void 0:g.source}}};const Te=["Base","Example"];export{n as Base,a as Example,Te as __namedExportsOrder,Fe as default};
@@ -1 +0,0 @@
1
- ._TextHighlighted_btncs_4{display:inline-block;padding-left:var(--58c1e5);padding-right:var(--58c1e5);margin:0;font-style:normal;border-radius:var(--330e49);font-weight:var(--73984e)}._TextHighlighted--highlight-blue_btncs_13{color:var(--68bd17);background-color:var(--2d51ae)}._TextHighlighted--highlight-green_btncs_17{color:var(--c50238);background-color:var(--292009)}._TextHighlighted--highlight-primary_btncs_21{color:var(--977d1a);background-color:var(--df6b06)}._TextHighlighted--highlight-secondary_btncs_25{color:var(--6c2ddf);background-color:var(--e5b0a4)}._TextHighlighted--highlight-tertiary_btncs_29{color:var(--8da8cb);background-color:var(--aa7c4d)}._TextHighlighted--highlight-accent_btncs_33{color:var(--1da698);background-color:var(--301ea7)}._TextHighlighted--highlight-positive_btncs_37{color:var(--ad48d7);background-color:var(--a2a233)}._TextHighlighted--highlight-info_btncs_41{color:var(--2be49e);background-color:var(--86df85)}._TextHighlighted--highlight-warning_btncs_45{color:var(--98c505);background-color:var(--d908ab)}._TextHighlighted--highlight-critical_btncs_49{color:var(--802584);background-color:var(--0c251f)}
@@ -1,12 +0,0 @@
1
- import{j as i}from"./jsx-runtime-Bxcv0yjW.js";import{u as _,g as H,h as u}from"./useStyleExtract-nWieKQF4.js";import{m as y,s as b}from"./classNames-RlyrdfpN.js";import{w as s,g as f}from"./componentNames-BAR5iJaT.js";import{S as E}from"./StoryContextDSWeb-CQCIj3Y9.js";import{a as I}from"./options-Brwox1GN.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./StorybookGlobalStyle-C0X2e0mN.js";import"./styled-components.browser.esm-BppVzN7H.js";import"./RootProvider-DbgEixHa.js";import"./useTheme-D6du8lDT.js";import"./useColorScheme-CRstX5qq.js";import"./style-inject.es-O-YsppCx.js";const N="_TextHighlighted_btncs_4",l={TextHighlighted:N,"TextHighlighted--highlight-blue":"_TextHighlighted--highlight-blue_btncs_13","TextHighlighted--highlight-green":"_TextHighlighted--highlight-green_btncs_17","TextHighlighted--highlight-primary":"_TextHighlighted--highlight-primary_btncs_21","TextHighlighted--highlight-secondary":"_TextHighlighted--highlight-secondary_btncs_25","TextHighlighted--highlight-tertiary":"_TextHighlighted--highlight-tertiary_btncs_29","TextHighlighted--highlight-accent":"_TextHighlighted--highlight-accent_btncs_33","TextHighlighted--highlight-positive":"_TextHighlighted--highlight-positive_btncs_37","TextHighlighted--highlight-info":"_TextHighlighted--highlight-info_btncs_41","TextHighlighted--highlight-warning":"_TextHighlighted--highlight-warning_btncs_45","TextHighlighted--highlight-critical":"_TextHighlighted--highlight-critical_btncs_49"},g=({children:t,highlight:m=H,tag:p=u,dataset:x})=>{_(l);const T={className:y(l,s.TextHighlighted,[b("highlight",m)]).join(" "),...f(x,{preplyDsComponent:s.TextHighlighted})};return i.jsx(p,{...T,children:t})},U={title:"components/TextHighlighted",component:g,decorators:[t=>i.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:i.jsx(E,{theme:"tokyo-ui",children:t()})})]},e=()=>i.jsx(g,{children:"Lorem ipsum"}),h=()=>i.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem",width:"fit-content"},children:I.map(({id:t})=>i.jsx(g,{highlight:t,children:t},t))});var r,o,n;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:"() => <TextHighlighted>Lorem ipsum</TextHighlighted>",...(n=(o=e.parameters)==null?void 0:o.docs)==null?void 0:n.source}}};var a,d,c;h.parameters={...h.parameters,docs:{...(a=h.parameters)==null?void 0:a.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=h.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};const R=["Base","Options"];export{e as Base,h as Options,R as __namedExportsOrder,U as default};
@@ -1 +0,0 @@
1
- ._TextInline_sbhaz_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;font-style:normal}._TextInline--italic_sbhaz_10{font-style:var(--dfb500);font-variation-settings:var(--bc1abc)}
@@ -1,3 +0,0 @@
1
- import{j as s}from"./jsx-runtime-Bxcv0yjW.js";import{u as p,l as N,h as v}from"./useStyleExtract-nWieKQF4.js";import{a as E,s as j,m as W,b}from"./classNames-RlyrdfpN.js";import{w as n,g as D}from"./componentNames-BAR5iJaT.js";import{u as A,a as L}from"./useTextAccentClassnames-iB7PeFbR.js";import{s as z}from"./style-inject.es-O-YsppCx.js";import{S as O}from"./StoryContextDSWeb-CQCIj3Y9.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./StorybookGlobalStyle-C0X2e0mN.js";import"./styled-components.browser.esm-BppVzN7H.js";import"./RootProvider-DbgEixHa.js";import"./useTheme-D6du8lDT.js";import"./useColorScheme-CRstX5qq.js";var x=".FMVxyl{font-weight:var(--73984e)}.pgzsO-{font-weight:var(--6e9792)}.Ee7pOf{font-weight:var(--d5337e)}._1KxUDv{font-weight:var(--5ea101)}.lIr7ij{font-weight:var(--2734e9)}.pt16bv{font-weight:var(--800787)}",i={__id:"/home/runner/work/design-system/design-system/packages/web-core/src/typography/module-text-weight/style/index.module.less",__css:x,"TextWeight--weight-400":"FMVxyl","TextWeight--weight-500":"pgzsO-","TextWeight--weight-700":"Ee7pOf","TextWeight--weight-normal":"_1KxUDv","TextWeight--weight-medium":"lIr7ij","TextWeight--weight-bold":"pt16bv"};z(x);const S="TextWeight",k=e=>(p(i),E(i,S,[j("weight",e)])),F="_TextInline_sbhaz_4",r={TextInline:F,"TextInline--italic":"_TextInline--italic_sbhaz_10"},g=({children:e,accent:o,color:h,weight:T=N,italic:u=!1,tag:d=v,dataset:_})=>{p(r);const f=W(r,n.TextInline,[b("italic",void 0,u)]),a=o?void 0:h,w=A(!a,o),I=L(a),y=k(T),C={className:[...f,...w,...I,...y].join(" "),...D(_,{preplyDsComponent:n.TextInline})};return s.jsx(d,{...C,children:e})},ee={title:"components/TextInline",component:g,decorators:[e=>s.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:s.jsx(O,{theme:"tokyo-ui",children:e()})})]},t=()=>s.jsxs("p",{children:["Lorem ",s.jsx(g,{children:"ipsum"})]});t.storyName="TextInline";var l,m,c;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`() => <p>
2
- Lorem <TextInline>ipsum</TextInline>
3
- </p>`,...(c=(m=t.parameters)==null?void 0:m.docs)==null?void 0:c.source}}};const te=["Base"];export{t as Base,te as __namedExportsOrder,ee as default};
@@ -1,20 +0,0 @@
1
- import{j as r}from"./jsx-runtime-Bxcv0yjW.js";import{r as t}from"./index-mfbfsM12.js";import{B as Q}from"./Button-CsD80zLl.js";import{F as Y}from"./FieldLayout-DBao7mSK.js";import{s as j,u as Z,I as ee}from"./FieldLayoutBase-Dbqo_URw.js";import{u as L}from"./useStyleExtract-nWieKQF4.js";import{m as W,s as te}from"./classNames-RlyrdfpN.js";import{w as p}from"./componentNames-BAR5iJaT.js";import{m as ae,u as se}from"./useForcedRef-nvdR-8Xt.js";import{m as re}from"./getInputProps-C2L1DtDZ.js";import{A as oe}from"./constants-CPtRSLVe.js";import{S as le}from"./StoryContextDSWeb-CQCIj3Y9.js";import"./_commonjsHelpers-BosuxZz1.js";import"./ButtonBase-kKJbXmkq.js";import"./Spinner-CjcnFiyL.js";import"./useHostname-xnO3cZkD.js";import"./index-CC6DAVyL.js";import"./FieldAdditionalText-CL5iCCLi.js";import"./constants-DL6gdbsq.js";import"./StorybookGlobalStyle-C0X2e0mN.js";import"./styled-components.browser.esm-BppVzN7H.js";import"./RootProvider-DbgEixHa.js";import"./useTheme-D6du8lDT.js";import"./useColorScheme-CRstX5qq.js";import"./style-inject.es-O-YsppCx.js";const ie=(a,i)=>{const{id:n,value:e,label:o,hideLabel:s,wrapLabel:u,preserveSpace:l,required:f,requiredLabel:d,additionalText:v,disabled:g,hasError:_,errorMessage:S,onFocus:h,onBlur:T,onChange:b,autoComplete:P=oe,inputDataset:R,dataset:H,...N}=a,y=n||ae(),[q,k]=t.useState(!1),[z,A]=t.useState(!1),[O,U]=t.useState(!1),$=t.useCallback(c=>{k(!0),A(!0),h==null||h(c)},[]),X=t.useCallback(c=>{k(!1),T==null||T(c)},[]),G=t.useCallback(c=>{U(!1),b==null||b(c)},[]),F=_||!!S,J=S||v,K=F||v?re(y):void 0;return{layoutProps:{id:y,label:o,hideLabel:s,wrapLabel:u,required:f,requiredLabel:d,additionalText:J,preserveSpace:l,disabled:g,isFocused:q,isTouched:z,isChanged:O,hasValue:typeof e!==void 0,hasError:F,dataset:H,preplyDsComponent:i},inputProps:{id:y,value:e,onFocus:$,onBlur:X,onChange:G,required:f,disabled:g,hasError:F,autoComplete:P,dataset:R,"aria-describedby":K,...N}}},ne=({onChange:a,onValueChange:i,resize:n="vertical",...e},o)=>{L(j);const s=W(j,p.Textarea,[te("resize",n)]),u=Z(l=>l.target.value,a,i);return r.jsx(ee,{...e,ref:o,type:"textarea",className:s.join(" "),onChange:u,preplyDsComponent:p.Textarea})},ue=t.forwardRef(ne),de="_TextareaField_yfjpi_1",E={TextareaField:de},ce=({id:a,...i},n)=>{L(E);const e=t.useRef(null),o=se();t.useImperativeHandle(n,()=>({setFocus:()=>{var d;return(d=e==null?void 0:e.current)==null?void 0:d.setFocus()},scrollIntoView:()=>{var d;return(d=e==null?void 0:e.current)==null?void 0:d.scrollIntoView()}}));const{layoutProps:s,inputProps:u}=ie({id:a,...i},p.TextareaField),l=W(E,p.TextareaField),f=r.jsx(ue,{...u,ref:o});return r.jsx(Y,{...s,className:l.join(" "),input:f,inputHandle:o.current,ref:e,preplyDsComponent:p.TextareaField})},C=t.forwardRef(ce),Pe={title:"components/TextareaField",component:C,decorators:[a=>r.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:r.jsx(le,{theme:"tokyo-ui",children:a()})})]},x=()=>r.jsx(C,{label:"Textarea",defaultValue:""}),m=()=>{const[a,i]=t.useState(""),[n,e]=t.useState(!1),o=n&&!a&&"Please provide your full name",s=t.useRef(null),u=()=>{var l;e(!0),a||(l=s==null?void 0:s.current)==null||l.setFocus()};return r.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[r.jsx(C,{value:a,label:"Full name",required:!0,placeholder:"e.g.: Mary Williams",additionalText:"Will be shown in your profile",onValueChange:i,errorMessage:o,ref:s,resize:"horizontal"}),r.jsx(Q,{onClick:u,children:"Submit"})]})};m.parameters={docs:{description:{story:'\nThe following code renders a `TextareaField` with the `required` flag, an\n`icon`, `button`, `placeholder` and some `additionalText`.\n\nWhen you click the "Submit" button, and the input `value` is empty:\n\n- Displays feedback via the `errorMessage` prop;\n- Brings the focus back to the field.\n'}}};var I,w,B;x.parameters={...x.parameters,docs:{...(I=x.parameters)==null?void 0:I.docs,source:{originalSource:'() => <TextareaField label="Textarea" defaultValue="" />',...(B=(w=x.parameters)==null?void 0:w.docs)==null?void 0:B.source}}};var V,D,M;m.parameters={...m.parameters,docs:{...(V=m.parameters)==null?void 0:V.docs,source:{originalSource:`() => {
2
- const [value, setValue] = useState('');
3
- const [submited, setSubmitted] = useState(false);
4
- const errorMessage = submited && !value && 'Please provide your full name';
5
- const fieldRef = useRef<InputImperativeHandle>(null);
6
- const handleClick = () => {
7
- setSubmitted(true);
8
- if (!value) {
9
- fieldRef?.current?.setFocus();
10
- }
11
- };
12
- return <div style={{
13
- maxWidth: '500px',
14
- display: 'flex',
15
- flexDirection: 'column'
16
- }}>
17
- <TextareaField value={value} label="Full name" required placeholder="e.g.: Mary Williams" additionalText="Will be shown in your profile" onValueChange={setValue} errorMessage={errorMessage} ref={fieldRef} resize="horizontal" />
18
- <Button onClick={handleClick}>Submit</Button>
19
- </div>;
20
- }`,...(M=(D=m.parameters)==null?void 0:D.docs)==null?void 0:M.source}}};const Re=["Basic","Example"];export{x as Basic,m as Example,Re as __namedExportsOrder,Pe as default};
@@ -1,34 +0,0 @@
1
- import{r,R as o}from"./index-mfbfsM12.js";import{s as i}from"./styled-components.browser.esm-BppVzN7H.js";import{T as c,a as p,u as h}from"./useTheme-D6du8lDT.js";import{i as u}from"./useStyleExtract-nWieKQF4.js";const g=()=>{const{setTheme:e}=r.useContext(c);return{setTheme:e}},f=i.div`
2
- position: fixed;
3
- z-index: 1000;
4
- top: 0;
5
- left: 0;
6
- display: flex;
7
- align-items: center;
8
- width: 100%;
9
- gap: 10px;
10
- padding: 10px 20px;
11
- font-size: 16px;
12
- background: rgba(245, 249, 252, 0.9);
13
- box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;
14
-
15
- label {
16
- font-weight: 500;
17
- }
18
-
19
- p {
20
- margin: 0;
21
- }
22
-
23
- select {
24
- padding: 2.5px 5px;
25
- border: 1px solid;
26
- border-color: ${({isDefault:e})=>e?"#333":"orange;"};
27
- }
28
-
29
- a {
30
- color: #0077b3;
31
- }
32
- `,x=i.select`
33
- padding: 5px 10px;
34
- `,T=()=>{const{themes:e,findTheme:m}=p(),{theme:t}=h(),{setTheme:n}=g(),d=r.useCallback(a=>{var s;if(n){const l=m(a.target.value);(s=window==null?void 0:window.localStorage)===null||s===void 0||s.setItem("storybook.ds-theme",l.name),n(l)}},[n,m]);return r.useEffect(()=>{console.log("ThemeSwitcher:useEffect",t.name),document.body.setAttribute("data-preply-ds-theme",t.name)},[t.name]),o.createElement(f,{isDefault:t&&t.name===u},o.createElement("label",null,"Theme"),o.createElement(x,{value:t&&t.name,onChange:d},e==null?void 0:e.map(a=>o.createElement("option",{key:a.name,value:a.name},a.name))),o.createElement("p",null,o.createElement("a",{href:"./?path=/story/guides-themes-intro--page"},"Learn more")))};T.__docgenInfo={description:"",methods:[],displayName:"ThemeSwitcher"};export{T,g as u};
@@ -1 +0,0 @@
1
- const l=t=>{const n=Array.isArray(t)?t:[t],[r,s,o,e]=n,a=s??r;return[r,a,o??r,e??a]},c=t=>t.reduce((n,r)=>n.concat(Array.isArray(r)?c(r):r),[]),m=t=>t!==void 0,u=(t=[])=>t.filter(m),i=(t,n)=>t[n]?t[n]:(console.log(new Error(`Unknow classname ${n}`)),""),f=(t,n,r=[])=>c(r).filter(m).map(s=>`${n}--${s}`).map(s=>i(t,s)),g=(t,n,r=[])=>[i(t,n),...f(t,n,r)],$=(t,n)=>typeof n=="object"?Object.entries(n).map(([r,s])=>{const o=r==="_"?"":`${r}--`,e=$(t,s);return`${o}${e}`}):n?[`${t}-${n}`]:[],d=(t,n)=>{if(typeof n=="object"&&!Array.isArray(n))return Object.entries(n).flatMap(([r,s])=>{const o=r==="_"?"":`${r}--`;return d(t,s).map(a=>`${o}${a}`)});if(n){const[r,s,o,e]=l(n);return[`${t}-top-${r}`,`${t}-right-${s}`,`${t}-bottom-${o}`,`${t}-left-${e}`]}return[]},b=(t,n,r)=>{if(typeof r=="object"){if(t===void 0)throw new Error('"ifTrue" param is mandatory in responsive props');if(n===void 0)throw new Error('"ifFalse" param is mandatory in responsive props');return Object.entries(r).map(([s,o])=>{const e=s==="_"?"":`${s}--`,a=b(t,n,o);return`${e}${a}`})}return r&&t!==void 0?[`${t}`]:r===!1&&n!==void 0?[`${n}`]:[]};export{f as a,b,i as c,c as f,u as g,d as l,g as m,$ as s};
@@ -1 +0,0 @@
1
- import{T as o}from"./style-inject.es-O-YsppCx.js";function a(r){return`var(--${r[o]})`}export{a as g};
@@ -1,2 +0,0 @@
1
- const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Avatar.stories-DbXJKRZ-.js","./jsx-runtime-Bxcv0yjW.js","./index-mfbfsM12.js","./_commonjsHelpers-BosuxZz1.js","./Avatar-BzgmmY62.js","./useStyleExtract-nWieKQF4.js","./classNames-RlyrdfpN.js","./componentNames-BAR5iJaT.js","./useTheme-D6du8lDT.js","./constants--ewUoBsO.js","./Avatar-Cxh1JsJp.css","./StoryContextDSWeb-CQCIj3Y9.js","./StorybookGlobalStyle-C0X2e0mN.js","./styled-components.browser.esm-BppVzN7H.js","./RootProvider-DbgEixHa.js","./useColorScheme-CRstX5qq.js","./style-inject.es-O-YsppCx.js","./AvatarWithStatus.stories-DIRWt1wO.js","./AvatarWithStatus-CbhRhFBj.css","./Badge.stories-DZajSQyV.js","./TokyoUITag-L3MR7nRY.js","./LayoutFlex-BfRTqJk6.js","./useLayoutFlexClassNames-D1ra_xuq.js","./useLayoutRelativeClassnames-C66s33p7.js","./Icon-CNtrVm52.js","./useTextAccentClassnames-iB7PeFbR.js","./Icon-xUM0R7WZ.css","./Badge-1pi7nJIH.css","./Box.stories-DUpEVcd7.js","./Heading-BuiNeQl8.js","./useTextCenteredClassnames-DHbKOmgJ.js","./Heading-JoYJ48I1.css","./Text-B_hHcHeQ.js","./Text-BiyZwtnq.css","./Box-MGs2QMcP.css","./Button.stories-YU8j35_e.js","./TokyoUIFav-B288CER3.js","./IconButton-D-IRuIag.js","./ButtonBase-kKJbXmkq.js","./Spinner-CjcnFiyL.js","./Spinner-BkHOsRl5.css","./useHostname-xnO3cZkD.js","./index-CC6DAVyL.js","./ButtonBase-way_SbbA.css","./Button-CsD80zLl.js","./Button-GpWwsKYx.css","./getTokenVar-o_8jkgRk.js","./tokens-BNLiDh-U.js","./Chips.stories-D2RLe4o6.js","./v4-CQkTLCs1.js","./Chips-DBQJkkb9.css","./FieldAdditionalText.stories-XBKQ_iIF.js","./FieldAdditionalText-CL5iCCLi.js","./constants-DL6gdbsq.js","./FieldAdditionalText-BeeN5rdu.css","./FieldButton.stories-eUotQWNv.js","./LibraryExplore-0TjvsBMy.js","./FieldButton-DpMz-wEU.js","./FieldButton-CBtczjTJ.css","./FieldLayout.stories-BEXrH0UX.js","./User-nhKBVF6o.js","./InputText-CxkwrF4V.js","./FieldLayoutBase-Dbqo_URw.js","./getInputProps-C2L1DtDZ.js","./FieldLayoutBase-ctIW9N7k.css","./FieldLayout-DBao7mSK.js","./FieldLayout-wq4zssLh.css","./Heading.stories-CNmgxMxa.js","./Icon.stories-DMUu5mCJ.js","./TokyoUINotesWithPad-C9WDIp9V.js","./IconButton.stories-CBIUekzB.js","./LayoutFlex.stories-D53eT4aH.js","./useAlignSelfClassNames-HKiGOiC9.js","./LayoutFlex-Dw886nHu.css","./LayoutGrid.stories-BceYWlgi.js","./useLayoutGridResponsiveColumns-BjGmVcfV.js","./breakpoints-BfMlrtxE.js","./LayoutGrid-D-_lLr0n.css","./Link.stories-YS4oABOg.js","./Link-B9fbPw_b.css","./Loader.stories-L4erfRmi.js","./Loader-BPe5Cqqg.css","./NumberField.stories-DdAuTLuz.js","./useForcedRef-nvdR-8Xt.js","./NumberField-C7EDk4it.css","./ObserveIntersection.stories-zHfYIVep.js","./ObserveIntersection-3A5JnM6d.js","./PasswordField.stories-CJIe28oa.js","./constants-CPtRSLVe.js","./PasswordField-BuEfsraI.css","./PreplyLogo.stories-BUtQeYdY.js","./PreplyLogo-D44fvviJ.css","./SelectField.stories-BDoBCrB9.js","./TokyoUIStudy-Bf_sbLdW.js","./SelectField-B6dwNsAU.css","./ShowOnIntersection.stories-D5ybqJmO.js","./Text.stories-BggzEfxg.js","./options-Brwox1GN.js","./TextField.stories-Cl5idtLH.js","./useTextField-BIYAW_ed.js","./TextField-UxpfFuPl.css","./TextHighlighted.stories-Bha39eES.js","./TextHighlighted-BzoKUdVf.css","./TextInline.stories-DcgHbPOX.js","./TextInline-CNsdUVcv.css","./TextareaField.stories-Dct1GeIO.js","./TextareaField-L8wi4oVl.css","./changelog-Bf-xRkl0.js","./index-EeWIkZEf.js","./index-CXQveQOi.js","./index-CnQXyiSh.js","./index-D-8MO0q_.js","./index-nrpnv_Jx.js","./index-DrFu-skq.js","./00.applications-DZv8NoXM.js","./10.ssr-3rImRK95.js","./20.libraries-B5tcat6D.js","./30.storybook-Db40I3nq.js","./90.advanced-B2SCgi4p.js","./00.token-explorer-Cb-SyAEz.js","./Text-BI6ahBJ6.js","./style-inject.es-BI9ztQJ7.js","./mixins-DZk1Zeoo.js","./LayoutFlex-BzWsI3Xb.js","./LayoutGrid-DqNGcqNm.js","./ThemeSwitcher-DeP-d9Aq.js","./00.using-responsive-props-DIhRi04I.js","./index-Ct3j1MTp.js","./breakpoints-BWk6R_41.js","./hover-BbDdf_Xv.js","./tokens-B8W7Z_Vv.js","./breakpoints-9uLXtPuW.js","./hover-VJEacFBn.js","./migrating-from-less-DuAbI5By.js","./tokens-CFtWgV8-.js","./breakpoints-DI9AEAgq.js","./hover-Cmfry3kI.js","./intro-nmLdAjen.js","./tokens-DrYOrez-.js","./00.favicons.guide-C8t4hmDP.js","./10.fonts.guide-BAV-SZHE.js","./11.languageFont.explorer-B31lpE9a.js","./30.icons.explorer-DymCezPu.js","./40.illustrations.explorer-XGsu-O9l.js","./getTokenVar-fksv3Mco.js","./welcome-BWgZ0orX.js","./entry-preview--Ucp4GUO.js","./client-Chldl6yy.js","./entry-preview-docs-Buz48acc.js","./preview-oYH9g80B.js","./preview-BJPLiuSt.js","./preview-9hFJSo5S.js","./preview-DB9FwMii.js","./preview-BT_AxLuo.js","./chunk-HLWAVYOI-CD9LB7Y8.js"])))=>i.map(i=>d[i]);
2
- import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))n(s);new MutationObserver(s=>{for(const o of s)if(o.type==="childList")for(const r of o.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&n(r)}).observe(document,{childList:!0,subtree:!0});function _(s){const o={};return s.integrity&&(o.integrity=s.integrity),s.referrerPolicy&&(o.referrerPolicy=s.referrerPolicy),s.crossOrigin==="use-credentials"?o.credentials="include":s.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function n(s){if(s.ep)return;s.ep=!0;const o=_(s);fetch(s.href,o)}})();const O="modulepreload",T=function(t,i){return new URL(t,i).href},E={},e=function(i,_,n){let s=Promise.resolve();if(_&&_.length>0){const o=document.getElementsByTagName("link"),r=document.querySelector("meta[property=csp-nonce]"),l=(r==null?void 0:r.nonce)||(r==null?void 0:r.getAttribute("nonce"));s=Promise.all(_.map(a=>{if(a=T(a,n),a in E)return;E[a]=!0;const p=a.endsWith(".css"),g=p?'[rel="stylesheet"]':"";if(!!n)for(let m=o.length-1;m>=0;m--){const d=o[m];if(d.href===a&&(!p||d.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${a}"]${g}`))return;const c=document.createElement("link");if(c.rel=p?"stylesheet":O,p||(c.as="script",c.crossOrigin=""),c.href=a,l&&c.setAttribute("nonce",l),document.head.appendChild(c),p)return new Promise((m,d)=>{c.addEventListener("load",m),c.addEventListener("error",()=>d(new Error(`Unable to preload CSS for ${a}`)))})}))}return s.then(()=>i()).catch(o=>{const r=new Event("vite:preloadError",{cancelable:!0});if(r.payload=o,window.dispatchEvent(r),!r.defaultPrevented)throw o})},{createBrowserChannel:L}=__STORYBOOK_MODULE_CHANNELS__,{addons:R}=__STORYBOOK_MODULE_PREVIEW_API__,u=L({page:"preview"});R.setChannel(u);window.__STORYBOOK_ADDONS_CHANNEL__=u;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=u);const y={"../../packages/web-lib/src/components/Avatar/docs/Avatar.stories.tsx":async()=>e(()=>import("./Avatar.stories-DbXJKRZ-.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16]),import.meta.url),"../../packages/web-lib/src/components/AvatarWithStatus/docs/AvatarWithStatus.stories.tsx":async()=>e(()=>import("./AvatarWithStatus.stories-DIRWt1wO.js"),__vite__mapDeps([17,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,18]),import.meta.url),"../../packages/web-lib/src/components/Badge/docs/Badge.stories.tsx":async()=>e(()=>import("./Badge.stories-DZajSQyV.js"),__vite__mapDeps([19,1,2,3,20,21,22,5,23,16,6,7,24,25,26,11,12,13,14,8,15,27]),import.meta.url),"../../packages/web-lib/src/components/Box/docs/Box.stories.tsx":async()=>e(()=>import("./Box.stories-DUpEVcd7.js"),__vite__mapDeps([28,1,2,3,29,5,6,7,30,16,25,31,21,22,23,32,33,8,15,11,12,13,14,34]),import.meta.url),"../../packages/web-lib/src/components/Button/docs/Button.stories.tsx":async()=>e(()=>import("./Button.stories-YU8j35_e.js"),__vite__mapDeps([35,1,2,3,36,37,38,39,5,6,40,41,7,42,43,44,45,11,12,13,14,8,15,16,46,47]),import.meta.url),"../../packages/web-lib/src/components/Chips/docs/Chips.stories.tsx":async()=>e(()=>import("./Chips.stories-D2RLe4o6.js"),__vite__mapDeps([48,1,2,3,36,49,24,5,6,7,25,16,26,11,12,13,14,8,15,50]),import.meta.url),"../../packages/web-lib/src/components/FieldAdditionalText/docs/FieldAdditionalText.stories.tsx":async()=>e(()=>import("./FieldAdditionalText.stories-XBKQ_iIF.js"),__vite__mapDeps([51,1,2,3,52,5,6,7,53,54,11,12,13,14,8,15,16]),import.meta.url),"../../packages/web-lib/src/components/FieldButton/docs/FieldButton.stories.tsx":async()=>e(()=>import("./FieldButton.stories-eUotQWNv.js"),__vite__mapDeps([55,1,2,3,56,57,5,6,7,58,11,12,13,14,8,15,16]),import.meta.url),"../../packages/web-lib/src/components/FieldLayout/docs/FieldLayout.stories.tsx":async()=>e(()=>import("./FieldLayout.stories-BEXrH0UX.js"),__vite__mapDeps([59,1,2,3,60,57,5,6,7,58,24,25,16,26,61,62,63,52,53,54,64,65,66,11,12,13,14,8,15]),import.meta.url),"../../packages/web-lib/src/components/Heading/docs/Heading.stories.tsx":async()=>e(()=>import("./Heading.stories-CNmgxMxa.js"),__vite__mapDeps([67,1,2,3,29,5,6,7,30,16,25,31,11,12,13,14,8,15]),import.meta.url),"../../packages/web-lib/src/components/Icon/docs/Icon.stories.tsx":async()=>e(()=>import("./Icon.stories-DMUu5mCJ.js"),__vite__mapDeps([68,1,2,3,69,24,5,6,7,25,16,26,11,12,13,14,8,15]),import.meta.url),"../../packages/web-lib/src/components/IconButton/docs/IconButton.stories.tsx":async()=>e(()=>import("./IconButton.stories-CBIUekzB.js"),__vite__mapDeps([70,1,2,3,36,37,38,39,5,6,40,41,7,42,43,11,12,13,14,8,15,16,46,47]),import.meta.url),"../../packages/web-lib/src/components/LayoutFlex/docs/LayoutFlex.stories.tsx":async()=>e(()=>import("./LayoutFlex.stories-D53eT4aH.js"),__vite__mapDeps([71,1,2,3,6,7,72,5,16,23,21,22,11,12,13,14,8,15,73]),import.meta.url),"../../packages/web-lib/src/components/LayoutGrid/docs/LayoutGrid.stories.tsx":async()=>e(()=>import("./LayoutGrid.stories-BceYWlgi.js"),__vite__mapDeps([74,1,2,3,6,72,5,16,23,7,75,76,11,12,13,14,8,15,77]),import.meta.url),"../../packages/web-lib/src/components/Link/docs/Link.stories.tsx":async()=>e(()=>import("./Link.stories-YS4oABOg.js"),__vite__mapDeps([78,1,2,3,5,41,6,7,11,12,13,14,8,15,16,79]),import.meta.url),"../../packages/web-lib/src/components/Loader/docs/Loader.stories.tsx":async()=>e(()=>import("./Loader.stories-L4erfRmi.js"),__vite__mapDeps([80,1,2,3,39,5,6,40,7,11,12,13,14,8,15,16,81]),import.meta.url),"../../packages/web-lib/src/components/NumberField/docs/NumberField.stories.tsx":async()=>e(()=>import("./NumberField.stories-DdAuTLuz.js"),__vite__mapDeps([82,1,2,3,36,44,38,39,5,6,40,41,7,42,43,45,24,25,16,26,65,62,63,52,53,54,64,66,83,11,12,13,14,8,15,84]),import.meta.url),"../../packages/web-lib/src/components/ObserveIntersection/docs/ObserveIntersection.stories.tsx":async()=>e(()=>import("./ObserveIntersection.stories-zHfYIVep.js"),__vite__mapDeps([85,1,2,3,86,7,5,11,12,13,14,8,15,6,16]),import.meta.url),"../../packages/web-lib/src/components/PasswordField/docs/PasswordField.stories.tsx":async()=>e(()=>import("./PasswordField.stories-CJIe28oa.js"),__vite__mapDeps([87,1,2,3,44,38,39,5,6,40,41,7,42,43,45,57,58,65,62,63,52,53,54,64,66,24,25,16,26,61,83,88,8,11,12,13,14,15,89]),import.meta.url),"../../packages/web-lib/src/components/PreplyLogo/docs/PreplyLogo.stories.tsx":async()=>e(()=>import("./PreplyLogo.stories-BUtQeYdY.js"),__vite__mapDeps([90,1,2,3,5,6,7,11,12,13,14,8,15,16,91]),import.meta.url),"../../packages/web-lib/src/components/SelectField/docs/SelectField.stories.tsx":async()=>e(()=>import("./SelectField.stories-BDoBCrB9.js"),__vite__mapDeps([92,1,2,3,93,44,38,39,5,6,40,41,7,42,43,45,24,25,16,26,62,63,52,53,54,64,83,11,12,13,14,8,15,94]),import.meta.url),"../../packages/web-lib/src/components/ShowOnIntersection/docs/ShowOnIntersection.stories.tsx":async()=>e(()=>import("./ShowOnIntersection.stories-D5ybqJmO.js"),__vite__mapDeps([95,1,2,3,86,7,5,11,12,13,14,8,15,6,16]),import.meta.url),"../../packages/web-lib/src/components/Text/docs/Text.stories.tsx":async()=>e(()=>import("./Text.stories-BggzEfxg.js"),__vite__mapDeps([96,1,2,3,32,5,6,7,25,16,30,33,11,12,13,14,8,15,97]),import.meta.url),"../../packages/web-lib/src/components/TextField/docs/TextField.stories.tsx":async()=>e(()=>import("./TextField.stories-Cl5idtLH.js"),__vite__mapDeps([98,1,2,3,60,44,38,39,5,6,40,41,7,42,43,45,57,58,24,25,16,26,65,62,63,52,53,54,64,66,61,83,99,88,11,12,13,14,8,15,100]),import.meta.url),"../../packages/web-lib/src/components/TextHighlighted/docs/TextHighlighted.stories.tsx":async()=>e(()=>import("./TextHighlighted.stories-Bha39eES.js"),__vite__mapDeps([101,1,2,3,5,6,7,11,12,13,14,8,15,16,97,102]),import.meta.url),"../../packages/web-lib/src/components/TextInline/docs/TextInline.stories.tsx":async()=>e(()=>import("./TextInline.stories-DcgHbPOX.js"),__vite__mapDeps([103,1,2,3,5,6,7,25,16,11,12,13,14,8,15,104]),import.meta.url),"../../packages/web-lib/src/components/TextareaField/docs/TextareaField.stories.tsx":async()=>e(()=>import("./TextareaField.stories-Dct1GeIO.js"),__vite__mapDeps([105,1,2,3,44,38,39,5,6,40,41,7,42,43,45,65,62,63,52,53,54,64,66,83,88,11,12,13,14,8,15,16,106]),import.meta.url),"../docs-pages/docs/pages/06.changelog/generated/changelog.mdx":async()=>e(()=>import("./changelog-Bf-xRkl0.js"),__vite__mapDeps([107,1,2,3,108,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/30.guides/00.installation/00.applications.mdx":async()=>e(()=>import("./00.applications-DZv8NoXM.js"),__vite__mapDeps([114,1,2,3,108,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/30.guides/00.installation/10.ssr.mdx":async()=>e(()=>import("./10.ssr-3rImRK95.js"),__vite__mapDeps([115,1,2,3,108,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/30.guides/00.installation/20.libraries.mdx":async()=>e(()=>import("./20.libraries-B5tcat6D.js"),__vite__mapDeps([116,1,2,3,108,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/30.guides/00.installation/30.storybook.mdx":async()=>e(()=>import("./30.storybook-Db40I3nq.js"),__vite__mapDeps([117,1,2,3,108,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/30.guides/00.installation/90.advanced.mdx":async()=>e(()=>import("./90.advanced-B2SCgi4p.js"),__vite__mapDeps([118,1,2,3,108,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/30.guides/40.tokens/00.token-explorer.mdx":async()=>e(()=>import("./00.token-explorer-Cb-SyAEz.js"),__vite__mapDeps([119,1,2,3,108,109,110,111,112,113,120,16,8,5,15,121,6,7,25,30,47,12,13,122,123,22,23,124,75,76,125,41]),import.meta.url),"../docs-pages/docs/pages/30.guides/50.responsive/00.using-responsive-props.mdx":async()=>e(()=>import("./00.using-responsive-props-DIhRi04I.js"),__vite__mapDeps([126,1,2,3,108,109,110,111,112,113,76,125,13,8,5,121,6,7,9]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/index.mdx":async()=>e(()=>import("./index-Ct3j1MTp.js"),__vite__mapDeps([127,1,2,3,108,12,13,109,110,111,112,113,125,8,5]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/less/breakpoints.mdx":async()=>e(()=>import("./breakpoints-BWk6R_41.js"),__vite__mapDeps([128,1,2,3,108,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/less/hover.mdx":async()=>e(()=>import("./hover-BbDdf_Xv.js"),__vite__mapDeps([129,1,2,3,108,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/less/tokens.mdx":async()=>e(()=>import("./tokens-B8W7Z_Vv.js"),__vite__mapDeps([130,1,2,3,108,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/scss/breakpoints.mdx":async()=>e(()=>import("./breakpoints-9uLXtPuW.js"),__vite__mapDeps([131,1,2,3,108,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/scss/hover.mdx":async()=>e(()=>import("./hover-VJEacFBn.js"),__vite__mapDeps([132,1,2,3,108,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/scss/migrating-from-less.mdx":async()=>e(()=>import("./migrating-from-less-DuAbI5By.js"),__vite__mapDeps([133,1,2,3,108,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/scss/tokens.mdx":async()=>e(()=>import("./tokens-CFtWgV8-.js"),__vite__mapDeps([134,1,2,3,108,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/styled-components/breakpoints.mdx":async()=>e(()=>import("./breakpoints-DI9AEAgq.js"),__vite__mapDeps([135,1,2,3,108,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/styled-components/hover.mdx":async()=>e(()=>import("./hover-Cmfry3kI.js"),__vite__mapDeps([136,1,2,3,108,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/styled-components/intro.mdx":async()=>e(()=>import("./intro-nmLdAjen.js"),__vite__mapDeps([137,1,2,3,108,12,13,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/styled-components/tokens.mdx":async()=>e(()=>import("./tokens-DrYOrez-.js"),__vite__mapDeps([138,1,2,3,108,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/30.guides/70.assets/00.favicons.guide.mdx":async()=>e(()=>import("./00.favicons.guide-C8t4hmDP.js"),__vite__mapDeps([139,1,2,3,108,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/30.guides/70.assets/10.fonts.guide.mdx":async()=>e(()=>import("./10.fonts.guide-BAV-SZHE.js"),__vite__mapDeps([140,1,2,3,108,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/30.guides/70.assets/11.languageFont.explorer.mdx":async()=>e(()=>import("./11.languageFont.explorer-B31lpE9a.js"),__vite__mapDeps([141,1,2,3,108,109,110,111,112,113,14,8,5,15,6,16,123,22,23,7,124,75,76,121,41,42,53,63,83,99,88,120,25,30,13,12,47,97]),import.meta.url),"../docs-pages/docs/pages/30.guides/70.assets/30.icons.explorer.mdx":async()=>e(()=>import("./30.icons.explorer-DymCezPu.js"),__vite__mapDeps([142,1,2,3,108,109,110,111,112,113,12,13,60,56,20,36,69,93,123,22,5,23,16,6,7,121,25,46,47,122]),import.meta.url),"../docs-pages/docs/pages/30.guides/70.assets/40.illustrations.explorer.mdx":async()=>e(()=>import("./40.illustrations.explorer-XGsu-O9l.js"),__vite__mapDeps([143,1,2,3,108,109,110,111,112,113,13,46,16,47,124,75,5,23,6,76,7]),import.meta.url),"../docs-pages/docs/pages/50.utilities/getTokenVar.mdx":async()=>e(()=>import("./getTokenVar-fksv3Mco.js"),__vite__mapDeps([144,1,2,3,108,109,110,111,112,113]),import.meta.url),"../docs-pages/docs/pages/welcome.mdx":async()=>e(()=>import("./welcome-BWgZ0orX.js"),__vite__mapDeps([145,1,2,3,108,109,110,111,112,113]),import.meta.url)};async function I(t){return y[t]()}const{composeConfigs:v,PreviewWeb:P,ClientApi:A}=__STORYBOOK_MODULE_PREVIEW_API__,x=async(t=[])=>{const i=await Promise.all([t.at(0)??e(()=>import("./entry-preview--Ucp4GUO.js"),__vite__mapDeps([146,2,3,147,110]),import.meta.url),t.at(1)??e(()=>import("./entry-preview-docs-Buz48acc.js"),__vite__mapDeps([148,112,3,113,2]),import.meta.url),t.at(2)??e(()=>import("./preview-9Oz63Ai9.js"),[],import.meta.url),t.at(3)??e(()=>import("./preview-oYH9g80B.js").then(_=>_.p),__vite__mapDeps([149,49]),import.meta.url),t.at(4)??e(()=>import("./preview-BJPLiuSt.js"),__vite__mapDeps([150,111]),import.meta.url),t.at(5)??e(()=>import("./preview-psUVwU13.js"),[],import.meta.url),t.at(6)??e(()=>import("./preview-oYH9g80B.js").then(_=>_.a),__vite__mapDeps([149,49]),import.meta.url),t.at(7)??e(()=>import("./preview-9hFJSo5S.js"),__vite__mapDeps([151,113]),import.meta.url),t.at(8)??e(()=>import("./preview-BnWGZYux.js"),[],import.meta.url),t.at(9)??e(()=>import("./preview-Cdum89jS.js"),[],import.meta.url),t.at(10)??e(()=>import("./preview-DB9FwMii.js"),__vite__mapDeps([152,113]),import.meta.url),t.at(11)??e(()=>import("./preview-BpcF_O6y.js"),[],import.meta.url),t.at(12)??e(()=>import("./preview-BT_AxLuo.js"),__vite__mapDeps([153,2,3,12,13,154,147,110,109,111,112,113,14,8,5,15,6,16]),import.meta.url)]);return v(i)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new P(I,x);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{e as _};
@@ -1,73 +0,0 @@
1
- import{j as e}from"./jsx-runtime-Bxcv0yjW.js";import{useMDXComponents as r}from"./index-EeWIkZEf.js";import"./index-mfbfsM12.js";import{C as o,a as t}from"./StorybookGlobalStyle-C0X2e0mN.js";import{ae as l}from"./index-CXQveQOi.js";import{T as d}from"./ThemeSwitcher-DeP-d9Aq.js";import"./_commonjsHelpers-BosuxZz1.js";import"./styled-components.browser.esm-BppVzN7H.js";import"./iframe-9MNwBgj-.js";import"../sb-preview/runtime.js";import"./index-CnQXyiSh.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";import"./useTheme-D6du8lDT.js";import"./useStyleExtract-nWieKQF4.js";function i(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",ul:"ul",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(l,{title:"Guides/Custom Components/Introduction"}),`
2
- `,e.jsx(d,{}),`
3
- `,e.jsx(n.h1,{id:"developing-custom-components-with-ds-primitives",children:"Developing custom components with DS primitives"}),`
4
- `,e.jsx(n.p,{children:`The DS provides lower level primitives for building custom components that you can use
5
- if existing DS components are not enough to implement complex or unique designs.
6
- Using these primitives ensures that your new custom components will still be
7
- compatible with our visual design language and continue receiving updates as the
8
- Design System evolves.`}),`
9
- `,e.jsx(n.p,{children:`However, you should always prefer using the existing components to just using
10
- these lower level primitives.`}),`
11
- `,e.jsx(n.p,{children:"Furthermore, if you believe your component can be a good addition for the Design System:"}),`
12
- `,e.jsxs(n.ul,{children:[`
13
- `,e.jsxs(n.li,{children:["Read the ",e.jsx(n.a,{href:"/story/contributing--page",children:"contribution guide"})]}),`
14
- `,e.jsxs(n.li,{children:["Reach out to ",e.jsx(n.a,{href:"https://preply.slack.com/archives/C024EAEHP6V",rel:"nofollow",children:"#design-system-public"})]}),`
15
- `,e.jsx(n.li,{children:"Use Less.js instead of StyledComponents."}),`
16
- `,e.jsxs(n.li,{children:["Become familiar with the DS ",e.jsx(n.a,{href:"https://preply.atlassian.net/wiki/spaces/DS/pages/2778300873/Guidelines",rel:"nofollow",children:"internal guidelines and conventions"})," and the step by step ",e.jsx(n.a,{href:"https://preply.atlassian.net/wiki/spaces/DS/pages/3250815332/Runbooks",rel:"nofollow",children:"runbooks"}),"."]}),`
17
- `]}),`
18
- `,e.jsx(n.p,{children:"Check the guidelines below for some generic strategies to minimize the need for custom CSS."}),`
19
- `,e.jsx(n.p,{children:"The following guides provide further information on how to use the lower level primitives according to your stack:"}),`
20
- `,e.jsxs(n.ul,{children:[`
21
- `,e.jsx(n.li,{children:e.jsx(n.a,{href:"/story/guides-custom-components-less-js-intro--page",children:"Less.js"})}),`
22
- `,e.jsx(n.li,{children:e.jsx(n.a,{href:"/story/guides-custom-components-styledcomponents-intro--page",children:"StyledComponents"})}),`
23
- `]}),`
24
- `,e.jsx(n.h2,{id:"guidelines",children:"Guidelines"}),`
25
- `,e.jsx(o,{}),`
26
- `,e.jsxs(n.p,{children:["Create massive blocks of ",e.jsx(n.code,{children:"LayoutFlex"})," and ",e.jsx(n.code,{children:"LayoutGrid"})," components"]}),`
27
- `,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`<LayoutFlex direction="..." alignItems="...">
28
- <LayoutFlex direction="..." gap="..." justifyContent="...">
29
- <LayoutGrid>...</LayoutGrid>
30
- </LayoutFlex>
31
- </LayoutFlex>
32
- `})}),`
33
- `,e.jsx(t,{}),`
34
- `,e.jsxs(n.p,{children:["Separate your component in small parts, giving some of these ",e.jsx(n.code,{children:"Layout"})," parts a significant name"]}),`
35
- `,e.jsx(n.p,{children:"And then use these blocks in the main component"}),`
36
- `,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`<MyComponentLayout>
37
- <SectionHeader>...</SectionHeader>
38
- </MyComponentLayout>
39
- `})}),`
40
- `,e.jsx(n.p,{children:"See Less.js and StyledComponents guide below for more detailed examples."}),`
41
- `,e.jsx(o,{}),`
42
- `,e.jsx(n.p,{children:"Create aliases of DS components."}),`
43
- `,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`const Bold = ({ children }) => <Text variant="s-bold">{children}</Text>;
44
- `})}),`
45
- `,e.jsx(o,{}),`
46
- `,e.jsx(n.p,{children:"Switch entirely to custom CSS just to apply small bits of style."}),`
47
- `,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-ts",children:`const Flex = styled.div\`
48
- display: flex;
49
- align-items: center;
50
- padding: @spaces-xs;
51
- border: 1px solid @root-palette-red-300;
52
-
53
- @media @medium-l {
54
- align-items: left;
55
- }
56
- \`;
57
- `})}),`
58
- `,e.jsxs(n.p,{children:["In the above example, only ",e.jsx(n.code,{children:"border: 1px solid @root-palette-red-300;"})," can't be provided by the ",e.jsx(n.code,{children:"LayoutFlex"})," component."]}),`
59
- `,e.jsx(t,{}),`
60
- `,e.jsx(n.p,{children:"Combine small CSS elements with the custom styles."}),`
61
- `,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-ts",children:`const RedBorder = styled.div\`
62
- border: 1px solid @root-palette-red-300;
63
- \`;
64
- `})}),`
65
- `,e.jsxs(n.p,{children:["With the ",e.jsx(n.code,{children:"LayoutFlex"})," and ",e.jsx(n.code,{children:"LayoutGrid"})," components."]}),`
66
- `,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`const MyComponent: FC = () => (
67
- <RedBorder>
68
- <LayoutFlex alignItems={{ _: 'center', 'medium-l': 'left' }} padding="xs">
69
- ...
70
- </LayoutFlex>
71
- </RedBorder>
72
- );
73
- `})})]})}function L(s={}){const{wrapper:n}={...r(),...s.components};return n?e.jsx(n,{...s,children:e.jsx(i,{...s})}):i(s)}export{L as default};
@@ -1 +0,0 @@
1
- import{R as o}from"./index-mfbfsM12.js";import{S as n,D as m,I as s}from"./StorybookGlobalStyle-C0X2e0mN.js";import"./chunk-HLWAVYOI-CD9LB7Y8.js";import{aj as a}from"./index-CXQveQOi.js";import{R as l}from"./RootProvider-DbgEixHa.js";import"./_commonjsHelpers-BosuxZz1.js";import"./styled-components.browser.esm-BppVzN7H.js";import"./iframe-9MNwBgj-.js";import"../sb-preview/runtime.js";import"./client-Chldl6yy.js";import"./index-CnQXyiSh.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";import"./useTheme-D6du8lDT.js";import"./useStyleExtract-nWieKQF4.js";import"./useColorScheme-CRstX5qq.js";import"./classNames-RlyrdfpN.js";import"./style-inject.es-O-YsppCx.js";const i=({children:e,context:t})=>(console.info("@preply/ds-docs-context:DocContext"),o.createElement(a,{context:t},o.createElement(n,null),o.createElement(m,null,o.createElement(s,null,e))));i.__docgenInfo={description:"",methods:[],displayName:"DocContext"};const c=()=>{var e;const t=((e=window==null?void 0:window.localStorage)===null||e===void 0?void 0:e.getItem("storybook.ds-theme"))||void 0;return t==="cluck-ui"?"bold-ui":t},d=c(),r=({children:e,context:t})=>(console.info("@preply/ds-docs-context:DocContextDSWeb"),o.createElement(i,{context:t},o.createElement(l,{theme:d},e)));r.__docgenInfo={description:"",methods:[],displayName:"DocContextDSWeb"};const p={default:{name:"_ (320 x 600)",styles:{width:"320px",height:"600px"}},"narrow-l":{name:"narrow-l (400 x 800)",styles:{width:"400px",height:"800px"}},"medium-s":{name:"medium-s (700 x 1200)",styles:{width:"700px",height:"1200px"}},"medium-l":{name:"medium-l (880 x 1400)",styles:{width:"880px",height:"1400px"}},"wide-s":{name:"wide-s (1200 x 800)",styles:{width:"1200px",height:"800px"}},"wide-l":{name:"wide-l (1900 x 1200)",styles:{width:"1900px",height:"1200px"}}},W={layout:"fullscreen",viewport:{viewports:p},backgrounds:{default:"white",values:[{name:"white",value:"#ffffff"}]},docs:{container:r}},j=["autodocs"];export{W as parameters,j as tags};
@@ -1 +0,0 @@
1
- const E=["base"],d="base",o=0,i=1,c=2,l=!0,_=!1;function r(s,n){n===void 0&&(n={});var a=n.insertAt;if(!(!s||typeof document>"u")){var t=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css",a==="top"&&t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.styleSheet?e.styleSheet.cssText=s:e.appendChild(document.createTextNode(s))}}export{_ as C,i as T,d as a,l as b,c,E as d,o as e,r as s};