@preply/ds-docs 0.100.1 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (210) hide show
  1. package/dist/assets/{00.applications-SuGhZ2d6.js → 00.applications-CQSwS143.js} +3 -3
  2. package/dist/assets/{00.favicons.guide-DzTzQGOX.js → 00.favicons.guide-B5VhuzDN.js} +1 -1
  3. package/dist/assets/{00.token-explorer-YKX25K0Z.js → 00.token-explorer-D52-d6td.js} +1 -1
  4. package/dist/assets/{00.using-responsive-props-B53R_GrL.js → 00.using-responsive-props-BfY7f1x1.js} +1 -1
  5. package/dist/assets/{01.semantic-tokens-BRIHpkCy.js → 01.semantic-tokens-CG1v-2wG.js} +1 -1
  6. package/dist/assets/{10.fonts.guide-CpnQZZLi.js → 10.fonts.guide-CSfRFAZF.js} +1 -1
  7. package/dist/assets/{10.ssr-Kxsb6CV_.js → 10.ssr-iKr3ztu4.js} +2 -2
  8. package/dist/assets/{11.languageFont.explorer-Ckz-uF4N.js → 11.languageFont.explorer-CbzOJ5IK.js} +4 -4
  9. package/dist/assets/{11.ssr.app-router-DC-0dbEn.js → 11.ssr.app-router-s2wtNWNt.js} +1 -1
  10. package/dist/assets/{20.libraries-CmacBW8t.js → 20.libraries-r7trOO77.js} +1 -1
  11. package/dist/assets/{30.icons.explorer-CfMFkyQd.js → 30.icons.explorer-Bh0UPMFQ.js} +2 -2
  12. package/dist/assets/{30.storybook-lO7E7IxU.js → 30.storybook-C2GceniE.js} +7 -3
  13. package/dist/assets/{40.illustrations.explorer-RiA5UJEs.js → 40.illustrations.explorer-C-DTEZUZ.js} +1 -1
  14. package/dist/assets/{90.advanced-CQ8Bc0wk.js → 90.advanced-Bsh9fJpy.js} +1 -1
  15. package/dist/assets/Avatar-BV779HK5.css +1 -0
  16. package/dist/assets/Avatar-CkEVjZGg.js +6 -0
  17. package/dist/assets/Avatar-CtBp3Are.css +1 -0
  18. package/dist/assets/Avatar-wjE18wgf.js +1 -0
  19. package/dist/assets/{Avatar.stories-HAUC3h0w.js → Avatar.stories-DYxmMq9t.js} +1 -1
  20. package/dist/assets/AvatarWithStatus-f9H17LD-.css +1 -0
  21. package/dist/assets/{AvatarWithStatus.stories-BeLSoM6l.js → AvatarWithStatus.stories-B4Qed7F5.js} +4 -4
  22. package/dist/assets/Badge-C4CfUBO_.css +1 -0
  23. package/dist/assets/{Badge.stories-YB7vNEb0.js → Badge.stories-BmIuSixc.js} +1 -1
  24. package/dist/assets/Box-lCJVjGLs.css +1 -0
  25. package/dist/assets/Box.stories-C1U6RAs1.js +12 -0
  26. package/dist/assets/{Button-N0VRM6A0.css → Button-CCEL4lDe.css} +1 -1
  27. package/dist/assets/Button-hx0d4Fw0.js +1 -0
  28. package/dist/assets/Button.stories-B9QlZfbQ.js +127 -0
  29. package/dist/assets/Chips-sGKCdMmW.css +1 -0
  30. package/dist/assets/{Chips.stories-CJsvbrSL.js → Chips.stories-BGXfMuKf.js} +1 -1
  31. package/dist/assets/{Color-ERTF36HU-x3UpVubc.js → Color-ERTF36HU-DPTAjghN.js} +1 -1
  32. package/dist/assets/{DocsRenderer-CFRXHY34-D8Tq4G-5.js → DocsRenderer-CFRXHY34-CDQRo9Fu.js} +1 -1
  33. package/dist/assets/{FieldAdditionalText-DCd07ysy.js → FieldAdditionalText-BoS3oi_w.js} +1 -1
  34. package/dist/assets/FieldAdditionalText-CZRrM30T.css +1 -0
  35. package/dist/assets/{FieldAdditionalText.stories-6JjvlIna.js → FieldAdditionalText.stories-b-Yl8cTR.js} +1 -1
  36. package/dist/assets/{FieldButton-DWzsuKt5.css → FieldButton-BinDyPEe.css} +1 -1
  37. package/dist/assets/{FieldButton-F9R8bzuR.js → FieldButton-C7ilyHtZ.js} +1 -1
  38. package/dist/assets/{FieldButton.stories-Dmgk0NRP.js → FieldButton.stories-BblHJhq4.js} +1 -1
  39. package/dist/assets/FieldLayout-Cnz4ymGS.css +1 -0
  40. package/dist/assets/FieldLayout-DsdOLmaV.js +1 -0
  41. package/dist/assets/{FieldLayout.stories-gLIudz9F.js → FieldLayout.stories-DD9NO5r3.js} +1 -1
  42. package/dist/assets/FieldLayoutBase-CXzegFO5.css +1 -0
  43. package/dist/assets/{FieldLayoutBase-BAZH_iVk.js → FieldLayoutBase-Df6Ude-W.js} +2 -2
  44. package/dist/assets/{Heading-C_b1pABg.css → Heading-9L-D4b_z.css} +1 -1
  45. package/dist/assets/Heading-C40luK_D.js +2 -0
  46. package/dist/assets/{Heading-o4ElOKlL.css → Heading-C9WOVajU.css} +1 -1
  47. package/dist/assets/Heading-D-AZG0v4.js +1 -0
  48. package/dist/assets/{Heading.stories-s72xKv_y.js → Heading.stories-wJ6iUmE9.js} +1 -1
  49. package/dist/assets/Icon-BcKHAqQd.css +1 -0
  50. package/dist/assets/Icon-Cn3B7mqs.js +8 -0
  51. package/dist/assets/Icon-DFfpTv8V.js +1 -0
  52. package/dist/assets/{Icon-RSC-auOdhCGC.js → Icon-RSC-BGMItX4l.js} +1 -1
  53. package/dist/assets/{Icon.stories-DrSDJY-K.js → Icon.stories-DkX3szLd.js} +1 -1
  54. package/dist/assets/{InputText-DEpRpqG2.js → InputText-DYbGFufD.js} +1 -1
  55. package/dist/assets/{LayoutFlex-BaK05rll.css → LayoutFlex-0Ka3g7cK.css} +1 -1
  56. package/dist/assets/LayoutFlex-CvJvga_4.css +1 -0
  57. package/dist/assets/LayoutFlex-DaMkUPaJ.js +1 -0
  58. package/dist/assets/LayoutFlex-DpaYy_Wf.css +1 -0
  59. package/dist/assets/LayoutFlex-YVO1KNoK.js +1 -0
  60. package/dist/assets/LayoutFlex.stories-CcKsp4GP.js +19 -0
  61. package/dist/assets/LayoutGrid-DjKT1qP4.css +1 -0
  62. package/dist/assets/LayoutGrid-DnQoHEcf.js +1 -0
  63. package/dist/assets/LayoutGrid-SpXCETqa.css +1 -0
  64. package/dist/assets/LayoutGrid.stories-D5NKoT-Z.js +32 -0
  65. package/dist/assets/LayoutGridItem-B88Bd_ld.css +1 -0
  66. package/dist/assets/LayoutGridItem-QKsx1EOv.js +1 -0
  67. package/dist/assets/Link-oQl9RUkp.css +1 -0
  68. package/dist/assets/{Link.stories-027t2FnU.js → Link.stories-k6aarBWf.js} +20 -13
  69. package/dist/assets/Loader-C9AFWM0q.css +1 -0
  70. package/dist/assets/Loader.stories-H4PEvPAK.js +8 -0
  71. package/dist/assets/{NumberField.stories-BkIJHxVu.js → NumberField.stories-DXrAL_iJ.js} +1 -1
  72. package/dist/assets/{ObserveIntersection-Cr2BzgPx.js → ObserveIntersection-BQNATzj7.js} +1 -1
  73. package/dist/assets/ObserveIntersection.stories-6LMtyIGO.js +27 -0
  74. package/dist/assets/{PasswordField.stories-LShIvEnK.js → PasswordField.stories-C-to4kZf.js} +1 -1
  75. package/dist/assets/PreplyLogo-CWFbG33k.css +1 -0
  76. package/dist/assets/{PreplyLogo.stories-D9ffWvsM.js → PreplyLogo.stories-D4zo7fOn.js} +2 -2
  77. package/dist/assets/RootProvider-CLBjXsMY.js +1 -0
  78. package/dist/assets/SelectField-Bm2mCPMq.css +1 -0
  79. package/dist/assets/{SelectField.stories-CGmVU2iA.js → SelectField.stories-aJHxyEsN.js} +1 -1
  80. package/dist/assets/{ShowOnIntersection.stories-DWk9gluP.js → ShowOnIntersection.stories-Bu7UQKNF.js} +1 -1
  81. package/dist/assets/Spinner-C9dAh4yO.css +1 -0
  82. package/dist/assets/{Spinner-DNhrV5BK.js → Spinner-DXNC0i3g.js} +1 -1
  83. package/dist/assets/{StoryContextDSWeb-CViICLux.js → StoryContextDSWeb-CwCKdulo.js} +1 -1
  84. package/dist/assets/Text-B7-ttl-t.js +1 -0
  85. package/dist/assets/{Text-D6vaNiUQ.css → Text-CppB69QI.css} +1 -1
  86. package/dist/assets/Text-RoftugNM.js +1 -0
  87. package/dist/assets/Text.stories-D2QLJfT1.js +16 -0
  88. package/dist/assets/TextField-CwltHVM_.css +1 -0
  89. package/dist/assets/TextField-Cwr0pxnn.js +1 -0
  90. package/dist/assets/{TextField.stories-DPLzV9sr.js → TextField.stories-DUo5LLQU.js} +1 -1
  91. package/dist/assets/TextHighlighted-etaYnV4Y.js +1 -0
  92. package/dist/assets/TextHighlighted-o7T0QkK3.css +1 -0
  93. package/dist/assets/{TextHighlighted.stories-DB_R-gDs.js → TextHighlighted.stories-BqJ9iPjF.js} +1 -1
  94. package/dist/assets/TextInline-33nGjmep.css +1 -0
  95. package/dist/assets/{TextInline.stories-HT10loYE.js → TextInline.stories-B85Mb57Y.js} +1 -1
  96. package/dist/assets/{TextareaField.stories-px51-LZi.js → TextareaField.stories-Dvwpg0NA.js} +1 -1
  97. package/dist/assets/Toast-CacYvSDt.css +1 -0
  98. package/dist/assets/{Toast.stories-CmTZ3lau.js → Toast.stories-CbeQyWFA.js} +2 -2
  99. package/dist/assets/align-self-BDyC8hb6.css +1 -0
  100. package/dist/assets/align-self-oTRF0AIz.js +1 -0
  101. package/dist/assets/{breakpoints-D9ah2srw.js → breakpoints-B6lLqNjC.js} +1 -1
  102. package/dist/assets/{breakpoints-Dn5rWbf8.js → breakpoints-CzjEEu4s.js} +1 -1
  103. package/dist/assets/{breakpoints-BN25rAYx.js → breakpoints-DiXvjTVB.js} +1 -1
  104. package/dist/assets/{changelog-DGKwXUfP.js → changelog-Dr0p3GMF.js} +125 -108
  105. package/dist/assets/{chunk-NUUEMKO5-FMRMymcK.js → chunk-NUUEMKO5-B_IYSwMe.js} +1 -1
  106. package/dist/assets/classNames-DypE0CS3.js +1 -0
  107. package/dist/assets/{entry-preview-_th98VNw.js → entry-preview-Bp5F4iKw.js} +1 -1
  108. package/dist/assets/{getTokenVar-DTR7cOAc.js → getTokenVar-CC49GUkX.js} +1 -1
  109. package/dist/assets/{hover-B59di2Vi.js → hover-BDdMF_J2.js} +1 -1
  110. package/dist/assets/{hover-DjMp0VDE.js → hover-Cnk3mL37.js} +1 -1
  111. package/dist/assets/{hover-As2R_PZU.js → hover-Dam80V47.js} +1 -1
  112. package/dist/assets/iframe-CFAYM9Mj.js +2 -0
  113. package/dist/assets/{index-BdKDgH-N.js → index-BVSiPB0X.js} +5 -5
  114. package/dist/assets/{index-Cdgl62si.js → index-CBPKHXgm.js} +1 -1
  115. package/dist/assets/{index-CAEOHB9f.js → index-Cg4KN2Wb.js} +1 -1
  116. package/dist/assets/{intro-Dvcj45i2.js → intro-CwbnCGp9.js} +1 -1
  117. package/dist/assets/layout-relative-BO2ebDZL.css +1 -0
  118. package/dist/assets/layout-relative-CYbB23-W.css +1 -0
  119. package/dist/assets/layout-relative-Cl5Y3N4W.js +1 -0
  120. package/dist/assets/layout-relative-CmMGsNg3.js +1 -0
  121. package/dist/assets/{migrating-from-less-D0RjJs9l.js → migrating-from-less-C4d9GytH.js} +1 -1
  122. package/dist/assets/{options-Cmszy4eB.js → options-B-izEUN2.js} +1 -1
  123. package/dist/assets/playground-Dy_2mh6-.css +1 -0
  124. package/dist/assets/{playground.stories-CPIQUnVO.js → playground.stories-exUu4mie.js} +209 -208
  125. package/dist/assets/preview-BgQjD1RN.js +1 -0
  126. package/dist/assets/{preview-Dq4CwTqY.js → preview-DbbP98Wn.js} +1 -1
  127. package/dist/assets/{preview-vuEtMDr6.js → preview-DhgJvzIj.js} +2 -2
  128. package/dist/assets/text-accent-BbG6aEsK.js +1 -0
  129. package/dist/assets/text-accent-CRIVfBVN.js +1 -0
  130. package/dist/assets/text-accent-iqrc1CRU.css +1 -0
  131. package/dist/assets/text-centered-B2RJ_w5b.css +1 -0
  132. package/dist/assets/text-centered-Cbki6SCH.js +1 -0
  133. package/dist/assets/text-centered-CcR3xfWS.js +1 -0
  134. package/dist/assets/text-centered-Mh098fWh.css +1 -0
  135. package/dist/assets/{tokens-BF82AwVd.js → tokens-CGo3Lkkz.js} +1 -1
  136. package/dist/assets/{tokens-Bqw-E6go.js → tokens-CyAiZv2A.js} +1 -1
  137. package/dist/assets/{tokens-DA876hrI.js → tokens-DMBUszWZ.js} +1 -1
  138. package/dist/assets/{useTheme-ByES4oDS.js → useTheme-pdzgtlkQ.js} +1 -1
  139. package/dist/assets/{welcome-p3FME8OW.js → welcome-CRjOYcVM.js} +1 -1
  140. package/dist/iframe.html +1 -1
  141. package/dist/preview-stats.json +912 -987
  142. package/dist/project.json +1 -1
  143. package/dist/sb-addons/interactions-12/manager-bundle.js +58 -56
  144. package/dist/sb-manager/globals-runtime.js +5 -5
  145. package/package.json +16 -16
  146. package/dist/assets/Avatar-Bf-ZQ5SI.js +0 -6
  147. package/dist/assets/Avatar-C2bZgjPC.css +0 -1
  148. package/dist/assets/Avatar-D4PHplD2.css +0 -1
  149. package/dist/assets/Avatar-DUpkb2KC.js +0 -1
  150. package/dist/assets/AvatarWithStatus-CQH8pdXh.css +0 -1
  151. package/dist/assets/Badge-DyIodSmT.css +0 -1
  152. package/dist/assets/Box-Ca7OsY0c.css +0 -1
  153. package/dist/assets/Box.stories-yFcUfGK0.js +0 -12
  154. package/dist/assets/Button-Bi4jW9CV.js +0 -1
  155. package/dist/assets/Button.stories-De8WlQy7.js +0 -123
  156. package/dist/assets/Chips-C7eOEIzP.css +0 -1
  157. package/dist/assets/FieldAdditionalText-Dt30WqOi.css +0 -1
  158. package/dist/assets/FieldLayout-BYUVHDic.js +0 -1
  159. package/dist/assets/FieldLayout-CLzA8pBH.css +0 -1
  160. package/dist/assets/FieldLayoutBase-CA9Dmb-I.css +0 -1
  161. package/dist/assets/Heading-Des9-Kxs.js +0 -2
  162. package/dist/assets/Heading-eTizhp-a.js +0 -1
  163. package/dist/assets/Icon-BEGCR1FC.js +0 -1
  164. package/dist/assets/Icon-D66V3Lr7.css +0 -1
  165. package/dist/assets/Icon-DqOWgXnU.js +0 -8
  166. package/dist/assets/LayoutFlex-4LBfyC68.js +0 -1
  167. package/dist/assets/LayoutFlex-BsmGUxSb.css +0 -1
  168. package/dist/assets/LayoutFlex-CI-IyFab.js +0 -1
  169. package/dist/assets/LayoutFlex-DmMxJGKY.css +0 -1
  170. package/dist/assets/LayoutFlex.stories-D3WU4z6n.js +0 -19
  171. package/dist/assets/LayoutGrid-BHkpEiNP.css +0 -1
  172. package/dist/assets/LayoutGrid-Bbpoq4GZ.js +0 -1
  173. package/dist/assets/LayoutGrid-DL1Pib1N.css +0 -1
  174. package/dist/assets/LayoutGrid.stories-ByBJ8ZKQ.js +0 -32
  175. package/dist/assets/LayoutGridItem-BYGrMSD0.css +0 -1
  176. package/dist/assets/LayoutGridItem-yCAtLcT1.js +0 -1
  177. package/dist/assets/Link-BR07cPLn.css +0 -1
  178. package/dist/assets/Loader-DS2G2nvd.css +0 -1
  179. package/dist/assets/Loader.stories-Bg8CFUeL.js +0 -8
  180. package/dist/assets/ObserveIntersection.stories-py33xXDa.js +0 -24
  181. package/dist/assets/PreplyLogo-BtQbOpx9.css +0 -1
  182. package/dist/assets/RootProvider-BvHSkgDA.js +0 -1
  183. package/dist/assets/SelectField-C0MEcwkv.css +0 -1
  184. package/dist/assets/Spinner-CbwfZ3c6.css +0 -1
  185. package/dist/assets/Text-CfFW9YKH.js +0 -1
  186. package/dist/assets/Text-a99inIAW.js +0 -1
  187. package/dist/assets/Text.stories-DwWKizgM.js +0 -16
  188. package/dist/assets/TextField-5xfz0nlz.css +0 -1
  189. package/dist/assets/TextField-C2nBL3Da.js +0 -1
  190. package/dist/assets/TextHighlighted-BBQxVK8S.css +0 -1
  191. package/dist/assets/TextHighlighted-CojzyNhw.js +0 -1
  192. package/dist/assets/TextInline-D6fVMZ22.css +0 -1
  193. package/dist/assets/Toast-BH8aT7PL.css +0 -1
  194. package/dist/assets/align-self-B97O5ntC.css +0 -1
  195. package/dist/assets/align-self-bURpNU3k.js +0 -1
  196. package/dist/assets/classNames-Cqk1oqv4.js +0 -1
  197. package/dist/assets/iframe-C6ga-lcz.js +0 -2
  198. package/dist/assets/layout-relative-A0sx6VRO.css +0 -1
  199. package/dist/assets/layout-relative-DU9bR1fO.css +0 -1
  200. package/dist/assets/layout-relative-mMzJCmVd.js +0 -1
  201. package/dist/assets/layout-relative-qgYNk7GR.js +0 -1
  202. package/dist/assets/playground-DruFSVKj.css +0 -1
  203. package/dist/assets/preview-soLZ0BKj.js +0 -1
  204. package/dist/assets/text-accent-Bgi4eAtI.js +0 -1
  205. package/dist/assets/text-accent-Cu7YjM5H.js +0 -1
  206. package/dist/assets/text-accent-Dx3UOWlW.css +0 -1
  207. package/dist/assets/text-centered-B7xS0eZv.js +0 -1
  208. package/dist/assets/text-centered-C60nJKZS.css +0 -1
  209. package/dist/assets/text-centered-Cr-fOXNg.css +0 -1
  210. package/dist/assets/text-centered-yu4Ks4Ko.js +0 -1
@@ -1 +1 @@
1
- ._LayoutFlex_1b3te_4{list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0}._LayoutFlex--nowrap_1b3te_15{-ms-flex-wrap:nowrap;flex-wrap:nowrap}._LayoutFlex--inline_1b3te_18{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._LayoutFlex--row-fwd_1b3te_21{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--row-rev_1b3te_24{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}._LayoutFlex--column-fwd_1b3te_27{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--column-rev_1b3te_30{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--direction-column_1b3te_33{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--direction-column-reverse_1b3te_36{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--direction-row_1b3te_39{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--direction-row-reverse_1b3te_42{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (min-width: 400px){._LayoutFlex--narrow-l--direction-column_1b3te_46{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--narrow-l--direction-column-reverse_1b3te_49{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--narrow-l--direction-row_1b3te_52{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--narrow-l--direction-row-reverse_1b3te_55{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width: 700px){._LayoutFlex--medium-s--direction-column_1b3te_60{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--medium-s--direction-column-reverse_1b3te_63{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--medium-s--direction-row_1b3te_66{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--medium-s--direction-row-reverse_1b3te_69{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width: 880px){._LayoutFlex--medium-l--direction-column_1b3te_74{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--medium-l--direction-column-reverse_1b3te_77{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--medium-l--direction-row_1b3te_80{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--medium-l--direction-row-reverse_1b3te_83{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width: 1200px){._LayoutFlex--wide-s--direction-column_1b3te_88{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--wide-s--direction-column-reverse_1b3te_91{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--wide-s--direction-row_1b3te_94{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--wide-s--direction-row-reverse_1b3te_97{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width: 1900px){._LayoutFlex--wide-l--direction-column_1b3te_102{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--wide-l--direction-column-reverse_1b3te_105{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--wide-l--direction-row_1b3te_108{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--wide-l--direction-row-reverse_1b3te_111{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}._LayoutFlex--justify-content-center_1b3te_115{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--justify-content-start_1b3te_118{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--justify-content-end_1b3te_121{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--justify-content-space-between_1b3te_124{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--justify-content-space-around_1b3te_127{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--justify-content-space-evenly_1b3te_130{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}@media (min-width: 400px){._LayoutFlex--narrow-l--justify-content-center_1b3te_134{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--narrow-l--justify-content-start_1b3te_137{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--narrow-l--justify-content-end_1b3te_140{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--narrow-l--justify-content-space-between_1b3te_143{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--narrow-l--justify-content-space-around_1b3te_146{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--narrow-l--justify-content-space-evenly_1b3te_149{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 700px){._LayoutFlex--medium-s--justify-content-center_1b3te_154{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--medium-s--justify-content-start_1b3te_157{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--medium-s--justify-content-end_1b3te_160{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--medium-s--justify-content-space-between_1b3te_163{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--medium-s--justify-content-space-around_1b3te_166{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--medium-s--justify-content-space-evenly_1b3te_169{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 880px){._LayoutFlex--medium-l--justify-content-center_1b3te_174{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--medium-l--justify-content-start_1b3te_177{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--medium-l--justify-content-end_1b3te_180{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--medium-l--justify-content-space-between_1b3te_183{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--medium-l--justify-content-space-around_1b3te_186{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--medium-l--justify-content-space-evenly_1b3te_189{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 1200px){._LayoutFlex--wide-s--justify-content-center_1b3te_194{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--wide-s--justify-content-start_1b3te_197{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--wide-s--justify-content-end_1b3te_200{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--wide-s--justify-content-space-between_1b3te_203{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--wide-s--justify-content-space-around_1b3te_206{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--wide-s--justify-content-space-evenly_1b3te_209{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 1900px){._LayoutFlex--wide-l--justify-content-center_1b3te_214{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--wide-l--justify-content-start_1b3te_217{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--wide-l--justify-content-end_1b3te_220{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--wide-l--justify-content-space-between_1b3te_223{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--wide-l--justify-content-space-around_1b3te_226{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--wide-l--justify-content-space-evenly_1b3te_229{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}._LayoutFlex--align-items-center_1b3te_233{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--align-items-start_1b3te_236{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--align-items-end_1b3te_239{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--align-items-stretch_1b3te_242{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--align-items-baseline_1b3te_245{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}@media (min-width: 400px){._LayoutFlex--narrow-l--align-items-center_1b3te_249{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--narrow-l--align-items-start_1b3te_252{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--narrow-l--align-items-end_1b3te_255{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--narrow-l--align-items-stretch_1b3te_258{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--narrow-l--align-items-baseline_1b3te_261{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 700px){._LayoutFlex--medium-s--align-items-center_1b3te_266{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--medium-s--align-items-start_1b3te_269{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--medium-s--align-items-end_1b3te_272{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--medium-s--align-items-stretch_1b3te_275{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--medium-s--align-items-baseline_1b3te_278{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 880px){._LayoutFlex--medium-l--align-items-center_1b3te_283{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--medium-l--align-items-start_1b3te_286{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--medium-l--align-items-end_1b3te_289{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--medium-l--align-items-stretch_1b3te_292{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--medium-l--align-items-baseline_1b3te_295{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 1200px){._LayoutFlex--wide-s--align-items-center_1b3te_300{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--wide-s--align-items-start_1b3te_303{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--wide-s--align-items-end_1b3te_306{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--wide-s--align-items-stretch_1b3te_309{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--wide-s--align-items-baseline_1b3te_312{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 1900px){._LayoutFlex--wide-l--align-items-center_1b3te_317{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--wide-l--align-items-start_1b3te_320{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--wide-l--align-items-end_1b3te_323{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--wide-l--align-items-stretch_1b3te_326{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--wide-l--align-items-baseline_1b3te_329{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}
1
+ ._LayoutFlex_1tmzg_4{list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0}._LayoutFlex--nowrap_1tmzg_15{-ms-flex-wrap:nowrap;flex-wrap:nowrap}._LayoutFlex--inline_1tmzg_18{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._LayoutFlex--row-fwd_1tmzg_21{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--row-rev_1tmzg_24{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}._LayoutFlex--column-fwd_1tmzg_27{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--column-rev_1tmzg_30{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--direction-column_1tmzg_33{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--direction-column-reverse_1tmzg_36{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--direction-row_1tmzg_39{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--direction-row-reverse_1tmzg_42{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (min-width: 400px){._LayoutFlex--narrow-l--direction-column_1tmzg_46{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--narrow-l--direction-column-reverse_1tmzg_49{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--narrow-l--direction-row_1tmzg_52{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--narrow-l--direction-row-reverse_1tmzg_55{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width: 700px){._LayoutFlex--medium-s--direction-column_1tmzg_60{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--medium-s--direction-column-reverse_1tmzg_63{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--medium-s--direction-row_1tmzg_66{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--medium-s--direction-row-reverse_1tmzg_69{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width: 880px){._LayoutFlex--medium-l--direction-column_1tmzg_74{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--medium-l--direction-column-reverse_1tmzg_77{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--medium-l--direction-row_1tmzg_80{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--medium-l--direction-row-reverse_1tmzg_83{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width: 1200px){._LayoutFlex--wide-s--direction-column_1tmzg_88{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--wide-s--direction-column-reverse_1tmzg_91{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--wide-s--direction-row_1tmzg_94{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--wide-s--direction-row-reverse_1tmzg_97{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width: 1900px){._LayoutFlex--wide-l--direction-column_1tmzg_102{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--wide-l--direction-column-reverse_1tmzg_105{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--wide-l--direction-row_1tmzg_108{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--wide-l--direction-row-reverse_1tmzg_111{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}._LayoutFlex--justify-content-center_1tmzg_115{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--justify-content-start_1tmzg_118{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--justify-content-end_1tmzg_121{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--justify-content-space-between_1tmzg_124{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--justify-content-space-around_1tmzg_127{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--justify-content-space-evenly_1tmzg_130{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}@media (min-width: 400px){._LayoutFlex--narrow-l--justify-content-center_1tmzg_134{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--narrow-l--justify-content-start_1tmzg_137{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--narrow-l--justify-content-end_1tmzg_140{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--narrow-l--justify-content-space-between_1tmzg_143{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--narrow-l--justify-content-space-around_1tmzg_146{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--narrow-l--justify-content-space-evenly_1tmzg_149{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 700px){._LayoutFlex--medium-s--justify-content-center_1tmzg_154{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--medium-s--justify-content-start_1tmzg_157{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--medium-s--justify-content-end_1tmzg_160{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--medium-s--justify-content-space-between_1tmzg_163{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--medium-s--justify-content-space-around_1tmzg_166{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--medium-s--justify-content-space-evenly_1tmzg_169{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 880px){._LayoutFlex--medium-l--justify-content-center_1tmzg_174{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--medium-l--justify-content-start_1tmzg_177{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--medium-l--justify-content-end_1tmzg_180{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--medium-l--justify-content-space-between_1tmzg_183{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--medium-l--justify-content-space-around_1tmzg_186{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--medium-l--justify-content-space-evenly_1tmzg_189{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 1200px){._LayoutFlex--wide-s--justify-content-center_1tmzg_194{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--wide-s--justify-content-start_1tmzg_197{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--wide-s--justify-content-end_1tmzg_200{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--wide-s--justify-content-space-between_1tmzg_203{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--wide-s--justify-content-space-around_1tmzg_206{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--wide-s--justify-content-space-evenly_1tmzg_209{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 1900px){._LayoutFlex--wide-l--justify-content-center_1tmzg_214{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--wide-l--justify-content-start_1tmzg_217{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--wide-l--justify-content-end_1tmzg_220{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--wide-l--justify-content-space-between_1tmzg_223{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--wide-l--justify-content-space-around_1tmzg_226{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--wide-l--justify-content-space-evenly_1tmzg_229{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}._LayoutFlex--align-items-center_1tmzg_233{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--align-items-start_1tmzg_236{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--align-items-end_1tmzg_239{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--align-items-stretch_1tmzg_242{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--align-items-baseline_1tmzg_245{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}@media (min-width: 400px){._LayoutFlex--narrow-l--align-items-center_1tmzg_249{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--narrow-l--align-items-start_1tmzg_252{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--narrow-l--align-items-end_1tmzg_255{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--narrow-l--align-items-stretch_1tmzg_258{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--narrow-l--align-items-baseline_1tmzg_261{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 700px){._LayoutFlex--medium-s--align-items-center_1tmzg_266{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--medium-s--align-items-start_1tmzg_269{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--medium-s--align-items-end_1tmzg_272{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--medium-s--align-items-stretch_1tmzg_275{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--medium-s--align-items-baseline_1tmzg_278{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 880px){._LayoutFlex--medium-l--align-items-center_1tmzg_283{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--medium-l--align-items-start_1tmzg_286{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--medium-l--align-items-end_1tmzg_289{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--medium-l--align-items-stretch_1tmzg_292{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--medium-l--align-items-baseline_1tmzg_295{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 1200px){._LayoutFlex--wide-s--align-items-center_1tmzg_300{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--wide-s--align-items-start_1tmzg_303{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--wide-s--align-items-end_1tmzg_306{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--wide-s--align-items-stretch_1tmzg_309{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--wide-s--align-items-baseline_1tmzg_312{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 1900px){._LayoutFlex--wide-l--align-items-center_1tmzg_317{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--wide-l--align-items-start_1tmzg_320{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--wide-l--align-items-end_1tmzg_323{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--wide-l--align-items-stretch_1tmzg_326{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--wide-l--align-items-baseline_1tmzg_329{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}
@@ -0,0 +1 @@
1
+ ._LayoutFlexItem_i3k1w_2{padding:0;margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0}._LayoutFlexItem--stretch_i3k1w_11{flex:1}._LayoutFlexItem--no-stretch_i3k1w_14{flex:none}@media (min-width: 400px){._LayoutFlexItem--narrow-l--stretch_i3k1w_18{flex:1}._LayoutFlexItem--narrow-l--no-stretch_i3k1w_21{flex:none}}@media (min-width: 700px){._LayoutFlexItem--medium-s--stretch_i3k1w_26{flex:1}._LayoutFlexItem--medium-s--no-stretch_i3k1w_29{flex:none}}@media (min-width: 880px){._LayoutFlexItem--medium-l--stretch_i3k1w_34{flex:1}._LayoutFlexItem--medium-l--no-stretch_i3k1w_37{flex:none}}@media (min-width: 1200px){._LayoutFlexItem--wide-s--stretch_i3k1w_42{flex:1}._LayoutFlexItem--wide-s--no-stretch_i3k1w_45{flex:none}}@media (min-width: 1900px){._LayoutFlexItem--wide-l--stretch_i3k1w_50{flex:1}._LayoutFlexItem--wide-l--no-stretch_i3k1w_53{flex:none}}
@@ -0,0 +1 @@
1
+ import{j as f}from"./jsx-runtime-CKrituN3.js";import{g as j,a as p,b as v,c as b}from"./layout-relative-Cl5Y3N4W.js";import{m as C,b as N,s,h,i as A,j as T,g as D,L as U}from"./classNames-DypE0CS3.js";import{w as E}from"./componentNames-BSriaIOD.js";const O="_LayoutFlex_1tmzg_4",Y={LayoutFlex:O,"LayoutFlex--nowrap":"_LayoutFlex--nowrap_1tmzg_15","LayoutFlex--inline":"_LayoutFlex--inline_1tmzg_18","LayoutFlex--row-fwd":"_LayoutFlex--row-fwd_1tmzg_21","LayoutFlex--row-rev":"_LayoutFlex--row-rev_1tmzg_24","LayoutFlex--column-fwd":"_LayoutFlex--column-fwd_1tmzg_27","LayoutFlex--column-rev":"_LayoutFlex--column-rev_1tmzg_30","LayoutFlex--direction-column":"_LayoutFlex--direction-column_1tmzg_33","LayoutFlex--direction-column-reverse":"_LayoutFlex--direction-column-reverse_1tmzg_36","LayoutFlex--direction-row":"_LayoutFlex--direction-row_1tmzg_39","LayoutFlex--direction-row-reverse":"_LayoutFlex--direction-row-reverse_1tmzg_42","LayoutFlex--narrow-l--direction-column":"_LayoutFlex--narrow-l--direction-column_1tmzg_46","LayoutFlex--narrow-l--direction-column-reverse":"_LayoutFlex--narrow-l--direction-column-reverse_1tmzg_49","LayoutFlex--narrow-l--direction-row":"_LayoutFlex--narrow-l--direction-row_1tmzg_52","LayoutFlex--narrow-l--direction-row-reverse":"_LayoutFlex--narrow-l--direction-row-reverse_1tmzg_55","LayoutFlex--medium-s--direction-column":"_LayoutFlex--medium-s--direction-column_1tmzg_60","LayoutFlex--medium-s--direction-column-reverse":"_LayoutFlex--medium-s--direction-column-reverse_1tmzg_63","LayoutFlex--medium-s--direction-row":"_LayoutFlex--medium-s--direction-row_1tmzg_66","LayoutFlex--medium-s--direction-row-reverse":"_LayoutFlex--medium-s--direction-row-reverse_1tmzg_69","LayoutFlex--medium-l--direction-column":"_LayoutFlex--medium-l--direction-column_1tmzg_74","LayoutFlex--medium-l--direction-column-reverse":"_LayoutFlex--medium-l--direction-column-reverse_1tmzg_77","LayoutFlex--medium-l--direction-row":"_LayoutFlex--medium-l--direction-row_1tmzg_80","LayoutFlex--medium-l--direction-row-reverse":"_LayoutFlex--medium-l--direction-row-reverse_1tmzg_83","LayoutFlex--wide-s--direction-column":"_LayoutFlex--wide-s--direction-column_1tmzg_88","LayoutFlex--wide-s--direction-column-reverse":"_LayoutFlex--wide-s--direction-column-reverse_1tmzg_91","LayoutFlex--wide-s--direction-row":"_LayoutFlex--wide-s--direction-row_1tmzg_94","LayoutFlex--wide-s--direction-row-reverse":"_LayoutFlex--wide-s--direction-row-reverse_1tmzg_97","LayoutFlex--wide-l--direction-column":"_LayoutFlex--wide-l--direction-column_1tmzg_102","LayoutFlex--wide-l--direction-column-reverse":"_LayoutFlex--wide-l--direction-column-reverse_1tmzg_105","LayoutFlex--wide-l--direction-row":"_LayoutFlex--wide-l--direction-row_1tmzg_108","LayoutFlex--wide-l--direction-row-reverse":"_LayoutFlex--wide-l--direction-row-reverse_1tmzg_111","LayoutFlex--justify-content-center":"_LayoutFlex--justify-content-center_1tmzg_115","LayoutFlex--justify-content-start":"_LayoutFlex--justify-content-start_1tmzg_118","LayoutFlex--justify-content-end":"_LayoutFlex--justify-content-end_1tmzg_121","LayoutFlex--justify-content-space-between":"_LayoutFlex--justify-content-space-between_1tmzg_124","LayoutFlex--justify-content-space-around":"_LayoutFlex--justify-content-space-around_1tmzg_127","LayoutFlex--justify-content-space-evenly":"_LayoutFlex--justify-content-space-evenly_1tmzg_130","LayoutFlex--narrow-l--justify-content-center":"_LayoutFlex--narrow-l--justify-content-center_1tmzg_134","LayoutFlex--narrow-l--justify-content-start":"_LayoutFlex--narrow-l--justify-content-start_1tmzg_137","LayoutFlex--narrow-l--justify-content-end":"_LayoutFlex--narrow-l--justify-content-end_1tmzg_140","LayoutFlex--narrow-l--justify-content-space-between":"_LayoutFlex--narrow-l--justify-content-space-between_1tmzg_143","LayoutFlex--narrow-l--justify-content-space-around":"_LayoutFlex--narrow-l--justify-content-space-around_1tmzg_146","LayoutFlex--narrow-l--justify-content-space-evenly":"_LayoutFlex--narrow-l--justify-content-space-evenly_1tmzg_149","LayoutFlex--medium-s--justify-content-center":"_LayoutFlex--medium-s--justify-content-center_1tmzg_154","LayoutFlex--medium-s--justify-content-start":"_LayoutFlex--medium-s--justify-content-start_1tmzg_157","LayoutFlex--medium-s--justify-content-end":"_LayoutFlex--medium-s--justify-content-end_1tmzg_160","LayoutFlex--medium-s--justify-content-space-between":"_LayoutFlex--medium-s--justify-content-space-between_1tmzg_163","LayoutFlex--medium-s--justify-content-space-around":"_LayoutFlex--medium-s--justify-content-space-around_1tmzg_166","LayoutFlex--medium-s--justify-content-space-evenly":"_LayoutFlex--medium-s--justify-content-space-evenly_1tmzg_169","LayoutFlex--medium-l--justify-content-center":"_LayoutFlex--medium-l--justify-content-center_1tmzg_174","LayoutFlex--medium-l--justify-content-start":"_LayoutFlex--medium-l--justify-content-start_1tmzg_177","LayoutFlex--medium-l--justify-content-end":"_LayoutFlex--medium-l--justify-content-end_1tmzg_180","LayoutFlex--medium-l--justify-content-space-between":"_LayoutFlex--medium-l--justify-content-space-between_1tmzg_183","LayoutFlex--medium-l--justify-content-space-around":"_LayoutFlex--medium-l--justify-content-space-around_1tmzg_186","LayoutFlex--medium-l--justify-content-space-evenly":"_LayoutFlex--medium-l--justify-content-space-evenly_1tmzg_189","LayoutFlex--wide-s--justify-content-center":"_LayoutFlex--wide-s--justify-content-center_1tmzg_194","LayoutFlex--wide-s--justify-content-start":"_LayoutFlex--wide-s--justify-content-start_1tmzg_197","LayoutFlex--wide-s--justify-content-end":"_LayoutFlex--wide-s--justify-content-end_1tmzg_200","LayoutFlex--wide-s--justify-content-space-between":"_LayoutFlex--wide-s--justify-content-space-between_1tmzg_203","LayoutFlex--wide-s--justify-content-space-around":"_LayoutFlex--wide-s--justify-content-space-around_1tmzg_206","LayoutFlex--wide-s--justify-content-space-evenly":"_LayoutFlex--wide-s--justify-content-space-evenly_1tmzg_209","LayoutFlex--wide-l--justify-content-center":"_LayoutFlex--wide-l--justify-content-center_1tmzg_214","LayoutFlex--wide-l--justify-content-start":"_LayoutFlex--wide-l--justify-content-start_1tmzg_217","LayoutFlex--wide-l--justify-content-end":"_LayoutFlex--wide-l--justify-content-end_1tmzg_220","LayoutFlex--wide-l--justify-content-space-between":"_LayoutFlex--wide-l--justify-content-space-between_1tmzg_223","LayoutFlex--wide-l--justify-content-space-around":"_LayoutFlex--wide-l--justify-content-space-around_1tmzg_226","LayoutFlex--wide-l--justify-content-space-evenly":"_LayoutFlex--wide-l--justify-content-space-evenly_1tmzg_229","LayoutFlex--align-items-center":"_LayoutFlex--align-items-center_1tmzg_233","LayoutFlex--align-items-start":"_LayoutFlex--align-items-start_1tmzg_236","LayoutFlex--align-items-end":"_LayoutFlex--align-items-end_1tmzg_239","LayoutFlex--align-items-stretch":"_LayoutFlex--align-items-stretch_1tmzg_242","LayoutFlex--align-items-baseline":"_LayoutFlex--align-items-baseline_1tmzg_245","LayoutFlex--narrow-l--align-items-center":"_LayoutFlex--narrow-l--align-items-center_1tmzg_249","LayoutFlex--narrow-l--align-items-start":"_LayoutFlex--narrow-l--align-items-start_1tmzg_252","LayoutFlex--narrow-l--align-items-end":"_LayoutFlex--narrow-l--align-items-end_1tmzg_255","LayoutFlex--narrow-l--align-items-stretch":"_LayoutFlex--narrow-l--align-items-stretch_1tmzg_258","LayoutFlex--narrow-l--align-items-baseline":"_LayoutFlex--narrow-l--align-items-baseline_1tmzg_261","LayoutFlex--medium-s--align-items-center":"_LayoutFlex--medium-s--align-items-center_1tmzg_266","LayoutFlex--medium-s--align-items-start":"_LayoutFlex--medium-s--align-items-start_1tmzg_269","LayoutFlex--medium-s--align-items-end":"_LayoutFlex--medium-s--align-items-end_1tmzg_272","LayoutFlex--medium-s--align-items-stretch":"_LayoutFlex--medium-s--align-items-stretch_1tmzg_275","LayoutFlex--medium-s--align-items-baseline":"_LayoutFlex--medium-s--align-items-baseline_1tmzg_278","LayoutFlex--medium-l--align-items-center":"_LayoutFlex--medium-l--align-items-center_1tmzg_283","LayoutFlex--medium-l--align-items-start":"_LayoutFlex--medium-l--align-items-start_1tmzg_286","LayoutFlex--medium-l--align-items-end":"_LayoutFlex--medium-l--align-items-end_1tmzg_289","LayoutFlex--medium-l--align-items-stretch":"_LayoutFlex--medium-l--align-items-stretch_1tmzg_292","LayoutFlex--medium-l--align-items-baseline":"_LayoutFlex--medium-l--align-items-baseline_1tmzg_295","LayoutFlex--wide-s--align-items-center":"_LayoutFlex--wide-s--align-items-center_1tmzg_300","LayoutFlex--wide-s--align-items-start":"_LayoutFlex--wide-s--align-items-start_1tmzg_303","LayoutFlex--wide-s--align-items-end":"_LayoutFlex--wide-s--align-items-end_1tmzg_306","LayoutFlex--wide-s--align-items-stretch":"_LayoutFlex--wide-s--align-items-stretch_1tmzg_309","LayoutFlex--wide-s--align-items-baseline":"_LayoutFlex--wide-s--align-items-baseline_1tmzg_312","LayoutFlex--wide-l--align-items-center":"_LayoutFlex--wide-l--align-items-center_1tmzg_317","LayoutFlex--wide-l--align-items-start":"_LayoutFlex--wide-l--align-items-start_1tmzg_320","LayoutFlex--wide-l--align-items-end":"_LayoutFlex--wide-l--align-items-end_1tmzg_323","LayoutFlex--wide-l--align-items-stretch":"_LayoutFlex--wide-l--align-items-stretch_1tmzg_326","LayoutFlex--wide-l--align-items-baseline":"_LayoutFlex--wide-l--align-items-baseline_1tmzg_329"},G="LayoutFlex",I=(u,n)=>{const{gap:a=h,padding:i=A,nowrap:e,column:t,reverse:o,direction:l,justifyContent:m,alignItems:_,hide:r,relative:y,inline:c}=n||{},d=l||(!o&&!t?T:void 0),L=`${t?"column":"row"}-${o?"rev":"fwd"}`,x=C(Y,G,[N("nowrap",void 0,e),L,s("direction",d),s("justify-content",m),s("align-items",_)]),F=j(a),g=p(i),w=v(r,c?"inline-flex":"flex"),z=b(y);return[...x,...F,...g,...w,...z]},J=({column:u,reverse:n,children:a,dataset:i,...e})=>{const t=I("flex",{column:u,reverse:n,...e}),{tag:o=U}=e,l={className:t.join(" "),...D(i,{preplyDsComponent:E.LayoutFlex})};return f.jsx(o,{...l,children:a})};export{J as L};
@@ -0,0 +1 @@
1
+ ._LayoutFlex_1tmzg_4{list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;display:flex;flex-wrap:wrap;margin:0;padding:0}._LayoutFlex--nowrap_1tmzg_15{flex-wrap:nowrap}._LayoutFlex--inline_1tmzg_18{display:inline-flex}._LayoutFlex--row-fwd_1tmzg_21{flex-direction:row}._LayoutFlex--row-rev_1tmzg_24{flex-direction:row-reverse}._LayoutFlex--column-fwd_1tmzg_27{flex-direction:column}._LayoutFlex--column-rev_1tmzg_30{flex-direction:column-reverse}._LayoutFlex--direction-column_1tmzg_33{flex-direction:column}._LayoutFlex--direction-column-reverse_1tmzg_36{flex-direction:column-reverse}._LayoutFlex--direction-row_1tmzg_39{flex-direction:row}._LayoutFlex--direction-row-reverse_1tmzg_42{flex-direction:row-reverse}@media (min-width: 400px){._LayoutFlex--narrow-l--direction-column_1tmzg_46{flex-direction:column}._LayoutFlex--narrow-l--direction-column-reverse_1tmzg_49{flex-direction:column-reverse}._LayoutFlex--narrow-l--direction-row_1tmzg_52{flex-direction:row}._LayoutFlex--narrow-l--direction-row-reverse_1tmzg_55{flex-direction:row-reverse}}@media (min-width: 700px){._LayoutFlex--medium-s--direction-column_1tmzg_60{flex-direction:column}._LayoutFlex--medium-s--direction-column-reverse_1tmzg_63{flex-direction:column-reverse}._LayoutFlex--medium-s--direction-row_1tmzg_66{flex-direction:row}._LayoutFlex--medium-s--direction-row-reverse_1tmzg_69{flex-direction:row-reverse}}@media (min-width: 880px){._LayoutFlex--medium-l--direction-column_1tmzg_74{flex-direction:column}._LayoutFlex--medium-l--direction-column-reverse_1tmzg_77{flex-direction:column-reverse}._LayoutFlex--medium-l--direction-row_1tmzg_80{flex-direction:row}._LayoutFlex--medium-l--direction-row-reverse_1tmzg_83{flex-direction:row-reverse}}@media (min-width: 1200px){._LayoutFlex--wide-s--direction-column_1tmzg_88{flex-direction:column}._LayoutFlex--wide-s--direction-column-reverse_1tmzg_91{flex-direction:column-reverse}._LayoutFlex--wide-s--direction-row_1tmzg_94{flex-direction:row}._LayoutFlex--wide-s--direction-row-reverse_1tmzg_97{flex-direction:row-reverse}}@media (min-width: 1900px){._LayoutFlex--wide-l--direction-column_1tmzg_102{flex-direction:column}._LayoutFlex--wide-l--direction-column-reverse_1tmzg_105{flex-direction:column-reverse}._LayoutFlex--wide-l--direction-row_1tmzg_108{flex-direction:row}._LayoutFlex--wide-l--direction-row-reverse_1tmzg_111{flex-direction:row-reverse}}._LayoutFlex--justify-content-center_1tmzg_115{justify-content:center}._LayoutFlex--justify-content-start_1tmzg_118{justify-content:flex-start}._LayoutFlex--justify-content-end_1tmzg_121{justify-content:flex-end}._LayoutFlex--justify-content-space-between_1tmzg_124{justify-content:space-between}._LayoutFlex--justify-content-space-around_1tmzg_127{justify-content:space-around}._LayoutFlex--justify-content-space-evenly_1tmzg_130{justify-content:space-evenly}@media (min-width: 400px){._LayoutFlex--narrow-l--justify-content-center_1tmzg_134{justify-content:center}._LayoutFlex--narrow-l--justify-content-start_1tmzg_137{justify-content:flex-start}._LayoutFlex--narrow-l--justify-content-end_1tmzg_140{justify-content:flex-end}._LayoutFlex--narrow-l--justify-content-space-between_1tmzg_143{justify-content:space-between}._LayoutFlex--narrow-l--justify-content-space-around_1tmzg_146{justify-content:space-around}._LayoutFlex--narrow-l--justify-content-space-evenly_1tmzg_149{justify-content:space-evenly}}@media (min-width: 700px){._LayoutFlex--medium-s--justify-content-center_1tmzg_154{justify-content:center}._LayoutFlex--medium-s--justify-content-start_1tmzg_157{justify-content:flex-start}._LayoutFlex--medium-s--justify-content-end_1tmzg_160{justify-content:flex-end}._LayoutFlex--medium-s--justify-content-space-between_1tmzg_163{justify-content:space-between}._LayoutFlex--medium-s--justify-content-space-around_1tmzg_166{justify-content:space-around}._LayoutFlex--medium-s--justify-content-space-evenly_1tmzg_169{justify-content:space-evenly}}@media (min-width: 880px){._LayoutFlex--medium-l--justify-content-center_1tmzg_174{justify-content:center}._LayoutFlex--medium-l--justify-content-start_1tmzg_177{justify-content:flex-start}._LayoutFlex--medium-l--justify-content-end_1tmzg_180{justify-content:flex-end}._LayoutFlex--medium-l--justify-content-space-between_1tmzg_183{justify-content:space-between}._LayoutFlex--medium-l--justify-content-space-around_1tmzg_186{justify-content:space-around}._LayoutFlex--medium-l--justify-content-space-evenly_1tmzg_189{justify-content:space-evenly}}@media (min-width: 1200px){._LayoutFlex--wide-s--justify-content-center_1tmzg_194{justify-content:center}._LayoutFlex--wide-s--justify-content-start_1tmzg_197{justify-content:flex-start}._LayoutFlex--wide-s--justify-content-end_1tmzg_200{justify-content:flex-end}._LayoutFlex--wide-s--justify-content-space-between_1tmzg_203{justify-content:space-between}._LayoutFlex--wide-s--justify-content-space-around_1tmzg_206{justify-content:space-around}._LayoutFlex--wide-s--justify-content-space-evenly_1tmzg_209{justify-content:space-evenly}}@media (min-width: 1900px){._LayoutFlex--wide-l--justify-content-center_1tmzg_214{justify-content:center}._LayoutFlex--wide-l--justify-content-start_1tmzg_217{justify-content:flex-start}._LayoutFlex--wide-l--justify-content-end_1tmzg_220{justify-content:flex-end}._LayoutFlex--wide-l--justify-content-space-between_1tmzg_223{justify-content:space-between}._LayoutFlex--wide-l--justify-content-space-around_1tmzg_226{justify-content:space-around}._LayoutFlex--wide-l--justify-content-space-evenly_1tmzg_229{justify-content:space-evenly}}._LayoutFlex--align-items-center_1tmzg_233{align-items:center}._LayoutFlex--align-items-start_1tmzg_236{align-items:flex-start}._LayoutFlex--align-items-end_1tmzg_239{align-items:flex-end}._LayoutFlex--align-items-stretch_1tmzg_242{align-items:stretch}._LayoutFlex--align-items-baseline_1tmzg_245{align-items:baseline}@media (min-width: 400px){._LayoutFlex--narrow-l--align-items-center_1tmzg_249{align-items:center}._LayoutFlex--narrow-l--align-items-start_1tmzg_252{align-items:flex-start}._LayoutFlex--narrow-l--align-items-end_1tmzg_255{align-items:flex-end}._LayoutFlex--narrow-l--align-items-stretch_1tmzg_258{align-items:stretch}._LayoutFlex--narrow-l--align-items-baseline_1tmzg_261{align-items:baseline}}@media (min-width: 700px){._LayoutFlex--medium-s--align-items-center_1tmzg_266{align-items:center}._LayoutFlex--medium-s--align-items-start_1tmzg_269{align-items:flex-start}._LayoutFlex--medium-s--align-items-end_1tmzg_272{align-items:flex-end}._LayoutFlex--medium-s--align-items-stretch_1tmzg_275{align-items:stretch}._LayoutFlex--medium-s--align-items-baseline_1tmzg_278{align-items:baseline}}@media (min-width: 880px){._LayoutFlex--medium-l--align-items-center_1tmzg_283{align-items:center}._LayoutFlex--medium-l--align-items-start_1tmzg_286{align-items:flex-start}._LayoutFlex--medium-l--align-items-end_1tmzg_289{align-items:flex-end}._LayoutFlex--medium-l--align-items-stretch_1tmzg_292{align-items:stretch}._LayoutFlex--medium-l--align-items-baseline_1tmzg_295{align-items:baseline}}@media (min-width: 1200px){._LayoutFlex--wide-s--align-items-center_1tmzg_300{align-items:center}._LayoutFlex--wide-s--align-items-start_1tmzg_303{align-items:flex-start}._LayoutFlex--wide-s--align-items-end_1tmzg_306{align-items:flex-end}._LayoutFlex--wide-s--align-items-stretch_1tmzg_309{align-items:stretch}._LayoutFlex--wide-s--align-items-baseline_1tmzg_312{align-items:baseline}}@media (min-width: 1900px){._LayoutFlex--wide-l--align-items-center_1tmzg_317{align-items:center}._LayoutFlex--wide-l--align-items-start_1tmzg_320{align-items:flex-start}._LayoutFlex--wide-l--align-items-end_1tmzg_323{align-items:flex-end}._LayoutFlex--wide-l--align-items-stretch_1tmzg_326{align-items:stretch}._LayoutFlex--wide-l--align-items-baseline_1tmzg_329{align-items:baseline}}
@@ -0,0 +1 @@
1
+ import{j as z}from"./jsx-runtime-CKrituN3.js";import{c as j,g as v,a as b,b as C}from"./layout-relative-CmMGsNg3.js";import{m as N,b as h,s as u,h as A,i as q,j as T,g as V,L as D}from"./classNames-DypE0CS3.js";import{w as R}from"./componentNames-BSriaIOD.js";const U="_LayoutFlex_1tmzg_4",E={LayoutFlex:U,"LayoutFlex--nowrap":"_LayoutFlex--nowrap_1tmzg_15","LayoutFlex--inline":"_LayoutFlex--inline_1tmzg_18","LayoutFlex--row-fwd":"_LayoutFlex--row-fwd_1tmzg_21","LayoutFlex--row-rev":"_LayoutFlex--row-rev_1tmzg_24","LayoutFlex--column-fwd":"_LayoutFlex--column-fwd_1tmzg_27","LayoutFlex--column-rev":"_LayoutFlex--column-rev_1tmzg_30","LayoutFlex--direction-column":"_LayoutFlex--direction-column_1tmzg_33","LayoutFlex--direction-column-reverse":"_LayoutFlex--direction-column-reverse_1tmzg_36","LayoutFlex--direction-row":"_LayoutFlex--direction-row_1tmzg_39","LayoutFlex--direction-row-reverse":"_LayoutFlex--direction-row-reverse_1tmzg_42","LayoutFlex--narrow-l--direction-column":"_LayoutFlex--narrow-l--direction-column_1tmzg_46","LayoutFlex--narrow-l--direction-column-reverse":"_LayoutFlex--narrow-l--direction-column-reverse_1tmzg_49","LayoutFlex--narrow-l--direction-row":"_LayoutFlex--narrow-l--direction-row_1tmzg_52","LayoutFlex--narrow-l--direction-row-reverse":"_LayoutFlex--narrow-l--direction-row-reverse_1tmzg_55","LayoutFlex--medium-s--direction-column":"_LayoutFlex--medium-s--direction-column_1tmzg_60","LayoutFlex--medium-s--direction-column-reverse":"_LayoutFlex--medium-s--direction-column-reverse_1tmzg_63","LayoutFlex--medium-s--direction-row":"_LayoutFlex--medium-s--direction-row_1tmzg_66","LayoutFlex--medium-s--direction-row-reverse":"_LayoutFlex--medium-s--direction-row-reverse_1tmzg_69","LayoutFlex--medium-l--direction-column":"_LayoutFlex--medium-l--direction-column_1tmzg_74","LayoutFlex--medium-l--direction-column-reverse":"_LayoutFlex--medium-l--direction-column-reverse_1tmzg_77","LayoutFlex--medium-l--direction-row":"_LayoutFlex--medium-l--direction-row_1tmzg_80","LayoutFlex--medium-l--direction-row-reverse":"_LayoutFlex--medium-l--direction-row-reverse_1tmzg_83","LayoutFlex--wide-s--direction-column":"_LayoutFlex--wide-s--direction-column_1tmzg_88","LayoutFlex--wide-s--direction-column-reverse":"_LayoutFlex--wide-s--direction-column-reverse_1tmzg_91","LayoutFlex--wide-s--direction-row":"_LayoutFlex--wide-s--direction-row_1tmzg_94","LayoutFlex--wide-s--direction-row-reverse":"_LayoutFlex--wide-s--direction-row-reverse_1tmzg_97","LayoutFlex--wide-l--direction-column":"_LayoutFlex--wide-l--direction-column_1tmzg_102","LayoutFlex--wide-l--direction-column-reverse":"_LayoutFlex--wide-l--direction-column-reverse_1tmzg_105","LayoutFlex--wide-l--direction-row":"_LayoutFlex--wide-l--direction-row_1tmzg_108","LayoutFlex--wide-l--direction-row-reverse":"_LayoutFlex--wide-l--direction-row-reverse_1tmzg_111","LayoutFlex--justify-content-center":"_LayoutFlex--justify-content-center_1tmzg_115","LayoutFlex--justify-content-start":"_LayoutFlex--justify-content-start_1tmzg_118","LayoutFlex--justify-content-end":"_LayoutFlex--justify-content-end_1tmzg_121","LayoutFlex--justify-content-space-between":"_LayoutFlex--justify-content-space-between_1tmzg_124","LayoutFlex--justify-content-space-around":"_LayoutFlex--justify-content-space-around_1tmzg_127","LayoutFlex--justify-content-space-evenly":"_LayoutFlex--justify-content-space-evenly_1tmzg_130","LayoutFlex--narrow-l--justify-content-center":"_LayoutFlex--narrow-l--justify-content-center_1tmzg_134","LayoutFlex--narrow-l--justify-content-start":"_LayoutFlex--narrow-l--justify-content-start_1tmzg_137","LayoutFlex--narrow-l--justify-content-end":"_LayoutFlex--narrow-l--justify-content-end_1tmzg_140","LayoutFlex--narrow-l--justify-content-space-between":"_LayoutFlex--narrow-l--justify-content-space-between_1tmzg_143","LayoutFlex--narrow-l--justify-content-space-around":"_LayoutFlex--narrow-l--justify-content-space-around_1tmzg_146","LayoutFlex--narrow-l--justify-content-space-evenly":"_LayoutFlex--narrow-l--justify-content-space-evenly_1tmzg_149","LayoutFlex--medium-s--justify-content-center":"_LayoutFlex--medium-s--justify-content-center_1tmzg_154","LayoutFlex--medium-s--justify-content-start":"_LayoutFlex--medium-s--justify-content-start_1tmzg_157","LayoutFlex--medium-s--justify-content-end":"_LayoutFlex--medium-s--justify-content-end_1tmzg_160","LayoutFlex--medium-s--justify-content-space-between":"_LayoutFlex--medium-s--justify-content-space-between_1tmzg_163","LayoutFlex--medium-s--justify-content-space-around":"_LayoutFlex--medium-s--justify-content-space-around_1tmzg_166","LayoutFlex--medium-s--justify-content-space-evenly":"_LayoutFlex--medium-s--justify-content-space-evenly_1tmzg_169","LayoutFlex--medium-l--justify-content-center":"_LayoutFlex--medium-l--justify-content-center_1tmzg_174","LayoutFlex--medium-l--justify-content-start":"_LayoutFlex--medium-l--justify-content-start_1tmzg_177","LayoutFlex--medium-l--justify-content-end":"_LayoutFlex--medium-l--justify-content-end_1tmzg_180","LayoutFlex--medium-l--justify-content-space-between":"_LayoutFlex--medium-l--justify-content-space-between_1tmzg_183","LayoutFlex--medium-l--justify-content-space-around":"_LayoutFlex--medium-l--justify-content-space-around_1tmzg_186","LayoutFlex--medium-l--justify-content-space-evenly":"_LayoutFlex--medium-l--justify-content-space-evenly_1tmzg_189","LayoutFlex--wide-s--justify-content-center":"_LayoutFlex--wide-s--justify-content-center_1tmzg_194","LayoutFlex--wide-s--justify-content-start":"_LayoutFlex--wide-s--justify-content-start_1tmzg_197","LayoutFlex--wide-s--justify-content-end":"_LayoutFlex--wide-s--justify-content-end_1tmzg_200","LayoutFlex--wide-s--justify-content-space-between":"_LayoutFlex--wide-s--justify-content-space-between_1tmzg_203","LayoutFlex--wide-s--justify-content-space-around":"_LayoutFlex--wide-s--justify-content-space-around_1tmzg_206","LayoutFlex--wide-s--justify-content-space-evenly":"_LayoutFlex--wide-s--justify-content-space-evenly_1tmzg_209","LayoutFlex--wide-l--justify-content-center":"_LayoutFlex--wide-l--justify-content-center_1tmzg_214","LayoutFlex--wide-l--justify-content-start":"_LayoutFlex--wide-l--justify-content-start_1tmzg_217","LayoutFlex--wide-l--justify-content-end":"_LayoutFlex--wide-l--justify-content-end_1tmzg_220","LayoutFlex--wide-l--justify-content-space-between":"_LayoutFlex--wide-l--justify-content-space-between_1tmzg_223","LayoutFlex--wide-l--justify-content-space-around":"_LayoutFlex--wide-l--justify-content-space-around_1tmzg_226","LayoutFlex--wide-l--justify-content-space-evenly":"_LayoutFlex--wide-l--justify-content-space-evenly_1tmzg_229","LayoutFlex--align-items-center":"_LayoutFlex--align-items-center_1tmzg_233","LayoutFlex--align-items-start":"_LayoutFlex--align-items-start_1tmzg_236","LayoutFlex--align-items-end":"_LayoutFlex--align-items-end_1tmzg_239","LayoutFlex--align-items-stretch":"_LayoutFlex--align-items-stretch_1tmzg_242","LayoutFlex--align-items-baseline":"_LayoutFlex--align-items-baseline_1tmzg_245","LayoutFlex--narrow-l--align-items-center":"_LayoutFlex--narrow-l--align-items-center_1tmzg_249","LayoutFlex--narrow-l--align-items-start":"_LayoutFlex--narrow-l--align-items-start_1tmzg_252","LayoutFlex--narrow-l--align-items-end":"_LayoutFlex--narrow-l--align-items-end_1tmzg_255","LayoutFlex--narrow-l--align-items-stretch":"_LayoutFlex--narrow-l--align-items-stretch_1tmzg_258","LayoutFlex--narrow-l--align-items-baseline":"_LayoutFlex--narrow-l--align-items-baseline_1tmzg_261","LayoutFlex--medium-s--align-items-center":"_LayoutFlex--medium-s--align-items-center_1tmzg_266","LayoutFlex--medium-s--align-items-start":"_LayoutFlex--medium-s--align-items-start_1tmzg_269","LayoutFlex--medium-s--align-items-end":"_LayoutFlex--medium-s--align-items-end_1tmzg_272","LayoutFlex--medium-s--align-items-stretch":"_LayoutFlex--medium-s--align-items-stretch_1tmzg_275","LayoutFlex--medium-s--align-items-baseline":"_LayoutFlex--medium-s--align-items-baseline_1tmzg_278","LayoutFlex--medium-l--align-items-center":"_LayoutFlex--medium-l--align-items-center_1tmzg_283","LayoutFlex--medium-l--align-items-start":"_LayoutFlex--medium-l--align-items-start_1tmzg_286","LayoutFlex--medium-l--align-items-end":"_LayoutFlex--medium-l--align-items-end_1tmzg_289","LayoutFlex--medium-l--align-items-stretch":"_LayoutFlex--medium-l--align-items-stretch_1tmzg_292","LayoutFlex--medium-l--align-items-baseline":"_LayoutFlex--medium-l--align-items-baseline_1tmzg_295","LayoutFlex--wide-s--align-items-center":"_LayoutFlex--wide-s--align-items-center_1tmzg_300","LayoutFlex--wide-s--align-items-start":"_LayoutFlex--wide-s--align-items-start_1tmzg_303","LayoutFlex--wide-s--align-items-end":"_LayoutFlex--wide-s--align-items-end_1tmzg_306","LayoutFlex--wide-s--align-items-stretch":"_LayoutFlex--wide-s--align-items-stretch_1tmzg_309","LayoutFlex--wide-s--align-items-baseline":"_LayoutFlex--wide-s--align-items-baseline_1tmzg_312","LayoutFlex--wide-l--align-items-center":"_LayoutFlex--wide-l--align-items-center_1tmzg_317","LayoutFlex--wide-l--align-items-start":"_LayoutFlex--wide-l--align-items-start_1tmzg_320","LayoutFlex--wide-l--align-items-end":"_LayoutFlex--wide-l--align-items-end_1tmzg_323","LayoutFlex--wide-l--align-items-stretch":"_LayoutFlex--wide-l--align-items-stretch_1tmzg_326","LayoutFlex--wide-l--align-items-baseline":"_LayoutFlex--wide-l--align-items-baseline_1tmzg_329"},I="LayoutFlex",O=(a,i)=>{const{gap:o=A,padding:l=q,nowrap:e,column:t,reverse:n,direction:s,justifyContent:r,alignItems:y,hide:d,relative:_,inline:c}=i||{},L=s||(!n&&!t?T:void 0),x=`${t?"column":"row"}-${n?"rev":"fwd"}`,F=N(E,I,[h("nowrap",void 0,e),x,u("direction",L),u("justify-content",r),u("align-items",y)]),g=j(o),w=v(l),f=b(d,c?"inline-flex":"flex"),p=C(_);return[...F,...g,...w,...f,...p]},m=({column:a,reverse:i,children:o,dataset:l,...e})=>{const t=O("flex",{column:a,reverse:i,...e}),{tag:n=D}=e,s={className:t.join(" "),...V(l,{preplyDsComponent:R.LayoutFlex})};return z.jsx(n,{...s,children:o})};try{m.displayName="LayoutFlex",m.__docgenInfo={description:"A CSS `flex` wrapper.",displayName:"LayoutFlex",props:{gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"Responsive<LayoutGap> | Responsive<Spacing> | undefined"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"Responsive<ShortHand<LayoutPadding> | ShortHand<Spacing>> | undefined"}},nowrap:{defaultValue:null,description:"",name:"nowrap",required:!1,type:{name:"boolean | undefined"}},column:{defaultValue:null,description:"@deprecated Use `direction` instead.",name:"column",required:!1,type:{name:"boolean | undefined"}},reverse:{defaultValue:null,description:"@deprecated Use `direction` instead.",name:"reverse",required:!1,type:{name:"boolean | undefined"}},direction:{defaultValue:null,description:"",name:"direction",required:!1,type:{name:"Responsive<LayoutFlexDirection> | undefined"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"Responsive<LayoutJustifyContent> | undefined"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"Responsive<LayoutAlignItems> | undefined"}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"LayoutTag | undefined"}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"Responsive<boolean> | undefined"}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"Responsive<boolean> | undefined"}},inline:{defaultValue:null,description:"",name:"inline",required:!1,type:{name:"boolean | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}}}}}catch{}export{m as L};
@@ -0,0 +1,19 @@
1
+ import{j as e}from"./jsx-runtime-CKrituN3.js";import{g}from"./align-self-oTRF0AIz.js";import{a as k,b as w}from"./layout-relative-CmMGsNg3.js";import{m as v,b as C,g as b,L as N}from"./classNames-DypE0CS3.js";import{w as s}from"./componentNames-BSriaIOD.js";import{L as n}from"./LayoutFlex-YVO1KNoK.js";import{S as j}from"./StoryContextDSWeb-CwCKdulo.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./constants-DYYVurUY.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-CLBjXsMY.js";import"./useTheme-pdzgtlkQ.js";import"./constants-mdQROz_Y.js";const S="_LayoutFlexItem_i3k1w_2",A={LayoutFlexItem:S,"LayoutFlexItem--stretch":"_LayoutFlexItem--stretch_i3k1w_11","LayoutFlexItem--no-stretch":"_LayoutFlexItem--no-stretch_i3k1w_14","LayoutFlexItem--narrow-l--stretch":"_LayoutFlexItem--narrow-l--stretch_i3k1w_18","LayoutFlexItem--narrow-l--no-stretch":"_LayoutFlexItem--narrow-l--no-stretch_i3k1w_21","LayoutFlexItem--medium-s--stretch":"_LayoutFlexItem--medium-s--stretch_i3k1w_26","LayoutFlexItem--medium-s--no-stretch":"_LayoutFlexItem--medium-s--no-stretch_i3k1w_29","LayoutFlexItem--medium-l--stretch":"_LayoutFlexItem--medium-l--stretch_i3k1w_34","LayoutFlexItem--medium-l--no-stretch":"_LayoutFlexItem--medium-l--no-stretch_i3k1w_37","LayoutFlexItem--wide-s--stretch":"_LayoutFlexItem--wide-s--stretch_i3k1w_42","LayoutFlexItem--wide-s--no-stretch":"_LayoutFlexItem--wide-s--no-stretch_i3k1w_45","LayoutFlexItem--wide-l--stretch":"_LayoutFlexItem--wide-l--stretch_i3k1w_50","LayoutFlexItem--wide-l--no-stretch":"_LayoutFlexItem--wide-l--no-stretch_i3k1w_53"},a=({children:o,alignSelf:m,stretch:u=!1,tag:d,hide:c,relative:p,dataset:y})=>{const x=v(A,s.LayoutFlexItem,C("stretch","no-stretch",u)),h=g(m),_=k(c),L=w(p),F=[...x,...h,..._,...L],I=d??N,f={className:F.join(" "),...b(y,{preplyDsComponent:s.LayoutFlexItem})};return e.jsx(I,{...f,children:o})};try{a.displayName="LayoutFlexItem",a.__docgenInfo={description:"",displayName:"LayoutFlexItem",props:{alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"Responsive<LayoutAlignSelf> | undefined"}},stretch:{defaultValue:{value:"false"},description:"",name:"stretch",required:!1,type:{name:"Responsive<boolean> | undefined"}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"LayoutTag | undefined"}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"Responsive<boolean> | undefined"}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"Responsive<boolean> | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}}}}}catch{}const z={title:"components/LayoutFlex",component:n,subcomponents:{LayoutFlexItem:a},decorators:[o=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(j,{theme:"tokyo-ui",children:o()})})]},t=()=>e.jsxs(n,{gap:"xs",children:[e.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),e.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),e.jsx(a,{stretch:!0,children:e.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink",textAlign:"center"},children:"stretch"})})]});t.storyName="LayoutFlex";var l,r,i;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`() => <LayoutFlex gap="xs">
2
+ <div style={{
3
+ minWidth: '100px',
4
+ backgroundColor: 'hotpink'
5
+ }}> </div>
6
+ <div style={{
7
+ minWidth: '100px',
8
+ backgroundColor: 'hotpink'
9
+ }}> </div>
10
+ <LayoutFlexItem stretch>
11
+ <div style={{
12
+ minWidth: '100px',
13
+ backgroundColor: 'hotpink',
14
+ textAlign: 'center'
15
+ }}>
16
+ stretch
17
+ </div>
18
+ </LayoutFlexItem>
19
+ </LayoutFlex>`,...(i=(r=t.parameters)==null?void 0:r.docs)==null?void 0:i.source}}};const J=["Base"];export{t as Base,J as __namedExportsOrder,z as default};
@@ -0,0 +1 @@
1
+ ._LayoutGrid_1um6r_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_1um6r_14{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--justify-content-start_1um6r_17{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--justify-content-end_1um6r_20{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--justify-content-space-between_1um6r_23{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--justify-content-space-around_1um6r_26{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--justify-content-space-evenly_1um6r_29{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}@media (min-width: 400px){._LayoutGrid--narrow-l--justify-content-center_1um6r_33{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--narrow-l--justify-content-start_1um6r_36{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--narrow-l--justify-content-end_1um6r_39{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--narrow-l--justify-content-space-between_1um6r_42{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--narrow-l--justify-content-space-around_1um6r_45{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--narrow-l--justify-content-space-evenly_1um6r_48{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 700px){._LayoutGrid--medium-s--justify-content-center_1um6r_53{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--medium-s--justify-content-start_1um6r_56{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--medium-s--justify-content-end_1um6r_59{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--medium-s--justify-content-space-between_1um6r_62{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--medium-s--justify-content-space-around_1um6r_65{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--medium-s--justify-content-space-evenly_1um6r_68{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 880px){._LayoutGrid--medium-l--justify-content-center_1um6r_73{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--medium-l--justify-content-start_1um6r_76{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--medium-l--justify-content-end_1um6r_79{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--medium-l--justify-content-space-between_1um6r_82{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--medium-l--justify-content-space-around_1um6r_85{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--medium-l--justify-content-space-evenly_1um6r_88{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 1200px){._LayoutGrid--wide-s--justify-content-center_1um6r_93{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--wide-s--justify-content-start_1um6r_96{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--wide-s--justify-content-end_1um6r_99{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--wide-s--justify-content-space-between_1um6r_102{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--wide-s--justify-content-space-around_1um6r_105{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--wide-s--justify-content-space-evenly_1um6r_108{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 1900px){._LayoutGrid--wide-l--justify-content-center_1um6r_113{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--wide-l--justify-content-start_1um6r_116{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--wide-l--justify-content-end_1um6r_119{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--wide-l--justify-content-space-between_1um6r_122{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--wide-l--justify-content-space-around_1um6r_125{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--wide-l--justify-content-space-evenly_1um6r_128{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}._LayoutGrid--align-items-center_1um6r_132{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--align-items-start_1um6r_135{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--align-items-end_1um6r_138{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--align-items-stretch_1um6r_141{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--align-items-baseline_1um6r_144{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}@media (min-width: 400px){._LayoutGrid--narrow-l--align-items-center_1um6r_148{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--narrow-l--align-items-start_1um6r_151{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--narrow-l--align-items-end_1um6r_154{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--narrow-l--align-items-stretch_1um6r_157{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--narrow-l--align-items-baseline_1um6r_160{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 700px){._LayoutGrid--medium-s--align-items-center_1um6r_165{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--medium-s--align-items-start_1um6r_168{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--medium-s--align-items-end_1um6r_171{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--medium-s--align-items-stretch_1um6r_174{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--medium-s--align-items-baseline_1um6r_177{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 880px){._LayoutGrid--medium-l--align-items-center_1um6r_182{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--medium-l--align-items-start_1um6r_185{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--medium-l--align-items-end_1um6r_188{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--medium-l--align-items-stretch_1um6r_191{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--medium-l--align-items-baseline_1um6r_194{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 1200px){._LayoutGrid--wide-s--align-items-center_1um6r_199{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--wide-s--align-items-start_1um6r_202{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--wide-s--align-items-end_1um6r_205{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--wide-s--align-items-stretch_1um6r_208{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--wide-s--align-items-baseline_1um6r_211{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 1900px){._LayoutGrid--wide-l--align-items-center_1um6r_216{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--wide-l--align-items-start_1um6r_219{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--wide-l--align-items-end_1um6r_222{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--wide-l--align-items-stretch_1um6r_225{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--wide-l--align-items-baseline_1um6r_228{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}._LayoutGrid--justify-items-stretch_1um6r_232{justify-items:stretch}._LayoutGrid--justify-items-center_1um6r_235{justify-items:center}._LayoutGrid--justify-items-start_1um6r_238{justify-items:start}._LayoutGrid--justify-items-end_1um6r_241{justify-items:end}@media (min-width: 400px){._LayoutGrid--narrow-l--justify-items-stretch_1um6r_245{justify-items:stretch}._LayoutGrid--narrow-l--justify-items-center_1um6r_248{justify-items:center}._LayoutGrid--narrow-l--justify-items-start_1um6r_251{justify-items:start}._LayoutGrid--narrow-l--justify-items-end_1um6r_254{justify-items:end}}@media (min-width: 700px){._LayoutGrid--medium-s--justify-items-stretch_1um6r_259{justify-items:stretch}._LayoutGrid--medium-s--justify-items-center_1um6r_262{justify-items:center}._LayoutGrid--medium-s--justify-items-start_1um6r_265{justify-items:start}._LayoutGrid--medium-s--justify-items-end_1um6r_268{justify-items:end}}@media (min-width: 880px){._LayoutGrid--medium-l--justify-items-stretch_1um6r_273{justify-items:stretch}._LayoutGrid--medium-l--justify-items-center_1um6r_276{justify-items:center}._LayoutGrid--medium-l--justify-items-start_1um6r_279{justify-items:start}._LayoutGrid--medium-l--justify-items-end_1um6r_282{justify-items:end}}@media (min-width: 1200px){._LayoutGrid--wide-s--justify-items-stretch_1um6r_287{justify-items:stretch}._LayoutGrid--wide-s--justify-items-center_1um6r_290{justify-items:center}._LayoutGrid--wide-s--justify-items-start_1um6r_293{justify-items:start}._LayoutGrid--wide-s--justify-items-end_1um6r_296{justify-items:end}}@media (min-width: 1900px){._LayoutGrid--wide-l--justify-items-stretch_1um6r_301{justify-items:stretch}._LayoutGrid--wide-l--justify-items-center_1um6r_304{justify-items:center}._LayoutGrid--wide-l--justify-items-start_1um6r_307{justify-items:start}._LayoutGrid--wide-l--justify-items-end_1um6r_310{justify-items:end}}._LayoutGrid--columns_1um6r_314{grid-template-columns:var(--columns)}@media (min-width: 400px){._LayoutGrid--columns-narrow-l_1um6r_318{grid-template-columns:var(--columns-narrow-l)}}@media (min-width: 700px){._LayoutGrid--columns-medium-s_1um6r_323{grid-template-columns:var(--columns-medium-s)}}@media (min-width: 880px){._LayoutGrid--columns-medium-l_1um6r_328{grid-template-columns:var(--columns-medium-l)}}@media (min-width: 1200px){._LayoutGrid--columns-wide-s_1um6r_333{grid-template-columns:var(--columns-wide-s)}}@media (min-width: 1900px){._LayoutGrid--columns-wide-l_1um6r_338{grid-template-columns:var(--columns-wide-l)}}
@@ -0,0 +1 @@
1
+ import{j as f}from"./jsx-runtime-CKrituN3.js";import{d as j,m as w,s as d,h as g,i as p,g as b,L as h}from"./classNames-DypE0CS3.js";import{B as C}from"./breakpoints-BfMlrtxE.js";import{g as N,a as v,b as A,c as T}from"./layout-relative-Cl5Y3N4W.js";import{w as D}from"./componentNames-BSriaIOD.js";const I="_LayoutGrid_1um6r_4",_={LayoutGrid:I,"LayoutGrid--justify-content-center":"_LayoutGrid--justify-content-center_1um6r_14","LayoutGrid--justify-content-start":"_LayoutGrid--justify-content-start_1um6r_17","LayoutGrid--justify-content-end":"_LayoutGrid--justify-content-end_1um6r_20","LayoutGrid--justify-content-space-between":"_LayoutGrid--justify-content-space-between_1um6r_23","LayoutGrid--justify-content-space-around":"_LayoutGrid--justify-content-space-around_1um6r_26","LayoutGrid--justify-content-space-evenly":"_LayoutGrid--justify-content-space-evenly_1um6r_29","LayoutGrid--narrow-l--justify-content-center":"_LayoutGrid--narrow-l--justify-content-center_1um6r_33","LayoutGrid--narrow-l--justify-content-start":"_LayoutGrid--narrow-l--justify-content-start_1um6r_36","LayoutGrid--narrow-l--justify-content-end":"_LayoutGrid--narrow-l--justify-content-end_1um6r_39","LayoutGrid--narrow-l--justify-content-space-between":"_LayoutGrid--narrow-l--justify-content-space-between_1um6r_42","LayoutGrid--narrow-l--justify-content-space-around":"_LayoutGrid--narrow-l--justify-content-space-around_1um6r_45","LayoutGrid--narrow-l--justify-content-space-evenly":"_LayoutGrid--narrow-l--justify-content-space-evenly_1um6r_48","LayoutGrid--medium-s--justify-content-center":"_LayoutGrid--medium-s--justify-content-center_1um6r_53","LayoutGrid--medium-s--justify-content-start":"_LayoutGrid--medium-s--justify-content-start_1um6r_56","LayoutGrid--medium-s--justify-content-end":"_LayoutGrid--medium-s--justify-content-end_1um6r_59","LayoutGrid--medium-s--justify-content-space-between":"_LayoutGrid--medium-s--justify-content-space-between_1um6r_62","LayoutGrid--medium-s--justify-content-space-around":"_LayoutGrid--medium-s--justify-content-space-around_1um6r_65","LayoutGrid--medium-s--justify-content-space-evenly":"_LayoutGrid--medium-s--justify-content-space-evenly_1um6r_68","LayoutGrid--medium-l--justify-content-center":"_LayoutGrid--medium-l--justify-content-center_1um6r_73","LayoutGrid--medium-l--justify-content-start":"_LayoutGrid--medium-l--justify-content-start_1um6r_76","LayoutGrid--medium-l--justify-content-end":"_LayoutGrid--medium-l--justify-content-end_1um6r_79","LayoutGrid--medium-l--justify-content-space-between":"_LayoutGrid--medium-l--justify-content-space-between_1um6r_82","LayoutGrid--medium-l--justify-content-space-around":"_LayoutGrid--medium-l--justify-content-space-around_1um6r_85","LayoutGrid--medium-l--justify-content-space-evenly":"_LayoutGrid--medium-l--justify-content-space-evenly_1um6r_88","LayoutGrid--wide-s--justify-content-center":"_LayoutGrid--wide-s--justify-content-center_1um6r_93","LayoutGrid--wide-s--justify-content-start":"_LayoutGrid--wide-s--justify-content-start_1um6r_96","LayoutGrid--wide-s--justify-content-end":"_LayoutGrid--wide-s--justify-content-end_1um6r_99","LayoutGrid--wide-s--justify-content-space-between":"_LayoutGrid--wide-s--justify-content-space-between_1um6r_102","LayoutGrid--wide-s--justify-content-space-around":"_LayoutGrid--wide-s--justify-content-space-around_1um6r_105","LayoutGrid--wide-s--justify-content-space-evenly":"_LayoutGrid--wide-s--justify-content-space-evenly_1um6r_108","LayoutGrid--wide-l--justify-content-center":"_LayoutGrid--wide-l--justify-content-center_1um6r_113","LayoutGrid--wide-l--justify-content-start":"_LayoutGrid--wide-l--justify-content-start_1um6r_116","LayoutGrid--wide-l--justify-content-end":"_LayoutGrid--wide-l--justify-content-end_1um6r_119","LayoutGrid--wide-l--justify-content-space-between":"_LayoutGrid--wide-l--justify-content-space-between_1um6r_122","LayoutGrid--wide-l--justify-content-space-around":"_LayoutGrid--wide-l--justify-content-space-around_1um6r_125","LayoutGrid--wide-l--justify-content-space-evenly":"_LayoutGrid--wide-l--justify-content-space-evenly_1um6r_128","LayoutGrid--align-items-center":"_LayoutGrid--align-items-center_1um6r_132","LayoutGrid--align-items-start":"_LayoutGrid--align-items-start_1um6r_135","LayoutGrid--align-items-end":"_LayoutGrid--align-items-end_1um6r_138","LayoutGrid--align-items-stretch":"_LayoutGrid--align-items-stretch_1um6r_141","LayoutGrid--align-items-baseline":"_LayoutGrid--align-items-baseline_1um6r_144","LayoutGrid--narrow-l--align-items-center":"_LayoutGrid--narrow-l--align-items-center_1um6r_148","LayoutGrid--narrow-l--align-items-start":"_LayoutGrid--narrow-l--align-items-start_1um6r_151","LayoutGrid--narrow-l--align-items-end":"_LayoutGrid--narrow-l--align-items-end_1um6r_154","LayoutGrid--narrow-l--align-items-stretch":"_LayoutGrid--narrow-l--align-items-stretch_1um6r_157","LayoutGrid--narrow-l--align-items-baseline":"_LayoutGrid--narrow-l--align-items-baseline_1um6r_160","LayoutGrid--medium-s--align-items-center":"_LayoutGrid--medium-s--align-items-center_1um6r_165","LayoutGrid--medium-s--align-items-start":"_LayoutGrid--medium-s--align-items-start_1um6r_168","LayoutGrid--medium-s--align-items-end":"_LayoutGrid--medium-s--align-items-end_1um6r_171","LayoutGrid--medium-s--align-items-stretch":"_LayoutGrid--medium-s--align-items-stretch_1um6r_174","LayoutGrid--medium-s--align-items-baseline":"_LayoutGrid--medium-s--align-items-baseline_1um6r_177","LayoutGrid--medium-l--align-items-center":"_LayoutGrid--medium-l--align-items-center_1um6r_182","LayoutGrid--medium-l--align-items-start":"_LayoutGrid--medium-l--align-items-start_1um6r_185","LayoutGrid--medium-l--align-items-end":"_LayoutGrid--medium-l--align-items-end_1um6r_188","LayoutGrid--medium-l--align-items-stretch":"_LayoutGrid--medium-l--align-items-stretch_1um6r_191","LayoutGrid--medium-l--align-items-baseline":"_LayoutGrid--medium-l--align-items-baseline_1um6r_194","LayoutGrid--wide-s--align-items-center":"_LayoutGrid--wide-s--align-items-center_1um6r_199","LayoutGrid--wide-s--align-items-start":"_LayoutGrid--wide-s--align-items-start_1um6r_202","LayoutGrid--wide-s--align-items-end":"_LayoutGrid--wide-s--align-items-end_1um6r_205","LayoutGrid--wide-s--align-items-stretch":"_LayoutGrid--wide-s--align-items-stretch_1um6r_208","LayoutGrid--wide-s--align-items-baseline":"_LayoutGrid--wide-s--align-items-baseline_1um6r_211","LayoutGrid--wide-l--align-items-center":"_LayoutGrid--wide-l--align-items-center_1um6r_216","LayoutGrid--wide-l--align-items-start":"_LayoutGrid--wide-l--align-items-start_1um6r_219","LayoutGrid--wide-l--align-items-end":"_LayoutGrid--wide-l--align-items-end_1um6r_222","LayoutGrid--wide-l--align-items-stretch":"_LayoutGrid--wide-l--align-items-stretch_1um6r_225","LayoutGrid--wide-l--align-items-baseline":"_LayoutGrid--wide-l--align-items-baseline_1um6r_228","LayoutGrid--justify-items-stretch":"_LayoutGrid--justify-items-stretch_1um6r_232","LayoutGrid--justify-items-center":"_LayoutGrid--justify-items-center_1um6r_235","LayoutGrid--justify-items-start":"_LayoutGrid--justify-items-start_1um6r_238","LayoutGrid--justify-items-end":"_LayoutGrid--justify-items-end_1um6r_241","LayoutGrid--narrow-l--justify-items-stretch":"_LayoutGrid--narrow-l--justify-items-stretch_1um6r_245","LayoutGrid--narrow-l--justify-items-center":"_LayoutGrid--narrow-l--justify-items-center_1um6r_248","LayoutGrid--narrow-l--justify-items-start":"_LayoutGrid--narrow-l--justify-items-start_1um6r_251","LayoutGrid--narrow-l--justify-items-end":"_LayoutGrid--narrow-l--justify-items-end_1um6r_254","LayoutGrid--medium-s--justify-items-stretch":"_LayoutGrid--medium-s--justify-items-stretch_1um6r_259","LayoutGrid--medium-s--justify-items-center":"_LayoutGrid--medium-s--justify-items-center_1um6r_262","LayoutGrid--medium-s--justify-items-start":"_LayoutGrid--medium-s--justify-items-start_1um6r_265","LayoutGrid--medium-s--justify-items-end":"_LayoutGrid--medium-s--justify-items-end_1um6r_268","LayoutGrid--medium-l--justify-items-stretch":"_LayoutGrid--medium-l--justify-items-stretch_1um6r_273","LayoutGrid--medium-l--justify-items-center":"_LayoutGrid--medium-l--justify-items-center_1um6r_276","LayoutGrid--medium-l--justify-items-start":"_LayoutGrid--medium-l--justify-items-start_1um6r_279","LayoutGrid--medium-l--justify-items-end":"_LayoutGrid--medium-l--justify-items-end_1um6r_282","LayoutGrid--wide-s--justify-items-stretch":"_LayoutGrid--wide-s--justify-items-stretch_1um6r_287","LayoutGrid--wide-s--justify-items-center":"_LayoutGrid--wide-s--justify-items-center_1um6r_290","LayoutGrid--wide-s--justify-items-start":"_LayoutGrid--wide-s--justify-items-start_1um6r_293","LayoutGrid--wide-s--justify-items-end":"_LayoutGrid--wide-s--justify-items-end_1um6r_296","LayoutGrid--wide-l--justify-items-stretch":"_LayoutGrid--wide-l--justify-items-stretch_1um6r_301","LayoutGrid--wide-l--justify-items-center":"_LayoutGrid--wide-l--justify-items-center_1um6r_304","LayoutGrid--wide-l--justify-items-start":"_LayoutGrid--wide-l--justify-items-start_1um6r_307","LayoutGrid--wide-l--justify-items-end":"_LayoutGrid--wide-l--justify-items-end_1um6r_310","LayoutGrid--columns":"_LayoutGrid--columns_1um6r_314","LayoutGrid--columns-narrow-l":"_LayoutGrid--columns-narrow-l_1um6r_318","LayoutGrid--columns-medium-s":"_LayoutGrid--columns-medium-s_1um6r_323","LayoutGrid--columns-medium-l":"_LayoutGrid--columns-medium-l_1um6r_328","LayoutGrid--columns-wide-s":"_LayoutGrid--columns-wide-s_1um6r_333","LayoutGrid--columns-wide-l":"_LayoutGrid--columns-wide-l_1um6r_338"},O="LayoutGrid",U=Object.keys(C),o=t=>typeof t=="number"?`repeat(${t}, 1fr)`:t.join(" "),R=t=>typeof t=="object"&&!Array.isArray(t)?Object.entries(t).reduce((i,[e,u])=>({...i,...u?{[e]:o(u)}:{}}),{_:o(t._)}):{_:o(t)},E=t=>{if(!t)return{classNames:[],style:{}};const i=R(t),e=U.filter(s=>i[s]),u=j(_,O,["columns",...e.map(s=>`columns-${s}`)]),a=e.reduce((s,r)=>({...s,[`--columns-${r}`]:i[r]}),{"--columns":i._});return{classNames:u,style:a}},P="LayoutGrid",Y=(t,i)=>{const{gap:e=g,padding:u=p,justifyContent:a,alignItems:s,justifyItems:r,hide:n,relative:y}=i||{},m=w(_,P,[d("justify-content",a),d("align-items",s),d("justify-items",r)]),l=N(e),c=v(u),L=A(n,"grid"),G=T(y);return[...m,...l,...c,...L,...G]},K=({dataset:t,children:i,...e})=>{const{tag:u=h,columns:a}=e,s=Y("grid",e),{style:r,classNames:n}=E(a),m={className:[...s,...n].join(" "),...b(t,{preplyDsComponent:D.LayoutGrid})};return f.jsx(u,{...m,style:r,children:i})};export{K 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_1um6r_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_1um6r_14{justify-content:center}._LayoutGrid--justify-content-start_1um6r_17{justify-content:start}._LayoutGrid--justify-content-end_1um6r_20{justify-content:end}._LayoutGrid--justify-content-space-between_1um6r_23{justify-content:space-between}._LayoutGrid--justify-content-space-around_1um6r_26{justify-content:space-around}._LayoutGrid--justify-content-space-evenly_1um6r_29{justify-content:space-evenly}@media (min-width: 400px){._LayoutGrid--narrow-l--justify-content-center_1um6r_33{justify-content:center}._LayoutGrid--narrow-l--justify-content-start_1um6r_36{justify-content:start}._LayoutGrid--narrow-l--justify-content-end_1um6r_39{justify-content:end}._LayoutGrid--narrow-l--justify-content-space-between_1um6r_42{justify-content:space-between}._LayoutGrid--narrow-l--justify-content-space-around_1um6r_45{justify-content:space-around}._LayoutGrid--narrow-l--justify-content-space-evenly_1um6r_48{justify-content:space-evenly}}@media (min-width: 700px){._LayoutGrid--medium-s--justify-content-center_1um6r_53{justify-content:center}._LayoutGrid--medium-s--justify-content-start_1um6r_56{justify-content:start}._LayoutGrid--medium-s--justify-content-end_1um6r_59{justify-content:end}._LayoutGrid--medium-s--justify-content-space-between_1um6r_62{justify-content:space-between}._LayoutGrid--medium-s--justify-content-space-around_1um6r_65{justify-content:space-around}._LayoutGrid--medium-s--justify-content-space-evenly_1um6r_68{justify-content:space-evenly}}@media (min-width: 880px){._LayoutGrid--medium-l--justify-content-center_1um6r_73{justify-content:center}._LayoutGrid--medium-l--justify-content-start_1um6r_76{justify-content:start}._LayoutGrid--medium-l--justify-content-end_1um6r_79{justify-content:end}._LayoutGrid--medium-l--justify-content-space-between_1um6r_82{justify-content:space-between}._LayoutGrid--medium-l--justify-content-space-around_1um6r_85{justify-content:space-around}._LayoutGrid--medium-l--justify-content-space-evenly_1um6r_88{justify-content:space-evenly}}@media (min-width: 1200px){._LayoutGrid--wide-s--justify-content-center_1um6r_93{justify-content:center}._LayoutGrid--wide-s--justify-content-start_1um6r_96{justify-content:start}._LayoutGrid--wide-s--justify-content-end_1um6r_99{justify-content:end}._LayoutGrid--wide-s--justify-content-space-between_1um6r_102{justify-content:space-between}._LayoutGrid--wide-s--justify-content-space-around_1um6r_105{justify-content:space-around}._LayoutGrid--wide-s--justify-content-space-evenly_1um6r_108{justify-content:space-evenly}}@media (min-width: 1900px){._LayoutGrid--wide-l--justify-content-center_1um6r_113{justify-content:center}._LayoutGrid--wide-l--justify-content-start_1um6r_116{justify-content:start}._LayoutGrid--wide-l--justify-content-end_1um6r_119{justify-content:end}._LayoutGrid--wide-l--justify-content-space-between_1um6r_122{justify-content:space-between}._LayoutGrid--wide-l--justify-content-space-around_1um6r_125{justify-content:space-around}._LayoutGrid--wide-l--justify-content-space-evenly_1um6r_128{justify-content:space-evenly}}._LayoutGrid--align-items-center_1um6r_132{align-items:center}._LayoutGrid--align-items-start_1um6r_135{align-items:start}._LayoutGrid--align-items-end_1um6r_138{align-items:end}._LayoutGrid--align-items-stretch_1um6r_141{align-items:stretch}._LayoutGrid--align-items-baseline_1um6r_144{align-items:baseline}@media (min-width: 400px){._LayoutGrid--narrow-l--align-items-center_1um6r_148{align-items:center}._LayoutGrid--narrow-l--align-items-start_1um6r_151{align-items:start}._LayoutGrid--narrow-l--align-items-end_1um6r_154{align-items:end}._LayoutGrid--narrow-l--align-items-stretch_1um6r_157{align-items:stretch}._LayoutGrid--narrow-l--align-items-baseline_1um6r_160{align-items:baseline}}@media (min-width: 700px){._LayoutGrid--medium-s--align-items-center_1um6r_165{align-items:center}._LayoutGrid--medium-s--align-items-start_1um6r_168{align-items:start}._LayoutGrid--medium-s--align-items-end_1um6r_171{align-items:end}._LayoutGrid--medium-s--align-items-stretch_1um6r_174{align-items:stretch}._LayoutGrid--medium-s--align-items-baseline_1um6r_177{align-items:baseline}}@media (min-width: 880px){._LayoutGrid--medium-l--align-items-center_1um6r_182{align-items:center}._LayoutGrid--medium-l--align-items-start_1um6r_185{align-items:start}._LayoutGrid--medium-l--align-items-end_1um6r_188{align-items:end}._LayoutGrid--medium-l--align-items-stretch_1um6r_191{align-items:stretch}._LayoutGrid--medium-l--align-items-baseline_1um6r_194{align-items:baseline}}@media (min-width: 1200px){._LayoutGrid--wide-s--align-items-center_1um6r_199{align-items:center}._LayoutGrid--wide-s--align-items-start_1um6r_202{align-items:start}._LayoutGrid--wide-s--align-items-end_1um6r_205{align-items:end}._LayoutGrid--wide-s--align-items-stretch_1um6r_208{align-items:stretch}._LayoutGrid--wide-s--align-items-baseline_1um6r_211{align-items:baseline}}@media (min-width: 1900px){._LayoutGrid--wide-l--align-items-center_1um6r_216{align-items:center}._LayoutGrid--wide-l--align-items-start_1um6r_219{align-items:start}._LayoutGrid--wide-l--align-items-end_1um6r_222{align-items:end}._LayoutGrid--wide-l--align-items-stretch_1um6r_225{align-items:stretch}._LayoutGrid--wide-l--align-items-baseline_1um6r_228{align-items:baseline}}._LayoutGrid--justify-items-stretch_1um6r_232{justify-items:stretch}._LayoutGrid--justify-items-center_1um6r_235{justify-items:center}._LayoutGrid--justify-items-start_1um6r_238{justify-items:start}._LayoutGrid--justify-items-end_1um6r_241{justify-items:end}@media (min-width: 400px){._LayoutGrid--narrow-l--justify-items-stretch_1um6r_245{justify-items:stretch}._LayoutGrid--narrow-l--justify-items-center_1um6r_248{justify-items:center}._LayoutGrid--narrow-l--justify-items-start_1um6r_251{justify-items:start}._LayoutGrid--narrow-l--justify-items-end_1um6r_254{justify-items:end}}@media (min-width: 700px){._LayoutGrid--medium-s--justify-items-stretch_1um6r_259{justify-items:stretch}._LayoutGrid--medium-s--justify-items-center_1um6r_262{justify-items:center}._LayoutGrid--medium-s--justify-items-start_1um6r_265{justify-items:start}._LayoutGrid--medium-s--justify-items-end_1um6r_268{justify-items:end}}@media (min-width: 880px){._LayoutGrid--medium-l--justify-items-stretch_1um6r_273{justify-items:stretch}._LayoutGrid--medium-l--justify-items-center_1um6r_276{justify-items:center}._LayoutGrid--medium-l--justify-items-start_1um6r_279{justify-items:start}._LayoutGrid--medium-l--justify-items-end_1um6r_282{justify-items:end}}@media (min-width: 1200px){._LayoutGrid--wide-s--justify-items-stretch_1um6r_287{justify-items:stretch}._LayoutGrid--wide-s--justify-items-center_1um6r_290{justify-items:center}._LayoutGrid--wide-s--justify-items-start_1um6r_293{justify-items:start}._LayoutGrid--wide-s--justify-items-end_1um6r_296{justify-items:end}}@media (min-width: 1900px){._LayoutGrid--wide-l--justify-items-stretch_1um6r_301{justify-items:stretch}._LayoutGrid--wide-l--justify-items-center_1um6r_304{justify-items:center}._LayoutGrid--wide-l--justify-items-start_1um6r_307{justify-items:start}._LayoutGrid--wide-l--justify-items-end_1um6r_310{justify-items:end}}._LayoutGrid--columns_1um6r_314{grid-template-columns:var(--columns)}@media (min-width: 400px){._LayoutGrid--columns-narrow-l_1um6r_318{grid-template-columns:var(--columns-narrow-l)}}@media (min-width: 700px){._LayoutGrid--columns-medium-s_1um6r_323{grid-template-columns:var(--columns-medium-s)}}@media (min-width: 880px){._LayoutGrid--columns-medium-l_1um6r_328{grid-template-columns:var(--columns-medium-l)}}@media (min-width: 1200px){._LayoutGrid--columns-wide-s_1um6r_333{grid-template-columns:var(--columns-wide-s)}}@media (min-width: 1900px){._LayoutGrid--columns-wide-l_1um6r_338{grid-template-columns:var(--columns-wide-l)}}
@@ -0,0 +1,32 @@
1
+ import{j as e}from"./jsx-runtime-CKrituN3.js";import{g as S}from"./align-self-oTRF0AIz.js";import{a as b,b as v,c as R,g as A}from"./layout-relative-CmMGsNg3.js";import{m as C,g as N,L as I,d as T,s as f,h as q,i as V}from"./classNames-DypE0CS3.js";import{w as j}from"./componentNames-BSriaIOD.js";import{B as D}from"./breakpoints-BfMlrtxE.js";import{S as O}from"./StoryContextDSWeb-CwCKdulo.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./constants-DYYVurUY.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-CLBjXsMY.js";import"./useTheme-pdzgtlkQ.js";import"./constants-mdQROz_Y.js";const U="_LayoutGridItem_2tq6r_1",E={LayoutGridItem:U},y=({children:t,alignSelf:i,tag:s,hide:r,relative:n,dataset:a})=>{const u=C(E,j.LayoutGridItem,[]),o=S(i),l=b(r),d=v(n),c=[...u,...o,...l,...d],L=s??I,G={className:c.join(" "),...N(a,{preplyDsComponent:j.LayoutGridItem})};return e.jsx(L,{...G,children:t})};try{y.displayName="LayoutGridItem",y.__docgenInfo={description:"",displayName:"LayoutGridItem",props:{alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"Responsive<LayoutAlignSelf> | undefined"}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"LayoutTag | undefined"}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"Responsive<boolean> | undefined"}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"Responsive<boolean> | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}}}}}catch{}const $="_LayoutGrid_1um6r_4",k={LayoutGrid:$,"LayoutGrid--justify-content-center":"_LayoutGrid--justify-content-center_1um6r_14","LayoutGrid--justify-content-start":"_LayoutGrid--justify-content-start_1um6r_17","LayoutGrid--justify-content-end":"_LayoutGrid--justify-content-end_1um6r_20","LayoutGrid--justify-content-space-between":"_LayoutGrid--justify-content-space-between_1um6r_23","LayoutGrid--justify-content-space-around":"_LayoutGrid--justify-content-space-around_1um6r_26","LayoutGrid--justify-content-space-evenly":"_LayoutGrid--justify-content-space-evenly_1um6r_29","LayoutGrid--narrow-l--justify-content-center":"_LayoutGrid--narrow-l--justify-content-center_1um6r_33","LayoutGrid--narrow-l--justify-content-start":"_LayoutGrid--narrow-l--justify-content-start_1um6r_36","LayoutGrid--narrow-l--justify-content-end":"_LayoutGrid--narrow-l--justify-content-end_1um6r_39","LayoutGrid--narrow-l--justify-content-space-between":"_LayoutGrid--narrow-l--justify-content-space-between_1um6r_42","LayoutGrid--narrow-l--justify-content-space-around":"_LayoutGrid--narrow-l--justify-content-space-around_1um6r_45","LayoutGrid--narrow-l--justify-content-space-evenly":"_LayoutGrid--narrow-l--justify-content-space-evenly_1um6r_48","LayoutGrid--medium-s--justify-content-center":"_LayoutGrid--medium-s--justify-content-center_1um6r_53","LayoutGrid--medium-s--justify-content-start":"_LayoutGrid--medium-s--justify-content-start_1um6r_56","LayoutGrid--medium-s--justify-content-end":"_LayoutGrid--medium-s--justify-content-end_1um6r_59","LayoutGrid--medium-s--justify-content-space-between":"_LayoutGrid--medium-s--justify-content-space-between_1um6r_62","LayoutGrid--medium-s--justify-content-space-around":"_LayoutGrid--medium-s--justify-content-space-around_1um6r_65","LayoutGrid--medium-s--justify-content-space-evenly":"_LayoutGrid--medium-s--justify-content-space-evenly_1um6r_68","LayoutGrid--medium-l--justify-content-center":"_LayoutGrid--medium-l--justify-content-center_1um6r_73","LayoutGrid--medium-l--justify-content-start":"_LayoutGrid--medium-l--justify-content-start_1um6r_76","LayoutGrid--medium-l--justify-content-end":"_LayoutGrid--medium-l--justify-content-end_1um6r_79","LayoutGrid--medium-l--justify-content-space-between":"_LayoutGrid--medium-l--justify-content-space-between_1um6r_82","LayoutGrid--medium-l--justify-content-space-around":"_LayoutGrid--medium-l--justify-content-space-around_1um6r_85","LayoutGrid--medium-l--justify-content-space-evenly":"_LayoutGrid--medium-l--justify-content-space-evenly_1um6r_88","LayoutGrid--wide-s--justify-content-center":"_LayoutGrid--wide-s--justify-content-center_1um6r_93","LayoutGrid--wide-s--justify-content-start":"_LayoutGrid--wide-s--justify-content-start_1um6r_96","LayoutGrid--wide-s--justify-content-end":"_LayoutGrid--wide-s--justify-content-end_1um6r_99","LayoutGrid--wide-s--justify-content-space-between":"_LayoutGrid--wide-s--justify-content-space-between_1um6r_102","LayoutGrid--wide-s--justify-content-space-around":"_LayoutGrid--wide-s--justify-content-space-around_1um6r_105","LayoutGrid--wide-s--justify-content-space-evenly":"_LayoutGrid--wide-s--justify-content-space-evenly_1um6r_108","LayoutGrid--wide-l--justify-content-center":"_LayoutGrid--wide-l--justify-content-center_1um6r_113","LayoutGrid--wide-l--justify-content-start":"_LayoutGrid--wide-l--justify-content-start_1um6r_116","LayoutGrid--wide-l--justify-content-end":"_LayoutGrid--wide-l--justify-content-end_1um6r_119","LayoutGrid--wide-l--justify-content-space-between":"_LayoutGrid--wide-l--justify-content-space-between_1um6r_122","LayoutGrid--wide-l--justify-content-space-around":"_LayoutGrid--wide-l--justify-content-space-around_1um6r_125","LayoutGrid--wide-l--justify-content-space-evenly":"_LayoutGrid--wide-l--justify-content-space-evenly_1um6r_128","LayoutGrid--align-items-center":"_LayoutGrid--align-items-center_1um6r_132","LayoutGrid--align-items-start":"_LayoutGrid--align-items-start_1um6r_135","LayoutGrid--align-items-end":"_LayoutGrid--align-items-end_1um6r_138","LayoutGrid--align-items-stretch":"_LayoutGrid--align-items-stretch_1um6r_141","LayoutGrid--align-items-baseline":"_LayoutGrid--align-items-baseline_1um6r_144","LayoutGrid--narrow-l--align-items-center":"_LayoutGrid--narrow-l--align-items-center_1um6r_148","LayoutGrid--narrow-l--align-items-start":"_LayoutGrid--narrow-l--align-items-start_1um6r_151","LayoutGrid--narrow-l--align-items-end":"_LayoutGrid--narrow-l--align-items-end_1um6r_154","LayoutGrid--narrow-l--align-items-stretch":"_LayoutGrid--narrow-l--align-items-stretch_1um6r_157","LayoutGrid--narrow-l--align-items-baseline":"_LayoutGrid--narrow-l--align-items-baseline_1um6r_160","LayoutGrid--medium-s--align-items-center":"_LayoutGrid--medium-s--align-items-center_1um6r_165","LayoutGrid--medium-s--align-items-start":"_LayoutGrid--medium-s--align-items-start_1um6r_168","LayoutGrid--medium-s--align-items-end":"_LayoutGrid--medium-s--align-items-end_1um6r_171","LayoutGrid--medium-s--align-items-stretch":"_LayoutGrid--medium-s--align-items-stretch_1um6r_174","LayoutGrid--medium-s--align-items-baseline":"_LayoutGrid--medium-s--align-items-baseline_1um6r_177","LayoutGrid--medium-l--align-items-center":"_LayoutGrid--medium-l--align-items-center_1um6r_182","LayoutGrid--medium-l--align-items-start":"_LayoutGrid--medium-l--align-items-start_1um6r_185","LayoutGrid--medium-l--align-items-end":"_LayoutGrid--medium-l--align-items-end_1um6r_188","LayoutGrid--medium-l--align-items-stretch":"_LayoutGrid--medium-l--align-items-stretch_1um6r_191","LayoutGrid--medium-l--align-items-baseline":"_LayoutGrid--medium-l--align-items-baseline_1um6r_194","LayoutGrid--wide-s--align-items-center":"_LayoutGrid--wide-s--align-items-center_1um6r_199","LayoutGrid--wide-s--align-items-start":"_LayoutGrid--wide-s--align-items-start_1um6r_202","LayoutGrid--wide-s--align-items-end":"_LayoutGrid--wide-s--align-items-end_1um6r_205","LayoutGrid--wide-s--align-items-stretch":"_LayoutGrid--wide-s--align-items-stretch_1um6r_208","LayoutGrid--wide-s--align-items-baseline":"_LayoutGrid--wide-s--align-items-baseline_1um6r_211","LayoutGrid--wide-l--align-items-center":"_LayoutGrid--wide-l--align-items-center_1um6r_216","LayoutGrid--wide-l--align-items-start":"_LayoutGrid--wide-l--align-items-start_1um6r_219","LayoutGrid--wide-l--align-items-end":"_LayoutGrid--wide-l--align-items-end_1um6r_222","LayoutGrid--wide-l--align-items-stretch":"_LayoutGrid--wide-l--align-items-stretch_1um6r_225","LayoutGrid--wide-l--align-items-baseline":"_LayoutGrid--wide-l--align-items-baseline_1um6r_228","LayoutGrid--justify-items-stretch":"_LayoutGrid--justify-items-stretch_1um6r_232","LayoutGrid--justify-items-center":"_LayoutGrid--justify-items-center_1um6r_235","LayoutGrid--justify-items-start":"_LayoutGrid--justify-items-start_1um6r_238","LayoutGrid--justify-items-end":"_LayoutGrid--justify-items-end_1um6r_241","LayoutGrid--narrow-l--justify-items-stretch":"_LayoutGrid--narrow-l--justify-items-stretch_1um6r_245","LayoutGrid--narrow-l--justify-items-center":"_LayoutGrid--narrow-l--justify-items-center_1um6r_248","LayoutGrid--narrow-l--justify-items-start":"_LayoutGrid--narrow-l--justify-items-start_1um6r_251","LayoutGrid--narrow-l--justify-items-end":"_LayoutGrid--narrow-l--justify-items-end_1um6r_254","LayoutGrid--medium-s--justify-items-stretch":"_LayoutGrid--medium-s--justify-items-stretch_1um6r_259","LayoutGrid--medium-s--justify-items-center":"_LayoutGrid--medium-s--justify-items-center_1um6r_262","LayoutGrid--medium-s--justify-items-start":"_LayoutGrid--medium-s--justify-items-start_1um6r_265","LayoutGrid--medium-s--justify-items-end":"_LayoutGrid--medium-s--justify-items-end_1um6r_268","LayoutGrid--medium-l--justify-items-stretch":"_LayoutGrid--medium-l--justify-items-stretch_1um6r_273","LayoutGrid--medium-l--justify-items-center":"_LayoutGrid--medium-l--justify-items-center_1um6r_276","LayoutGrid--medium-l--justify-items-start":"_LayoutGrid--medium-l--justify-items-start_1um6r_279","LayoutGrid--medium-l--justify-items-end":"_LayoutGrid--medium-l--justify-items-end_1um6r_282","LayoutGrid--wide-s--justify-items-stretch":"_LayoutGrid--wide-s--justify-items-stretch_1um6r_287","LayoutGrid--wide-s--justify-items-center":"_LayoutGrid--wide-s--justify-items-center_1um6r_290","LayoutGrid--wide-s--justify-items-start":"_LayoutGrid--wide-s--justify-items-start_1um6r_293","LayoutGrid--wide-s--justify-items-end":"_LayoutGrid--wide-s--justify-items-end_1um6r_296","LayoutGrid--wide-l--justify-items-stretch":"_LayoutGrid--wide-l--justify-items-stretch_1um6r_301","LayoutGrid--wide-l--justify-items-center":"_LayoutGrid--wide-l--justify-items-center_1um6r_304","LayoutGrid--wide-l--justify-items-start":"_LayoutGrid--wide-l--justify-items-start_1um6r_307","LayoutGrid--wide-l--justify-items-end":"_LayoutGrid--wide-l--justify-items-end_1um6r_310","LayoutGrid--columns":"_LayoutGrid--columns_1um6r_314","LayoutGrid--columns-narrow-l":"_LayoutGrid--columns-narrow-l_1um6r_318","LayoutGrid--columns-medium-s":"_LayoutGrid--columns-medium-s_1um6r_323","LayoutGrid--columns-medium-l":"_LayoutGrid--columns-medium-l_1um6r_328","LayoutGrid--columns-wide-s":"_LayoutGrid--columns-wide-s_1um6r_333","LayoutGrid--columns-wide-l":"_LayoutGrid--columns-wide-l_1um6r_338"},P="LayoutGrid",Y=Object.keys(D),p=t=>typeof t=="number"?`repeat(${t}, 1fr)`:t.join(" "),z=t=>typeof t=="object"&&!Array.isArray(t)?Object.entries(t).reduce((i,[s,r])=>({...i,...r?{[s]:p(r)}:{}}),{_:p(t._)}):{_:p(t)},B=t=>{if(!t)return{classNames:[],style:{}};const i=z(t),s=Y.filter(a=>i[a]),r=T(k,P,["columns",...s.map(a=>`columns-${a}`)]),n=s.reduce((a,u)=>({...a,[`--columns-${u}`]:i[u]}),{"--columns":i._});return{classNames:r,style:n}},F="LayoutGrid",H=(t,i)=>{const{gap:s=q,padding:r=V,justifyContent:n,alignItems:a,justifyItems:u,hide:o,relative:l}=i||{},d=C(k,F,[f("justify-content",n),f("align-items",a),f("justify-items",u)]),c=R(s),L=A(r),G=b(o,"grid"),x=v(l);return[...d,...c,...L,...G,...x]},_=({dataset:t,children:i,...s})=>{const{tag:r=I,columns:n}=s,a=H("grid",s),{style:u,classNames:o}=B(n),d={className:[...a,...o].join(" "),...N(t,{preplyDsComponent:j.LayoutGrid})};return e.jsx(r,{...d,style:u,children:i})};try{_.displayName="LayoutGrid",_.__docgenInfo={description:"A CSS `grid` wrapper.",displayName:"LayoutGrid",props:{gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"Responsive<LayoutGap> | Responsive<Spacing> | undefined"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"Responsive<ShortHand<LayoutPadding> | ShortHand<Spacing>> | undefined"}},columns:{defaultValue:null,description:"The `number` of columns, or a `string[]` of `grid-template-columns`.\n@see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns}",name:"columns",required:!1,type:{name:"Responsive<number | string[]> | undefined"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"Responsive<LayoutJustifyContent> | undefined"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"Responsive<LayoutAlignItems> | undefined"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"Responsive<LayoutJustifyItems> | undefined"}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"LayoutTag | undefined"}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"Responsive<boolean> | undefined"}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"Responsive<boolean> | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}}}}}catch{}const ot={title:"components/LayoutGrid",component:_,subcomponents:{LayoutGridItem:y},decorators:[t=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(O,{theme:"tokyo-ui",children:t()})})]},m=()=>e.jsxs(_,{columns:4,alignItems:"start",gap:"xs",children:[e.jsx(y,{children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem"},children:[e.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}}),e.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})]})}),e.jsx(y,{alignSelf:"end",children:e.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})}),e.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}}),e.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})]});m.storyName="LayoutGrid";var g,w,h;m.parameters={...m.parameters,docs:{...(g=m.parameters)==null?void 0:g.docs,source:{originalSource:`() => <LayoutGrid columns={4} alignItems="start" gap="xs">
2
+ <LayoutGridItem>
3
+ <div style={{
4
+ display: 'flex',
5
+ flexDirection: 'column',
6
+ gap: '0.25rem'
7
+ }}>
8
+ <div style={{
9
+ height: '2ch',
10
+ backgroundColor: 'hotpink'
11
+ }} />
12
+ <div style={{
13
+ height: '2ch',
14
+ backgroundColor: 'hotpink'
15
+ }} />
16
+ </div>
17
+ </LayoutGridItem>
18
+ <LayoutGridItem alignSelf="end">
19
+ <div style={{
20
+ height: '2ch',
21
+ backgroundColor: 'hotpink'
22
+ }} />
23
+ </LayoutGridItem>
24
+ <div style={{
25
+ height: '2ch',
26
+ backgroundColor: 'hotpink'
27
+ }} />
28
+ <div style={{
29
+ height: '2ch',
30
+ backgroundColor: 'hotpink'
31
+ }} />
32
+ </LayoutGrid>`,...(h=(w=m.parameters)==null?void 0:w.docs)==null?void 0:h.source}}};const dt=["Base"];export{m as Base,dt as __namedExportsOrder,ot as default};
@@ -0,0 +1 @@
1
+ ._AlignSelf_kbij2_2._AlignSelf--align-self-start_kbij2_2{-ms-flex-item-align:start;align-self:start}._AlignSelf_kbij2_2._AlignSelf--align-self-center_kbij2_5{-ms-flex-item-align:center;align-self:center}._AlignSelf_kbij2_2._AlignSelf--align-self-end_kbij2_8{-ms-flex-item-align:end;align-self:end}._AlignSelf_kbij2_2._AlignSelf--align-self-stretch_kbij2_11{-ms-flex-item-align:stretch;align-self:stretch}@media (min-width: 400px){._AlignSelf_kbij2_2._AlignSelf--narrow-l--align-self-start_kbij2_15{-ms-flex-item-align:start;align-self:start}._AlignSelf_kbij2_2._AlignSelf--narrow-l--align-self-center_kbij2_18{-ms-flex-item-align:center;align-self:center}._AlignSelf_kbij2_2._AlignSelf--narrow-l--align-self-end_kbij2_21{-ms-flex-item-align:end;align-self:end}._AlignSelf_kbij2_2._AlignSelf--narrow-l--align-self-stretch_kbij2_24{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 700px){._AlignSelf_kbij2_2._AlignSelf--medium-s--align-self-start_kbij2_29{-ms-flex-item-align:start;align-self:start}._AlignSelf_kbij2_2._AlignSelf--medium-s--align-self-center_kbij2_32{-ms-flex-item-align:center;align-self:center}._AlignSelf_kbij2_2._AlignSelf--medium-s--align-self-end_kbij2_35{-ms-flex-item-align:end;align-self:end}._AlignSelf_kbij2_2._AlignSelf--medium-s--align-self-stretch_kbij2_38{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 880px){._AlignSelf_kbij2_2._AlignSelf--medium-l--align-self-start_kbij2_43{-ms-flex-item-align:start;align-self:start}._AlignSelf_kbij2_2._AlignSelf--medium-l--align-self-center_kbij2_46{-ms-flex-item-align:center;align-self:center}._AlignSelf_kbij2_2._AlignSelf--medium-l--align-self-end_kbij2_49{-ms-flex-item-align:end;align-self:end}._AlignSelf_kbij2_2._AlignSelf--medium-l--align-self-stretch_kbij2_52{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 1200px){._AlignSelf_kbij2_2._AlignSelf--wide-s--align-self-start_kbij2_57{-ms-flex-item-align:start;align-self:start}._AlignSelf_kbij2_2._AlignSelf--wide-s--align-self-center_kbij2_60{-ms-flex-item-align:center;align-self:center}._AlignSelf_kbij2_2._AlignSelf--wide-s--align-self-end_kbij2_63{-ms-flex-item-align:end;align-self:end}._AlignSelf_kbij2_2._AlignSelf--wide-s--align-self-stretch_kbij2_66{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 1900px){._AlignSelf_kbij2_2._AlignSelf--wide-l--align-self-start_kbij2_71{-ms-flex-item-align:start;align-self:start}._AlignSelf_kbij2_2._AlignSelf--wide-l--align-self-center_kbij2_74{-ms-flex-item-align:center;align-self:center}._AlignSelf_kbij2_2._AlignSelf--wide-l--align-self-end_kbij2_77{-ms-flex-item-align:end;align-self:end}._AlignSelf_kbij2_2._AlignSelf--wide-l--align-self-stretch_kbij2_80{-ms-flex-item-align:stretch;align-self:stretch}}._LayoutGridItem_2tq6r_1{margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;padding:0}
@@ -0,0 +1 @@
1
+ import{j as o}from"./jsx-runtime-CKrituN3.js";import{m as n,s as c,g as j,L as u}from"./classNames-DypE0CS3.js";import{b,c as w}from"./layout-relative-Cl5Y3N4W.js";import{w as i}from"./componentNames-BSriaIOD.js";const k="_AlignSelf_kbij2_2",L={AlignSelf:k,"AlignSelf--align-self-start":"_AlignSelf--align-self-start_kbij2_2","AlignSelf--align-self-center":"_AlignSelf--align-self-center_kbij2_5","AlignSelf--align-self-end":"_AlignSelf--align-self-end_kbij2_8","AlignSelf--align-self-stretch":"_AlignSelf--align-self-stretch_kbij2_11","AlignSelf--narrow-l--align-self-start":"_AlignSelf--narrow-l--align-self-start_kbij2_15","AlignSelf--narrow-l--align-self-center":"_AlignSelf--narrow-l--align-self-center_kbij2_18","AlignSelf--narrow-l--align-self-end":"_AlignSelf--narrow-l--align-self-end_kbij2_21","AlignSelf--narrow-l--align-self-stretch":"_AlignSelf--narrow-l--align-self-stretch_kbij2_24","AlignSelf--medium-s--align-self-start":"_AlignSelf--medium-s--align-self-start_kbij2_29","AlignSelf--medium-s--align-self-center":"_AlignSelf--medium-s--align-self-center_kbij2_32","AlignSelf--medium-s--align-self-end":"_AlignSelf--medium-s--align-self-end_kbij2_35","AlignSelf--medium-s--align-self-stretch":"_AlignSelf--medium-s--align-self-stretch_kbij2_38","AlignSelf--medium-l--align-self-start":"_AlignSelf--medium-l--align-self-start_kbij2_43","AlignSelf--medium-l--align-self-center":"_AlignSelf--medium-l--align-self-center_kbij2_46","AlignSelf--medium-l--align-self-end":"_AlignSelf--medium-l--align-self-end_kbij2_49","AlignSelf--medium-l--align-self-stretch":"_AlignSelf--medium-l--align-self-stretch_kbij2_52","AlignSelf--wide-s--align-self-start":"_AlignSelf--wide-s--align-self-start_kbij2_57","AlignSelf--wide-s--align-self-center":"_AlignSelf--wide-s--align-self-center_kbij2_60","AlignSelf--wide-s--align-self-end":"_AlignSelf--wide-s--align-self-end_kbij2_63","AlignSelf--wide-s--align-self-stretch":"_AlignSelf--wide-s--align-self-stretch_kbij2_66","AlignSelf--wide-l--align-self-start":"_AlignSelf--wide-l--align-self-start_kbij2_71","AlignSelf--wide-l--align-self-center":"_AlignSelf--wide-l--align-self-center_kbij2_74","AlignSelf--wide-l--align-self-end":"_AlignSelf--wide-l--align-self-end_kbij2_77","AlignSelf--wide-l--align-self-stretch":"_AlignSelf--wide-l--align-self-stretch_kbij2_80"},h="AlignSelf",p=l=>n(L,h,[c("align-self",l)]),y="_LayoutGridItem_2tq6r_1",C={LayoutGridItem:y},T=({children:l,alignSelf:s,tag:e,hide:a,relative:t,dataset:g})=>{const f=n(C,i.LayoutGridItem,[]),_=p(s),r=b(a),m=w(t),A=[...f,..._,...r,...m],S=e??u,d={className:A.join(" "),...j(g,{preplyDsComponent:i.LayoutGridItem})};return o.jsx(S,{...d,children:l})};export{T as L,p as g};
@@ -0,0 +1 @@
1
+ ._Link_1dm4n_4{display:inline-block;border-radius:var(--5eeb28);text-decoration:var(--f13872);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}._Link_1dm4n_4:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._Link--inline_1dm4n_21{display:inline}._Link--noUnderline_1dm4n_24{text-decoration:none}._Link--variant-accentDark_1dm4n_27{color:var(--c6b68f)}._Link--variant-accentDark_1dm4n_27:hover,._Link--variant-accentDark--dsInternalSimulation-hover_1dm4n_31{color:var(--65e1ef)}._Link--variant-accentDark_1dm4n_27:active,._Link--variant-accentDark--dsInternalSimulation-active_1dm4n_35{color:var(--179b80)}._Link--variant-accentDarkInverted_1dm4n_38{color:var(--7cbffc)}._Link--variant-accentDarkInverted_1dm4n_38:hover,._Link--variant-accentDarkInverted--dsInternalSimulation-hover_1dm4n_42{color:var(--47fcde)}._Link--variant-accentDarkInverted_1dm4n_38:active,._Link--variant-accentDarkInverted--dsInternalSimulation-active_1dm4n_46{color:var(--1253e2)}._Link--variant-neutral_1dm4n_49{color:var(--19fdf0)}._Link--variant-neutral_1dm4n_49:hover,._Link--variant-neutral--dsInternalSimulation-hover_1dm4n_53{color:var(--ce5fb9)}._Link--variant-neutral_1dm4n_49:active,._Link--variant-neutral--dsInternalSimulation-active_1dm4n_57{color:var(--1d39ac)}._Link--variant-neutralInverted_1dm4n_60{color:var(--883d0f)}._Link--variant-neutralInverted_1dm4n_60:hover,._Link--variant-neutralInverted--dsInternalSimulation-hover_1dm4n_64{color:var(--065570)}._Link--variant-neutralInverted_1dm4n_60:active,._Link--variant-neutralInverted--dsInternalSimulation-active_1dm4n_68{color:var(--be41c4)}._Link--variant-unsetColors_1dm4n_71{color:var(--e66f2a)}._Link--variant-unsetColors_1dm4n_71:hover,._Link--variant-unsetColors--dsInternalSimulation-hover_1dm4n_75{color:var(--468ceb)}._Link--variant-unsetColors_1dm4n_71:active,._Link--variant-unsetColors--dsInternalSimulation-active_1dm4n_79{color:var(--a5fc76)}
@@ -1,33 +1,40 @@
1
- import{j as e}from"./jsx-runtime-CKrituN3.js";import{r as N}from"./index-CBqU2yxZ.js";import{u as U}from"./useHostname-B91Ahm0o.js";import{m as E,s as u,b as c,k as P,g as A,l as H}from"./classNames-Cqk1oqv4.js";import{w as p}from"./componentNames-BSriaIOD.js";import{S as R}from"./StoryContextDSWeb-CViICLux.js";import{g as M}from"./getTokenVar-CEGfaPeF.js";import{d as O}from"./tokens-D22H5zrO.js";import"./_commonjsHelpers-BosuxZz1.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-BvHSkgDA.js";import"./useTheme-ByES4oDS.js";import"./constants-mdQROz_Y.js";const W="_Link_15r86_4",$={Link:W,"Link--inline":"_Link--inline_15r86_21","Link--noUnderline":"_Link--noUnderline_15r86_24","Link--variant-accentDark":"_Link--variant-accentDark_15r86_27","Link--variant-accentDark--dsInternalSimulation-hover":"_Link--variant-accentDark--dsInternalSimulation-hover_15r86_31","Link--variant-accentDark--dsInternalSimulation-active":"_Link--variant-accentDark--dsInternalSimulation-active_15r86_35","Link--variant-accentDarkInverted":"_Link--variant-accentDarkInverted_15r86_38","Link--variant-accentDarkInverted--dsInternalSimulation-hover":"_Link--variant-accentDarkInverted--dsInternalSimulation-hover_15r86_42","Link--variant-accentDarkInverted--dsInternalSimulation-active":"_Link--variant-accentDarkInverted--dsInternalSimulation-active_15r86_46","Link--variant-neutral":"_Link--variant-neutral_15r86_49","Link--variant-neutral--dsInternalSimulation-hover":"_Link--variant-neutral--dsInternalSimulation-hover_15r86_53","Link--variant-neutral--dsInternalSimulation-active":"_Link--variant-neutral--dsInternalSimulation-active_15r86_57","Link--variant-neutralInverted":"_Link--variant-neutralInverted_15r86_60","Link--variant-neutralInverted--dsInternalSimulation-hover":"_Link--variant-neutralInverted--dsInternalSimulation-hover_15r86_64","Link--variant-neutralInverted--dsInternalSimulation-active":"_Link--variant-neutralInverted--dsInternalSimulation-active_15r86_68","Link--variant-unsetColors":"_Link--variant-unsetColors_15r86_71","Link--variant-unsetColors--dsInternalSimulation-hover":"_Link--variant-unsetColors--dsInternalSimulation-hover_15r86_75","Link--variant-unsetColors--dsInternalSimulation-active":"_Link--variant-unsetColors--dsInternalSimulation-active_15r86_79"},n=t=>{const{variant:l=H,href:y,download:L,opensInNewTab:I,nofollow:g,assistiveText:x,onClick:S,as:o,url:D,dataset:w,children:s,inline:C,dsInternalSimulation:b,noUnderline:V}=t,T=U(),j=E($,p.Link,[u(`variant-${l}--dsInternalSimulation`,b),u("variant",l),c("inline",void 0,C),c("noUnderline",void 0,V)]),i=y||D,q=i?P(T,i,I,g):{},d={href:i,download:L,"aria-label":x,onClick:S,className:j.join(" "),...A(w,{preplyDsComponent:p.Link})};return o?N.cloneElement(o,{...d},s):e.jsx("a",{...d,...q,children:s})};try{n.displayName="Link",n.__docgenInfo={description:`This is an inline element and will inherit font-size, line-height and
1
+ import{j as e}from"./jsx-runtime-CKrituN3.js";import{r as N}from"./index-CBqU2yxZ.js";import{u as U}from"./useHostname-B91Ahm0o.js";import{m as E,s as u,b as c,k as P,g as A,l as H}from"./classNames-DypE0CS3.js";import{w as m}from"./componentNames-BSriaIOD.js";import{S as R}from"./StoryContextDSWeb-CwCKdulo.js";import{g as M}from"./getTokenVar-CEGfaPeF.js";import{c as O}from"./tokens-D22H5zrO.js";import"./_commonjsHelpers-BosuxZz1.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-CLBjXsMY.js";import"./useTheme-pdzgtlkQ.js";import"./constants-mdQROz_Y.js";const W="_Link_1dm4n_4",$={Link:W,"Link--inline":"_Link--inline_1dm4n_21","Link--noUnderline":"_Link--noUnderline_1dm4n_24","Link--variant-accentDark":"_Link--variant-accentDark_1dm4n_27","Link--variant-accentDark--dsInternalSimulation-hover":"_Link--variant-accentDark--dsInternalSimulation-hover_1dm4n_31","Link--variant-accentDark--dsInternalSimulation-active":"_Link--variant-accentDark--dsInternalSimulation-active_1dm4n_35","Link--variant-accentDarkInverted":"_Link--variant-accentDarkInverted_1dm4n_38","Link--variant-accentDarkInverted--dsInternalSimulation-hover":"_Link--variant-accentDarkInverted--dsInternalSimulation-hover_1dm4n_42","Link--variant-accentDarkInverted--dsInternalSimulation-active":"_Link--variant-accentDarkInverted--dsInternalSimulation-active_1dm4n_46","Link--variant-neutral":"_Link--variant-neutral_1dm4n_49","Link--variant-neutral--dsInternalSimulation-hover":"_Link--variant-neutral--dsInternalSimulation-hover_1dm4n_53","Link--variant-neutral--dsInternalSimulation-active":"_Link--variant-neutral--dsInternalSimulation-active_1dm4n_57","Link--variant-neutralInverted":"_Link--variant-neutralInverted_1dm4n_60","Link--variant-neutralInverted--dsInternalSimulation-hover":"_Link--variant-neutralInverted--dsInternalSimulation-hover_1dm4n_64","Link--variant-neutralInverted--dsInternalSimulation-active":"_Link--variant-neutralInverted--dsInternalSimulation-active_1dm4n_68","Link--variant-unsetColors":"_Link--variant-unsetColors_1dm4n_71","Link--variant-unsetColors--dsInternalSimulation-hover":"_Link--variant-unsetColors--dsInternalSimulation-hover_1dm4n_75","Link--variant-unsetColors--dsInternalSimulation-active":"_Link--variant-unsetColors--dsInternalSimulation-active_1dm4n_79"},n=t=>{const{variant:l=H,href:y,download:L,opensInNewTab:I,nofollow:g,assistiveText:x,onClick:S,as:o,url:D,dataset:b,children:s,inline:w,dsInternalSimulation:C,noUnderline:V}=t,j=U(),T=E($,m.Link,[u(`variant-${l}--dsInternalSimulation`,C),u("variant",l),c("inline",void 0,w),c("noUnderline",void 0,V)]),i=y||D,q=i?P(j,i,I,g):{},d={href:i,download:L,"aria-label":x,onClick:S,className:T.join(" "),...A(b,{preplyDsComponent:m.Link})};return o?N.cloneElement(o,{...d},s):e.jsx("a",{...d,...q,children:s})};try{n.displayName="Link",n.__docgenInfo={description:`This is an inline element and will inherit font-size, line-height and
2
2
  font-weight from the parent context. If you need to customise any of these
3
3
  styles, all you have to do is wrap the <Link> in a Text or TextInline
4
4
  component.`,displayName:"Link",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"LinkVariant | undefined"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string | undefined"}},download:{defaultValue:null,description:`When provided, instructs the browser to download the target (the file
5
5
  specified in the href attribute) when a user clicks on the hyperlink,
6
6
  rather than display it in the browser.`,name:"download",required:!1,type:{name:"boolean | undefined"}},opensInNewTab:{defaultValue:null,description:"If `true`, forces internal link to open in a new tab.",name:"opensInNewTab",required:!1,type:{name:"boolean | undefined"}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"boolean | undefined"}},assistiveText:{defaultValue:null,description:"Provide an `aria-label` to the link.\nThis is useful if the link wraps non-textual elements, eg. an `img`.",name:"assistiveText",required:!1,type:{name:"string | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | undefined"}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"string | undefined"}},dataset:{defaultValue:null,description:`Provide dataset to set data attributes on the DOM element for the purpose
7
- of e2e tests or integrating with external libraries.`,name:"dataset",required:!1,type:{name:"Dataset | undefined"}},inline:{defaultValue:null,description:"If `true`, allows the link to wrap within text.",name:"inline",required:!1,type:{name:"boolean | undefined"}},noUnderline:{defaultValue:null,description:"",name:"noUnderline",required:!1,type:{name:"boolean | undefined"}},dsInternalSimulation:{defaultValue:null,description:"@deprecated This is meant for internal DS usage only. Do not use it in your code.",name:"dsInternalSimulation",required:!1,type:{name:'"hover" | "active" | undefined'}}}}}catch{}const re={title:"components/Link",component:n,decorators:[t=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(R,{theme:"tokyo-ui",children:t()})})]},a=()=>{const t=M(O.color.grey[300]);return e.jsxs("div",{style:{display:"flex",gap:"16px",backgroundColor:t},children:[e.jsx(n,{href:"https://preply.com",variant:"neutral",children:"neutral"}),e.jsx(n,{href:"https://preply.com",variant:"neutralInverted",children:"neutralInverted"}),e.jsx(n,{href:"https://preply.com",variant:"accentDark",children:"accentDark"}),e.jsx(n,{href:"https://preply.com",variant:"accentDarkInverted",children:"accentDarkInverted"}),e.jsx(n,{href:"https://preply.com",variant:"unsetColors",children:"unsetColors"})]})},r=()=>e.jsxs("p",{style:{width:"12ch"},children:["Unlock your potential;"," ",e.jsx(n,{href:"https://preply.com",variant:"unsetColors",inline:!0,children:"visit Preply"}),"."]});var m,v,k;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`() => {
8
- const grey = getTokenVar(dsInternalPrimitive.color.grey[300]);
7
+ of e2e tests or integrating with external libraries.`,name:"dataset",required:!1,type:{name:"Dataset | undefined"}},inline:{defaultValue:null,description:"If `true`, allows the link to wrap within text.",name:"inline",required:!1,type:{name:"boolean | undefined"}},noUnderline:{defaultValue:null,description:"",name:"noUnderline",required:!1,type:{name:"boolean | undefined"}},dsInternalSimulation:{defaultValue:null,description:"@deprecated This is meant for internal DS usage only. Do not use it in your code.",name:"dsInternalSimulation",required:!1,type:{name:'"hover" | "active" | undefined'}}}}}catch{}const re={title:"components/Link",component:n,decorators:[t=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(R,{theme:"tokyo-ui",children:t()})})]},a=()=>{const t=M(O.background.primaryInverted);return e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(n,{href:"https://preply.com",variant:"neutral",children:"neutral"}),e.jsx("span",{style:{backgroundColor:t},children:e.jsx(n,{href:"https://preply.com",variant:"neutralInverted",children:"neutralInverted"})}),e.jsx(n,{href:"https://preply.com",variant:"accentDark",children:"accentDark"}),e.jsx("span",{style:{backgroundColor:t},children:e.jsx(n,{href:"https://preply.com",variant:"accentDarkInverted",children:"accentDarkInverted"})}),e.jsx(n,{href:"https://preply.com",variant:"unsetColors",children:"unsetColors"})]})},r=()=>e.jsxs("p",{style:{width:"12ch"},children:["Unlock your potential;"," ",e.jsx(n,{href:"https://preply.com",variant:"unsetColors",inline:!0,children:"visit Preply"}),"."]});var p,v,k;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
8
+ const grey = getTokenVar(color.background.primaryInverted);
9
9
  return <div style={{
10
10
  display: 'flex',
11
- gap: '16px',
12
- backgroundColor: grey
11
+ gap: '16px'
13
12
  }}>
14
13
  <Link href="https://preply.com" variant="neutral">
15
14
  neutral
16
15
  </Link>
17
- <Link href="https://preply.com" variant="neutralInverted">
18
- neutralInverted
19
- </Link>
16
+ <span style={{
17
+ backgroundColor: grey
18
+ }}>
19
+ <Link href="https://preply.com" variant="neutralInverted">
20
+ neutralInverted
21
+ </Link>
22
+ </span>
20
23
  <Link href="https://preply.com" variant="accentDark">
21
24
  accentDark
22
25
  </Link>
23
- <Link href="https://preply.com" variant="accentDarkInverted">
24
- accentDarkInverted
25
- </Link>
26
+ <span style={{
27
+ backgroundColor: grey
28
+ }}>
29
+ <Link href="https://preply.com" variant="accentDarkInverted">
30
+ accentDarkInverted
31
+ </Link>
32
+ </span>
26
33
  <Link href="https://preply.com" variant="unsetColors">
27
34
  unsetColors
28
35
  </Link>
29
36
  </div>;
30
- }`,...(k=(v=a.parameters)==null?void 0:v.docs)==null?void 0:k.source}}};var f,h,_;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:`() => <p style={{
37
+ }`,...(k=(v=a.parameters)==null?void 0:v.docs)==null?void 0:k.source}}};var h,f,_;r.parameters={...r.parameters,docs:{...(h=r.parameters)==null?void 0:h.docs,source:{originalSource:`() => <p style={{
31
38
  width: '12ch'
32
39
  }}>
33
40
  Unlock your potential;{' '}
@@ -35,4 +42,4 @@ of e2e tests or integrating with external libraries.`,name:"dataset",required:!1
35
42
  visit Preply
36
43
  </Link>
37
44
  .
38
- </p>`,...(_=(h=r.parameters)==null?void 0:h.docs)==null?void 0:_.source}}};const ie=["Variants","Inline"];export{r as Inline,a as Variants,ie as __namedExportsOrder,re as default};
45
+ </p>`,...(_=(f=r.parameters)==null?void 0:f.docs)==null?void 0:_.source}}};const ie=["Variants","Inline"];export{r as Inline,a as Variants,ie as __namedExportsOrder,re as default};
@@ -0,0 +1 @@
1
+ ._Loader_14oxe_2{display:inline-flex;width:fit-content;height:fit-content}._Loader--normal_14oxe_7{color:var(--19bcb6)}._Loader--inverted_14oxe_10{color:var(--38413d)}
@@ -0,0 +1,8 @@
1
+ import{j as e}from"./jsx-runtime-CKrituN3.js";import{S as x}from"./Spinner-DXNC0i3g.js";import{m as y,b as _,g}from"./classNames-DypE0CS3.js";import{w as d}from"./componentNames-BSriaIOD.js";import{S as v}from"./StoryContextDSWeb-CwCKdulo.js";import{g as L}from"./getTokenVar-CEGfaPeF.js";import{c as j}from"./tokens-D22H5zrO.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-CLBjXsMY.js";import"./useTheme-pdzgtlkQ.js";import"./constants-mdQROz_Y.js";const S="_Loader_14oxe_2",z={Loader:S,"Loader--normal":"_Loader--normal_14oxe_7","Loader--inverted":"_Loader--inverted_14oxe_10"},a=({size:r,inverted:t=!1,dataset:u})=>{const f={className:y(z,d.Loader,[_("inverted","normal",t)]).join(" "),...g(u,{preplyDsComponent:d.Loader})};return e.jsx("span",{...f,children:e.jsx(x,{size:r})})};try{a.displayName="Loader",a.__docgenInfo={description:"",displayName:"Loader",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"Responsive<SpinnerSize> | undefined"}},inverted:{defaultValue:{value:"false"},description:"",name:"inverted",required:!1,type:{name:"boolean | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}}}}}catch{}const W={title:"components/Loader",component:a,decorators:[r=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(v,{theme:"tokyo-ui",children:r()})})]},s=()=>e.jsxs("div",{style:{display:"flex",alignItems:"end",gap:"8px"},children:[e.jsx(a,{size:"default"}),e.jsx(a,{size:"large"})]}),o=()=>e.jsx(a,{inverted:!0});o.decorators=[r=>{const t=L(j.background.primaryInverted);return e.jsx("div",{style:{backgroundColor:t},children:r()})}];var n,i,m;s.parameters={...s.parameters,docs:{...(n=s.parameters)==null?void 0:n.docs,source:{originalSource:`() => <div style={{
2
+ display: 'flex',
3
+ alignItems: 'end',
4
+ gap: '8px'
5
+ }}>
6
+ <Loader size="default" />
7
+ <Loader size="large" />
8
+ </div>`,...(m=(i=s.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var p,l,c;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:"() => <Loader inverted />",...(c=(l=o.parameters)==null?void 0:l.docs)==null?void 0:c.source}}};const $=["Sizes","Inverted"];export{o as Inverted,s as Sizes,$ as __namedExportsOrder,W as default};
@@ -1,4 +1,4 @@
1
- import{j as l}from"./jsx-runtime-CKrituN3.js";import{F as N}from"./TokyoUIFav-Dzux4Kv4.js";import{r}from"./index-CBqU2yxZ.js";import{a as F}from"./Button-Bi4jW9CV.js";import{I as H}from"./Icon-DqOWgXnU.js";import{F as w}from"./FieldLayout-BYUVHDic.js";import{s as I,u as _,I as k}from"./FieldLayoutBase-BAZH_iVk.js";import{m as E}from"./classNames-Cqk1oqv4.js";import{w as p}from"./componentNames-BSriaIOD.js";import{u as S}from"./useForcedRef-CC5bJQVj.js";import{u as P}from"./useNumberField-DwLXlsqE.js";import{S as j}from"./StoryContextDSWeb-CViICLux.js";import"./_commonjsHelpers-BosuxZz1.js";import"./render-icon-DsMGBPwY.js";import"./Spinner-DNhrV5BK.js";import"./useHostname-B91Ahm0o.js";import"./index-CC6DAVyL.js";import"./text-accent-Bgi4eAtI.js";import"./getInputProps-CQF_KcrT.js";import"./FieldAdditionalText-DCd07ysy.js";import"./constants-DL6gdbsq.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-BvHSkgDA.js";import"./useTheme-ByES4oDS.js";import"./constants-mdQROz_Y.js";const D=({onChange:e,onValueChange:t,...s},n)=>{const u=E(I,p.InputNumber),o=_(d=>d.target.value?Number(d.target.value):void 0,e,t);return l.jsx(k,{...s,type:"number",ref:n,className:u.join(" "),onChange:o,preplyDsComponent:p.InputNumber})},b=r.forwardRef(D);try{b.displayName="InputNumber",b.__docgenInfo={description:"",displayName:"InputNumber",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"number | undefined"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<Element> | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean | undefined"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean | undefined"}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"boolean | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"number | undefined"}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"number | undefined"}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"number | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"number | undefined"}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"ValueChangeEventHandler<number | undefined> | undefined"}}}}}catch{}const L="_NumberField_kx5jx_1",R={NumberField:L},K=({id:e,...t},s)=>{const n=r.useRef(null),u=S();r.useImperativeHandle(s,()=>({setFocus:()=>{var m;return(m=n==null?void 0:n.current)==null?void 0:m.setFocus()},scrollIntoView:()=>{var m;return(m=n==null?void 0:n.current)==null?void 0:m.scrollIntoView()}}));const o=P({id:e,...t},p.NumberField),{layoutProps:d,inputProps:a}=o,x=E(R,p.NumberField),C=l.jsx(b,{...a,ref:u});return l.jsx(w,{...d,className:x.join(" "),input:C,inputHandle:u.current,ref:n,preplyDsComponent:p.NumberField})},f=r.forwardRef(K);try{f.displayName="NumberField",f.__docgenInfo={description:"By default, this field acts as a controlled field and expects the parent\ncomponent to manage the state, by reacting to user input via the `onChange` or\n`onValueChange` props, and providing the latest state via the `value` prop.\n\nAlternatively, you can use it as an uncontrolled field using the\n`defaultValue` prop instead of the `value` prop.",displayName:"NumberField",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"ReactNode"}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"ReactNode"}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"boolean | undefined"}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"boolean | undefined"}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"ReactNode"}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"boolean | undefined"}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"boolean | undefined"}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",required:!1,type:{name:"ReactNode"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"Dataset | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"number | undefined"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"number | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"number | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<Element> | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean | undefined"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean | undefined"}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"ValueChangeEventHandler<number | undefined> | undefined"}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"number | undefined"}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"number | undefined"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactElement<IconProps, string | JSXElementConstructor<any>> | undefined"}}}}}catch{}const me={title:"components/NumberField",component:f,decorators:[e=>l.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:l.jsx(j,{theme:"tokyo-ui",children:e()})})]},c=()=>l.jsx(f,{label:"Number",placeholder:"Enter a number",defaultValue:0}),i=()=>{const e=r.useRef(null),[t,s]=r.useState(void 0),[n,u]=r.useState(!1),o=a=>{if(a===void 0)return"Please provide a number";if(a!==Math.round(a))return"Please provide a whole number";if(a<10)return"Please book at least 10 lessons";if(a>99)return"Please book less than 100 lessons"},d=()=>{var a;u(!0),t||(a=e==null?void 0:e.current)==null||a.setFocus()};return l.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[l.jsx(f,{id:"lessons",name:"lessons",label:"Number of lessons",icon:l.jsx(H,{svg:N}),placeholder:"How about 3?",value:t,additionalText:"These lessons will be scheduled automatically",onValueChange:s,errorMessage:n?o(t):void 0,min:10,max:99,ref:e,required:!0}),l.jsx(F,{onClick:d,children:"Submit"})]})};i.tags=["!test"];i.parameters={docs:{description:{story:'\nThe following code renders a `Numberfield` with the `required` flag, a `min`\nand `max` value, an `icon`, a `placeholder`, and some `additionalText`.\n\nWhen you click the "Submit" button and the input value is empty\n- it displays feedback via the `errorMessage` prop;\n- and uses the `setFocus()` API to bring the focus back to the field.\n\nIt uses the `value` and `onValueChange` props to react to the user input.\n'}},chromatic:{disableSnapshot:!0}};var y,h,V;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.docs,source:{originalSource:'() => <NumberField label="Number" placeholder="Enter a number" defaultValue={0} />',...(V=(h=c.parameters)==null?void 0:h.docs)==null?void 0:V.source}}};var q,g,v;i.parameters={...i.parameters,docs:{...(q=i.parameters)==null?void 0:q.docs,source:{originalSource:`() => {
1
+ import{j as l}from"./jsx-runtime-CKrituN3.js";import{F as N}from"./TokyoUIFav-Dzux4Kv4.js";import{r}from"./index-CBqU2yxZ.js";import{a as F}from"./Button-hx0d4Fw0.js";import{I as H}from"./Icon-Cn3B7mqs.js";import{F as w}from"./FieldLayout-DsdOLmaV.js";import{s as I,u as _,I as k}from"./FieldLayoutBase-Df6Ude-W.js";import{m as E}from"./classNames-DypE0CS3.js";import{w as p}from"./componentNames-BSriaIOD.js";import{u as S}from"./useForcedRef-CC5bJQVj.js";import{u as P}from"./useNumberField-DwLXlsqE.js";import{S as j}from"./StoryContextDSWeb-CwCKdulo.js";import"./_commonjsHelpers-BosuxZz1.js";import"./render-icon-DsMGBPwY.js";import"./Spinner-DXNC0i3g.js";import"./useHostname-B91Ahm0o.js";import"./index-CC6DAVyL.js";import"./text-accent-CRIVfBVN.js";import"./getInputProps-CQF_KcrT.js";import"./FieldAdditionalText-BoS3oi_w.js";import"./constants-DL6gdbsq.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-CLBjXsMY.js";import"./useTheme-pdzgtlkQ.js";import"./constants-mdQROz_Y.js";const D=({onChange:e,onValueChange:t,...s},n)=>{const u=E(I,p.InputNumber),o=_(d=>d.target.value?Number(d.target.value):void 0,e,t);return l.jsx(k,{...s,type:"number",ref:n,className:u.join(" "),onChange:o,preplyDsComponent:p.InputNumber})},b=r.forwardRef(D);try{b.displayName="InputNumber",b.__docgenInfo={description:"",displayName:"InputNumber",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"number | undefined"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<Element> | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean | undefined"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean | undefined"}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"boolean | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"number | undefined"}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"number | undefined"}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"number | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"number | undefined"}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"ValueChangeEventHandler<number | undefined> | undefined"}}}}}catch{}const L="_NumberField_kx5jx_1",R={NumberField:L},K=({id:e,...t},s)=>{const n=r.useRef(null),u=S();r.useImperativeHandle(s,()=>({setFocus:()=>{var m;return(m=n==null?void 0:n.current)==null?void 0:m.setFocus()},scrollIntoView:()=>{var m;return(m=n==null?void 0:n.current)==null?void 0:m.scrollIntoView()}}));const o=P({id:e,...t},p.NumberField),{layoutProps:d,inputProps:a}=o,x=E(R,p.NumberField),C=l.jsx(b,{...a,ref:u});return l.jsx(w,{...d,className:x.join(" "),input:C,inputHandle:u.current,ref:n,preplyDsComponent:p.NumberField})},f=r.forwardRef(K);try{f.displayName="NumberField",f.__docgenInfo={description:"By default, this field acts as a controlled field and expects the parent\ncomponent to manage the state, by reacting to user input via the `onChange` or\n`onValueChange` props, and providing the latest state via the `value` prop.\n\nAlternatively, you can use it as an uncontrolled field using the\n`defaultValue` prop instead of the `value` prop.",displayName:"NumberField",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"ReactNode"}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"ReactNode"}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"boolean | undefined"}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"boolean | undefined"}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"ReactNode"}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"boolean | undefined"}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"boolean | undefined"}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",required:!1,type:{name:"ReactNode"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"Dataset | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"number | undefined"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"number | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"number | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<Element> | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean | undefined"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean | undefined"}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"ValueChangeEventHandler<number | undefined> | undefined"}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"number | undefined"}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"number | undefined"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactElement<IconProps, string | JSXElementConstructor<any>> | undefined"}}}}}catch{}const me={title:"components/NumberField",component:f,decorators:[e=>l.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:l.jsx(j,{theme:"tokyo-ui",children:e()})})]},c=()=>l.jsx(f,{label:"Number",placeholder:"Enter a number",defaultValue:0}),i=()=>{const e=r.useRef(null),[t,s]=r.useState(void 0),[n,u]=r.useState(!1),o=a=>{if(a===void 0)return"Please provide a number";if(a!==Math.round(a))return"Please provide a whole number";if(a<10)return"Please book at least 10 lessons";if(a>99)return"Please book less than 100 lessons"},d=()=>{var a;u(!0),t||(a=e==null?void 0:e.current)==null||a.setFocus()};return l.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[l.jsx(f,{id:"lessons",name:"lessons",label:"Number of lessons",icon:l.jsx(H,{svg:N}),placeholder:"How about 3?",value:t,additionalText:"These lessons will be scheduled automatically",onValueChange:s,errorMessage:n?o(t):void 0,min:10,max:99,ref:e,required:!0}),l.jsx(F,{onClick:d,children:"Submit"})]})};i.tags=["!test"];i.parameters={docs:{description:{story:'\nThe following code renders a `Numberfield` with the `required` flag, a `min`\nand `max` value, an `icon`, a `placeholder`, and some `additionalText`.\n\nWhen you click the "Submit" button and the input value is empty\n- it displays feedback via the `errorMessage` prop;\n- and uses the `setFocus()` API to bring the focus back to the field.\n\nIt uses the `value` and `onValueChange` props to react to the user input.\n'}},chromatic:{disableSnapshot:!0}};var y,h,V;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.docs,source:{originalSource:'() => <NumberField label="Number" placeholder="Enter a number" defaultValue={0} />',...(V=(h=c.parameters)==null?void 0:h.docs)==null?void 0:V.source}}};var q,g,v;i.parameters={...i.parameters,docs:{...(q=i.parameters)==null?void 0:q.docs,source:{originalSource:`() => {
2
2
  const fieldRef = useRef<InputImperativeHandle>(null);
3
3
  const [value, setValue] = useState<number | undefined>(undefined);
4
4
  const [submited, setSubmitted] = useState(false);
@@ -1,4 +1,4 @@
1
- import{j as g}from"./jsx-runtime-CKrituN3.js";import{r as a}from"./index-CBqU2yxZ.js";import{g as v,L as y}from"./classNames-Cqk1oqv4.js";import{w as I}from"./componentNames-BSriaIOD.js";const o=({onIntersect:n,once:r,threshold:t,tag:i,dataset:c,children:l})=>{const e=a.useRef(null);a.useEffect(()=>{const d=([f],b)=>{f.isIntersecting&&(n(),r&&e.current&&b.unobserve(e.current))},m={threshold:t},s=new IntersectionObserver(d,m);return e.current&&s.observe(e.current),()=>s.disconnect()},[n,r,t]);const p=i??y,u={ref:e,...v(c,{preplyDsComponent:I.ObserverIntersection})};return g.jsx(p,{...u,children:l})};try{o.displayName="ObserveIntersection",o.__docgenInfo={description:`An [IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver) wrapper.
1
+ import{j as g}from"./jsx-runtime-CKrituN3.js";import{r as a}from"./index-CBqU2yxZ.js";import{g as v,L as y}from"./classNames-DypE0CS3.js";import{w as I}from"./componentNames-BSriaIOD.js";const o=({onIntersect:n,once:r,threshold:t,tag:i,dataset:c,children:l})=>{const e=a.useRef(null);a.useEffect(()=>{const d=([f],b)=>{f.isIntersecting&&(n(),r&&e.current&&b.unobserve(e.current))},m={threshold:t},s=new IntersectionObserver(d,m);return e.current&&s.observe(e.current),()=>s.disconnect()},[n,r,t]);const p=i??y,u={ref:e,...v(c,{preplyDsComponent:I.ObserverIntersection})};return g.jsx(p,{...u,children:l})};try{o.displayName="ObserveIntersection",o.__docgenInfo={description:`An [IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver) wrapper.
2
2
 
3
3
  Triggers a callback when the wrapped component intersects with the viewport.
4
4
 
@@ -0,0 +1,27 @@
1
+ import{j as e}from"./jsx-runtime-CKrituN3.js";import{r as a}from"./index-CBqU2yxZ.js";import{O as o}from"./ObserveIntersection-BQNATzj7.js";import{S as l}from"./StoryContextDSWeb-CwCKdulo.js";import"./_commonjsHelpers-BosuxZz1.js";import"./classNames-DypE0CS3.js";import"./componentNames-BSriaIOD.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-CLBjXsMY.js";import"./useTheme-pdzgtlkQ.js";import"./constants-mdQROz_Y.js";const j={title:"components/ObserveIntersection",component:o,decorators:[s=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(l,{theme:"tokyo-ui",children:s()})})],parameters:{tags:["!test"],chromatic:{disableSnapshot:!0}}},t=()=>{const[s,c]=a.useState(!1);return e.jsxs("div",{tabIndex:0,style:{height:"200px",overflowY:"scroll",position:"relative"},children:[e.jsx("div",{style:{position:"sticky",top:"2px"},children:s?"Intersected":"Scroll down to intersect"}),e.jsx("div",{style:{height:"400px",display:"flex",alignItems:"end"},children:e.jsx(o,{onIntersect:()=>c(!0),children:"Observer"})})]})};t.storyName="ObserveIntersection";var n,r,i;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:`() => {
2
+ const [isIntersecting, setIsIntersecting] = useState(false);
3
+ return (
4
+ // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- This element is interactive; it's scrollable.
5
+ <div tabIndex={0} style={{
6
+ height: '200px',
7
+ overflowY: 'scroll',
8
+ position: 'relative'
9
+ }}>
10
+ <div style={{
11
+ position: 'sticky',
12
+ top: '2px'
13
+ }}>
14
+ {isIntersecting ? 'Intersected' : 'Scroll down to intersect'}
15
+ </div>
16
+ <div style={{
17
+ height: '400px',
18
+ display: 'flex',
19
+ alignItems: 'end'
20
+ }}>
21
+ <ObserveIntersection onIntersect={() => setIsIntersecting(true)}>
22
+ Observer
23
+ </ObserveIntersection>
24
+ </div>
25
+ </div>
26
+ );
27
+ }`,...(i=(r=t.parameters)==null?void 0:r.docs)==null?void 0:i.source}}};const O=["Base"];export{t as Base,O as __namedExportsOrder,j as default};