@preply/ds-docs 2.0.0 → 2.0.1

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 (228) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-DoLb1LoS.js → 00.LayoutFlex.stories-Dxg48axa.js} +1 -1
  2. package/dist/assets/{00.applications-CodmhfzP.js → 00.applications-CWPvzkb8.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-CB7otDce.js → 00.favicons.guide-CioTS39P.js} +1 -1
  4. package/dist/assets/{00.token-explorer-iUebypoy.js → 00.token-explorer-Ms3A3gKw.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-t2wHUu8m.js → 00.using-responsive-props-B4JXxb8B.js} +1 -1
  6. package/dist/assets/{01.semantic-tokens-BRVBqUiT.js → 01.semantic-tokens-uwEK-alq.js} +1 -1
  7. package/dist/assets/{01.using-shorthand-props-DEJgBvzq.js → 01.using-shorthand-props-DVl924Oz.js} +1 -1
  8. package/dist/assets/{10.Combinations.stories-DLSgJgrw.js → 10.Combinations.stories-BwVik25M.js} +1 -1
  9. package/dist/assets/{10.fonts.guide-D12lSwgH.js → 10.fonts.guide-CPpSTBh5.js} +1 -1
  10. package/dist/assets/{10.ssr-DlFRK64e.js → 10.ssr-nIbsPyxs.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer-C5k8-Jz1.js → 11.languageFont.explorer-BnJaxOzB.js} +1 -1
  12. package/dist/assets/{11.ssr.app-router-Dhu4kN2c.js → 11.ssr.app-router-D1RtbDN9.js} +1 -1
  13. package/dist/assets/{20.libraries-B0n8gJVD.js → 20.libraries-DROERfkO.js} +1 -1
  14. package/dist/assets/{30.icons.explorer-Crh_uKlY.js → 30.icons.explorer-El51dKM_.js} +2 -2
  15. package/dist/assets/{30.storybook-BAO0l6SZ.js → 30.storybook-DG4_FgeX.js} +1 -1
  16. package/dist/assets/{40.illustrations.explorer-SD9H4gQS.js → 40.illustrations.explorer-BZO-_C_S.js} +1 -1
  17. package/dist/assets/{90.advanced-CeKbZzoq.js → 90.advanced-Bpafg85K.js} +1 -1
  18. package/dist/assets/AlertDialog-C9BEjgkE.css +1 -0
  19. package/dist/assets/{AlertDialog.stories-CqAVOJ5x.js → AlertDialog.stories-DYP2Qbit.js} +1 -1
  20. package/dist/assets/Avatar-DKsRQl4B.js +6 -0
  21. package/dist/assets/Avatar-HtycGal7.js +1 -0
  22. package/dist/assets/Avatar-L-715hiR.css +1 -0
  23. package/dist/assets/Avatar-M4k3pOBX.css +1 -0
  24. package/dist/assets/{Avatar.stories-DPuesOBK.js → Avatar.stories-D7fst3_7.js} +1 -1
  25. package/dist/assets/AvatarWithStatus-Dz0rSSHl.css +1 -0
  26. package/dist/assets/{AvatarWithStatus.stories-CKhKeqbK.js → AvatarWithStatus.stories-NWE-3XEL.js} +4 -4
  27. package/dist/assets/Badge-Ar4YZCqB.css +1 -0
  28. package/dist/assets/{Badge.stories-BY6I7UQ6.js → Badge.stories-DxY6VuVF.js} +2 -2
  29. package/dist/assets/Box-D1WAKfTQ.css +1 -0
  30. package/dist/assets/Box.stories-DFh_1cIr.js +44 -0
  31. package/dist/assets/{Button-CWNujLtP.js → Button-BOyl6fPv.js} +2 -2
  32. package/dist/assets/Button-BwBS3oEP.css +1 -0
  33. package/dist/assets/Button-DTjBNg_z.js +1 -0
  34. package/dist/assets/{Button-NXZW8cHc.css → Button-P9yXDdEf.css} +1 -1
  35. package/dist/assets/{Button.stories-DUHAAHTV.js → Button.stories-H01CJnTv.js} +1 -1
  36. package/dist/assets/ButtonBase-CndTGqQQ.js +8 -0
  37. package/dist/assets/{ButtonBase-ixkzvA2i.css → ButtonBase-Ddw6v5fn.css} +1 -1
  38. package/dist/assets/Chips-CpylpY14.css +1 -0
  39. package/dist/assets/{Chips.stories-C4g0ajtC.js → Chips.stories-B6Md1MMV.js} +7 -7
  40. package/dist/assets/{Color-YHDXOIA2-n0bEiukQ.js → Color-YHDXOIA2-4GAnzwWB.js} +1 -1
  41. package/dist/assets/Dialog-CNTXsWOb.css +1 -0
  42. package/dist/assets/{Dialog.stories-D74D9Tdn.js → Dialog.stories-C7_Fdl3l.js} +16 -16
  43. package/dist/assets/{DocsRenderer-CFRXHY34-BhNva4nY.js → DocsRenderer-CFRXHY34-DEKaLxr5.js} +1 -1
  44. package/dist/assets/{FieldAdditionalText-BiaO_Yss.js → FieldAdditionalText-BbXsXR5V.js} +1 -1
  45. package/dist/assets/FieldAdditionalText-DbuNvJBg.css +1 -0
  46. package/dist/assets/{FieldAdditionalText.stories-CgNnZYRi.js → FieldAdditionalText.stories-BknKG7pn.js} +1 -1
  47. package/dist/assets/{FieldButton-B_tn3Eq6.css → FieldButton-BJQKm6jT.css} +1 -1
  48. package/dist/assets/{FieldButton-D0MgvwIU.js → FieldButton-CLS4hZRO.js} +1 -1
  49. package/dist/assets/{FieldButton.stories-ChS0IeCP.js → FieldButton.stories-8phtWQab.js} +1 -1
  50. package/dist/assets/FieldLayout-DYbPQFAW.css +1 -0
  51. package/dist/assets/{FieldLayout-BbLKeSmh.js → FieldLayout-nD5R7atd.js} +1 -1
  52. package/dist/assets/{FieldLayout.stories-C5bw8Efg.js → FieldLayout.stories-TOLu2AYc.js} +1 -1
  53. package/dist/assets/FieldLayoutBase-B_B5-cjL.css +1 -0
  54. package/dist/assets/{FieldLayoutBase-DhKLFBcH.js → FieldLayoutBase-Ri_bjseH.js} +3 -3
  55. package/dist/assets/Heading-BIzxWDA5.js +2 -0
  56. package/dist/assets/{Heading-Ba64-F3t.css → Heading-DLvxlILX.css} +1 -1
  57. package/dist/assets/{Heading.stories-D9Zye7km.js → Heading.stories-DVOG4eGs.js} +1 -1
  58. package/dist/assets/Icon-BmtvHdpX.js +8 -0
  59. package/dist/assets/Icon-BqDOhmd9.js +1 -0
  60. package/dist/assets/Icon-CQT2GKoH.css +1 -0
  61. package/dist/assets/Icon-CXX0nf3D.css +1 -0
  62. package/dist/assets/{Icon-RSC-YupbVJQy.js → Icon-RSC-BXbRnWp9.js} +1 -1
  63. package/dist/assets/{Icon.stories-jVWnmDlZ.js → Icon.stories-DLdTr5b7.js} +1 -1
  64. package/dist/assets/{IconButton-C3AcGEY7.js → IconButton-LF952PfZ.js} +2 -2
  65. package/dist/assets/InputText-Dtc7LpKa.js +5 -0
  66. package/dist/assets/{LayoutFlex-D2upWEjL.js → LayoutFlex-Bm8v-QkC.js} +1 -1
  67. package/dist/assets/{LayoutFlex-BOiDmozK.js → LayoutFlex-Cc1D09Ei.js} +1 -1
  68. package/dist/assets/LayoutFlexItem-BYTRwx_X.css +1 -0
  69. package/dist/assets/{LayoutFlexItem-Su5RvuQk.js → LayoutFlexItem-C_JBzaw-.js} +1 -1
  70. package/dist/assets/LayoutGrid-DFWk8NB8.css +1 -0
  71. package/dist/assets/LayoutGrid-IDkxjZN1.js +1 -0
  72. package/dist/assets/LayoutGrid-L_40ixqn.css +1 -0
  73. package/dist/assets/{LayoutGrid.stories-DKw5d1ZE.js → LayoutGrid.stories-DPmEZkN1.js} +3 -3
  74. package/dist/assets/LayoutGridItem-DvV7NvZa.js +1 -0
  75. package/dist/assets/LayoutGridItem-DwNHNpvD.css +1 -0
  76. package/dist/assets/Link-xQTG6qM6.css +1 -0
  77. package/dist/assets/{Link.stories-BSLk0Pem.js → Link.stories-EiMcdLab.js} +5 -5
  78. package/dist/assets/Loader-BasFj5cB.css +1 -0
  79. package/dist/assets/{Loader.stories-DUgJSe87.js → Loader.stories-C9NOJXU_.js} +3 -3
  80. package/dist/assets/NumberField.stories-DpEWh-dT.js +203 -0
  81. package/dist/assets/{ObserveIntersection-D396wl1Z.js → ObserveIntersection-Ccn6ggRl.js} +1 -1
  82. package/dist/assets/{ObserveIntersection.stories-DIe0cEvy.js → ObserveIntersection.stories-CK5RwCMK.js} +1 -1
  83. package/dist/assets/OnboardingTooltip-BUE-a7PJ.css +1 -0
  84. package/dist/assets/{OnboardingTooltip-Bl0XDogf.js → OnboardingTooltip-vUAo9ADZ.js} +1 -1
  85. package/dist/assets/{OnboardingTooltip.stories-B0FIL9CU.js → OnboardingTooltip.stories-doNUnMe7.js} +1 -1
  86. package/dist/assets/{OnboardingTooltip.tests.stories-JJZpRwk6.js → OnboardingTooltip.tests.stories-Bv3lHMu_.js} +1 -1
  87. package/dist/assets/{OnboardingTour-DaxzhhRL.css → OnboardingTour-BJaUVtET.css} +1 -1
  88. package/dist/assets/{OnboardingTour-pR_NmiBL.js → OnboardingTour-i4oFa3CL.js} +1 -1
  89. package/dist/assets/{OnboardingTour.stories--g6PQm9S.js → OnboardingTour.stories-CoOA-ga5.js} +1 -1
  90. package/dist/assets/{OnboardingTour.tests.stories-QS0jiTXB.js → OnboardingTour.tests.stories-Bi99nEGK.js} +1 -1
  91. package/dist/assets/{PasswordField.stories-BPdZcEeu.js → PasswordField.stories-DY5ogILG.js} +3 -3
  92. package/dist/assets/PreplyLogo-D50rvD8_.css +1 -0
  93. package/dist/assets/{PreplyLogo.stories-DyGEUhO3.js → PreplyLogo.stories-D2YUc7Xm.js} +1 -1
  94. package/dist/assets/{ProgressBar-BHaYRC97.css → ProgressBar-BoL6q8Gm.css} +1 -1
  95. package/dist/assets/{ProgressBar.stories-C3Hx8JBS.js → ProgressBar.stories-DQ2un511.js} +1 -1
  96. package/dist/assets/{ProgressSteps-7jb0rnSw.js → ProgressSteps-CSu6U8Oh.js} +1 -1
  97. package/dist/assets/ProgressSteps-oRv75ID6.css +1 -0
  98. package/dist/assets/{ProgressSteps.stories-C4sfVcPt.js → ProgressSteps.stories-CbxKZt-6.js} +1 -1
  99. package/dist/assets/SelectField-DdoXEWJk.css +1 -0
  100. package/dist/assets/{SelectField.stories-C3X-5JHt.js → SelectField.stories-DXrTFOq5.js} +10 -10
  101. package/dist/assets/{ShowOnIntersection.stories-BYz5GE4A.js → ShowOnIntersection.stories-D4B8EpSn.js} +1 -1
  102. package/dist/assets/Spinner-WkRCqqWl.css +1 -0
  103. package/dist/assets/{Spinner-Iaah9nUJ.js → Spinner-Yzq6CWfu.js} +1 -1
  104. package/dist/assets/Steps-Cm49GD2O.css +1 -0
  105. package/dist/assets/{Steps-CfdqlU3Q.js → Steps-Drw_J1pN.js} +1 -1
  106. package/dist/assets/{Steps.stories-D3jWUCfp.js → Steps.stories-BhTfb1un.js} +1 -1
  107. package/dist/assets/Text-BbTAW1HU.js +1 -0
  108. package/dist/assets/Text-V4TRyvtW.js +1 -0
  109. package/dist/assets/{Text-CxaHmdy3.css → Text-rF1Oi742.css} +1 -1
  110. package/dist/assets/{Text.stories-MU-T7clI.js → Text.stories-CRxantTh.js} +1 -1
  111. package/dist/assets/TextField-BzR--15O.js +1 -0
  112. package/dist/assets/TextField-DnBkywp4.css +1 -0
  113. package/dist/assets/{TextField.stories-CXDhM8SN.js → TextField.stories-B6ZiRnD3.js} +1 -1
  114. package/dist/assets/TextHighlighted-Be3VqoqU.js +1 -0
  115. package/dist/assets/TextHighlighted-ctAnMXHo.css +1 -0
  116. package/dist/assets/{TextHighlighted.stories-Db5JA9US.js → TextHighlighted.stories-Ccl1UgGr.js} +1 -1
  117. package/dist/assets/TextInline-zyBsYqm3.css +1 -0
  118. package/dist/assets/{TextInline.stories-DGBhhF71.js → TextInline.stories-DjHRpfFb.js} +3 -3
  119. package/dist/assets/{TextareaField.stories-8FWfbQuv.js → TextareaField.stories-ZPt_wlMP.js} +5 -5
  120. package/dist/assets/Toast-9YYei-H6.css +1 -0
  121. package/dist/assets/{Toast.stories-D7QEZPb5.js → Toast.stories-DKkMHs-Q.js} +2 -2
  122. package/dist/assets/Tooltip-CEXdeSMx.css +1 -0
  123. package/dist/assets/{Tooltip-zv_6ckj2.js → Tooltip-Ct-WqDpg.js} +1 -1
  124. package/dist/assets/{Tooltip.stories-qNBQgLBX.js → Tooltip.stories-BWtp4p6F.js} +1 -1
  125. package/dist/assets/{Tooltip.tests.stories-DdHKI1ve.js → Tooltip.tests.stories-C2PZScD4.js} +1 -1
  126. package/dist/assets/{breakpoints-zK4Z5SKD.js → breakpoints-BHfQdcIJ.js} +1 -1
  127. package/dist/assets/{breakpoints-LpH7GcYD.js → breakpoints-DrPPi6ob.js} +1 -1
  128. package/dist/assets/{breakpoints-DTrgfqbR.js → breakpoints-I4FAlX3-.js} +1 -1
  129. package/dist/assets/{changelog-kNvLUHOz.js → changelog-CHKnz4hf.js} +89 -84
  130. package/dist/assets/{entry-preview-DjAFPLGc.js → entry-preview-CJqbxsdd.js} +1 -1
  131. package/dist/assets/{getTokenVar-BIGy16TO.js → getTokenVar-BX_aqC-A.js} +1 -1
  132. package/dist/assets/{hover-CRiTDNhR.js → hover-BcoRLc18.js} +1 -1
  133. package/dist/assets/{hover-CaTImSM4.js → hover-Bn6tz5Uw.js} +1 -1
  134. package/dist/assets/{hover-p3QJEZw5.js → hover-DNMePSJs.js} +1 -1
  135. package/dist/assets/{iframe-9Hj_MNfh.js → iframe-D0mvSgIL.js} +2 -2
  136. package/dist/assets/{index-BXfuwMTe.js → index-4X0Wd6c1.js} +1 -1
  137. package/dist/assets/{index-DRVMKRNe.js → index-BsQc80lu.js} +3 -3
  138. package/dist/assets/{intro-DzWewgwc.js → intro-CBk5iAA3.js} +1 -1
  139. package/dist/assets/layout-relative-Bqi-eQr9.css +1 -0
  140. package/dist/assets/layout-relative-Brg7nCBe.css +1 -0
  141. package/dist/assets/layout-relative-D1P2Swpw.css +1 -0
  142. package/dist/assets/layout-relative-DFrOiWAE.js +1 -0
  143. package/dist/assets/layout-relative.module-BhIMNlTS-HdwEQarE.js +1 -0
  144. package/dist/assets/layout-relative.module-CDUOJ19G.js +1 -0
  145. package/dist/assets/{migrating-from-less-tN-JFjco.js → migrating-from-less-T5R-NRLP.js} +1 -1
  146. package/dist/assets/playground-pPNOw9Oj.css +1 -0
  147. package/dist/assets/{playground.stories-DMK1ZcmP.js → playground.stories-D2vZb5DU.js} +88 -88
  148. package/dist/assets/{preview-BI7kN1TP.js → preview-BBPbRy6B.js} +2 -2
  149. package/dist/assets/{preview-CvW0gOh5.js → preview-DCKor9oC.js} +1 -1
  150. package/dist/assets/{preview-BCYWUPon.js → preview-Vxjmr8F-.js} +1 -1
  151. package/dist/assets/text-accent-BbDxH1tz.css +1 -0
  152. package/dist/assets/text-accent-C7pEavfl.js +1 -0
  153. package/dist/assets/text-accent-Pc_gtAUU.js +1 -0
  154. package/dist/assets/text-centered-Bf8j8BI4.js +1 -0
  155. package/dist/assets/text-centered-BsBBnlcu.css +1 -0
  156. package/dist/assets/text-centered-CCAvmLGC.css +1 -0
  157. package/dist/assets/text-centered-CEVxj3Ji.js +1 -0
  158. package/dist/assets/{tokens-C0oPORlF.js → tokens-BYJD7edf.js} +1 -1
  159. package/dist/assets/{tokens-kLWqWJLR.js → tokens-ChcQAZih.js} +1 -1
  160. package/dist/assets/{tokens-d5jI-VhO.js → tokens-D0BWg3AW.js} +1 -1
  161. package/dist/assets/{usePortalElement-D3vRKAB1.js → usePortalElement-D8YB8wCj.js} +1 -1
  162. package/dist/assets/{welcome-CvEfK4A3.js → welcome-mZ5KeQa-.js} +1 -1
  163. package/dist/assets/{zeroheight-wKcu_QWZ.js → zeroheight-CLcZK6pE.js} +1 -1
  164. package/dist/iframe.html +1 -1
  165. package/dist/preview-stats.json +1446 -1446
  166. package/dist/project.json +1 -1
  167. package/package.json +3 -3
  168. package/dist/assets/AlertDialog-CNsqqwq6.css +0 -1
  169. package/dist/assets/Avatar-BWVdwHlY.js +0 -6
  170. package/dist/assets/Avatar-BaeMEqzB.js +0 -1
  171. package/dist/assets/Avatar-DELee2ui.css +0 -1
  172. package/dist/assets/Avatar-SizFbjOh.css +0 -1
  173. package/dist/assets/AvatarWithStatus-B8ohNruV.css +0 -1
  174. package/dist/assets/Badge-BTktKAv_.css +0 -1
  175. package/dist/assets/Box-Ci4ycgSn.css +0 -1
  176. package/dist/assets/Box.stories-DF2h791P.js +0 -44
  177. package/dist/assets/Button-Cjld0T4n.css +0 -1
  178. package/dist/assets/Button-itdvNgOg.js +0 -1
  179. package/dist/assets/ButtonBase-CJjNfOwu.js +0 -8
  180. package/dist/assets/Chips-2wQm6zLU.css +0 -1
  181. package/dist/assets/Dialog-BKWHIlGs.css +0 -1
  182. package/dist/assets/FieldAdditionalText-tbMWNWhN.css +0 -1
  183. package/dist/assets/FieldLayout-6dPZQnKP.css +0 -1
  184. package/dist/assets/FieldLayoutBase-_Sj6YO8M.css +0 -1
  185. package/dist/assets/Heading-DcJnmvUa.js +0 -2
  186. package/dist/assets/Icon-BQSXaoh3.css +0 -1
  187. package/dist/assets/Icon-ByBuC1kf.css +0 -1
  188. package/dist/assets/Icon-DbIHupWZ.js +0 -8
  189. package/dist/assets/Icon-pHhBCzBO.js +0 -1
  190. package/dist/assets/InputText-CL5Snaht.js +0 -5
  191. package/dist/assets/LayoutFlexItem-BWKgsCDT.css +0 -1
  192. package/dist/assets/LayoutGrid-BG29rjrt.js +0 -1
  193. package/dist/assets/LayoutGrid-BId9Yglz.css +0 -1
  194. package/dist/assets/LayoutGrid-Cw_n5H21.css +0 -1
  195. package/dist/assets/LayoutGridItem-C-iUb7WL.css +0 -1
  196. package/dist/assets/LayoutGridItem-D5Hb9kQy.js +0 -1
  197. package/dist/assets/Link-LMW4jOcv.css +0 -1
  198. package/dist/assets/Loader-Bx87E7sh.css +0 -1
  199. package/dist/assets/NumberField.stories-DzaH3Pwj.js +0 -203
  200. package/dist/assets/OnboardingTooltip-DceGOXFO.css +0 -1
  201. package/dist/assets/PreplyLogo-DnbCD6MN.css +0 -1
  202. package/dist/assets/ProgressSteps-HPd6w_Nr.css +0 -1
  203. package/dist/assets/SelectField-DMcbwWwy.css +0 -1
  204. package/dist/assets/Spinner-CixbAVEL.css +0 -1
  205. package/dist/assets/Steps-CRCACZIC.css +0 -1
  206. package/dist/assets/Text-i5U7-KMF.js +0 -1
  207. package/dist/assets/Text-nWyCR02l.js +0 -1
  208. package/dist/assets/TextField-CVWDg_y4.css +0 -1
  209. package/dist/assets/TextField-DFm3O-Tl.js +0 -1
  210. package/dist/assets/TextHighlighted-CgBvDnFO.css +0 -1
  211. package/dist/assets/TextHighlighted-LVoJ79mt.js +0 -1
  212. package/dist/assets/TextInline-BWC2_5IX.css +0 -1
  213. package/dist/assets/Toast-BrvHWUik.css +0 -1
  214. package/dist/assets/Tooltip-xWfAzqNZ.css +0 -1
  215. package/dist/assets/layout-relative-BCl7bwOR.css +0 -1
  216. package/dist/assets/layout-relative-DIZ6zNub.css +0 -1
  217. package/dist/assets/layout-relative-PI7LimOc.css +0 -1
  218. package/dist/assets/layout-relative-UGlXPWqj.js +0 -1
  219. package/dist/assets/layout-relative.module-C63T27Fr.js +0 -1
  220. package/dist/assets/layout-relative.module-DIaUqnvq-DH_OPu7E.js +0 -1
  221. package/dist/assets/playground-D77Ee-EK.css +0 -1
  222. package/dist/assets/text-accent-BBah0rth.js +0 -1
  223. package/dist/assets/text-accent-BMdpzlaC.js +0 -1
  224. package/dist/assets/text-accent-Co1hrpvA.css +0 -1
  225. package/dist/assets/text-centered-DWGGTNIZ.css +0 -1
  226. package/dist/assets/text-centered-NqfVCsvd.css +0 -1
  227. package/dist/assets/text-centered-VuFsr_qt.js +0 -1
  228. package/dist/assets/text-centered-gMYE7PWw.js +0 -1
@@ -1,4 +1,4 @@
1
- import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{r as U}from"./index-Cb9e4tly.js";import{a as g}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{u as X,w as M,e as P}from"./index-BVDq5o4N.js";import{F as Z,a as ee}from"./TokyoUIUser-Hwg3-lyt.js";import{F as re}from"./FieldButton-D0MgvwIU.js";import{I as te}from"./Icon-DbIHupWZ.js";import{I as ae}from"./InputText-CL5Snaht.js";import{F as h}from"./FieldLayout-BbLKeSmh.js";import{B as Q}from"./Button-CWNujLtP.js";import{T as oe}from"./Text-nWyCR02l.js";import{u as se}from"./useForcedRef--iGFM41p.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./classNames-BUL1Zq7e.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Bwls0I02.js";import"./text-accent-BMdpzlaC.js";import"./render-icon-BT0Aq7PA.js";import"./defaults-B1rzzf6M.js";import"./FieldLayoutBase-DhKLFBcH.js";import"./FieldAdditionalText-BiaO_Yss.js";import"./constants-DL6gdbsq.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-B1DLZQ1U.js";import"./ButtonBase-CJjNfOwu.js";import"./Spinner-Iaah9nUJ.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./text-centered-VuFsr_qt.js";const Ne={title:"components/FieldLayout",component:h,args:{onClick:g("onClick")},render:function(t){const a=U.useRef(null),o=se();return t.ref=a,r.jsx(h,{...t,id:"full-name",label:"Full name",icon:r.jsx(te,{svg:ee,label:"The hat"}),input:r.jsx(ae,{type:"text",id:"full-name-input",ref:o,placeholder:"John Smith",disabled:t.disabled,dataset:{testid:"input"}}),inputHandle:o.current,button:r.jsx(re,{svg:Z,assistiveText:"Do the thing",onClick:g("button clicked")})})}},s={},n={args:{additionalText:"This is additional text"}},i={args:{required:!0}},c={args:{required:!0,requiredLabel:r.jsx(oe,{accent:"critical",variant:"m-bold",children:"Needed"})}},p={args:{hideLabel:!0}},d={args:{isFocused:!0}},u={args:{hasError:!0}},l={args:{disabled:!0}},m={decorators:[(e,{args:t})=>r.jsxs("div",{style:{padding:"8px",margin:"8px"},children:[r.jsxs("p",{children:["You can"," ",r.jsx(Q,{variant:"secondary",dataset:{testid:"focus-button"},onClick:()=>{var a,o;return(o=(a=t.ref)==null?void 0:a.current)==null?void 0:o.setFocus()},children:"Focus"})," ","the input imperatively."]}),r.jsx(e,{})]})],play:async({args:e,canvas:t})=>{if(!x(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const a=t.getByTestId("input");await X.click(t.getByTestId("focus-button")),await M(()=>P(a).toHaveFocus())}},f={decorators:[(e,{args:t})=>r.jsxs("div",{style:{height:"300px",overflow:"scroll",padding:"8px",margin:"8px"},children:[r.jsxs("p",{children:["You can"," ",r.jsx(Q,{variant:"secondary",dataset:{testid:"scroll-button"},onClick:()=>{if(!x(t.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");t.ref.current.scrollIntoView()},children:"Scroll"})," ","the input into view imperatively."]}),r.jsx("div",{style:{height:"1000px",display:"flex",flexDirection:"column",justifyContent:"end",border:"2px dashed lightgray",padding:"16px"},children:r.jsx(e,{})})]})],play:async({args:e,canvas:t})=>{if(!x(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const a=t.getByTestId("input");e.ref.current.scrollIntoView(),await M(()=>P(a).toBeVisible())}};function x(e){return typeof e=="object"&&e!==null&&"current"in e&&e.current!==null&&typeof e.current=="object"&&"setFocus"in e.current}var v,y,b;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(b=(y=s.parameters)==null?void 0:y.docs)==null?void 0:b.source}}};var I,w,F;n.parameters={...n.parameters,docs:{...(I=n.parameters)==null?void 0:I.docs,source:{originalSource:`{
1
+ import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{r as U}from"./index-Cb9e4tly.js";import{a as g}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{u as X,w as M,e as P}from"./index-BVDq5o4N.js";import{F as Z,a as ee}from"./TokyoUIUser-Hwg3-lyt.js";import{F as re}from"./FieldButton-CLS4hZRO.js";import{I as te}from"./Icon-BmtvHdpX.js";import{I as ae}from"./InputText-Dtc7LpKa.js";import{F as h}from"./FieldLayout-nD5R7atd.js";import{B as Q}from"./Button-BOyl6fPv.js";import{T as oe}from"./Text-V4TRyvtW.js";import{u as se}from"./useForcedRef--iGFM41p.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./classNames-BUL1Zq7e.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Bwls0I02.js";import"./text-accent-Pc_gtAUU.js";import"./render-icon-BT0Aq7PA.js";import"./defaults-B1rzzf6M.js";import"./FieldLayoutBase-Ri_bjseH.js";import"./FieldAdditionalText-BbXsXR5V.js";import"./constants-DL6gdbsq.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-B1DLZQ1U.js";import"./ButtonBase-CndTGqQQ.js";import"./Spinner-Yzq6CWfu.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./text-centered-Bf8j8BI4.js";const Ne={title:"components/FieldLayout",component:h,args:{onClick:g("onClick")},render:function(t){const a=U.useRef(null),o=se();return t.ref=a,r.jsx(h,{...t,id:"full-name",label:"Full name",icon:r.jsx(te,{svg:ee,label:"The hat"}),input:r.jsx(ae,{type:"text",id:"full-name-input",ref:o,placeholder:"John Smith",disabled:t.disabled,dataset:{testid:"input"}}),inputHandle:o.current,button:r.jsx(re,{svg:Z,assistiveText:"Do the thing",onClick:g("button clicked")})})}},s={},n={args:{additionalText:"This is additional text"}},i={args:{required:!0}},c={args:{required:!0,requiredLabel:r.jsx(oe,{accent:"critical",variant:"m-bold",children:"Needed"})}},p={args:{hideLabel:!0}},d={args:{isFocused:!0}},u={args:{hasError:!0}},l={args:{disabled:!0}},m={decorators:[(e,{args:t})=>r.jsxs("div",{style:{padding:"8px",margin:"8px"},children:[r.jsxs("p",{children:["You can"," ",r.jsx(Q,{variant:"secondary",dataset:{testid:"focus-button"},onClick:()=>{var a,o;return(o=(a=t.ref)==null?void 0:a.current)==null?void 0:o.setFocus()},children:"Focus"})," ","the input imperatively."]}),r.jsx(e,{})]})],play:async({args:e,canvas:t})=>{if(!x(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const a=t.getByTestId("input");await X.click(t.getByTestId("focus-button")),await M(()=>P(a).toHaveFocus())}},f={decorators:[(e,{args:t})=>r.jsxs("div",{style:{height:"300px",overflow:"scroll",padding:"8px",margin:"8px"},children:[r.jsxs("p",{children:["You can"," ",r.jsx(Q,{variant:"secondary",dataset:{testid:"scroll-button"},onClick:()=>{if(!x(t.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");t.ref.current.scrollIntoView()},children:"Scroll"})," ","the input into view imperatively."]}),r.jsx("div",{style:{height:"1000px",display:"flex",flexDirection:"column",justifyContent:"end",border:"2px dashed lightgray",padding:"16px"},children:r.jsx(e,{})})]})],play:async({args:e,canvas:t})=>{if(!x(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const a=t.getByTestId("input");e.ref.current.scrollIntoView(),await M(()=>P(a).toBeVisible())}};function x(e){return typeof e=="object"&&e!==null&&"current"in e&&e.current!==null&&typeof e.current=="object"&&"setFocus"in e.current}var v,y,b;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(b=(y=s.parameters)==null?void 0:y.docs)==null?void 0:b.source}}};var I,w,F;n.parameters={...n.parameters,docs:{...(I=n.parameters)==null?void 0:I.docs,source:{originalSource:`{
2
2
  args: {
3
3
  additionalText: 'This is additional text'
4
4
  }
@@ -0,0 +1 @@
1
+ ._InputText_1bqb5_4,._InputPassword_1bqb5_11,._InputDate_1bqb5_18,._InputTime_1bqb5_25,._InputNumber_1bqb5_32,._Textarea_1bqb5_39{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._Textarea--resize-none_1bqb5_46{resize:none}._Textarea--resize-vertical_1bqb5_49{resize:vertical}._Textarea--resize-horizontal_1bqb5_52{resize:horizontal}._Textarea--resize-both_1bqb5_55{resize:both}._Checkbox_1bqb5_58,._Radio_1bqb5_61{display:inline-block}._Select_1bqb5_64{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._FieldLabel_kuzrl_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);color:var(--e41135);font-size:var(--343d89);font-weight:var(--b44390);line-height:var(--360264);letter-spacing:var(--b8c41f);font-style:var(--0ab3be);display:flex;gap:var(--6947b0);max-width:max-content}._FieldLabel--wrap_kuzrl_19{display:inline}._FieldLabel--wrapGap_kuzrl_22{width:var(--6947b0);display:inline-block}._FieldLabel--required_kuzrl_26{display:flex;gap:var(--6947b0);color:var(--3d280d)}._FieldLabel--hide_kuzrl_31{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}._FieldLayoutBase_8c6u6_2{display:flex;flex-direction:column;gap:var(--6947b0)}._FieldLayoutBase_8c6u6_2 input,._FieldLayoutBase_8c6u6_2 textarea{display:block;width:100%}
@@ -1,12 +1,12 @@
1
- import{j as u}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Cb9e4tly.js";import{a as B,g as H,b as z}from"./useForcedRef--iGFM41p.js";import{g as N}from"./index-DdzHuZ-Y.js";import{F as S}from"./FieldAdditionalText-BiaO_Yss.js";import"./index-D1pfvbUR.js";import{m as T,b as I,a as D}from"./classNames-BUL1Zq7e.js";import{M as A}from"./message-B1DLZQ1U.js";const F={textarea:"textarea",select:"select"},M=()=>{},K=(e,a)=>{const{type:l,id:n,name:t,className:r,onChange:i,onFocus:d,onBlur:v,onClick:f,onKeyDown:y,onKeyUp:b,onCopy:_,onPaste:q,required:E,readOnly:p,disabled:c,dataset:h,preplyDsComponent:V}=e,s=m.useRef(null);m.useImperativeHandle(a,()=>({setFocus:()=>{var o;return(o=s.current)==null?void 0:o.focus()},scrollIntoView:()=>{var o;return(o=s.current)==null?void 0:o.scrollIntoView()}}));const j=B({disabled:c,captureChildEvents:!0,onBlur:v,onFocus:d}),x=F[l]||"input",k=x===l in F?void 0:l,P={...{ref:s,type:k,id:n,name:t,className:r,...j,onChange:i||M,onClick:f,onKeyDown:y,onKeyUp:b,onCopy:_,onPaste:q,required:E,readOnly:p,disabled:c},...z(e),...N(h,{preplyDsComponent:V}),...H(e)};return u.jsx(x,{...P,ref:s})},R=m.forwardRef(K);try{R.displayName="InputBase",R.__docgenInfo={description:"",displayName:"InputBase",props:{type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"number"'},{value:'"url"'},{value:'"search"'},{value:'"text"'},{value:'"email"'},{value:'"tel"'},{value:'"password"'},{value:'"date"'},{value:'"time"'},{value:'"select"'},{value:'"textarea"'},{value:'"checkbox"'},{value:'"radio"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"name"'},{value:'"off"'},{value:'"new-password"'},{value:'"current-password"'},{value:'"email"'},{value:'"tel"'},{value:'"on"'},{value:'"username"'},{value:'"language"'}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
1
+ import{j as u}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Cb9e4tly.js";import{a as B,g as z,b as H}from"./useForcedRef--iGFM41p.js";import{g as N}from"./index-DdzHuZ-Y.js";import{F as S}from"./FieldAdditionalText-BbXsXR5V.js";import"./index-D1pfvbUR.js";import{m as T,b as F,a as D}from"./classNames-BUL1Zq7e.js";import{M as A}from"./message-B1DLZQ1U.js";const w={textarea:"textarea",select:"select"},M=()=>{},K=(e,a)=>{const{type:l,id:n,name:t,className:r,onChange:i,onFocus:d,onBlur:v,onClick:f,onKeyDown:y,onKeyUp:b,onCopy:q,onPaste:_,required:x,readOnly:p,disabled:c,dataset:h,preplyDsComponent:V}=e,s=m.useRef(null);m.useImperativeHandle(a,()=>({setFocus:()=>{var o;return(o=s.current)==null?void 0:o.focus()},scrollIntoView:()=>{var o;return(o=s.current)==null?void 0:o.scrollIntoView()}}));const j=B({disabled:c,captureChildEvents:!0,onBlur:v,onFocus:d}),I=w[l]||"input",k=I===l in w?void 0:l,P={...{ref:s,type:k,id:n,name:t,className:r,...j,onChange:i||M,onClick:f,onKeyDown:y,onKeyUp:b,onCopy:q,onPaste:_,required:x,readOnly:p,disabled:c},...H(e),...N(h,{preplyDsComponent:V}),...z(e)};return u.jsx(I,{...P,ref:s})},R=m.forwardRef(K);try{R.displayName="InputBase",R.__docgenInfo={description:"",displayName:"InputBase",props:{type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"number"'},{value:'"text"'},{value:'"url"'},{value:'"search"'},{value:'"select"'},{value:'"textarea"'},{value:'"time"'},{value:'"email"'},{value:'"tel"'},{value:'"password"'},{value:'"date"'},{value:'"checkbox"'},{value:'"radio"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"name"'},{value:'"off"'},{value:'"new-password"'},{value:'"current-password"'},{value:'"email"'},{value:'"tel"'},{value:'"on"'},{value:'"username"'},{value:'"language"'}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
2
2
  @see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
3
3
  @see aria-hidden
4
4
  @see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
5
5
  @see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},preplyDsComponent:{defaultValue:null,description:`@deprecated preplyDsComponent is meant for internal Design SYstem use only!!
6
- @see getDatasetProps`,name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"string"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"enum",value:[{value:"number"}]}},resize:{defaultValue:null,description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"vertical"'},{value:'"horizontal"'},{value:'"both"'}]}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"enum",value:[{value:"string"}]}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"enum",value:[{value:"string"}]}},checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}function be(e,a,l,n=[]){return m.useMemo(()=>{if(!(!a&&!l))return t=>{a==null||a(t);const r=e(t);l==null||l(r)}},[a,l,...n])}const O="_InputText_7pwbu_4",U="_InputPassword_7pwbu_11",G="_InputDate_7pwbu_18",J="_InputTime_7pwbu_25",X="_InputNumber_7pwbu_32",$="_Textarea_7pwbu_39",Y="_Checkbox_7pwbu_58",Q="_Radio_7pwbu_61",W="_Select_7pwbu_64",_e={InputText:O,InputPassword:U,InputDate:G,InputTime:J,InputNumber:X,Textarea:$,"Textarea--resize-none":"_Textarea--resize-none_7pwbu_46","Textarea--resize-vertical":"_Textarea--resize-vertical_7pwbu_49","Textarea--resize-horizontal":"_Textarea--resize-horizontal_7pwbu_52","Textarea--resize-both":"_Textarea--resize-both_7pwbu_55",Checkbox:Y,Radio:Q,Select:W},Z="_FieldLabel_1aa2k_4",L={FieldLabel:Z,"FieldLabel--wrap":"_FieldLabel--wrap_1aa2k_19","FieldLabel--wrapGap":"_FieldLabel--wrapGap_1aa2k_22","FieldLabel--required":"_FieldLabel--required_1aa2k_26","FieldLabel--hide":"_FieldLabel--hide_1aa2k_31"},w="FieldLabel",ee="•",ae=u.jsx(A,{id:"preply-ds.fieldLabel.required",defaultMessage:"Required",description:"Form field required label"}),le=({label:e=ae})=>{const a=D(L,w,["required"]);return u.jsxs("span",{className:a.join(" "),children:[u.jsx("span",{children:ee}),u.jsx("span",{children:e})]})},ue=()=>{const e=D(L,w,["wrapGap"]);return u.jsx("span",{className:e.join(" ")})},g=({id:e,label:a,hideLabel:l,wrapLabel:n=!1,required:t,requiredLabel:r})=>{const i=T(L,w,[I("hide",void 0,l),I("wrap",void 0,n)]);return u.jsxs("label",{htmlFor:e,className:i.join(" "),children:[a,n&&u.jsx(ue,{}),t&&u.jsx(le,{label:r})]})};try{g.displayName="FieldLabel",g.__docgenInfo={description:"",displayName:"FieldLabel",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},label:{defaultValue:{value:`(
6
+ @see getDatasetProps`,name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"string"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"enum",value:[{value:"number"}]}},resize:{defaultValue:null,description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"vertical"'},{value:'"horizontal"'},{value:'"both"'}]}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"enum",value:[{value:"string"}]}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"enum",value:[{value:"string"}]}},checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}function be(e,a,l,n=[]){return m.useMemo(()=>{if(!(!a&&!l))return t=>{a==null||a(t);const r=e(t);l==null||l(r)}},[a,l,...n])}const O="_InputText_1bqb5_4",U="_InputPassword_1bqb5_11",G="_InputDate_1bqb5_18",J="_InputTime_1bqb5_25",X="_InputNumber_1bqb5_32",$="_Textarea_1bqb5_39",Y="_Checkbox_1bqb5_58",Q="_Radio_1bqb5_61",W="_Select_1bqb5_64",qe={InputText:O,InputPassword:U,InputDate:G,InputTime:J,InputNumber:X,Textarea:$,"Textarea--resize-none":"_Textarea--resize-none_1bqb5_46","Textarea--resize-vertical":"_Textarea--resize-vertical_1bqb5_49","Textarea--resize-horizontal":"_Textarea--resize-horizontal_1bqb5_52","Textarea--resize-both":"_Textarea--resize-both_1bqb5_55",Checkbox:Y,Radio:Q,Select:W},Z="_FieldLabel_kuzrl_4",L={FieldLabel:Z,"FieldLabel--wrap":"_FieldLabel--wrap_kuzrl_19","FieldLabel--wrapGap":"_FieldLabel--wrapGap_kuzrl_22","FieldLabel--required":"_FieldLabel--required_kuzrl_26","FieldLabel--hide":"_FieldLabel--hide_kuzrl_31"},E="FieldLabel",ee="•",ae=u.jsx(A,{id:"preply-ds.fieldLabel.required",defaultMessage:"Required",description:"Form field required label"}),le=({label:e=ae})=>{const a=D(L,E,["required"]);return u.jsxs("span",{className:a.join(" "),children:[u.jsx("span",{children:ee}),u.jsx("span",{children:e})]})},ue=()=>{const e=D(L,E,["wrapGap"]);return u.jsx("span",{className:e.join(" ")})},g=({id:e,label:a,hideLabel:l,wrapLabel:n=!1,required:t,requiredLabel:r})=>{const i=T(L,E,[F("hide",void 0,l),F("wrap",void 0,n)]);return u.jsxs("label",{htmlFor:e,className:i.join(" "),children:[a,n&&u.jsx(ue,{}),t&&u.jsx(le,{label:r})]})};try{g.displayName="FieldLabel",g.__docgenInfo={description:"",displayName:"FieldLabel",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},label:{defaultValue:{value:`(
7
7
  <FormattedMessage
8
8
  id="preply-ds.fieldLabel.required"
9
9
  defaultMessage="Required"
10
10
  description="Form field required label"
11
11
  />
12
- )`},description:"",name:"label",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:{value:"false"},description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}}}}}catch{}const ne="_FieldLayoutBase_1retl_2",te={FieldLayoutBase:ne},re="FieldLayoutBase",se=({id:e,className:a,label:l,hideLabel:n,wrapLabel:t=!1,required:r,requiredLabel:i,additionalText:d,preserveSpace:v,hasError:f,dataset:y,children:b,preplyDsComponent:_},q)=>{const p=[...T(te,re)];a&&p.push(a);const c={className:p.join(" "),...N(y,{preplyDsComponent:_})},h={id:e,label:l,hideLabel:n,wrapLabel:t,required:r,requiredLabel:i},V=!d&&v?u.jsx("span",{children:" "}):void 0,s=f?"error":"normal";return u.jsxs("div",{...c,ref:q,children:[u.jsx(g,{...h}),b,d&&u.jsx(S,{id:`${e}-desc`,variant:s,children:d}),V]})},C=m.forwardRef(se);try{C.displayName="FieldLayoutBase",C.__docgenInfo={description:"",displayName:"FieldLayoutBase",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:{value:"false"},description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isFocused:{defaultValue:null,description:"",name:"isFocused",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isTouched:{defaultValue:null,description:"",name:"isTouched",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isChanged:{defaultValue:null,description:"",name:"isChanged",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasValue:{defaultValue:null,description:"",name:"hasValue",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"string"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLDivElement | null) => void"},{value:"RefObject<HTMLDivElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{C as F,R as I,_e as s,be as u};
12
+ )`},description:"",name:"label",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:{value:"false"},description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}}}}}catch{}const ne="_FieldLayoutBase_8c6u6_2",te={FieldLayoutBase:ne},re="FieldLayoutBase",se=({id:e,className:a,label:l,hideLabel:n,wrapLabel:t=!1,required:r,requiredLabel:i,additionalText:d,preserveSpace:v,hasError:f,dataset:y,children:b,preplyDsComponent:q},_)=>{const p=[...T(te,re)];a&&p.push(a);const c={className:p.join(" "),...N(y,{preplyDsComponent:q})},h={id:e,label:l,hideLabel:n,wrapLabel:t,required:r,requiredLabel:i},V=!d&&v?u.jsx("span",{children:" "}):void 0,s=f?"error":"normal";return u.jsxs("div",{...c,ref:_,children:[u.jsx(g,{...h}),b,d&&u.jsx(S,{id:`${e}-desc`,variant:s,children:d}),V]})},C=m.forwardRef(se);try{C.displayName="FieldLayoutBase",C.__docgenInfo={description:"",displayName:"FieldLayoutBase",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:{value:"false"},description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isFocused:{defaultValue:null,description:"",name:"isFocused",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isTouched:{defaultValue:null,description:"",name:"isTouched",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isChanged:{defaultValue:null,description:"",name:"isChanged",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasValue:{defaultValue:null,description:"",name:"hasValue",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"string"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLDivElement | null) => void"},{value:"RefObject<HTMLDivElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{C as F,R as I,qe as s,be as u};
@@ -0,0 +1,2 @@
1
+ import{j as x}from"./jsx-runtime-BTJTZTIL.js";import{r as b}from"./index-Cb9e4tly.js";import{g as C,a as L}from"./text-accent-Pc_gtAUU.js";import{g as N}from"./text-centered-Bf8j8BI4.js";import{f as V}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as q,s as T,b as R}from"./classNames-BUL1Zq7e.js";import{w as i}from"./componentNames-Bwls0I02.js";import{g as k}from"./index-DdzHuZ-Y.js";const D="_Heading_17lu6_4",j={Heading:D,"Heading--level-h1-normal":"_Heading--level-h1-normal_17lu6_11","Heading--level-h1-large":"_Heading--level-h1-large_17lu6_17","Heading--level-h2-normal":"_Heading--level-h2-normal_17lu6_23","Heading--level-h2-large":"_Heading--level-h2-large_17lu6_29","Heading--level-h3-normal":"_Heading--level-h3-normal_17lu6_35","Heading--level-h3-large":"_Heading--level-h3-large_17lu6_41","Heading--level-h4-normal":"_Heading--level-h4-normal_17lu6_47","Heading--level-h4-large":"_Heading--level-h4-large_17lu6_53","Heading--level-h5-normal":"_Heading--level-h5-normal_17lu6_59","Heading--level-h5-large":"_Heading--level-h5-large_17lu6_65","Heading--narrow-l--level-h1-normal":"_Heading--narrow-l--level-h1-normal_17lu6_72","Heading--narrow-l--level-h1-large":"_Heading--narrow-l--level-h1-large_17lu6_78","Heading--narrow-l--level-h2-normal":"_Heading--narrow-l--level-h2-normal_17lu6_84","Heading--narrow-l--level-h2-large":"_Heading--narrow-l--level-h2-large_17lu6_90","Heading--narrow-l--level-h3-normal":"_Heading--narrow-l--level-h3-normal_17lu6_96","Heading--narrow-l--level-h3-large":"_Heading--narrow-l--level-h3-large_17lu6_102","Heading--narrow-l--level-h4-normal":"_Heading--narrow-l--level-h4-normal_17lu6_108","Heading--narrow-l--level-h4-large":"_Heading--narrow-l--level-h4-large_17lu6_114","Heading--narrow-l--level-h5-normal":"_Heading--narrow-l--level-h5-normal_17lu6_120","Heading--narrow-l--level-h5-large":"_Heading--narrow-l--level-h5-large_17lu6_126","Heading--medium-s--level-h1-normal":"_Heading--medium-s--level-h1-normal_17lu6_134","Heading--medium-s--level-h1-large":"_Heading--medium-s--level-h1-large_17lu6_140","Heading--medium-s--level-h2-normal":"_Heading--medium-s--level-h2-normal_17lu6_146","Heading--medium-s--level-h2-large":"_Heading--medium-s--level-h2-large_17lu6_152","Heading--medium-s--level-h3-normal":"_Heading--medium-s--level-h3-normal_17lu6_158","Heading--medium-s--level-h3-large":"_Heading--medium-s--level-h3-large_17lu6_164","Heading--medium-s--level-h4-normal":"_Heading--medium-s--level-h4-normal_17lu6_170","Heading--medium-s--level-h4-large":"_Heading--medium-s--level-h4-large_17lu6_176","Heading--medium-s--level-h5-normal":"_Heading--medium-s--level-h5-normal_17lu6_182","Heading--medium-s--level-h5-large":"_Heading--medium-s--level-h5-large_17lu6_188","Heading--medium-l--level-h1-normal":"_Heading--medium-l--level-h1-normal_17lu6_196","Heading--medium-l--level-h1-large":"_Heading--medium-l--level-h1-large_17lu6_202","Heading--medium-l--level-h2-normal":"_Heading--medium-l--level-h2-normal_17lu6_208","Heading--medium-l--level-h2-large":"_Heading--medium-l--level-h2-large_17lu6_214","Heading--medium-l--level-h3-normal":"_Heading--medium-l--level-h3-normal_17lu6_220","Heading--medium-l--level-h3-large":"_Heading--medium-l--level-h3-large_17lu6_226","Heading--medium-l--level-h4-normal":"_Heading--medium-l--level-h4-normal_17lu6_232","Heading--medium-l--level-h4-large":"_Heading--medium-l--level-h4-large_17lu6_238","Heading--medium-l--level-h5-normal":"_Heading--medium-l--level-h5-normal_17lu6_244","Heading--medium-l--level-h5-large":"_Heading--medium-l--level-h5-large_17lu6_250","Heading--wide-s--level-h1-normal":"_Heading--wide-s--level-h1-normal_17lu6_258","Heading--wide-s--level-h1-large":"_Heading--wide-s--level-h1-large_17lu6_264","Heading--wide-s--level-h2-normal":"_Heading--wide-s--level-h2-normal_17lu6_270","Heading--wide-s--level-h2-large":"_Heading--wide-s--level-h2-large_17lu6_276","Heading--wide-s--level-h3-normal":"_Heading--wide-s--level-h3-normal_17lu6_282","Heading--wide-s--level-h3-large":"_Heading--wide-s--level-h3-large_17lu6_288","Heading--wide-s--level-h4-normal":"_Heading--wide-s--level-h4-normal_17lu6_294","Heading--wide-s--level-h4-large":"_Heading--wide-s--level-h4-large_17lu6_300","Heading--wide-s--level-h5-normal":"_Heading--wide-s--level-h5-normal_17lu6_306","Heading--wide-s--level-h5-large":"_Heading--wide-s--level-h5-large_17lu6_312","Heading--wide-l--level-h1-normal":"_Heading--wide-l--level-h1-normal_17lu6_320","Heading--wide-l--level-h1-large":"_Heading--wide-l--level-h1-large_17lu6_326","Heading--wide-l--level-h2-normal":"_Heading--wide-l--level-h2-normal_17lu6_332","Heading--wide-l--level-h2-large":"_Heading--wide-l--level-h2-large_17lu6_338","Heading--wide-l--level-h3-normal":"_Heading--wide-l--level-h3-normal_17lu6_344","Heading--wide-l--level-h3-large":"_Heading--wide-l--level-h3-large_17lu6_350","Heading--wide-l--level-h4-normal":"_Heading--wide-l--level-h4-normal_17lu6_356","Heading--wide-l--level-h4-large":"_Heading--wide-l--level-h4-large_17lu6_362","Heading--wide-l--level-h5-normal":"_Heading--wide-l--level-h5-normal_17lu6_368","Heading--wide-l--level-h5-large":"_Heading--wide-l--level-h5-large_17lu6_374","Heading--variant-massive":"_Heading--variant-massive_17lu6_381","Heading--variant-huge":"_Heading--variant-huge_17lu6_387","Heading--variant-extraLarge":"_Heading--variant-extraLarge_17lu6_393","Heading--variant-large":"_Heading--variant-large_17lu6_399","Heading--variant-medium":"_Heading--variant-medium_17lu6_405","Heading--variant-small":"_Heading--variant-small_17lu6_411","Heading--narrow-l--variant-massive":"_Heading--narrow-l--variant-massive_17lu6_418","Heading--narrow-l--variant-huge":"_Heading--narrow-l--variant-huge_17lu6_424","Heading--narrow-l--variant-extraLarge":"_Heading--narrow-l--variant-extraLarge_17lu6_430","Heading--narrow-l--variant-large":"_Heading--narrow-l--variant-large_17lu6_436","Heading--narrow-l--variant-medium":"_Heading--narrow-l--variant-medium_17lu6_442","Heading--narrow-l--variant-small":"_Heading--narrow-l--variant-small_17lu6_448","Heading--medium-s--variant-massive":"_Heading--medium-s--variant-massive_17lu6_456","Heading--medium-s--variant-huge":"_Heading--medium-s--variant-huge_17lu6_462","Heading--medium-s--variant-extraLarge":"_Heading--medium-s--variant-extraLarge_17lu6_468","Heading--medium-s--variant-large":"_Heading--medium-s--variant-large_17lu6_474","Heading--medium-s--variant-medium":"_Heading--medium-s--variant-medium_17lu6_480","Heading--medium-s--variant-small":"_Heading--medium-s--variant-small_17lu6_486","Heading--medium-l--variant-massive":"_Heading--medium-l--variant-massive_17lu6_494","Heading--medium-l--variant-huge":"_Heading--medium-l--variant-huge_17lu6_500","Heading--medium-l--variant-extraLarge":"_Heading--medium-l--variant-extraLarge_17lu6_506","Heading--medium-l--variant-large":"_Heading--medium-l--variant-large_17lu6_512","Heading--medium-l--variant-medium":"_Heading--medium-l--variant-medium_17lu6_518","Heading--medium-l--variant-small":"_Heading--medium-l--variant-small_17lu6_524","Heading--wide-s--variant-massive":"_Heading--wide-s--variant-massive_17lu6_532","Heading--wide-s--variant-huge":"_Heading--wide-s--variant-huge_17lu6_538","Heading--wide-s--variant-extraLarge":"_Heading--wide-s--variant-extraLarge_17lu6_544","Heading--wide-s--variant-large":"_Heading--wide-s--variant-large_17lu6_550","Heading--wide-s--variant-medium":"_Heading--wide-s--variant-medium_17lu6_556","Heading--wide-s--variant-small":"_Heading--wide-s--variant-small_17lu6_562","Heading--wide-l--variant-massive":"_Heading--wide-l--variant-massive_17lu6_570","Heading--wide-l--variant-huge":"_Heading--wide-l--variant-huge_17lu6_576","Heading--wide-l--variant-extraLarge":"_Heading--wide-l--variant-extraLarge_17lu6_582","Heading--wide-l--variant-large":"_Heading--wide-l--variant-large_17lu6_588","Heading--wide-l--variant-medium":"_Heading--wide-l--variant-medium_17lu6_594","Heading--wide-l--variant-small":"_Heading--wide-l--variant-small_17lu6_600"},r=b.forwardRef(function({children:u,variant:a,accent:l,level:e,large:g=!1,tag:m,color:n,centered:v,dataset:_,id:t,...s},o){const H=m||e||"h1",h=q(j,i.Heading,a?T("variant",a):R(`level-${e}-large`,`level-${e}-normal`,g)),w=N(v),c=C(!(l?void 0:n),l),p=L(n),f=["preply-ds-heading",...h,...w,...c,...p],y={...V(s),className:f.join(" "),...k(_,{preplyDsComponent:i.Heading}),id:t,ref:o};return x.jsx(H,{...y,children:u})});try{r.displayName="Heading",r.__docgenInfo={description:"",displayName:"Heading",props:{strong:{defaultValue:null,description:"@deprecated The appropriate `font-weight` is automatically set",name:"strong",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"disabled"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"inverted"'},{value:'"selected"'},{value:'"accent"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"branded"'},{value:'"error"'}]}},color:{defaultValue:null,description:"@deprecated Use `accent` instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},centered:{defaultValue:null,description:"",name:"centered",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:'"massive"'},{value:'"huge"'},{value:'"extraLarge"'},{value:"ResponsiveProp<HeadingVariant>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"p"'},{value:'"div"'},{value:'"span"'}]}},level:{defaultValue:null,description:"@deprecated Use `variant` instead\n@deprecated Use `variant` instead",name:"level",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'}]}},large:{defaultValue:{value:"false"},description:`@deprecated There is no large version in Tokyo UI.
2
+ @deprecated There is no large version in Tokyo UI.`,name:"large",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLHeadingElement | null) => void"},{value:"RefObject<HTMLHeadingElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{r as H};
@@ -1 +1 @@
1
- ._Heading_1ucgn_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);margin:0}._Heading--level-h1-normal_1ucgn_11{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--level-h1-large_1ucgn_17{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--level-h2-normal_1ucgn_23{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--level-h2-large_1ucgn_29{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--level-h3-normal_1ucgn_35{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--level-h3-large_1ucgn_41{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--level-h4-normal_1ucgn_47{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--level-h4-large_1ucgn_53{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--level-h5-normal_1ucgn_59{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--level-h5-large_1ucgn_65{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}@media (min-width: 400px){._Heading--narrow-l--level-h1-normal_1ucgn_72{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--narrow-l--level-h1-large_1ucgn_78{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--narrow-l--level-h2-normal_1ucgn_84{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--narrow-l--level-h2-large_1ucgn_90{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--narrow-l--level-h3-normal_1ucgn_96{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--narrow-l--level-h3-large_1ucgn_102{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--narrow-l--level-h4-normal_1ucgn_108{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--narrow-l--level-h4-large_1ucgn_114{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--narrow-l--level-h5-normal_1ucgn_120{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--narrow-l--level-h5-large_1ucgn_126{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 700px){._Heading--medium-s--level-h1-normal_1ucgn_134{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-s--level-h1-large_1ucgn_140{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-s--level-h2-normal_1ucgn_146{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-s--level-h2-large_1ucgn_152{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-s--level-h3-normal_1ucgn_158{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-s--level-h3-large_1ucgn_164{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-s--level-h4-normal_1ucgn_170{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-s--level-h4-large_1ucgn_176{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-s--level-h5-normal_1ucgn_182{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-s--level-h5-large_1ucgn_188{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 880px){._Heading--medium-l--level-h1-normal_1ucgn_196{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-l--level-h1-large_1ucgn_202{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-l--level-h2-normal_1ucgn_208{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-l--level-h2-large_1ucgn_214{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-l--level-h3-normal_1ucgn_220{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-l--level-h3-large_1ucgn_226{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-l--level-h4-normal_1ucgn_232{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-l--level-h4-large_1ucgn_238{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-l--level-h5-normal_1ucgn_244{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-l--level-h5-large_1ucgn_250{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1200px){._Heading--wide-s--level-h1-normal_1ucgn_258{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-s--level-h1-large_1ucgn_264{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-s--level-h2-normal_1ucgn_270{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-s--level-h2-large_1ucgn_276{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-s--level-h3-normal_1ucgn_282{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-s--level-h3-large_1ucgn_288{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-s--level-h4-normal_1ucgn_294{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-s--level-h4-large_1ucgn_300{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-s--level-h5-normal_1ucgn_306{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-s--level-h5-large_1ucgn_312{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1900px){._Heading--wide-l--level-h1-normal_1ucgn_320{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-l--level-h1-large_1ucgn_326{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-l--level-h2-normal_1ucgn_332{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-l--level-h2-large_1ucgn_338{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-l--level-h3-normal_1ucgn_344{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-l--level-h3-large_1ucgn_350{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-l--level-h4-normal_1ucgn_356{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-l--level-h4-large_1ucgn_362{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-l--level-h5-normal_1ucgn_368{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-l--level-h5-large_1ucgn_374{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}._Heading--variant-massive_1ucgn_381{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--variant-huge_1ucgn_387{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--variant-extraLarge_1ucgn_393{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--variant-large_1ucgn_399{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--variant-medium_1ucgn_405{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--variant-small_1ucgn_411{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}@media (min-width: 400px){._Heading--narrow-l--variant-massive_1ucgn_418{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--narrow-l--variant-huge_1ucgn_424{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--narrow-l--variant-extraLarge_1ucgn_430{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--narrow-l--variant-large_1ucgn_436{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--narrow-l--variant-medium_1ucgn_442{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--narrow-l--variant-small_1ucgn_448{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 700px){._Heading--medium-s--variant-massive_1ucgn_456{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-s--variant-huge_1ucgn_462{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-s--variant-extraLarge_1ucgn_468{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-s--variant-large_1ucgn_474{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-s--variant-medium_1ucgn_480{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-s--variant-small_1ucgn_486{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 880px){._Heading--medium-l--variant-massive_1ucgn_494{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-l--variant-huge_1ucgn_500{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-l--variant-extraLarge_1ucgn_506{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-l--variant-large_1ucgn_512{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-l--variant-medium_1ucgn_518{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-l--variant-small_1ucgn_524{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1200px){._Heading--wide-s--variant-massive_1ucgn_532{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-s--variant-huge_1ucgn_538{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-s--variant-extraLarge_1ucgn_544{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-s--variant-large_1ucgn_550{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-s--variant-medium_1ucgn_556{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-s--variant-small_1ucgn_562{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1900px){._Heading--wide-l--variant-massive_1ucgn_570{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-l--variant-huge_1ucgn_576{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-l--variant-extraLarge_1ucgn_582{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-l--variant-large_1ucgn_588{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-l--variant-medium_1ucgn_594{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-l--variant-small_1ucgn_600{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}
1
+ ._Heading_17lu6_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);margin:0}._Heading--level-h1-normal_17lu6_11{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--level-h1-large_17lu6_17{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--level-h2-normal_17lu6_23{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--level-h2-large_17lu6_29{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--level-h3-normal_17lu6_35{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--level-h3-large_17lu6_41{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--level-h4-normal_17lu6_47{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--level-h4-large_17lu6_53{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--level-h5-normal_17lu6_59{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--level-h5-large_17lu6_65{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}@media (min-width: 400px){._Heading--narrow-l--level-h1-normal_17lu6_72{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--narrow-l--level-h1-large_17lu6_78{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--narrow-l--level-h2-normal_17lu6_84{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--narrow-l--level-h2-large_17lu6_90{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--narrow-l--level-h3-normal_17lu6_96{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--narrow-l--level-h3-large_17lu6_102{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--narrow-l--level-h4-normal_17lu6_108{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--narrow-l--level-h4-large_17lu6_114{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--narrow-l--level-h5-normal_17lu6_120{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--narrow-l--level-h5-large_17lu6_126{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 700px){._Heading--medium-s--level-h1-normal_17lu6_134{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-s--level-h1-large_17lu6_140{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-s--level-h2-normal_17lu6_146{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-s--level-h2-large_17lu6_152{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-s--level-h3-normal_17lu6_158{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-s--level-h3-large_17lu6_164{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-s--level-h4-normal_17lu6_170{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-s--level-h4-large_17lu6_176{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-s--level-h5-normal_17lu6_182{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-s--level-h5-large_17lu6_188{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 880px){._Heading--medium-l--level-h1-normal_17lu6_196{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-l--level-h1-large_17lu6_202{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-l--level-h2-normal_17lu6_208{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-l--level-h2-large_17lu6_214{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-l--level-h3-normal_17lu6_220{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-l--level-h3-large_17lu6_226{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-l--level-h4-normal_17lu6_232{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-l--level-h4-large_17lu6_238{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-l--level-h5-normal_17lu6_244{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-l--level-h5-large_17lu6_250{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1200px){._Heading--wide-s--level-h1-normal_17lu6_258{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-s--level-h1-large_17lu6_264{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-s--level-h2-normal_17lu6_270{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-s--level-h2-large_17lu6_276{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-s--level-h3-normal_17lu6_282{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-s--level-h3-large_17lu6_288{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-s--level-h4-normal_17lu6_294{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-s--level-h4-large_17lu6_300{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-s--level-h5-normal_17lu6_306{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-s--level-h5-large_17lu6_312{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1900px){._Heading--wide-l--level-h1-normal_17lu6_320{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-l--level-h1-large_17lu6_326{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-l--level-h2-normal_17lu6_332{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-l--level-h2-large_17lu6_338{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-l--level-h3-normal_17lu6_344{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-l--level-h3-large_17lu6_350{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-l--level-h4-normal_17lu6_356{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-l--level-h4-large_17lu6_362{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-l--level-h5-normal_17lu6_368{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-l--level-h5-large_17lu6_374{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}._Heading--variant-massive_17lu6_381{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--variant-huge_17lu6_387{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--variant-extraLarge_17lu6_393{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--variant-large_17lu6_399{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--variant-medium_17lu6_405{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--variant-small_17lu6_411{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}@media (min-width: 400px){._Heading--narrow-l--variant-massive_17lu6_418{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--narrow-l--variant-huge_17lu6_424{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--narrow-l--variant-extraLarge_17lu6_430{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--narrow-l--variant-large_17lu6_436{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--narrow-l--variant-medium_17lu6_442{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--narrow-l--variant-small_17lu6_448{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 700px){._Heading--medium-s--variant-massive_17lu6_456{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-s--variant-huge_17lu6_462{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-s--variant-extraLarge_17lu6_468{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-s--variant-large_17lu6_474{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-s--variant-medium_17lu6_480{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-s--variant-small_17lu6_486{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 880px){._Heading--medium-l--variant-massive_17lu6_494{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-l--variant-huge_17lu6_500{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-l--variant-extraLarge_17lu6_506{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-l--variant-large_17lu6_512{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-l--variant-medium_17lu6_518{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-l--variant-small_17lu6_524{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1200px){._Heading--wide-s--variant-massive_17lu6_532{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-s--variant-huge_17lu6_538{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-s--variant-extraLarge_17lu6_544{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-s--variant-large_17lu6_550{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-s--variant-medium_17lu6_556{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-s--variant-small_17lu6_562{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1900px){._Heading--wide-l--variant-massive_17lu6_570{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-l--variant-huge_17lu6_576{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-l--variant-extraLarge_17lu6_582{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-l--variant-large_17lu6_588{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-l--variant-medium_17lu6_594{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-l--variant-small_17lu6_600{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}
@@ -1,4 +1,4 @@
1
- import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{H as e}from"./Heading-DcJnmvUa.js";import{S as s}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-BMdpzlaC.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-VuFsr_qt.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";const f={title:"components/Heading",component:e,argTypes:{centered:{description:s},variant:{description:s}}},r=()=>a.jsxs("div",{style:{padding:"16px",display:"grid",gridTemplateColumns:"auto 3fr",alignItems:"center",gap:"16px"},children:[a.jsx("span",{children:"h1 / massive"}),a.jsx(e,{tag:"h1",variant:"massive",children:"Lorem ipsum"}),a.jsx("span",{children:"h2 / huge"}),a.jsx(e,{tag:"h2",variant:"huge",children:"Lorem ipsum"}),a.jsx("span",{children:"h3 / extraLarge"}),a.jsx(e,{tag:"h3",variant:"extraLarge",children:"Lorem ipsum"}),a.jsx("span",{children:"h4 / large"}),a.jsx(e,{tag:"h4",variant:"large",children:"Lorem ipsum"}),a.jsx("span",{children:"h5 / medium"}),a.jsx(e,{tag:"h5",variant:"medium",children:"Lorem ipsum"}),a.jsx("span",{children:"p / small"}),a.jsx(e,{tag:"p",variant:"small",children:"Lorem ipsum"})]}),n={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(l,{args:g})=>a.jsx("div",{style:{backgroundColor:g.accent==="inverted"?"black":void 0},children:l()})],args:{tag:"h1",variant:"massive",children:"Lorem ipsum",dataset:{qaid:"heading"}},argTypes:{centered:{control:"boolean"},dataset:{control:"object"},strong:{table:{disable:!0}},level:{table:{disable:!0}},color:{table:{disable:!0}},large:{table:{disable:!0}}}};var t,i,o;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`() => <div style={{
1
+ import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{H as e}from"./Heading-BIzxWDA5.js";import{S as s}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-Pc_gtAUU.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-Bf8j8BI4.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";const f={title:"components/Heading",component:e,argTypes:{centered:{description:s},variant:{description:s}}},r=()=>a.jsxs("div",{style:{padding:"16px",display:"grid",gridTemplateColumns:"auto 3fr",alignItems:"center",gap:"16px"},children:[a.jsx("span",{children:"h1 / massive"}),a.jsx(e,{tag:"h1",variant:"massive",children:"Lorem ipsum"}),a.jsx("span",{children:"h2 / huge"}),a.jsx(e,{tag:"h2",variant:"huge",children:"Lorem ipsum"}),a.jsx("span",{children:"h3 / extraLarge"}),a.jsx(e,{tag:"h3",variant:"extraLarge",children:"Lorem ipsum"}),a.jsx("span",{children:"h4 / large"}),a.jsx(e,{tag:"h4",variant:"large",children:"Lorem ipsum"}),a.jsx("span",{children:"h5 / medium"}),a.jsx(e,{tag:"h5",variant:"medium",children:"Lorem ipsum"}),a.jsx("span",{children:"p / small"}),a.jsx(e,{tag:"p",variant:"small",children:"Lorem ipsum"})]}),n={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(l,{args:g})=>a.jsx("div",{style:{backgroundColor:g.accent==="inverted"?"black":void 0},children:l()})],args:{tag:"h1",variant:"massive",children:"Lorem ipsum",dataset:{qaid:"heading"}},argTypes:{centered:{control:"boolean"},dataset:{control:"object"},strong:{table:{disable:!0}},level:{table:{disable:!0}},color:{table:{disable:!0}},large:{table:{disable:!0}}}};var t,i,o;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`() => <div style={{
2
2
  padding: '16px',
3
3
  display: 'grid',
4
4
  gridTemplateColumns: 'auto 3fr',
@@ -0,0 +1,8 @@
1
+ import{j as f}from"./jsx-runtime-BTJTZTIL.js";import{r as b}from"./index-Cb9e4tly.js";import{g as k,a as w}from"./text-accent-Pc_gtAUU.js";import{f as I}from"./filterHTMLAttributes-DYdLqcvH.js";import{r as h}from"./render-icon-BT0Aq7PA.js";import{m as u,s as N,b as z}from"./classNames-BUL1Zq7e.js";import{w as x}from"./componentNames-Bwls0I02.js";import{g as V}from"./index-DdzHuZ-Y.js";import{I as T}from"./defaults-B1rzzf6M.js";const S="_Icon_ka4nt_4",U={Icon:S,"Icon--size-2xs":"_Icon--size-2xs_ka4nt_16","Icon--size-xs":"_Icon--size-xs_ka4nt_22","Icon--size-s":"_Icon--size-s_ka4nt_28","Icon--size-m":"_Icon--size-m_ka4nt_34","Icon--size-l":"_Icon--size-l_ka4nt_40","Icon--size-16":"_Icon--size-16_ka4nt_46","Icon--size-24":"_Icon--size-24_ka4nt_52","Icon--size-32":"_Icon--size-32_ka4nt_58","Icon--size-48":"_Icon--size-48_ka4nt_64"},P="_ExpColor_5aqxq_3",R={ExpColor:P,"ExpColor--exp-color-grey-0":"_ExpColor--exp-color-grey-0_5aqxq_3","ExpColor--exp-color-grey-50":"_ExpColor--exp-color-grey-50_5aqxq_6","ExpColor--exp-color-grey-100":"_ExpColor--exp-color-grey-100_5aqxq_9","ExpColor--exp-color-grey-200":"_ExpColor--exp-color-grey-200_5aqxq_12","ExpColor--exp-color-grey-300":"_ExpColor--exp-color-grey-300_5aqxq_15","ExpColor--exp-color-grey-400":"_ExpColor--exp-color-grey-400_5aqxq_18","ExpColor--exp-color-grey-500":"_ExpColor--exp-color-grey-500_5aqxq_21","ExpColor--exp-color-grey-600":"_ExpColor--exp-color-grey-600_5aqxq_24","ExpColor--exp-color-grey-700":"_ExpColor--exp-color-grey-700_5aqxq_27","ExpColor--exp-color-grey-800":"_ExpColor--exp-color-grey-800_5aqxq_30","ExpColor--exp-color-grey-900":"_ExpColor--exp-color-grey-900_5aqxq_33","ExpColor--exp-color-pink-50":"_ExpColor--exp-color-pink-50_5aqxq_36","ExpColor--exp-color-pink-100":"_ExpColor--exp-color-pink-100_5aqxq_39","ExpColor--exp-color-pink-200":"_ExpColor--exp-color-pink-200_5aqxq_42","ExpColor--exp-color-pink-300":"_ExpColor--exp-color-pink-300_5aqxq_45","ExpColor--exp-color-pink-400":"_ExpColor--exp-color-pink-400_5aqxq_48","ExpColor--exp-color-pink-500":"_ExpColor--exp-color-pink-500_5aqxq_51","ExpColor--exp-color-pink-600":"_ExpColor--exp-color-pink-600_5aqxq_54","ExpColor--exp-color-pink-700":"_ExpColor--exp-color-pink-700_5aqxq_57","ExpColor--exp-color-pink-800":"_ExpColor--exp-color-pink-800_5aqxq_60","ExpColor--exp-color-yellow-50":"_ExpColor--exp-color-yellow-50_5aqxq_63","ExpColor--exp-color-yellow-100":"_ExpColor--exp-color-yellow-100_5aqxq_66","ExpColor--exp-color-yellow-200":"_ExpColor--exp-color-yellow-200_5aqxq_69","ExpColor--exp-color-yellow-300":"_ExpColor--exp-color-yellow-300_5aqxq_72","ExpColor--exp-color-yellow-400":"_ExpColor--exp-color-yellow-400_5aqxq_75","ExpColor--exp-color-yellow-500":"_ExpColor--exp-color-yellow-500_5aqxq_78","ExpColor--exp-color-yellow-600":"_ExpColor--exp-color-yellow-600_5aqxq_81","ExpColor--exp-color-yellow-700":"_ExpColor--exp-color-yellow-700_5aqxq_84","ExpColor--exp-color-yellow-800":"_ExpColor--exp-color-yellow-800_5aqxq_87","ExpColor--exp-color-blue-50":"_ExpColor--exp-color-blue-50_5aqxq_90","ExpColor--exp-color-blue-100":"_ExpColor--exp-color-blue-100_5aqxq_93","ExpColor--exp-color-blue-200":"_ExpColor--exp-color-blue-200_5aqxq_96","ExpColor--exp-color-blue-300":"_ExpColor--exp-color-blue-300_5aqxq_99","ExpColor--exp-color-blue-400":"_ExpColor--exp-color-blue-400_5aqxq_102","ExpColor--exp-color-blue-500":"_ExpColor--exp-color-blue-500_5aqxq_105","ExpColor--exp-color-blue-600":"_ExpColor--exp-color-blue-600_5aqxq_108","ExpColor--exp-color-blue-700":"_ExpColor--exp-color-blue-700_5aqxq_111","ExpColor--exp-color-blue-800":"_ExpColor--exp-color-blue-800_5aqxq_114","ExpColor--exp-color-teal-50":"_ExpColor--exp-color-teal-50_5aqxq_117","ExpColor--exp-color-teal-100":"_ExpColor--exp-color-teal-100_5aqxq_120","ExpColor--exp-color-teal-200":"_ExpColor--exp-color-teal-200_5aqxq_123","ExpColor--exp-color-teal-300":"_ExpColor--exp-color-teal-300_5aqxq_126","ExpColor--exp-color-teal-400":"_ExpColor--exp-color-teal-400_5aqxq_129","ExpColor--exp-color-teal-500":"_ExpColor--exp-color-teal-500_5aqxq_132","ExpColor--exp-color-teal-600":"_ExpColor--exp-color-teal-600_5aqxq_135","ExpColor--exp-color-teal-700":"_ExpColor--exp-color-teal-700_5aqxq_138","ExpColor--exp-color-teal-800":"_ExpColor--exp-color-teal-800_5aqxq_141","ExpColor--exp-color-red-50":"_ExpColor--exp-color-red-50_5aqxq_144","ExpColor--exp-color-red-100":"_ExpColor--exp-color-red-100_5aqxq_147","ExpColor--exp-color-red-200":"_ExpColor--exp-color-red-200_5aqxq_150","ExpColor--exp-color-red-300":"_ExpColor--exp-color-red-300_5aqxq_153","ExpColor--exp-color-red-400":"_ExpColor--exp-color-red-400_5aqxq_156","ExpColor--exp-color-red-500":"_ExpColor--exp-color-red-500_5aqxq_159","ExpColor--exp-color-red-600":"_ExpColor--exp-color-red-600_5aqxq_162","ExpColor--exp-color-red-700":"_ExpColor--exp-color-red-700_5aqxq_165","ExpColor--exp-color-red-800":"_ExpColor--exp-color-red-800_5aqxq_168"},j="ExpColor",A=o=>u(R,j,[N("exp-color",o)]),n=b.forwardRef(function({svg:r,size:e=T,accent:l,expColor:t,color:c,label:a,dataset:_,...s},i){const p=!Number.isNaN(Number(e)),v=p?{width:`${e}px`,height:`${e}px`}:{},C=u(U,x.Icon,[z(`size-${e}`,void 0,!p)]),E=l?void 0:c,q=k(!1,l),d=w(E),y=l?[]:A(t),m=[...C,...q,...d,...y],g={...I(s),className:m.join(" "),...V(_,{preplyDsComponent:x.Icon}),ref:i};if(!r)throw new Error("Icon prop svg is mandatory");return f.jsx("span",{...g,role:"img",style:v,"aria-hidden":!a,"aria-label":a,children:h(r,{"aria-hidden":"true",focusable:"false"})})});try{n.displayName="Icon",n.__docgenInfo={description:"",displayName:"Icon",props:{svg:{defaultValue:null,description:`The SVG icon to render.
2
+ @example import TokyoUINotesWithPad from '@preply/ds-media-icons/dist/24/TokyoUINotesWithPad.svg';
3
+
4
+ <Icon svg={TokyoUINotesWithPad} />
5
+ @example <caption>Using as react server component</caption>
6
+ import TokyoUINotesWithPad from '@preply/ds-media-icons/dist/24/TokyoUINotesWithPad.svg';
7
+
8
+ <Icon svg={<TokyoUINotesWithPad />} />`,name:"svg",required:!0,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"16"'}]}},accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"disabled"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"inverted"'},{value:'"selected"'},{value:'"accent"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"branded"'},{value:'"error"'}]}},expColor:{defaultValue:null,description:"If passed along with `accent`, `accent` takes precedence.",name:"expColor",required:!1,type:{name:"enum",value:[{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"grey-0"'},{value:'"grey-50"'},{value:'"grey-100"'},{value:'"grey-200"'},{value:'"grey-300"'},{value:'"grey-400"'},{value:'"grey-500"'},{value:'"grey-600"'},{value:'"grey-700"'},{value:'"grey-800"'},{value:'"grey-900"'},{value:'"pink-50"'},{value:'"pink-100"'},{value:'"pink-200"'},{value:'"pink-300"'},{value:'"pink-400"'},{value:'"pink-500"'},{value:'"pink-600"'},{value:'"pink-700"'},{value:'"pink-800"'},{value:'"yellow-50"'},{value:'"yellow-600"'},{value:'"yellow-700"'},{value:'"yellow-800"'},{value:'"blue-50"'},{value:'"blue-600"'},{value:'"blue-700"'},{value:'"blue-800"'},{value:'"teal-50"'},{value:'"teal-600"'},{value:'"teal-700"'},{value:'"teal-800"'},{value:'"red-50"'},{value:'"red-600"'},{value:'"red-700"'},{value:'"red-800"'}]}},color:{defaultValue:null,description:"@deprecated Use accent instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},label:{defaultValue:null,description:"If using the icon without any adjacent descriptive text, use this prop to\nprovide an `aria-label` for assistive technologies.",name:"label",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{n as I};
@@ -0,0 +1 @@
1
+ import{j as g}from"./jsx-runtime-BTJTZTIL.js";import{r as k}from"./index-Cb9e4tly.js";import{g as b,a as w}from"./text-accent-C7pEavfl.js";import{f}from"./filterHTMLAttributes-UOns5Q7s.js";import{r as N}from"./render-icon-Du0nasoi.js";import{m as c,s as z,b as h}from"./classNames-BUL1Zq7e.js";import{I as $}from"./defaults-B1rzzf6M.js";import{w as _}from"./componentNames-Bwls0I02.js";import{g as j}from"./index-DdzHuZ-Y.js";const v="_ExpColor_5aqxq_3",A={ExpColor:v,"ExpColor--exp-color-grey-0":"_ExpColor--exp-color-grey-0_5aqxq_3","ExpColor--exp-color-grey-50":"_ExpColor--exp-color-grey-50_5aqxq_6","ExpColor--exp-color-grey-100":"_ExpColor--exp-color-grey-100_5aqxq_9","ExpColor--exp-color-grey-200":"_ExpColor--exp-color-grey-200_5aqxq_12","ExpColor--exp-color-grey-300":"_ExpColor--exp-color-grey-300_5aqxq_15","ExpColor--exp-color-grey-400":"_ExpColor--exp-color-grey-400_5aqxq_18","ExpColor--exp-color-grey-500":"_ExpColor--exp-color-grey-500_5aqxq_21","ExpColor--exp-color-grey-600":"_ExpColor--exp-color-grey-600_5aqxq_24","ExpColor--exp-color-grey-700":"_ExpColor--exp-color-grey-700_5aqxq_27","ExpColor--exp-color-grey-800":"_ExpColor--exp-color-grey-800_5aqxq_30","ExpColor--exp-color-grey-900":"_ExpColor--exp-color-grey-900_5aqxq_33","ExpColor--exp-color-pink-50":"_ExpColor--exp-color-pink-50_5aqxq_36","ExpColor--exp-color-pink-100":"_ExpColor--exp-color-pink-100_5aqxq_39","ExpColor--exp-color-pink-200":"_ExpColor--exp-color-pink-200_5aqxq_42","ExpColor--exp-color-pink-300":"_ExpColor--exp-color-pink-300_5aqxq_45","ExpColor--exp-color-pink-400":"_ExpColor--exp-color-pink-400_5aqxq_48","ExpColor--exp-color-pink-500":"_ExpColor--exp-color-pink-500_5aqxq_51","ExpColor--exp-color-pink-600":"_ExpColor--exp-color-pink-600_5aqxq_54","ExpColor--exp-color-pink-700":"_ExpColor--exp-color-pink-700_5aqxq_57","ExpColor--exp-color-pink-800":"_ExpColor--exp-color-pink-800_5aqxq_60","ExpColor--exp-color-yellow-50":"_ExpColor--exp-color-yellow-50_5aqxq_63","ExpColor--exp-color-yellow-100":"_ExpColor--exp-color-yellow-100_5aqxq_66","ExpColor--exp-color-yellow-200":"_ExpColor--exp-color-yellow-200_5aqxq_69","ExpColor--exp-color-yellow-300":"_ExpColor--exp-color-yellow-300_5aqxq_72","ExpColor--exp-color-yellow-400":"_ExpColor--exp-color-yellow-400_5aqxq_75","ExpColor--exp-color-yellow-500":"_ExpColor--exp-color-yellow-500_5aqxq_78","ExpColor--exp-color-yellow-600":"_ExpColor--exp-color-yellow-600_5aqxq_81","ExpColor--exp-color-yellow-700":"_ExpColor--exp-color-yellow-700_5aqxq_84","ExpColor--exp-color-yellow-800":"_ExpColor--exp-color-yellow-800_5aqxq_87","ExpColor--exp-color-blue-50":"_ExpColor--exp-color-blue-50_5aqxq_90","ExpColor--exp-color-blue-100":"_ExpColor--exp-color-blue-100_5aqxq_93","ExpColor--exp-color-blue-200":"_ExpColor--exp-color-blue-200_5aqxq_96","ExpColor--exp-color-blue-300":"_ExpColor--exp-color-blue-300_5aqxq_99","ExpColor--exp-color-blue-400":"_ExpColor--exp-color-blue-400_5aqxq_102","ExpColor--exp-color-blue-500":"_ExpColor--exp-color-blue-500_5aqxq_105","ExpColor--exp-color-blue-600":"_ExpColor--exp-color-blue-600_5aqxq_108","ExpColor--exp-color-blue-700":"_ExpColor--exp-color-blue-700_5aqxq_111","ExpColor--exp-color-blue-800":"_ExpColor--exp-color-blue-800_5aqxq_114","ExpColor--exp-color-teal-50":"_ExpColor--exp-color-teal-50_5aqxq_117","ExpColor--exp-color-teal-100":"_ExpColor--exp-color-teal-100_5aqxq_120","ExpColor--exp-color-teal-200":"_ExpColor--exp-color-teal-200_5aqxq_123","ExpColor--exp-color-teal-300":"_ExpColor--exp-color-teal-300_5aqxq_126","ExpColor--exp-color-teal-400":"_ExpColor--exp-color-teal-400_5aqxq_129","ExpColor--exp-color-teal-500":"_ExpColor--exp-color-teal-500_5aqxq_132","ExpColor--exp-color-teal-600":"_ExpColor--exp-color-teal-600_5aqxq_135","ExpColor--exp-color-teal-700":"_ExpColor--exp-color-teal-700_5aqxq_138","ExpColor--exp-color-teal-800":"_ExpColor--exp-color-teal-800_5aqxq_141","ExpColor--exp-color-red-50":"_ExpColor--exp-color-red-50_5aqxq_144","ExpColor--exp-color-red-100":"_ExpColor--exp-color-red-100_5aqxq_147","ExpColor--exp-color-red-200":"_ExpColor--exp-color-red-200_5aqxq_150","ExpColor--exp-color-red-300":"_ExpColor--exp-color-red-300_5aqxq_153","ExpColor--exp-color-red-400":"_ExpColor--exp-color-red-400_5aqxq_156","ExpColor--exp-color-red-500":"_ExpColor--exp-color-red-500_5aqxq_159","ExpColor--exp-color-red-600":"_ExpColor--exp-color-red-600_5aqxq_162","ExpColor--exp-color-red-700":"_ExpColor--exp-color-red-700_5aqxq_165","ExpColor--exp-color-red-800":"_ExpColor--exp-color-red-800_5aqxq_168"},D="ExpColor",L=r=>c(A,D,[z("exp-color",r)]),O="_Icon_ka4nt_4",R={Icon:O,"Icon--size-2xs":"_Icon--size-2xs_ka4nt_16","Icon--size-xs":"_Icon--size-xs_ka4nt_22","Icon--size-s":"_Icon--size-s_ka4nt_28","Icon--size-m":"_Icon--size-m_ka4nt_34","Icon--size-l":"_Icon--size-l_ka4nt_40","Icon--size-16":"_Icon--size-16_ka4nt_46","Icon--size-24":"_Icon--size-24_ka4nt_52","Icon--size-32":"_Icon--size-32_ka4nt_58","Icon--size-48":"_Icon--size-48_ka4nt_64"},T=k.forwardRef(function({svg:x,size:o=$,accent:l,expColor:a,color:C,label:e,dataset:E,...s},q){const p=!Number.isNaN(Number(o)),n=p?{width:`${o}px`,height:`${o}px`}:{},t=c(R,_.Icon,[h(`size-${o}`,void 0,!p)]),i=l?void 0:C,m=b(!1,l),y=w(i),d=l?[]:L(a),u=[...t,...m,...y,...d],I={...f(s),className:u.join(" "),...j(E,{preplyDsComponent:_.Icon}),ref:q};if(!x)throw new Error("Icon prop svg is mandatory");return g.jsx("span",{...I,role:"img",style:n,"aria-hidden":!e,"aria-label":e,children:N(x,{"aria-hidden":"true",focusable:"false"})})});T.__docgenInfo={description:"",methods:[],displayName:"Icon",props:{size:{defaultValue:{value:"'s'",computed:!1},required:!1}}};export{T as I};
@@ -0,0 +1 @@
1
+ ._ExpColor_5aqxq_3._ExpColor--exp-color-grey-0_5aqxq_3{color:var(--d751dc)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-50_5aqxq_6{color:var(--d4e1b8)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-100_5aqxq_9{color:var(--e986ec)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-200_5aqxq_12{color:var(--8a8cb8)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-300_5aqxq_15{color:var(--e7dcf4)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-400_5aqxq_18{color:var(--d48a93)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-500_5aqxq_21{color:var(--9b582c)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-600_5aqxq_24{color:var(--bd0a12)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-700_5aqxq_27{color:var(--5540cb)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-800_5aqxq_30{color:var(--3f9d59)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-900_5aqxq_33{color:var(--0d2c1d)}._ExpColor_5aqxq_3._ExpColor--exp-color-pink-50_5aqxq_36{color:var(--696262)}._ExpColor_5aqxq_3._ExpColor--exp-color-pink-100_5aqxq_39{color:var(--2a8bdc)}._ExpColor_5aqxq_3._ExpColor--exp-color-pink-200_5aqxq_42{color:var(--9c55fe)}._ExpColor_5aqxq_3._ExpColor--exp-color-pink-300_5aqxq_45{color:var(--55b1b2)}._ExpColor_5aqxq_3._ExpColor--exp-color-pink-400_5aqxq_48{color:var(--e2e617)}._ExpColor_5aqxq_3._ExpColor--exp-color-pink-500_5aqxq_51{color:var(--28075b)}._ExpColor_5aqxq_3._ExpColor--exp-color-pink-600_5aqxq_54{color:var(--0d21bc)}._ExpColor_5aqxq_3._ExpColor--exp-color-pink-700_5aqxq_57{color:var(--dcc28c)}._ExpColor_5aqxq_3._ExpColor--exp-color-pink-800_5aqxq_60{color:var(--e2ccaa)}._ExpColor_5aqxq_3._ExpColor--exp-color-yellow-50_5aqxq_63{color:var(--f73f81)}._ExpColor_5aqxq_3._ExpColor--exp-color-yellow-100_5aqxq_66{color:var(--05c737)}._ExpColor_5aqxq_3._ExpColor--exp-color-yellow-200_5aqxq_69{color:var(--32d8a2)}._ExpColor_5aqxq_3._ExpColor--exp-color-yellow-300_5aqxq_72{color:var(--92f9a7)}._ExpColor_5aqxq_3._ExpColor--exp-color-yellow-400_5aqxq_75{color:var(--4db3c1)}._ExpColor_5aqxq_3._ExpColor--exp-color-yellow-500_5aqxq_78{color:var(--2d6e08)}._ExpColor_5aqxq_3._ExpColor--exp-color-yellow-600_5aqxq_81{color:var(--2db5c2)}._ExpColor_5aqxq_3._ExpColor--exp-color-yellow-700_5aqxq_84{color:var(--b31329)}._ExpColor_5aqxq_3._ExpColor--exp-color-yellow-800_5aqxq_87{color:var(--66ebdf)}._ExpColor_5aqxq_3._ExpColor--exp-color-blue-50_5aqxq_90{color:var(--6ae6f0)}._ExpColor_5aqxq_3._ExpColor--exp-color-blue-100_5aqxq_93{color:var(--b916ba)}._ExpColor_5aqxq_3._ExpColor--exp-color-blue-200_5aqxq_96{color:var(--c6fc9c)}._ExpColor_5aqxq_3._ExpColor--exp-color-blue-300_5aqxq_99{color:var(--b773b2)}._ExpColor_5aqxq_3._ExpColor--exp-color-blue-400_5aqxq_102{color:var(--e848c4)}._ExpColor_5aqxq_3._ExpColor--exp-color-blue-500_5aqxq_105{color:var(--e57766)}._ExpColor_5aqxq_3._ExpColor--exp-color-blue-600_5aqxq_108{color:var(--fdf041)}._ExpColor_5aqxq_3._ExpColor--exp-color-blue-700_5aqxq_111{color:var(--cd5904)}._ExpColor_5aqxq_3._ExpColor--exp-color-blue-800_5aqxq_114{color:var(--440fc3)}._ExpColor_5aqxq_3._ExpColor--exp-color-teal-50_5aqxq_117{color:var(--9fac3a)}._ExpColor_5aqxq_3._ExpColor--exp-color-teal-100_5aqxq_120{color:var(--32b0b3)}._ExpColor_5aqxq_3._ExpColor--exp-color-teal-200_5aqxq_123{color:var(--873ad3)}._ExpColor_5aqxq_3._ExpColor--exp-color-teal-300_5aqxq_126{color:var(--202011)}._ExpColor_5aqxq_3._ExpColor--exp-color-teal-400_5aqxq_129{color:var(--4f3eb4)}._ExpColor_5aqxq_3._ExpColor--exp-color-teal-500_5aqxq_132{color:var(--c47d0d)}._ExpColor_5aqxq_3._ExpColor--exp-color-teal-600_5aqxq_135{color:var(--985403)}._ExpColor_5aqxq_3._ExpColor--exp-color-teal-700_5aqxq_138{color:var(--2c9147)}._ExpColor_5aqxq_3._ExpColor--exp-color-teal-800_5aqxq_141{color:var(--0d9ea5)}._ExpColor_5aqxq_3._ExpColor--exp-color-red-50_5aqxq_144{color:var(--f951e9)}._ExpColor_5aqxq_3._ExpColor--exp-color-red-100_5aqxq_147{color:var(--3aa891)}._ExpColor_5aqxq_3._ExpColor--exp-color-red-200_5aqxq_150{color:var(--ba4c34)}._ExpColor_5aqxq_3._ExpColor--exp-color-red-300_5aqxq_153{color:var(--943cfc)}._ExpColor_5aqxq_3._ExpColor--exp-color-red-400_5aqxq_156{color:var(--8af651)}._ExpColor_5aqxq_3._ExpColor--exp-color-red-500_5aqxq_159{color:var(--f5bfe7)}._ExpColor_5aqxq_3._ExpColor--exp-color-red-600_5aqxq_162{color:var(--1bd221)}._ExpColor_5aqxq_3._ExpColor--exp-color-red-700_5aqxq_165{color:var(--38cd90)}._ExpColor_5aqxq_3._ExpColor--exp-color-red-800_5aqxq_168{color:var(--e9fcc6)}._Icon_ka4nt_4{display:inline-block;vertical-align:text-top}._Icon_ka4nt_4 svg{display:block;width:100%;min-width:100%;max-width:100%;max-height:100%;fill:currentColor}._Icon--size-2xs_ka4nt_16{width:var(--b21f61);height:var(--b21f61);min-width:var(--b21f61);max-width:var(--b21f61)}._Icon--size-xs_ka4nt_22{width:var(--766f3b);height:var(--766f3b);min-width:var(--766f3b);max-width:var(--766f3b)}._Icon--size-s_ka4nt_28{width:var(--7c1b1c);height:var(--7c1b1c);min-width:var(--7c1b1c);max-width:var(--7c1b1c)}._Icon--size-m_ka4nt_34{width:var(--2152b7);height:var(--2152b7);min-width:var(--2152b7);max-width:var(--2152b7)}._Icon--size-l_ka4nt_40{width:var(--8f525f);height:var(--8f525f);min-width:var(--8f525f);max-width:var(--8f525f)}._Icon--size-16_ka4nt_46{width:var(--656bbc);height:var(--656bbc);min-width:var(--656bbc);max-width:var(--656bbc)}._Icon--size-24_ka4nt_52{width:var(--81dc82);height:var(--81dc82);min-width:var(--81dc82);max-width:var(--81dc82)}._Icon--size-32_ka4nt_58{width:var(--2a6452);height:var(--2a6452);min-width:var(--2a6452);max-width:var(--2a6452)}._Icon--size-48_ka4nt_64{width:var(--03d2e4);height:var(--03d2e4);min-width:var(--03d2e4);max-width:var(--03d2e4)}
@@ -0,0 +1 @@
1
+ ._Icon_ka4nt_4{display:inline-block;vertical-align:text-top}._Icon_ka4nt_4 svg{display:block;width:100%;min-width:100%;max-width:100%;max-height:100%;fill:currentColor}._Icon--size-2xs_ka4nt_16{width:var(--b21f61);height:var(--b21f61);min-width:var(--b21f61);max-width:var(--b21f61)}._Icon--size-xs_ka4nt_22{width:var(--766f3b);height:var(--766f3b);min-width:var(--766f3b);max-width:var(--766f3b)}._Icon--size-s_ka4nt_28{width:var(--7c1b1c);height:var(--7c1b1c);min-width:var(--7c1b1c);max-width:var(--7c1b1c)}._Icon--size-m_ka4nt_34{width:var(--2152b7);height:var(--2152b7);min-width:var(--2152b7);max-width:var(--2152b7)}._Icon--size-l_ka4nt_40{width:var(--8f525f);height:var(--8f525f);min-width:var(--8f525f);max-width:var(--8f525f)}._Icon--size-16_ka4nt_46{width:var(--656bbc);height:var(--656bbc);min-width:var(--656bbc);max-width:var(--656bbc)}._Icon--size-24_ka4nt_52{width:var(--81dc82);height:var(--81dc82);min-width:var(--81dc82);max-width:var(--81dc82)}._Icon--size-32_ka4nt_58{width:var(--2a6452);height:var(--2a6452);min-width:var(--2a6452);max-width:var(--2a6452)}._Icon--size-48_ka4nt_64{width:var(--03d2e4);height:var(--03d2e4);min-width:var(--03d2e4);max-width:var(--03d2e4)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-0_5aqxq_3{color:var(--d751dc)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-50_5aqxq_6{color:var(--d4e1b8)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-100_5aqxq_9{color:var(--e986ec)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-200_5aqxq_12{color:var(--8a8cb8)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-300_5aqxq_15{color:var(--e7dcf4)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-400_5aqxq_18{color:var(--d48a93)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-500_5aqxq_21{color:var(--9b582c)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-600_5aqxq_24{color:var(--bd0a12)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-700_5aqxq_27{color:var(--5540cb)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-800_5aqxq_30{color:var(--3f9d59)}._ExpColor_5aqxq_3._ExpColor--exp-color-grey-900_5aqxq_33{color:var(--0d2c1d)}._ExpColor_5aqxq_3._ExpColor--exp-color-pink-50_5aqxq_36{color:var(--696262)}._ExpColor_5aqxq_3._ExpColor--exp-color-pink-100_5aqxq_39{color:var(--2a8bdc)}._ExpColor_5aqxq_3._ExpColor--exp-color-pink-200_5aqxq_42{color:var(--9c55fe)}._ExpColor_5aqxq_3._ExpColor--exp-color-pink-300_5aqxq_45{color:var(--55b1b2)}._ExpColor_5aqxq_3._ExpColor--exp-color-pink-400_5aqxq_48{color:var(--e2e617)}._ExpColor_5aqxq_3._ExpColor--exp-color-pink-500_5aqxq_51{color:var(--28075b)}._ExpColor_5aqxq_3._ExpColor--exp-color-pink-600_5aqxq_54{color:var(--0d21bc)}._ExpColor_5aqxq_3._ExpColor--exp-color-pink-700_5aqxq_57{color:var(--dcc28c)}._ExpColor_5aqxq_3._ExpColor--exp-color-pink-800_5aqxq_60{color:var(--e2ccaa)}._ExpColor_5aqxq_3._ExpColor--exp-color-yellow-50_5aqxq_63{color:var(--f73f81)}._ExpColor_5aqxq_3._ExpColor--exp-color-yellow-100_5aqxq_66{color:var(--05c737)}._ExpColor_5aqxq_3._ExpColor--exp-color-yellow-200_5aqxq_69{color:var(--32d8a2)}._ExpColor_5aqxq_3._ExpColor--exp-color-yellow-300_5aqxq_72{color:var(--92f9a7)}._ExpColor_5aqxq_3._ExpColor--exp-color-yellow-400_5aqxq_75{color:var(--4db3c1)}._ExpColor_5aqxq_3._ExpColor--exp-color-yellow-500_5aqxq_78{color:var(--2d6e08)}._ExpColor_5aqxq_3._ExpColor--exp-color-yellow-600_5aqxq_81{color:var(--2db5c2)}._ExpColor_5aqxq_3._ExpColor--exp-color-yellow-700_5aqxq_84{color:var(--b31329)}._ExpColor_5aqxq_3._ExpColor--exp-color-yellow-800_5aqxq_87{color:var(--66ebdf)}._ExpColor_5aqxq_3._ExpColor--exp-color-blue-50_5aqxq_90{color:var(--6ae6f0)}._ExpColor_5aqxq_3._ExpColor--exp-color-blue-100_5aqxq_93{color:var(--b916ba)}._ExpColor_5aqxq_3._ExpColor--exp-color-blue-200_5aqxq_96{color:var(--c6fc9c)}._ExpColor_5aqxq_3._ExpColor--exp-color-blue-300_5aqxq_99{color:var(--b773b2)}._ExpColor_5aqxq_3._ExpColor--exp-color-blue-400_5aqxq_102{color:var(--e848c4)}._ExpColor_5aqxq_3._ExpColor--exp-color-blue-500_5aqxq_105{color:var(--e57766)}._ExpColor_5aqxq_3._ExpColor--exp-color-blue-600_5aqxq_108{color:var(--fdf041)}._ExpColor_5aqxq_3._ExpColor--exp-color-blue-700_5aqxq_111{color:var(--cd5904)}._ExpColor_5aqxq_3._ExpColor--exp-color-blue-800_5aqxq_114{color:var(--440fc3)}._ExpColor_5aqxq_3._ExpColor--exp-color-teal-50_5aqxq_117{color:var(--9fac3a)}._ExpColor_5aqxq_3._ExpColor--exp-color-teal-100_5aqxq_120{color:var(--32b0b3)}._ExpColor_5aqxq_3._ExpColor--exp-color-teal-200_5aqxq_123{color:var(--873ad3)}._ExpColor_5aqxq_3._ExpColor--exp-color-teal-300_5aqxq_126{color:var(--202011)}._ExpColor_5aqxq_3._ExpColor--exp-color-teal-400_5aqxq_129{color:var(--4f3eb4)}._ExpColor_5aqxq_3._ExpColor--exp-color-teal-500_5aqxq_132{color:var(--c47d0d)}._ExpColor_5aqxq_3._ExpColor--exp-color-teal-600_5aqxq_135{color:var(--985403)}._ExpColor_5aqxq_3._ExpColor--exp-color-teal-700_5aqxq_138{color:var(--2c9147)}._ExpColor_5aqxq_3._ExpColor--exp-color-teal-800_5aqxq_141{color:var(--0d9ea5)}._ExpColor_5aqxq_3._ExpColor--exp-color-red-50_5aqxq_144{color:var(--f951e9)}._ExpColor_5aqxq_3._ExpColor--exp-color-red-100_5aqxq_147{color:var(--3aa891)}._ExpColor_5aqxq_3._ExpColor--exp-color-red-200_5aqxq_150{color:var(--ba4c34)}._ExpColor_5aqxq_3._ExpColor--exp-color-red-300_5aqxq_153{color:var(--943cfc)}._ExpColor_5aqxq_3._ExpColor--exp-color-red-400_5aqxq_156{color:var(--8af651)}._ExpColor_5aqxq_3._ExpColor--exp-color-red-500_5aqxq_159{color:var(--f5bfe7)}._ExpColor_5aqxq_3._ExpColor--exp-color-red-600_5aqxq_162{color:var(--1bd221)}._ExpColor_5aqxq_3._ExpColor--exp-color-red-700_5aqxq_165{color:var(--38cd90)}._ExpColor_5aqxq_3._ExpColor--exp-color-red-800_5aqxq_168{color:var(--e9fcc6)}
@@ -1,4 +1,4 @@
1
- import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as m,S as s}from"./index-DRVMKRNe.js";import{ServerComponent as i}from"./Icon.stories-jVWnmDlZ.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-9Hj_MNfh.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./TokyoUINotesWithPad-B-o4vu0Y.js";import"./Icon-DbIHupWZ.js";import"./text-accent-BMdpzlaC.js";import"./classNames-BUL1Zq7e.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./render-icon-BT0Aq7PA.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./options-DSKYF8ow.js";function r(t){const e={code:"code",h1:"h1",p:"p",pre:"pre",...n(),...t.components};return o.jsxs(o.Fragment,{children:[o.jsx(m,{title:"components/Icon/Server Component"}),`
1
+ import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as m,S as s}from"./index-BsQc80lu.js";import{ServerComponent as i}from"./Icon.stories-DLdTr5b7.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-D0mvSgIL.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./TokyoUINotesWithPad-B-o4vu0Y.js";import"./Icon-BmtvHdpX.js";import"./text-accent-Pc_gtAUU.js";import"./classNames-BUL1Zq7e.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./render-icon-BT0Aq7PA.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./options-DSKYF8ow.js";function r(t){const e={code:"code",h1:"h1",p:"p",pre:"pre",...n(),...t.components};return o.jsxs(o.Fragment,{children:[o.jsx(m,{title:"components/Icon/Server Component"}),`
2
2
  `,o.jsx(e.h1,{id:"use-icon-as-react-server-component",children:"Use Icon as react server component"}),`
3
3
  `,o.jsxs(e.p,{children:["To use Icon as react server component, provide ",o.jsx(e.code,{children:"svg"})," as element:"]}),`
4
4
  `,o.jsx(s,{of:i}),`
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as o}from"./TokyoUINotesWithPad-B-o4vu0Y.js";import{I as s}from"./Icon-DbIHupWZ.js";import{E as h}from"./options-DSKYF8ow.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-BMdpzlaC.js";import"./classNames-BUL1Zq7e.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./render-icon-BT0Aq7PA.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";const R={title:"components/Icon",component:s,parameters:{docs:{description:{component:"To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page)."}}}},t=()=>e.jsxs("div",{style:{display:"flex",alignItems:"end",gap:"4px"},children:[e.jsx(s,{svg:o,size:"16"}),e.jsx(s,{svg:o,size:"24"}),e.jsx(s,{svg:o,size:"32"}),e.jsx(s,{svg:o,size:"48"})]}),n=()=>e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:h.map(a=>e.jsxs("div",{style:{display:"flex",gap:16},children:[e.jsx(s,{svg:o,expColor:a.id},a.id),e.jsx("span",{children:a.id})]},a.id))}),r=()=>e.jsx(s,{svg:e.jsx(o,{})});r.tags=["!dev","!autodocs"];const i={parameters:{chromatic:{disableSnapshot:!0}},args:{svg:o,dataset:{qaid:"icon"}},argTypes:{svg:{control:!1},dataset:{control:"object"},label:{control:"text"},color:{table:{disable:!0}}}};var p,c,d;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`() => <div style={{
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as o}from"./TokyoUINotesWithPad-B-o4vu0Y.js";import{I as s}from"./Icon-BmtvHdpX.js";import{E as h}from"./options-DSKYF8ow.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-Pc_gtAUU.js";import"./classNames-BUL1Zq7e.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./render-icon-BT0Aq7PA.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";const R={title:"components/Icon",component:s,parameters:{docs:{description:{component:"To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page)."}}}},t=()=>e.jsxs("div",{style:{display:"flex",alignItems:"end",gap:"4px"},children:[e.jsx(s,{svg:o,size:"16"}),e.jsx(s,{svg:o,size:"24"}),e.jsx(s,{svg:o,size:"32"}),e.jsx(s,{svg:o,size:"48"})]}),n=()=>e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:h.map(a=>e.jsxs("div",{style:{display:"flex",gap:16},children:[e.jsx(s,{svg:o,expColor:a.id},a.id),e.jsx("span",{children:a.id})]},a.id))}),r=()=>e.jsx(s,{svg:e.jsx(o,{})});r.tags=["!dev","!autodocs"];const i={parameters:{chromatic:{disableSnapshot:!0}},args:{svg:o,dataset:{qaid:"icon"}},argTypes:{svg:{control:!1},dataset:{control:"object"},label:{control:"text"},color:{table:{disable:!0}}}};var p,c,d;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`() => <div style={{
2
2
  display: 'flex',
3
3
  alignItems: 'end',
4
4
  gap: '4px'
@@ -1,8 +1,8 @@
1
- import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Cb9e4tly.js";import{r as d}from"./render-icon-BT0Aq7PA.js";import{B as v}from"./ButtonBase-CJjNfOwu.js";import{w as p}from"./componentNames-Bwls0I02.js";import{B as c,a as f}from"./defaults-B1rzzf6M.js";const e=m.forwardRef(function({variant:l=f,size:n=c,url:t,a11yLabel:u,svg:r,...s},i){return o.jsx(v,{...s,ref:i,isIconButton:!0,variant:l,size:n,url:t,a11yLabel:u,preplyDsComponent:p.IconButton,children:d(r,{"aria-hidden":"true",focusable:"false"})})});try{e.displayName="IconButton",e.__docgenInfo={description:"",displayName:"IconButton",props:{size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"critical"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"inverted"'},{value:'"newFeature"'},{value:'"ai"'}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
1
+ import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Cb9e4tly.js";import{r as d}from"./render-icon-BT0Aq7PA.js";import{B as v}from"./ButtonBase-CndTGqQQ.js";import{w as p}from"./componentNames-Bwls0I02.js";import{B as c,a as f}from"./defaults-B1rzzf6M.js";const e=m.forwardRef(function({variant:l=f,size:n=c,url:t,a11yLabel:u,svg:r,...s},i){return o.jsx(v,{...s,ref:i,isIconButton:!0,variant:l,size:n,url:t,a11yLabel:u,preplyDsComponent:p.IconButton,children:d(r,{"aria-hidden":"true",focusable:"false"})})});try{e.displayName="IconButton",e.__docgenInfo={description:"",displayName:"IconButton",props:{size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"critical"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"inverted"'},{value:'"newFeature"'},{value:'"ai"'}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
2
2
 
3
3
  Allows rendering the button using a different React element or component.
4
4
  This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
5
5
  @example // Render as a react router link component
6
6
  import { Link } from 'react-router-dom';
7
7
 
8
- <ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},svg:{defaultValue:null,description:"",name:"svg",required:!0,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLAnchorElement | HTMLButtonElement | null) => void"},{value:"RefObject<HTMLAnchorElement | HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}export{e as I};
8
+ <ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},svg:{defaultValue:null,description:"",name:"svg",required:!0,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLButtonElement | HTMLAnchorElement | null) => void"},{value:"RefObject<HTMLButtonElement | HTMLAnchorElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}export{e as I};
@@ -0,0 +1,5 @@
1
+ import{j as d}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Cb9e4tly.js";import{u as o,I as p,s as v}from"./FieldLayoutBase-Ri_bjseH.js";import{m as f}from"./classNames-BUL1Zq7e.js";import{w as a}from"./componentNames-Bwls0I02.js";const c=({onChange:e,onValueChange:u,...n},t)=>{const r=f(v,a.InputText),i=o(s=>s.target.value,e,u);return d.jsx(p,{...n,ref:t,className:r.join(" "),onChange:i,preplyDsComponent:a.InputText})},l=m.forwardRef(c);try{l.displayName="InputText",l.__docgenInfo={description:"",displayName:"InputText",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
2
+ @see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
3
+ @see aria-hidden
4
+ @see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
5
+ @see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"name"'},{value:'"off"'},{value:'"new-password"'},{value:'"current-password"'},{value:'"email"'},{value:'"tel"'},{value:'"on"'},{value:'"username"'},{value:'"language"'}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"text"'},{value:'"url"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{l as I};
@@ -1 +1 @@
1
- import{j as N}from"./jsx-runtime-BTJTZTIL.js";import{r as I}from"./index-Cb9e4tly.js";import{f as j}from"./filterHTMLAttributes-DYdLqcvH.js";import{g as f,s as U,a as E,b as H}from"./layout-relative.module-C63T27Fr.js";import{e as $,f as G,L as k}from"./defaults-B1rzzf6M.js";import{g as J}from"./index-DdzHuZ-Y.js";import{w as M}from"./componentNames-Bwls0I02.js";const t=void 0;function Y(a){const{nowrap:e}=a;return e?!0:t}function r(a){return JSON.stringify(a)}function B(a){const{direction:e,column:u,reverse:n}=a;return e===void 0?!n&&!u?{applyThrough:"direction",directionAttr:$}:{applyThrough:"columnReverse",columnReverseAttr:`${u?"column":"row"}-${n?"rev":"fwd"}`}:typeof e=="string"?{applyThrough:"direction",directionAttr:e}:{applyThrough:"direction",directionAttr:r(e)}}function W(a){const{justifyContent:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function X(a){const{alignItems:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function z(a){const{gap:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function K(a){const{padding:e}=a;return e===void 0?{applyThrough:"attr",attr:G}:typeof e=="string"||typeof e=="number"?{applyThrough:"attr",attr:e}:Array.isArray(e)?{applyThrough:"classnames",classNames:f(e)}:r(e).includes("[")?{applyThrough:"classnames",classNames:f(e)}:{applyThrough:"attr",attr:JSON.stringify(e)}}function Q(a){const{hide:e,inline:u}=a;if(e===void 0)return t;const n=u?"inline-flex":"flex";if(typeof e=="boolean")return e?"hide":n;let l=r(e);return l=l.replace(/true/g,'"hide"'),l=l.replace(/false/g,`"${n}"`),l}function Z(a){const{relative:e}=a;return e===void 0?t:e===!0?!0:e===!1?t:r(e)}const ee={},m=I.forwardRef(function(e,u){const{gap:n,hide:l,column:o,nowrap:g,inline:y,dataset:h,reverse:A,padding:L,children:R,relative:T,direction:x,alignItems:P,justifyContent:w,tag:S=k,..._}=e,v=[ee.LayoutFlex,U.LayoutGap,E.LayoutHide,H.LayoutRelative],D=z({gap:n}),b=Y({nowrap:g}),q=Z({relative:T}),V=Q({hide:l,inline:y}),O=X({alignItems:P}),C=W({justifyContent:w});let d=t,p=t;const i=B({direction:x,column:o,reverse:A});i.applyThrough==="columnReverse"?p=i.columnReverseAttr:d=i.directionAttr;let c=t;const s=K({padding:L});s.applyThrough==="classnames"?v.push(...s.classNames):c=s.attr;const F={...j(_),ref:u,className:v.join(" "),"data-ds-gap":D,"data-ds-nowrap":b,"data-ds-padding":c,"data-ds-display":V,"data-ds-relative":q,"data-ds-direction":d,"data-ds-alignitems":O,"data-ds-columnreverse":p,"data-ds-justifycontent":C,...J(h,{preplyDsComponent:M.LayoutFlex})};return N.jsx(S,{...F,children:R})});try{m.displayName="LayoutFlex",m.__docgenInfo={description:"A CSS `flex` wrapper.",displayName:"LayoutFlex",props:{gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"3xs"'},{value:"ResponsiveProp<LayoutGap>"},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"ResponsiveProp<Spacing>"}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"[LayoutPadding, LayoutPadding]"},{value:"[LayoutPadding, LayoutPadding, LayoutPadding]"},{value:"[LayoutPadding, LayoutPadding, LayoutPadding, LayoutPadding]"},{value:"[Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing, Spacing]"},{value:"ResponsiveProp<ShortHand<LayoutPadding> | ShortHand<Spacing>>"}]}},nowrap:{defaultValue:null,description:"",name:"nowrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},column:{defaultValue:null,description:"@deprecated Use `direction` instead.",name:"column",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},reverse:{defaultValue:null,description:"@deprecated Use `direction` instead.",name:"reverse",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},direction:{defaultValue:null,description:"",name:"direction",required:!1,type:{name:"enum",value:[{value:'"column"'},{value:'"row"'},{value:'"row-reverse"'},{value:'"column-reverse"'},{value:"ResponsiveProp<LayoutFlexDirection>"}]}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"space-between"'},{value:'"space-around"'},{value:'"space-evenly"'},{value:"ResponsiveProp<LayoutJustifyContent>"}]}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:'"baseline"'},{value:"ResponsiveProp<LayoutAlignItems>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"div"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"p"'},{value:'"span"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},inline:{defaultValue:null,description:"",name:"inline",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{m as L};
1
+ import{j as N}from"./jsx-runtime-BTJTZTIL.js";import{r as I}from"./index-Cb9e4tly.js";import{f as j}from"./filterHTMLAttributes-DYdLqcvH.js";import{g as f,s as U,a as E,b as H}from"./layout-relative.module-CDUOJ19G.js";import{e as $,f as G,L as k}from"./defaults-B1rzzf6M.js";import{g as J}from"./index-DdzHuZ-Y.js";import{w as M}from"./componentNames-Bwls0I02.js";const t=void 0;function Y(a){const{nowrap:e}=a;return e?!0:t}function r(a){return JSON.stringify(a)}function B(a){const{direction:e,column:u,reverse:n}=a;return e===void 0?!n&&!u?{applyThrough:"direction",directionAttr:$}:{applyThrough:"columnReverse",columnReverseAttr:`${u?"column":"row"}-${n?"rev":"fwd"}`}:typeof e=="string"?{applyThrough:"direction",directionAttr:e}:{applyThrough:"direction",directionAttr:r(e)}}function W(a){const{justifyContent:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function X(a){const{alignItems:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function z(a){const{gap:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function K(a){const{padding:e}=a;return e===void 0?{applyThrough:"attr",attr:G}:typeof e=="string"||typeof e=="number"?{applyThrough:"attr",attr:e}:Array.isArray(e)?{applyThrough:"classnames",classNames:f(e)}:r(e).includes("[")?{applyThrough:"classnames",classNames:f(e)}:{applyThrough:"attr",attr:JSON.stringify(e)}}function Q(a){const{hide:e,inline:u}=a;if(e===void 0)return t;const n=u?"inline-flex":"flex";if(typeof e=="boolean")return e?"hide":n;let l=r(e);return l=l.replace(/true/g,'"hide"'),l=l.replace(/false/g,`"${n}"`),l}function Z(a){const{relative:e}=a;return e===void 0?t:e===!0?!0:e===!1?t:r(e)}const ee={},m=I.forwardRef(function(e,u){const{gap:n,hide:l,column:o,nowrap:g,inline:y,dataset:h,reverse:A,padding:L,children:R,relative:T,direction:x,alignItems:P,justifyContent:w,tag:S=k,..._}=e,v=[ee.LayoutFlex,U.LayoutGap,E.LayoutHide,H.LayoutRelative],D=z({gap:n}),b=Y({nowrap:g}),q=Z({relative:T}),V=Q({hide:l,inline:y}),O=X({alignItems:P}),C=W({justifyContent:w});let d=t,p=t;const i=B({direction:x,column:o,reverse:A});i.applyThrough==="columnReverse"?p=i.columnReverseAttr:d=i.directionAttr;let c=t;const s=K({padding:L});s.applyThrough==="classnames"?v.push(...s.classNames):c=s.attr;const F={...j(_),ref:u,className:v.join(" "),"data-ds-gap":D,"data-ds-nowrap":b,"data-ds-padding":c,"data-ds-display":V,"data-ds-relative":q,"data-ds-direction":d,"data-ds-alignitems":O,"data-ds-columnreverse":p,"data-ds-justifycontent":C,...J(h,{preplyDsComponent:M.LayoutFlex})};return N.jsx(S,{...F,children:R})});try{m.displayName="LayoutFlex",m.__docgenInfo={description:"A CSS `flex` wrapper.",displayName:"LayoutFlex",props:{gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"3xs"'},{value:"ResponsiveProp<LayoutGap>"},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"ResponsiveProp<Spacing>"}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"[LayoutPadding, LayoutPadding]"},{value:"[LayoutPadding, LayoutPadding, LayoutPadding]"},{value:"[LayoutPadding, LayoutPadding, LayoutPadding, LayoutPadding]"},{value:"[Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing, Spacing]"},{value:"ResponsiveProp<ShortHand<LayoutPadding> | ShortHand<Spacing>>"}]}},nowrap:{defaultValue:null,description:"",name:"nowrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},column:{defaultValue:null,description:"@deprecated Use `direction` instead.",name:"column",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},reverse:{defaultValue:null,description:"@deprecated Use `direction` instead.",name:"reverse",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},direction:{defaultValue:null,description:"",name:"direction",required:!1,type:{name:"enum",value:[{value:'"column"'},{value:'"row"'},{value:'"row-reverse"'},{value:'"column-reverse"'},{value:"ResponsiveProp<LayoutFlexDirection>"}]}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"space-between"'},{value:'"space-around"'},{value:'"space-evenly"'},{value:"ResponsiveProp<LayoutJustifyContent>"}]}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:'"baseline"'},{value:"ResponsiveProp<LayoutAlignItems>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},inline:{defaultValue:null,description:"",name:"inline",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{m as L};
@@ -1 +1 @@
1
- import{j as E}from"./jsx-runtime-BTJTZTIL.js";import{r as P}from"./index-Cb9e4tly.js";import{f as S}from"./filterHTMLAttributes-UOns5Q7s.js";import{g,s as $,a as b,b as G}from"./layout-relative.module-DIaUqnvq-DH_OPu7E.js";import{e as H,f as J,L as Y}from"./defaults-B1rzzf6M.js";import{g as B}from"./index-DdzHuZ-Y.js";import{w as M}from"./componentNames-Bwls0I02.js";const e=void 0;function W(r){const{nowrap:t}=r;return t?!0:e}function i(r){return JSON.stringify(r)}function X(r){const{direction:t,column:o,reverse:n}=r;return t===void 0?!n&&!o?{applyThrough:"direction",directionAttr:H}:{applyThrough:"columnReverse",columnReverseAttr:`${o?"column":"row"}-${n?"rev":"fwd"}`}:typeof t=="string"?{applyThrough:"direction",directionAttr:t}:{applyThrough:"direction",directionAttr:i(t)}}function k(r){const{justifyContent:t}=r;return t===void 0?e:typeof t=="string"?t:i(t)}function q(r){const{alignItems:t}=r;return t===void 0?e:typeof t=="string"?t:i(t)}function z(r){const{gap:t}=r;return t===void 0?e:typeof t=="string"?t:i(t)}function K(r){const{padding:t}=r;return t===void 0?{applyThrough:"attr",attr:J}:typeof t=="string"||typeof t=="number"?{applyThrough:"attr",attr:t}:Array.isArray(t)?{applyThrough:"classnames",classNames:g(t)}:i(t).includes("[")?{applyThrough:"classnames",classNames:g(t)}:{applyThrough:"attr",attr:JSON.stringify(t)}}function Q(r){const{hide:t,inline:o}=r;if(t===void 0)return e;const n=o?"inline-flex":"flex";if(typeof t=="boolean")return t?"hide":n;let s=i(t);return s=s.replace(/true/g,'"hide"'),s=s.replace(/false/g,`"${n}"`),s}function V(r){const{relative:t}=r;return t===void 0?e:t===!0?!0:t===!1?e:i(t)}const Z={},tt=P.forwardRef(function(t,o){const{gap:n,hide:s,column:l,nowrap:y,inline:m,dataset:A,reverse:h,padding:v,children:T,relative:L,direction:R,alignItems:D,justifyContent:x,tag:w=Y,..._}=t,c=[Z.LayoutFlex,$.LayoutGap,b.LayoutHide,G.LayoutRelative],N=z({gap:n}),O=W({nowrap:y}),F=V({relative:L}),C=Q({hide:s,inline:m}),I=q({alignItems:D}),U=k({justifyContent:x});let p=e,d=e;const a=X({direction:R,column:l,reverse:h});a.applyThrough==="columnReverse"?d=a.columnReverseAttr:p=a.directionAttr;let f=e;const u=K({padding:v});u.applyThrough==="classnames"?c.push(...u.classNames):f=u.attr;const j={...S(_),ref:o,className:c.join(" "),"data-ds-gap":N,"data-ds-nowrap":O,"data-ds-padding":f,"data-ds-display":C,"data-ds-relative":F,"data-ds-direction":p,"data-ds-alignitems":I,"data-ds-columnreverse":d,"data-ds-justifycontent":U,...B(A,{preplyDsComponent:M.LayoutFlex})};return E.jsx(w,{...j,children:T})});tt.__docgenInfo={description:"",methods:[],displayName:"LayoutFlex"};export{tt as L};
1
+ import{j as E}from"./jsx-runtime-BTJTZTIL.js";import{r as P}from"./index-Cb9e4tly.js";import{f as S}from"./filterHTMLAttributes-UOns5Q7s.js";import{g,s as $,a as b,b as G}from"./layout-relative.module-BhIMNlTS-HdwEQarE.js";import{e as H,f as J,L as Y}from"./defaults-B1rzzf6M.js";import{g as B}from"./index-DdzHuZ-Y.js";import{w as M}from"./componentNames-Bwls0I02.js";const e=void 0;function W(r){const{nowrap:t}=r;return t?!0:e}function i(r){return JSON.stringify(r)}function X(r){const{direction:t,column:o,reverse:n}=r;return t===void 0?!n&&!o?{applyThrough:"direction",directionAttr:H}:{applyThrough:"columnReverse",columnReverseAttr:`${o?"column":"row"}-${n?"rev":"fwd"}`}:typeof t=="string"?{applyThrough:"direction",directionAttr:t}:{applyThrough:"direction",directionAttr:i(t)}}function k(r){const{justifyContent:t}=r;return t===void 0?e:typeof t=="string"?t:i(t)}function q(r){const{alignItems:t}=r;return t===void 0?e:typeof t=="string"?t:i(t)}function z(r){const{gap:t}=r;return t===void 0?e:typeof t=="string"?t:i(t)}function K(r){const{padding:t}=r;return t===void 0?{applyThrough:"attr",attr:J}:typeof t=="string"||typeof t=="number"?{applyThrough:"attr",attr:t}:Array.isArray(t)?{applyThrough:"classnames",classNames:g(t)}:i(t).includes("[")?{applyThrough:"classnames",classNames:g(t)}:{applyThrough:"attr",attr:JSON.stringify(t)}}function Q(r){const{hide:t,inline:o}=r;if(t===void 0)return e;const n=o?"inline-flex":"flex";if(typeof t=="boolean")return t?"hide":n;let s=i(t);return s=s.replace(/true/g,'"hide"'),s=s.replace(/false/g,`"${n}"`),s}function V(r){const{relative:t}=r;return t===void 0?e:t===!0?!0:t===!1?e:i(t)}const Z={},tt=P.forwardRef(function(t,o){const{gap:n,hide:s,column:l,nowrap:y,inline:m,dataset:A,reverse:h,padding:v,children:T,relative:L,direction:R,alignItems:D,justifyContent:x,tag:w=Y,..._}=t,c=[Z.LayoutFlex,$.LayoutGap,b.LayoutHide,G.LayoutRelative],N=z({gap:n}),O=W({nowrap:y}),F=V({relative:L}),C=Q({hide:s,inline:m}),I=q({alignItems:D}),U=k({justifyContent:x});let p=e,d=e;const a=X({direction:R,column:l,reverse:h});a.applyThrough==="columnReverse"?d=a.columnReverseAttr:p=a.directionAttr;let f=e;const u=K({padding:v});u.applyThrough==="classnames"?c.push(...u.classNames):f=u.attr;const j={...S(_),ref:o,className:c.join(" "),"data-ds-gap":N,"data-ds-nowrap":O,"data-ds-padding":f,"data-ds-display":C,"data-ds-relative":F,"data-ds-direction":p,"data-ds-alignitems":I,"data-ds-columnreverse":d,"data-ds-justifycontent":U,...B(A,{preplyDsComponent:M.LayoutFlex})};return E.jsx(w,{...j,children:T})});tt.__docgenInfo={description:"",methods:[],displayName:"LayoutFlex"};export{tt as L};
@@ -0,0 +1 @@
1
+ ._LayoutFlexItem_zv5qz_2{padding:0;margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0}._LayoutFlexItem--stretch_zv5qz_11{flex:1}._LayoutFlexItem--no-stretch_zv5qz_14{flex:none}@media (min-width: 400px){._LayoutFlexItem--narrow-l--stretch_zv5qz_18{flex:1}._LayoutFlexItem--narrow-l--no-stretch_zv5qz_21{flex:none}}@media (min-width: 700px){._LayoutFlexItem--medium-s--stretch_zv5qz_26{flex:1}._LayoutFlexItem--medium-s--no-stretch_zv5qz_29{flex:none}}@media (min-width: 880px){._LayoutFlexItem--medium-l--stretch_zv5qz_34{flex:1}._LayoutFlexItem--medium-l--no-stretch_zv5qz_37{flex:none}}@media (min-width: 1200px){._LayoutFlexItem--wide-s--stretch_zv5qz_42{flex:1}._LayoutFlexItem--wide-s--no-stretch_zv5qz_45{flex:none}}@media (min-width: 1900px){._LayoutFlexItem--wide-l--stretch_zv5qz_50{flex:1}._LayoutFlexItem--wide-l--no-stretch_zv5qz_53{flex:none}}
@@ -1 +1 @@
1
- import{j as h}from"./jsx-runtime-BTJTZTIL.js";import{r as L}from"./index-Cb9e4tly.js";import{g as F,a as I,b as g}from"./layout-relative-UGlXPWqj.js";import{f as w}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as b,b as C}from"./classNames-BUL1Zq7e.js";import{w as e}from"./componentNames-Bwls0I02.js";import{g as N}from"./index-DdzHuZ-Y.js";import{L as R}from"./defaults-B1rzzf6M.js";const q="_LayoutFlexItem_x4rua_2",V={LayoutFlexItem:q,"LayoutFlexItem--stretch":"_LayoutFlexItem--stretch_x4rua_11","LayoutFlexItem--no-stretch":"_LayoutFlexItem--no-stretch_x4rua_14","LayoutFlexItem--narrow-l--stretch":"_LayoutFlexItem--narrow-l--stretch_x4rua_18","LayoutFlexItem--narrow-l--no-stretch":"_LayoutFlexItem--narrow-l--no-stretch_x4rua_21","LayoutFlexItem--medium-s--stretch":"_LayoutFlexItem--medium-s--stretch_x4rua_26","LayoutFlexItem--medium-s--no-stretch":"_LayoutFlexItem--medium-s--no-stretch_x4rua_29","LayoutFlexItem--medium-l--stretch":"_LayoutFlexItem--medium-l--stretch_x4rua_34","LayoutFlexItem--medium-l--no-stretch":"_LayoutFlexItem--medium-l--no-stretch_x4rua_37","LayoutFlexItem--wide-s--stretch":"_LayoutFlexItem--wide-s--stretch_x4rua_42","LayoutFlexItem--wide-s--no-stretch":"_LayoutFlexItem--wide-s--no-stretch_x4rua_45","LayoutFlexItem--wide-l--stretch":"_LayoutFlexItem--wide-l--stretch_x4rua_50","LayoutFlexItem--wide-l--no-stretch":"_LayoutFlexItem--wide-l--no-stretch_x4rua_53"},t=L.forwardRef(function({children:l,alignSelf:u,stretch:s=!1,tag:r,hide:o,relative:n,dataset:m,...i},c){const d=b(V,e.LayoutFlexItem,C("stretch","no-stretch",s)),v=F(u),p=I(o),f=g(n),y=[...d,...v,...p,...f],x=r??R,_={...w(i),ref:c,className:y.join(" "),...N(m,{preplyDsComponent:e.LayoutFlexItem})};return h.jsx(x,{..._,children:l})});try{t.displayName="LayoutFlexItem",t.__docgenInfo={description:"",displayName:"LayoutFlexItem",props:{alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:"ResponsiveProp<LayoutAlignSelf>"}]}},stretch:{defaultValue:{value:"false"},description:"",name:"stretch",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"div"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"p"'},{value:'"span"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{t as L};
1
+ import{j as L}from"./jsx-runtime-BTJTZTIL.js";import{r as x}from"./index-Cb9e4tly.js";import{g as F,a as I,b as z}from"./layout-relative-DFrOiWAE.js";import{f as g}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as q,b as w}from"./classNames-BUL1Zq7e.js";import{w as e}from"./componentNames-Bwls0I02.js";import{g as b}from"./index-DdzHuZ-Y.js";import{L as C}from"./defaults-B1rzzf6M.js";const N="_LayoutFlexItem_zv5qz_2",R={LayoutFlexItem:N,"LayoutFlexItem--stretch":"_LayoutFlexItem--stretch_zv5qz_11","LayoutFlexItem--no-stretch":"_LayoutFlexItem--no-stretch_zv5qz_14","LayoutFlexItem--narrow-l--stretch":"_LayoutFlexItem--narrow-l--stretch_zv5qz_18","LayoutFlexItem--narrow-l--no-stretch":"_LayoutFlexItem--narrow-l--no-stretch_zv5qz_21","LayoutFlexItem--medium-s--stretch":"_LayoutFlexItem--medium-s--stretch_zv5qz_26","LayoutFlexItem--medium-s--no-stretch":"_LayoutFlexItem--medium-s--no-stretch_zv5qz_29","LayoutFlexItem--medium-l--stretch":"_LayoutFlexItem--medium-l--stretch_zv5qz_34","LayoutFlexItem--medium-l--no-stretch":"_LayoutFlexItem--medium-l--no-stretch_zv5qz_37","LayoutFlexItem--wide-s--stretch":"_LayoutFlexItem--wide-s--stretch_zv5qz_42","LayoutFlexItem--wide-s--no-stretch":"_LayoutFlexItem--wide-s--no-stretch_zv5qz_45","LayoutFlexItem--wide-l--stretch":"_LayoutFlexItem--wide-l--stretch_zv5qz_50","LayoutFlexItem--wide-l--no-stretch":"_LayoutFlexItem--wide-l--no-stretch_zv5qz_53"},t=x.forwardRef(function({children:l,alignSelf:s,stretch:u=!1,tag:o,hide:n,relative:r,dataset:m,...i},v){const c=q(R,e.LayoutFlexItem,w("stretch","no-stretch",u)),d=F(s),p=I(n),f=z(r),y=[...c,...d,...p,...f],_=o??C,h={...g(i),ref:v,className:y.join(" "),...b(m,{preplyDsComponent:e.LayoutFlexItem})};return L.jsx(_,{...h,children:l})});try{t.displayName="LayoutFlexItem",t.__docgenInfo={description:"",displayName:"LayoutFlexItem",props:{alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:"ResponsiveProp<LayoutAlignSelf>"}]}},stretch:{defaultValue:{value:"false"},description:"",name:"stretch",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{t as L};
@@ -0,0 +1 @@
1
+ ._LayoutGridItem_2tq6r_1{margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;padding:0}._LayoutGrid_1xr0r_4{list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;margin:0;padding:0;display:grid}._LayoutGrid--justify-content-center_1xr0r_14{justify-content:center}._LayoutGrid--justify-content-start_1xr0r_17{justify-content:start}._LayoutGrid--justify-content-end_1xr0r_20{justify-content:end}._LayoutGrid--justify-content-space-between_1xr0r_23{justify-content:space-between}._LayoutGrid--justify-content-space-around_1xr0r_26{justify-content:space-around}._LayoutGrid--justify-content-space-evenly_1xr0r_29{justify-content:space-evenly}@media (min-width: 400px){._LayoutGrid--narrow-l--justify-content-center_1xr0r_33{justify-content:center}._LayoutGrid--narrow-l--justify-content-start_1xr0r_36{justify-content:start}._LayoutGrid--narrow-l--justify-content-end_1xr0r_39{justify-content:end}._LayoutGrid--narrow-l--justify-content-space-between_1xr0r_42{justify-content:space-between}._LayoutGrid--narrow-l--justify-content-space-around_1xr0r_45{justify-content:space-around}._LayoutGrid--narrow-l--justify-content-space-evenly_1xr0r_48{justify-content:space-evenly}}@media (min-width: 700px){._LayoutGrid--medium-s--justify-content-center_1xr0r_53{justify-content:center}._LayoutGrid--medium-s--justify-content-start_1xr0r_56{justify-content:start}._LayoutGrid--medium-s--justify-content-end_1xr0r_59{justify-content:end}._LayoutGrid--medium-s--justify-content-space-between_1xr0r_62{justify-content:space-between}._LayoutGrid--medium-s--justify-content-space-around_1xr0r_65{justify-content:space-around}._LayoutGrid--medium-s--justify-content-space-evenly_1xr0r_68{justify-content:space-evenly}}@media (min-width: 880px){._LayoutGrid--medium-l--justify-content-center_1xr0r_73{justify-content:center}._LayoutGrid--medium-l--justify-content-start_1xr0r_76{justify-content:start}._LayoutGrid--medium-l--justify-content-end_1xr0r_79{justify-content:end}._LayoutGrid--medium-l--justify-content-space-between_1xr0r_82{justify-content:space-between}._LayoutGrid--medium-l--justify-content-space-around_1xr0r_85{justify-content:space-around}._LayoutGrid--medium-l--justify-content-space-evenly_1xr0r_88{justify-content:space-evenly}}@media (min-width: 1200px){._LayoutGrid--wide-s--justify-content-center_1xr0r_93{justify-content:center}._LayoutGrid--wide-s--justify-content-start_1xr0r_96{justify-content:start}._LayoutGrid--wide-s--justify-content-end_1xr0r_99{justify-content:end}._LayoutGrid--wide-s--justify-content-space-between_1xr0r_102{justify-content:space-between}._LayoutGrid--wide-s--justify-content-space-around_1xr0r_105{justify-content:space-around}._LayoutGrid--wide-s--justify-content-space-evenly_1xr0r_108{justify-content:space-evenly}}@media (min-width: 1900px){._LayoutGrid--wide-l--justify-content-center_1xr0r_113{justify-content:center}._LayoutGrid--wide-l--justify-content-start_1xr0r_116{justify-content:start}._LayoutGrid--wide-l--justify-content-end_1xr0r_119{justify-content:end}._LayoutGrid--wide-l--justify-content-space-between_1xr0r_122{justify-content:space-between}._LayoutGrid--wide-l--justify-content-space-around_1xr0r_125{justify-content:space-around}._LayoutGrid--wide-l--justify-content-space-evenly_1xr0r_128{justify-content:space-evenly}}._LayoutGrid--align-items-center_1xr0r_132{align-items:center}._LayoutGrid--align-items-start_1xr0r_135{align-items:start}._LayoutGrid--align-items-end_1xr0r_138{align-items:end}._LayoutGrid--align-items-stretch_1xr0r_141{align-items:stretch}._LayoutGrid--align-items-baseline_1xr0r_144{align-items:baseline}@media (min-width: 400px){._LayoutGrid--narrow-l--align-items-center_1xr0r_148{align-items:center}._LayoutGrid--narrow-l--align-items-start_1xr0r_151{align-items:start}._LayoutGrid--narrow-l--align-items-end_1xr0r_154{align-items:end}._LayoutGrid--narrow-l--align-items-stretch_1xr0r_157{align-items:stretch}._LayoutGrid--narrow-l--align-items-baseline_1xr0r_160{align-items:baseline}}@media (min-width: 700px){._LayoutGrid--medium-s--align-items-center_1xr0r_165{align-items:center}._LayoutGrid--medium-s--align-items-start_1xr0r_168{align-items:start}._LayoutGrid--medium-s--align-items-end_1xr0r_171{align-items:end}._LayoutGrid--medium-s--align-items-stretch_1xr0r_174{align-items:stretch}._LayoutGrid--medium-s--align-items-baseline_1xr0r_177{align-items:baseline}}@media (min-width: 880px){._LayoutGrid--medium-l--align-items-center_1xr0r_182{align-items:center}._LayoutGrid--medium-l--align-items-start_1xr0r_185{align-items:start}._LayoutGrid--medium-l--align-items-end_1xr0r_188{align-items:end}._LayoutGrid--medium-l--align-items-stretch_1xr0r_191{align-items:stretch}._LayoutGrid--medium-l--align-items-baseline_1xr0r_194{align-items:baseline}}@media (min-width: 1200px){._LayoutGrid--wide-s--align-items-center_1xr0r_199{align-items:center}._LayoutGrid--wide-s--align-items-start_1xr0r_202{align-items:start}._LayoutGrid--wide-s--align-items-end_1xr0r_205{align-items:end}._LayoutGrid--wide-s--align-items-stretch_1xr0r_208{align-items:stretch}._LayoutGrid--wide-s--align-items-baseline_1xr0r_211{align-items:baseline}}@media (min-width: 1900px){._LayoutGrid--wide-l--align-items-center_1xr0r_216{align-items:center}._LayoutGrid--wide-l--align-items-start_1xr0r_219{align-items:start}._LayoutGrid--wide-l--align-items-end_1xr0r_222{align-items:end}._LayoutGrid--wide-l--align-items-stretch_1xr0r_225{align-items:stretch}._LayoutGrid--wide-l--align-items-baseline_1xr0r_228{align-items:baseline}}._LayoutGrid--justify-items-stretch_1xr0r_232{justify-items:stretch}._LayoutGrid--justify-items-center_1xr0r_235{justify-items:center}._LayoutGrid--justify-items-start_1xr0r_238{justify-items:start}._LayoutGrid--justify-items-end_1xr0r_241{justify-items:end}@media (min-width: 400px){._LayoutGrid--narrow-l--justify-items-stretch_1xr0r_245{justify-items:stretch}._LayoutGrid--narrow-l--justify-items-center_1xr0r_248{justify-items:center}._LayoutGrid--narrow-l--justify-items-start_1xr0r_251{justify-items:start}._LayoutGrid--narrow-l--justify-items-end_1xr0r_254{justify-items:end}}@media (min-width: 700px){._LayoutGrid--medium-s--justify-items-stretch_1xr0r_259{justify-items:stretch}._LayoutGrid--medium-s--justify-items-center_1xr0r_262{justify-items:center}._LayoutGrid--medium-s--justify-items-start_1xr0r_265{justify-items:start}._LayoutGrid--medium-s--justify-items-end_1xr0r_268{justify-items:end}}@media (min-width: 880px){._LayoutGrid--medium-l--justify-items-stretch_1xr0r_273{justify-items:stretch}._LayoutGrid--medium-l--justify-items-center_1xr0r_276{justify-items:center}._LayoutGrid--medium-l--justify-items-start_1xr0r_279{justify-items:start}._LayoutGrid--medium-l--justify-items-end_1xr0r_282{justify-items:end}}@media (min-width: 1200px){._LayoutGrid--wide-s--justify-items-stretch_1xr0r_287{justify-items:stretch}._LayoutGrid--wide-s--justify-items-center_1xr0r_290{justify-items:center}._LayoutGrid--wide-s--justify-items-start_1xr0r_293{justify-items:start}._LayoutGrid--wide-s--justify-items-end_1xr0r_296{justify-items:end}}@media (min-width: 1900px){._LayoutGrid--wide-l--justify-items-stretch_1xr0r_301{justify-items:stretch}._LayoutGrid--wide-l--justify-items-center_1xr0r_304{justify-items:center}._LayoutGrid--wide-l--justify-items-start_1xr0r_307{justify-items:start}._LayoutGrid--wide-l--justify-items-end_1xr0r_310{justify-items:end}}._LayoutGrid--columns_1xr0r_314{grid-template-columns:var(--columns)}@media (min-width: 400px){._LayoutGrid--columns-narrow-l_1xr0r_318{grid-template-columns:var(--columns-narrow-l)}}@media (min-width: 700px){._LayoutGrid--columns-medium-s_1xr0r_323{grid-template-columns:var(--columns-medium-s)}}@media (min-width: 880px){._LayoutGrid--columns-medium-l_1xr0r_328{grid-template-columns:var(--columns-medium-l)}}@media (min-width: 1200px){._LayoutGrid--columns-wide-s_1xr0r_333{grid-template-columns:var(--columns-wide-s)}}@media (min-width: 1900px){._LayoutGrid--columns-wide-l_1xr0r_338{grid-template-columns:var(--columns-wide-l)}}