@preply/ds-docs 0.97.3 → 0.97.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (205) hide show
  1. package/dist/assets/{00.applications-DZv8NoXM.js → 00.applications-BiomFxjM.js} +1 -1
  2. package/dist/assets/{00.favicons.guide-C8t4hmDP.js → 00.favicons.guide-BwJrwx9D.js} +1 -1
  3. package/dist/assets/00.token-explorer-BHwmyUTA.js +326 -0
  4. package/dist/assets/00.using-responsive-props-BanfAFQv.js +18 -0
  5. package/dist/assets/{10.fonts.guide-BAV-SZHE.js → 10.fonts.guide-Lsgc5eH_.js} +1 -1
  6. package/dist/assets/{10.ssr-3rImRK95.js → 10.ssr-DCHIfJOf.js} +1 -1
  7. package/dist/assets/{11.languageFont.explorer-B31lpE9a.js → 11.languageFont.explorer-CMb4Oa9O.js} +7 -11
  8. package/dist/assets/{20.libraries-B5tcat6D.js → 20.libraries-45yiEOQy.js} +1 -1
  9. package/dist/assets/30.icons.explorer-CPHdSZpT.js +69 -0
  10. package/dist/assets/{30.storybook-Db40I3nq.js → 30.storybook-F6X_j-2l.js} +1 -1
  11. package/dist/assets/40.illustrations.explorer-q-X6mCtt.js +21 -0
  12. package/dist/assets/{90.advanced-B2SCgi4p.js → 90.advanced-C3gKcQOO.js} +1 -1
  13. package/dist/assets/Avatar-BXV-cOJ2.css +1 -0
  14. package/dist/assets/Avatar-Cxb46X52.js +1 -0
  15. package/dist/assets/Avatar.stories-BcwgeaZN.js +1 -0
  16. package/dist/assets/{AvatarWithStatus-CbhRhFBj.css → AvatarWithStatus-DfkKJQ3V.css} +1 -1
  17. package/dist/assets/AvatarWithStatus.stories-BiowX5Rz.js +1 -0
  18. package/dist/assets/Badge-CkKJ2OSS.css +1 -0
  19. package/dist/assets/Badge.stories-D4Cdjpcr.js +97 -0
  20. package/dist/assets/Box-F9eDj4Nt.css +1 -0
  21. package/dist/assets/Box.stories-Ni0Kt9Q_.js +12 -0
  22. package/dist/assets/Button-CMY2KiMC.js +1 -0
  23. package/dist/assets/Button-hGWaFGHW.css +1 -0
  24. package/dist/assets/{Button.stories-YU8j35_e.js → Button.stories-Chvj95q5.js} +2 -2
  25. package/dist/assets/{ButtonBase-way_SbbA.css → ButtonBase-BX7M7CfW.css} +1 -1
  26. package/dist/assets/ButtonBase-wKD3gx2c.js +1 -0
  27. package/dist/assets/Chips-DL1uZse8.css +1 -0
  28. package/dist/assets/{Chips.stories-D2RLe4o6.js → Chips.stories-Q7P4m0MV.js} +6 -6
  29. package/dist/assets/{Color-KGDBMAHA-CoBe_mCp.js → Color-KGDBMAHA-DvikVWpQ.js} +1 -1
  30. package/dist/assets/DocsRenderer-PKQXORMH-TlDOTKpx.js +1 -0
  31. package/dist/assets/FieldAdditionalText-BzEsrl-h.css +1 -0
  32. package/dist/assets/FieldAdditionalText-C82iM4Gm.js +1 -0
  33. package/dist/assets/FieldAdditionalText.stories-B_z-4WRB.js +1 -0
  34. package/dist/assets/FieldButton-C1duijdS.js +1 -0
  35. package/dist/assets/{FieldButton-CBtczjTJ.css → FieldButton-D8KqWolR.css} +1 -1
  36. package/dist/assets/FieldButton.stories-lvicLCeR.js +1 -0
  37. package/dist/assets/FieldLayout-BbTWObol.js +1 -0
  38. package/dist/assets/FieldLayout-D0TC9KeT.css +1 -0
  39. package/dist/assets/FieldLayout.stories-CRFt1w8r.js +6 -0
  40. package/dist/assets/FieldLayoutBase-DU1N8Oo9.js +1 -0
  41. package/dist/assets/FieldLayoutBase-DlLxI8Lp.css +1 -0
  42. package/dist/assets/{Heading-JoYJ48I1.css → Heading-C8mf0V6E.css} +1 -1
  43. package/dist/assets/Heading-CC2QfCHz.js +1 -0
  44. package/dist/assets/Heading.stories-fvurr5q5.js +13 -0
  45. package/dist/assets/Icon-Bh8jd4gJ.js +1 -0
  46. package/dist/assets/Icon-D1gE87ER.css +1 -0
  47. package/dist/assets/Icon.stories-Bnu3qnWv.js +1 -0
  48. package/dist/assets/IconButton-BzgRgADV.js +1 -0
  49. package/dist/assets/{IconButton.stories-CBIUekzB.js → IconButton.stories-CtVE7MY4.js} +2 -2
  50. package/dist/assets/InputText-CHBvsXzZ.js +1 -0
  51. package/dist/assets/LayoutFlex-BcmKXpej.css +1 -0
  52. package/dist/assets/LayoutFlex-CT_mR8FH.js +1 -0
  53. package/dist/assets/LayoutFlex-Dg8100fi.js +1 -0
  54. package/dist/assets/LayoutFlex.stories-COKKQC_U.js +19 -0
  55. package/dist/assets/LayoutGrid-5spQZwnb.js +1 -0
  56. package/dist/assets/LayoutGrid.stories-BGC4a7Xk.js +32 -0
  57. package/dist/assets/Link-Q0TbLZNQ.css +1 -0
  58. package/dist/assets/Link.stories-Qq4zsupW.js +19 -0
  59. package/dist/assets/Loader-mOgVEjCy.css +1 -0
  60. package/dist/assets/Loader.stories-CUg01TwT.js +1 -0
  61. package/dist/assets/NumberField.stories-cwgNT7lh.js +34 -0
  62. package/dist/assets/ObserveIntersection-E2ze5r96.js +1 -0
  63. package/dist/assets/ObserveIntersection.stories-nlNEsRhg.js +24 -0
  64. package/dist/assets/PasswordField.stories-BIm0_clp.js +16 -0
  65. package/dist/assets/PreplyLogo-CHCVGE4a.css +1 -0
  66. package/dist/assets/PreplyLogo.stories-DaWFMRFc.js +1 -0
  67. package/dist/assets/RootProvider-BOk-5jT9.js +1 -0
  68. package/dist/assets/SelectField-0rL6v4H8.css +1 -0
  69. package/dist/assets/SelectField.stories-C7zwu5ye.js +28 -0
  70. package/dist/assets/ShowOnIntersection.stories-Bki15gf4.js +17 -0
  71. package/dist/assets/Spinner-BK7IIQlg.css +1 -0
  72. package/dist/assets/Spinner-CLLOQh4W.js +1 -0
  73. package/dist/assets/{StoryContextDSWeb-CQCIj3Y9.js → StoryContextDSWeb-BlVCJKyi.js} +1 -1
  74. package/dist/assets/StorybookGlobalStyle-BcEQvG9t.js +42 -0
  75. package/dist/assets/Text-Bfx8yREV.js +1 -0
  76. package/dist/assets/Text-C7gcAeIN.js +1 -0
  77. package/dist/assets/{Text-BiyZwtnq.css → Text-EVpcP9uU.css} +1 -1
  78. package/dist/assets/Text.stories-0h2_OYwY.js +11 -0
  79. package/dist/assets/TextField.stories-CfoGKGIi.js +20 -0
  80. package/dist/assets/TextHighlighted-CABPIKHd.css +1 -0
  81. package/dist/assets/TextHighlighted.stories-BkujhUNE.js +12 -0
  82. package/dist/assets/TextInline-Uch3pAjm.css +1 -0
  83. package/dist/assets/TextInline.stories-lFUch-az.js +3 -0
  84. package/dist/assets/TextareaField.stories-PSnVZ2Ue.js +20 -0
  85. package/dist/assets/{breakpoints-DI9AEAgq.js → breakpoints-CjV-ahHZ.js} +1 -1
  86. package/dist/assets/{breakpoints-BWk6R_41.js → breakpoints-Dfu98b-a.js} +1 -1
  87. package/dist/assets/{breakpoints-9uLXtPuW.js → breakpoints-hfPuqFb-.js} +1 -1
  88. package/dist/assets/{changelog-Bf-xRkl0.js → changelog-D_Dv_Uo7.js} +2 -2
  89. package/dist/assets/{chunk-HLWAVYOI-CD9LB7Y8.js → chunk-HLWAVYOI-DkHz4Axi.js} +1 -1
  90. package/dist/assets/classNames-OZbnFNS5.js +1 -0
  91. package/dist/assets/{getTokenVar-fksv3Mco.js → getTokenVar-BfA4aply.js} +1 -1
  92. package/dist/assets/getTokenVar-C2F95PBB.js +1 -0
  93. package/dist/assets/{hover-VJEacFBn.js → hover-B87aqcTH.js} +1 -1
  94. package/dist/assets/{hover-BbDdf_Xv.js → hover-Bu4Nnq0Y.js} +1 -1
  95. package/dist/assets/{hover-Cmfry3kI.js → hover-DGFwl-fp.js} +1 -1
  96. package/dist/assets/iframe-CgaZSV0R.js +2 -0
  97. package/dist/assets/index-CDTuZ4uP.js +22 -0
  98. package/dist/assets/{index-CXQveQOi.js → index-CrxsFCDW.js} +4 -4
  99. package/dist/assets/{index-DJew5TkC.js → index-Dag-F4bX.js} +1 -1
  100. package/dist/assets/{intro-nmLdAjen.js → intro-CWX7N9bM.js} +6 -10
  101. package/dist/assets/{migrating-from-less-DuAbI5By.js → migrating-from-less-C47rZlX3.js} +1 -1
  102. package/dist/assets/preview-BBhZXtgn.js +1 -0
  103. package/dist/assets/{preview-psUVwU13.js → preview-DCxw2Gsy.js} +2 -2
  104. package/dist/assets/{preview-9Oz63Ai9.js → preview-f4AmsjPd.js} +1 -1
  105. package/dist/assets/styled-components.browser.esm-BaO8iHee.js +23 -0
  106. package/dist/assets/{tokens-DrYOrez-.js → tokens-3u3clpXl.js} +1 -1
  107. package/dist/assets/{tokens-CFtWgV8-.js → tokens-Bnzzd31r.js} +1 -1
  108. package/dist/assets/{tokens-B8W7Z_Vv.js → tokens-C27DjTHS.js} +1 -1
  109. package/dist/assets/tokens-D5WEKrsE.js +1 -0
  110. package/dist/assets/useAlignSelfClassNames-DbTWLWAk.js +1 -0
  111. package/dist/assets/useColorScheme-Bv74nHTy.js +1 -0
  112. package/dist/assets/useLayoutFlexClassNames-CRhEo9D5.js +1 -0
  113. package/dist/assets/useLayoutGridResponsiveColumns-Clfao9J8.js +1 -0
  114. package/dist/assets/useLayoutRelativeClassnames-Bourck76.js +1 -0
  115. package/dist/assets/useTextAccentClassnames-flfSYb_B.js +1 -0
  116. package/dist/assets/useTextCenteredClassnames-DJAYJ6qC.js +1 -0
  117. package/dist/assets/useTheme-BV4v5x7f.js +1 -0
  118. package/dist/assets/{welcome-BWgZ0orX.js → welcome-D7SVa6We.js} +1 -1
  119. package/dist/iframe.html +1 -1
  120. package/dist/project.json +1 -1
  121. package/package.json +2 -2
  122. package/dist/assets/00.token-explorer-Cb-SyAEz.js +0 -330
  123. package/dist/assets/00.using-responsive-props-DIhRi04I.js +0 -19
  124. package/dist/assets/30.icons.explorer-DymCezPu.js +0 -93
  125. package/dist/assets/40.illustrations.explorer-XGsu-O9l.js +0 -21
  126. package/dist/assets/Avatar-BzgmmY62.js +0 -1
  127. package/dist/assets/Avatar-Cxh1JsJp.css +0 -1
  128. package/dist/assets/Avatar.stories-DbXJKRZ-.js +0 -1
  129. package/dist/assets/AvatarWithStatus.stories-DIRWt1wO.js +0 -1
  130. package/dist/assets/Badge-1pi7nJIH.css +0 -1
  131. package/dist/assets/Badge.stories-DZajSQyV.js +0 -97
  132. package/dist/assets/Box-MGs2QMcP.css +0 -1
  133. package/dist/assets/Box.stories-DUpEVcd7.js +0 -12
  134. package/dist/assets/Button-CsD80zLl.js +0 -1
  135. package/dist/assets/Button-GpWwsKYx.css +0 -1
  136. package/dist/assets/ButtonBase-kKJbXmkq.js +0 -1
  137. package/dist/assets/Chips-DBQJkkb9.css +0 -1
  138. package/dist/assets/DocsRenderer-PKQXORMH-nvNfj8-s.js +0 -1
  139. package/dist/assets/FieldAdditionalText-BeeN5rdu.css +0 -1
  140. package/dist/assets/FieldAdditionalText-CL5iCCLi.js +0 -1
  141. package/dist/assets/FieldAdditionalText.stories-XBKQ_iIF.js +0 -1
  142. package/dist/assets/FieldButton-DpMz-wEU.js +0 -1
  143. package/dist/assets/FieldButton.stories-eUotQWNv.js +0 -1
  144. package/dist/assets/FieldLayout-DBao7mSK.js +0 -1
  145. package/dist/assets/FieldLayout-wq4zssLh.css +0 -1
  146. package/dist/assets/FieldLayout.stories-BEXrH0UX.js +0 -6
  147. package/dist/assets/FieldLayoutBase-Dbqo_URw.js +0 -1
  148. package/dist/assets/FieldLayoutBase-ctIW9N7k.css +0 -1
  149. package/dist/assets/Heading-BuiNeQl8.js +0 -1
  150. package/dist/assets/Heading.stories-CNmgxMxa.js +0 -13
  151. package/dist/assets/Icon-CNtrVm52.js +0 -1
  152. package/dist/assets/Icon-xUM0R7WZ.css +0 -1
  153. package/dist/assets/Icon.stories-DMUu5mCJ.js +0 -1
  154. package/dist/assets/IconButton-D-IRuIag.js +0 -1
  155. package/dist/assets/InputText-CxkwrF4V.js +0 -1
  156. package/dist/assets/LayoutFlex-BfRTqJk6.js +0 -1
  157. package/dist/assets/LayoutFlex-BzWsI3Xb.js +0 -1
  158. package/dist/assets/LayoutFlex-Dw886nHu.css +0 -1
  159. package/dist/assets/LayoutFlex.stories-D53eT4aH.js +0 -19
  160. package/dist/assets/LayoutGrid-DqNGcqNm.js +0 -1
  161. package/dist/assets/LayoutGrid.stories-BceYWlgi.js +0 -32
  162. package/dist/assets/Link-B9fbPw_b.css +0 -1
  163. package/dist/assets/Link.stories-YS4oABOg.js +0 -19
  164. package/dist/assets/Loader-BPe5Cqqg.css +0 -1
  165. package/dist/assets/Loader.stories-L4erfRmi.js +0 -1
  166. package/dist/assets/NumberField.stories-DdAuTLuz.js +0 -34
  167. package/dist/assets/ObserveIntersection-3A5JnM6d.js +0 -1
  168. package/dist/assets/ObserveIntersection.stories-zHfYIVep.js +0 -24
  169. package/dist/assets/PasswordField.stories-CJIe28oa.js +0 -16
  170. package/dist/assets/PreplyLogo-D44fvviJ.css +0 -1
  171. package/dist/assets/PreplyLogo.stories-BUtQeYdY.js +0 -1
  172. package/dist/assets/RootProvider-DbgEixHa.js +0 -1
  173. package/dist/assets/SelectField-B6dwNsAU.css +0 -1
  174. package/dist/assets/SelectField.stories-BDoBCrB9.js +0 -28
  175. package/dist/assets/ShowOnIntersection.stories-D5ybqJmO.js +0 -17
  176. package/dist/assets/Spinner-BkHOsRl5.css +0 -1
  177. package/dist/assets/Spinner-CjcnFiyL.js +0 -1
  178. package/dist/assets/StorybookGlobalStyle-C0X2e0mN.js +0 -485
  179. package/dist/assets/Text-BI6ahBJ6.js +0 -1
  180. package/dist/assets/Text-B_hHcHeQ.js +0 -1
  181. package/dist/assets/Text.stories-BggzEfxg.js +0 -11
  182. package/dist/assets/TextField.stories-Cl5idtLH.js +0 -20
  183. package/dist/assets/TextHighlighted-BzoKUdVf.css +0 -1
  184. package/dist/assets/TextHighlighted.stories-Bha39eES.js +0 -12
  185. package/dist/assets/TextInline-CNsdUVcv.css +0 -1
  186. package/dist/assets/TextInline.stories-DcgHbPOX.js +0 -3
  187. package/dist/assets/TextareaField.stories-Dct1GeIO.js +0 -20
  188. package/dist/assets/ThemeSwitcher-DeP-d9Aq.js +0 -34
  189. package/dist/assets/classNames-RlyrdfpN.js +0 -1
  190. package/dist/assets/getTokenVar-o_8jkgRk.js +0 -1
  191. package/dist/assets/iframe-9MNwBgj-.js +0 -2
  192. package/dist/assets/index-Ct3j1MTp.js +0 -73
  193. package/dist/assets/preview-BT_AxLuo.js +0 -1
  194. package/dist/assets/style-inject.es-O-YsppCx.js +0 -1
  195. package/dist/assets/styled-components.browser.esm-BppVzN7H.js +0 -23
  196. package/dist/assets/tokens-BNLiDh-U.js +0 -1
  197. package/dist/assets/useAlignSelfClassNames-HKiGOiC9.js +0 -1
  198. package/dist/assets/useColorScheme-CRstX5qq.js +0 -1
  199. package/dist/assets/useLayoutFlexClassNames-D1ra_xuq.js +0 -1
  200. package/dist/assets/useLayoutGridResponsiveColumns-BjGmVcfV.js +0 -1
  201. package/dist/assets/useLayoutRelativeClassnames-C66s33p7.js +0 -1
  202. package/dist/assets/useStyleExtract-nWieKQF4.js +0 -1
  203. package/dist/assets/useTextAccentClassnames-iB7PeFbR.js +0 -1
  204. package/dist/assets/useTextCenteredClassnames-DHbKOmgJ.js +0 -1
  205. package/dist/assets/useTheme-D6du8lDT.js +0 -1
@@ -1,21 +0,0 @@
1
- import{j as t}from"./jsx-runtime-Bxcv0yjW.js";import{useMDXComponents as l}from"./index-EeWIkZEf.js";import{ae as a}from"./index-CXQveQOi.js";import{s as e}from"./styled-components.browser.esm-BppVzN7H.js";import{g as i}from"./getTokenVar-o_8jkgRk.js";import{s as c,c as r}from"./tokens-BNLiDh-U.js";import{L as n}from"./LayoutGrid-DqNGcqNm.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-9MNwBgj-.js";import"../sb-preview/runtime.js";import"./index-CnQXyiSh.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";import"./style-inject.es-O-YsppCx.js";import"./useLayoutGridResponsiveColumns-BjGmVcfV.js";import"./useStyleExtract-nWieKQF4.js";import"./useLayoutRelativeClassnames-C66s33p7.js";import"./classNames-RlyrdfpN.js";import"./breakpoints-BfMlrtxE.js";import"./componentNames-BAR5iJaT.js";const u=["https://static.preply.com/ds/illustrations/tokyo-ui/dog.svg","https://static.preply.com/ds/illustrations/tokyo-ui/artist.svg","https://static.preply.com/ds/illustrations/tokyo-ui/awesome.svg","https://static.preply.com/ds/illustrations/tokyo-ui/back-to-school.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bell.svg","https://static.preply.com/ds/illustrations/tokyo-ui/booking-a-lesson.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/brain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clocks.svg","https://static.preply.com/ds/illustrations/tokyo-ui/coins.svg","https://static.preply.com/ds/illustrations/tokyo-ui/committed.svg","https://static.preply.com/ds/illustrations/tokyo-ui/cosmopolite.svg","https://static.preply.com/ds/illustrations/tokyo-ui/discount-badge.svg","https://static.preply.com/ds/illustrations/tokyo-ui/first-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/game-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started-down.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started.svg","https://static.preply.com/ds/illustrations/tokyo-ui/globe-spot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/great-homework.svg","https://static.preply.com/ds/illustrations/tokyo-ui/growth.svg","https://static.preply.com/ds/illustrations/tokyo-ui/guitar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-1.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/heart.svg","https://static.preply.com/ds/illustrations/tokyo-ui/it-guru.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop.svg","https://static.preply.com/ds/illustrations/tokyo-ui/making-progress.svg","https://static.preply.com/ds/illustrations/tokyo-ui/map.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messages.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messaging.svg","https://static.preply.com/ds/illustrations/tokyo-ui/mobile-app.svg","https://static.preply.com/ds/illustrations/tokyo-ui/notes.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pause-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pig.svg","https://static.preply.com/ds/illustrations/tokyo-ui/play-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/present.svg","https://static.preply.com/ds/illustrations/tokyo-ui/professional.svg","https://static.preply.com/ds/illustrations/tokyo-ui/progress-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rock-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/routine-master.svg","https://static.preply.com/ds/illustrations/tokyo-ui/serious-learner.svg","https://static.preply.com/ds/illustrations/tokyo-ui/smiley.svg","https://static.preply.com/ds/illustrations/tokyo-ui/speech-bubble.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stop-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stopwatch.svg","https://static.preply.com/ds/illustrations/tokyo-ui/testing-the-water.svg","https://static.preply.com/ds/illustrations/tokyo-ui/thumbs-up.svg","https://static.preply.com/ds/illustrations/tokyo-ui/you-did-great-today.svg"],y=e.div`
2
- padding: ${i(c[12])};
3
- -webkit-background-size: 50px 50px;
4
- -moz-background-size: 50px 50px;
5
- background-size: 50px 50px;
6
- background-color: ${i(r.background.tertiary)};
7
- background-image: linear-gradient(
8
- 45deg,
9
- ${i(r.background.secondary)} 25%,
10
- transparent 25%,
11
- transparent 50%,
12
- ${i(r.background.secondary)} 50%,
13
- ${i(r.background.secondary)} 75%,
14
- transparent 75%,
15
- transparent
16
- );
17
- `,m=({svgUrl:s})=>t.jsx("div",{style:{width:"80%"},children:t.jsxs("a",{href:s,target:"_blank",rel:"noreferrer",children:[s.replace("https://static.preply.com/ds/illustrations/tokyo-ui/",""),t.jsx("img",{src:s,alt:"TODO:"})]})}),d=()=>t.jsx(y,{children:t.jsx(n,{columns:["25% 25% 25% 25%"],gap:"xs",children:u.map(s=>t.jsx(m,{svgUrl:s},s))})});function p(s){const o={a:"a",h1:"h1",p:"p",...l(),...s.components};return t.jsxs(t.Fragment,{children:[t.jsx(a,{title:"Guides/Assets/Illustration Explorer"}),`
18
- `,t.jsx(o.h1,{id:"illustration-explorer",children:"Illustration Explorer"}),`
19
- `,t.jsxs(o.p,{children:[`Don't see the illustration you're looking for? Reach out to us in
20
- `,t.jsx(o.a,{href:"https://preply.slack.com/archives/C024EAEHP6V",rel:"nofollow",children:"#design-system-public"}),"."]}),`
21
- `,t.jsx(d,{})]})}function H(s={}){const{wrapper:o}={...l(),...s.components};return o?t.jsx(o,{...s,children:t.jsx(p,{...s})}):p(s)}export{H as default};
@@ -1 +0,0 @@
1
- import{j as a}from"./jsx-runtime-Bxcv0yjW.js";import{u as m,A as l}from"./useStyleExtract-nWieKQF4.js";import{m as d,s as o,b as u}from"./classNames-RlyrdfpN.js";import{w as s,g as n}from"./componentNames-BAR5iJaT.js";import{u as x}from"./useTheme-D6du8lDT.js";import{A as c,a as p}from"./constants--ewUoBsO.js";const T="_Avatar_wht2h_4",e={Avatar:T,"Avatar--size-2xs":"_Avatar--size-2xs_wht2h_12","Avatar--size-xs":"_Avatar--size-xs_wht2h_16","Avatar--size-s":"_Avatar--size-s_wht2h_20","Avatar--size-m":"_Avatar--size-m_wht2h_24","Avatar--size-l":"_Avatar--size-l_wht2h_28","Avatar--size-xl":"_Avatar--size-xl_wht2h_32","Avatar--size-24":"_Avatar--size-24_wht2h_36","Avatar--size-32":"_Avatar--size-32_wht2h_40","Avatar--size-48":"_Avatar--size-48_wht2h_44","Avatar--size-64":"_Avatar--size-64_wht2h_48","Avatar--size-96":"_Avatar--size-96_wht2h_52","Avatar--size-160":"_Avatar--size-160_wht2h_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_wht2h_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_wht2h_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_wht2h_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_wht2h_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_wht2h_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_wht2h_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_wht2h_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_wht2h_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_wht2h_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_wht2h_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_wht2h_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_wht2h_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_wht2h_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_wht2h_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_wht2h_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_wht2h_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_wht2h_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_wht2h_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_wht2h_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_wht2h_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_wht2h_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_wht2h_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_wht2h_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_wht2h_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_wht2h_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_wht2h_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_wht2h_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_wht2h_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_wht2h_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_wht2h_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_wht2h_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_wht2h_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_wht2h_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_wht2h_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_wht2h_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_wht2h_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_wht2h_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_wht2h_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_wht2h_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_wht2h_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_wht2h_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_wht2h_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_wht2h_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_wht2h_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_wht2h_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_wht2h_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_wht2h_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_wht2h_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_wht2h_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_wht2h_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_wht2h_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_wht2h_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_wht2h_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_wht2h_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_wht2h_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_wht2h_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_wht2h_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_wht2h_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_wht2h_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_wht2h_305","Avatar--round":"_Avatar--round_wht2h_310"},S=({size:t=l,round:i,src:_,alt:r="",dataset:A})=>{m(e);const v=i??!0,h={className:d(e,s.Avatar,[o("size",t),u("round",void 0,v)]).join(" "),...n(A,{preplyDsComponent:s.Avatar})},{theme:w}=x(),z=w.name==="tokyo-ui"?c:p;return a.jsx("picture",{...h,children:a.jsx("img",{src:_||z,alt:r})})};export{S as A};
@@ -1 +0,0 @@
1
- ._Avatar_wht2h_4{display:inline-block}._Avatar_wht2h_4 img{vertical-align:bottom;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_wht2h_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_wht2h_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_wht2h_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_wht2h_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_wht2h_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_wht2h_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_wht2h_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_wht2h_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_wht2h_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_wht2h_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_wht2h_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_wht2h_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_wht2h_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_wht2h_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_wht2h_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_wht2h_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_wht2h_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_wht2h_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_wht2h_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_wht2h_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_wht2h_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_wht2h_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_wht2h_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_wht2h_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_wht2h_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_wht2h_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_wht2h_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_wht2h_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_wht2h_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_wht2h_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_wht2h_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_wht2h_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_wht2h_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_wht2h_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_wht2h_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_wht2h_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_wht2h_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_wht2h_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_wht2h_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_wht2h_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_wht2h_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_wht2h_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_wht2h_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_wht2h_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_wht2h_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_wht2h_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_wht2h_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_wht2h_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_wht2h_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_wht2h_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_wht2h_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_wht2h_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_wht2h_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_wht2h_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_wht2h_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_wht2h_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_wht2h_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_wht2h_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_wht2h_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_wht2h_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_wht2h_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_wht2h_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_wht2h_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_wht2h_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_wht2h_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_wht2h_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_wht2h_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_wht2h_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_wht2h_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_wht2h_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_wht2h_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_wht2h_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_wht2h_310 img{border-radius:var(--8517a6)}._Avatar_wht2h_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}
@@ -1 +0,0 @@
1
- import{j as r}from"./jsx-runtime-Bxcv0yjW.js";import{A as s}from"./Avatar-BzgmmY62.js";import{S as E}from"./StoryContextDSWeb-CQCIj3Y9.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./useStyleExtract-nWieKQF4.js";import"./classNames-RlyrdfpN.js";import"./componentNames-BAR5iJaT.js";import"./useTheme-D6du8lDT.js";import"./constants--ewUoBsO.js";import"./StorybookGlobalStyle-C0X2e0mN.js";import"./styled-components.browser.esm-BppVzN7H.js";import"./RootProvider-DbgEixHa.js";import"./useColorScheme-CRstX5qq.js";import"./style-inject.es-O-YsppCx.js";const M={title:"components/Avatar",component:s,decorators:[k=>r.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:r.jsx(E,{theme:"tokyo-ui",children:k()})})]},a=()=>r.jsx(s,{size:"160"}),e=()=>r.jsx(s,{src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",size:"96"}),t=()=>r.jsx(s,{src:"./web-lib/src/components/Avatar/docs/static/avatar-2.png",size:"64"}),o=()=>r.jsx(s,{src:"./web-lib/src/components/Avatar/docs/static/avatar-3.png",size:"48"}),c=()=>r.jsx(s,{src:"./web-lib/src/components/Avatar/docs/static/avatar-4.png",size:"32"}),i=()=>r.jsx(s,{src:"./web-lib/src/components/Avatar/docs/static/avatar-5.png",size:"24"});var p,m,n;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:'() => <Avatar size="160" />',...(n=(m=a.parameters)==null?void 0:m.docs)==null?void 0:n.source}}};var d,v,z;e.parameters={...e.parameters,docs:{...(d=e.parameters)==null?void 0:d.docs,source:{originalSource:'() => <Avatar src="./web-lib/src/components/Avatar/docs/static/avatar-1.png" size="96" />',...(z=(v=e.parameters)==null?void 0:v.docs)==null?void 0:z.source}}};var u,b,l;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:'() => <Avatar src="./web-lib/src/components/Avatar/docs/static/avatar-2.png" size="64" />',...(l=(b=t.parameters)==null?void 0:b.docs)==null?void 0:l.source}}};var S,A,g;o.parameters={...o.parameters,docs:{...(S=o.parameters)==null?void 0:S.docs,source:{originalSource:'() => <Avatar src="./web-lib/src/components/Avatar/docs/static/avatar-3.png" size="48" />',...(g=(A=o.parameters)==null?void 0:A.docs)==null?void 0:g.source}}};var x,j,w;c.parameters={...c.parameters,docs:{...(x=c.parameters)==null?void 0:x.docs,source:{originalSource:'() => <Avatar src="./web-lib/src/components/Avatar/docs/static/avatar-4.png" size="32" />',...(w=(j=c.parameters)==null?void 0:j.docs)==null?void 0:w.source}}};var f,h,y;i.parameters={...i.parameters,docs:{...(f=i.parameters)==null?void 0:f.docs,source:{originalSource:'() => <Avatar src="./web-lib/src/components/Avatar/docs/static/avatar-5.png" size="24" />',...(y=(h=i.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};const N=["Size160","Size96","Size64","Size48","Size32","Size24"];export{a as Size160,i as Size24,c as Size32,o as Size48,t as Size64,e as Size96,N as __namedExportsOrder,M as default};
@@ -1 +0,0 @@
1
- import{j as t}from"./jsx-runtime-Bxcv0yjW.js";import{A as f}from"./Avatar-BzgmmY62.js";import{u as z,A as j}from"./useStyleExtract-nWieKQF4.js";import{u as N}from"./useTheme-D6du8lDT.js";import{m as y,b as C,s as g,a as m}from"./classNames-RlyrdfpN.js";import{w as a,g as E}from"./componentNames-BAR5iJaT.js";import{S as O}from"./StoryContextDSWeb-CQCIj3Y9.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./constants--ewUoBsO.js";import"./StorybookGlobalStyle-C0X2e0mN.js";import"./styled-components.browser.esm-BppVzN7H.js";import"./RootProvider-DbgEixHa.js";import"./useColorScheme-CRstX5qq.js";import"./style-inject.es-O-YsppCx.js";const D="_AvatarWithStatus_r4bta_3",s={AvatarWithStatus:D,"AvatarWithStatus--indicator":"_AvatarWithStatus--indicator_r4bta_7","AvatarWithStatus--online":"_AvatarWithStatus--online_r4bta_15","AvatarWithStatus--size-2xs":"_AvatarWithStatus--size-2xs_r4bta_18","AvatarWithStatus--clip":"_AvatarWithStatus--clip_r4bta_18","AvatarWithStatus--size-xs":"_AvatarWithStatus--size-xs_r4bta_27","AvatarWithStatus--size-m":"_AvatarWithStatus--size-m_r4bta_36","AvatarWithStatus--size-xl":"_AvatarWithStatus--size-xl_r4bta_45","AvatarWithStatus--size-64":"_AvatarWithStatus--size-64_r4bta_54","AvatarWithStatus--size-96":"_AvatarWithStatus--size-96_r4bta_63","AvatarWithStatus--size-160":"_AvatarWithStatus--size-160_r4bta_72"},o=({online:e=!1,size:n=j,dataset:S,..._})=>{z(s);const{theme:v}=N(),W=y(s,a.AvatarWithStatus,[C("online",void 0,e),g("size",n)]),d=[...m(s,a.AvatarWithStatus,["indicator"])],x=v.name==="tokyo-ui"?[]:[...m(s,a.AvatarWithStatus,["clip"])],b={className:W.join(" "),...E(S,{preplyDsComponent:a.AvatarWithStatus})};return t.jsxs("div",{...b,children:[t.jsx("span",{className:d.join(" ")}),t.jsx("div",{className:x.join(" "),children:t.jsx(f,{..._,size:n})})]})},H={title:"components/AvatarWithStatus",component:o,decorators:[e=>t.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:t.jsx(O,{theme:"tokyo-ui",children:e()})})]},r=()=>t.jsx(o,{online:!0}),i=()=>t.jsx(o,{online:!1});var u,c,l;r.parameters={...r.parameters,docs:{...(u=r.parameters)==null?void 0:u.docs,source:{originalSource:"() => <AvatarWithStatus online />",...(l=(c=r.parameters)==null?void 0:c.docs)==null?void 0:l.source}}};var p,h,A;i.parameters={...i.parameters,docs:{...(p=i.parameters)==null?void 0:p.docs,source:{originalSource:"() => <AvatarWithStatus online={false} />",...(A=(h=i.parameters)==null?void 0:h.docs)==null?void 0:A.source}}};const J=["Online","Offline"];export{i as Offline,r as Online,J as __namedExportsOrder,H as default};
@@ -1 +0,0 @@
1
- ._badge_8wlv2_2{display:inline-flex;align-items:center;gap:var(--590b8d);border-radius:var(--5e8be4);padding:var(--05dd73) var(--66b80b);width:fit-content;color:var(--628fb7)}._badge_8wlv2_2[data-size=small]{height:var(--76ac8f);font-size:var(--e3a55b);font-weight:var(--8cd94c);line-height:var(--732f40)}._badge_8wlv2_2[data-size=medium]{height:var(--f316e1);font-size:var(--fdb733);font-weight:var(--9643c1);line-height:var(--754361)}._badge_8wlv2_2[data-size=large]{height:var(--7789ee);padding:var(--590b8d) var(--813599);font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e)}._badge_8wlv2_2[data-type=neutral]{background:var(--319b29)}._badge_8wlv2_2[data-type=positive]{background:var(--1836a4)}._badge_8wlv2_2[data-type=warning]{background:var(--b503b8)}._badge_8wlv2_2[data-type=info]{background:var(--94a45e)}._badge_8wlv2_2[data-type=critical]{background:var(--f15644)}._badge_8wlv2_2[data-accent=unset]{color:var(--c9575b);background-color:var(--8f1238)}._badge_8wlv2_2[data-accent=unset][data-inverted=true]{color:var(--55407f);background-color:var(--7c8c3c)}._badge_8wlv2_2[data-accent=accent]{color:var(--dede3f);background-color:var(--eba8f8)}._badge_8wlv2_2[data-accent=accent][data-inverted=true]{color:var(--732eb5);background-color:var(--54c075)}._badge_8wlv2_2[data-accent=info]{color:var(--f3be0c);background-color:var(--7a1a33)}._badge_8wlv2_2[data-accent=info][data-inverted=true]{color:var(--506df4);background-color:var(--fa3428)}._badge_8wlv2_2[data-accent=positive]{color:var(--2a2719);background-color:var(--694afa)}._badge_8wlv2_2[data-accent=positive][data-inverted=true]{color:var(--30c365);background-color:var(--47c404)}._badge_8wlv2_2[data-accent=warning]{color:var(--84e571);background-color:var(--02372a)}._badge_8wlv2_2[data-accent=warning][data-inverted=true]{color:var(--363237);background-color:var(--08fa29)}._badge_8wlv2_2[data-accent=critical]{color:var(--036159);background-color:var(--22f022)}._badge_8wlv2_2[data-accent=critical][data-inverted=true]{color:var(--90eeff);background-color:var(--cdb1f6)}._badge_8wlv2_2[data-accent=tertiary]{color:var(--d7e14c);background-color:var(--a453d7)}._badge_8wlv2_2[data-accent=tertiary][data-inverted=true]{color:var(--ab5158);background-color:var(--50e919)}
@@ -1,97 +0,0 @@
1
- import{j as e}from"./jsx-runtime-Bxcv0yjW.js";import{F as p,a as z,b as h,c as j,d as S}from"./TokyoUITag-L3MR7nRY.js";import{L as i}from"./LayoutFlex-BfRTqJk6.js";import{I as Y}from"./Icon-CNtrVm52.js";import{u as Z}from"./useStyleExtract-nWieKQF4.js";import{g as ee,w as ae}from"./componentNames-BAR5iJaT.js";import{S as ne}from"./StoryContextDSWeb-CQCIj3Y9.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./useLayoutFlexClassNames-D1ra_xuq.js";import"./useLayoutRelativeClassnames-C66s33p7.js";import"./style-inject.es-O-YsppCx.js";import"./classNames-RlyrdfpN.js";import"./useTextAccentClassnames-iB7PeFbR.js";import"./StorybookGlobalStyle-C0X2e0mN.js";import"./styled-components.browser.esm-BppVzN7H.js";import"./RootProvider-DbgEixHa.js";import"./useTheme-D6du8lDT.js";import"./useColorScheme-CRstX5qq.js";const ie="_badge_8wlv2_2",v={badge:ie},re=n=>{switch(n){case"xs":return"small";case"s":return"medium";case"m":return"large";default:return n}},a=({type:n="neutral",size:u="medium",leadingSvgIcon:y,dataset:K,children:Q,accent:B,inverted:I})=>{Z(v);const x=re(u),s={...K,size:x};B===void 0&&I===void 0?s.type=n:(s.accent=B||"unset",s.inverted=!!I);const V=ee(s,{preplyDsComponent:ae.Badge}),X=n==="neutral"?"primary":n;return e.jsxs("span",{...V,className:v.badge,children:[!!y&&x!=="small"&&e.jsx(Y,{accent:X,size:u==="large"?"24":"16",svg:y}),Q]})},fe={title:"components/Badge",component:a,decorators:[n=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(ne,{theme:"tokyo-ui",children:n()})})],args:{type:"neutral",size:"medium"}},r=n=>e.jsx(a,{...n,children:"Badge"});r.args={type:"neutral",size:"medium",leadingSvgIcon:p,children:"Badge"};const t=()=>e.jsxs(i,{gap:"16",alignItems:"center",children:[e.jsx(a,{type:"info",size:"small",children:"Small"}),e.jsx(a,{type:"info",size:"medium",children:"Medium"}),e.jsx(a,{type:"info",size:"large",children:"Large"})]}),o=()=>e.jsxs(i,{gap:"16",children:[e.jsx(a,{type:"neutral",children:"Neutral"}),e.jsx(a,{type:"positive",children:"Positive"}),e.jsx(a,{type:"info",children:"Info"}),e.jsx(a,{type:"warning",children:"Warning"}),e.jsx(a,{type:"critical",children:"Critical"})]}),d=()=>e.jsxs(i,{gap:"16",alignItems:"center",children:[e.jsx(a,{type:"neutral",size:"small",children:"Small"}),e.jsx(a,{type:"neutral",size:"medium",children:"Medium"}),e.jsx(a,{type:"neutral",size:"medium",leadingSvgIcon:p,children:"Medium + Icon"}),e.jsx(a,{type:"neutral",size:"large",children:"Large"}),e.jsx(a,{type:"neutral",size:"large",leadingSvgIcon:p,children:"Large + Icon"})]}),g=()=>e.jsxs(i,{gap:"16",alignItems:"center",children:[e.jsx(a,{type:"positive",size:"small",children:"Small"}),e.jsx(a,{type:"positive",size:"medium",children:"Medium"}),e.jsx(a,{type:"positive",size:"medium",leadingSvgIcon:z,children:"Medium + Icon"}),e.jsx(a,{type:"positive",size:"large",children:"Large"}),e.jsx(a,{type:"positive",size:"large",leadingSvgIcon:z,children:"Large + Icon"})]}),l=()=>e.jsxs(i,{gap:"16",alignItems:"center",children:[e.jsx(a,{type:"info",size:"small",children:"Small"}),e.jsx(a,{type:"info",size:"medium",children:"Medium"}),e.jsx(a,{type:"info",size:"medium",leadingSvgIcon:h,children:"Medium + Icon"}),e.jsx(a,{type:"info",size:"large",children:"Large"}),e.jsx(a,{type:"info",size:"large",leadingSvgIcon:h,children:"Large + Icon"})]}),c=()=>e.jsxs(i,{gap:"16",alignItems:"center",children:[e.jsx(a,{type:"warning",size:"small",children:"Small"}),e.jsx(a,{type:"warning",size:"medium",children:"Medium"}),e.jsx(a,{type:"warning",size:"medium",leadingSvgIcon:j,children:"Medium + Icon"}),e.jsx(a,{type:"warning",size:"large",children:"Large"}),e.jsx(a,{type:"warning",size:"large",leadingSvgIcon:j,children:"Large + Icon"})]}),m=()=>e.jsxs(i,{gap:"16",alignItems:"center",children:[e.jsx(a,{type:"critical",size:"small",children:"Small"}),e.jsx(a,{type:"critical",size:"medium",children:"Medium"}),e.jsx(a,{type:"critical",size:"medium",leadingSvgIcon:S,children:"Medium + Icon"}),e.jsx(a,{type:"critical",size:"large",children:"Large"}),e.jsx(a,{type:"critical",size:"large",leadingSvgIcon:S,children:"Large + Icon"})]});var f,L,M;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:"args => <Badge {...args}>Badge</Badge>",...(M=(L=r.parameters)==null?void 0:L.docs)==null?void 0:M.source}}};var w,F,k;t.parameters={...t.parameters,docs:{...(w=t.parameters)==null?void 0:w.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
2
- <Badge type="info" size="small">
3
- Small
4
- </Badge>
5
- <Badge type="info" size="medium">
6
- Medium
7
- </Badge>
8
- <Badge type="info" size="large">
9
- Large
10
- </Badge>
11
- </LayoutFlex>`,...(k=(F=t.parameters)==null?void 0:F.docs)==null?void 0:k.source}}};var T,U,C;o.parameters={...o.parameters,docs:{...(T=o.parameters)==null?void 0:T.docs,source:{originalSource:`() => <LayoutFlex gap="16">
12
- <Badge type="neutral">Neutral</Badge>
13
- <Badge type="positive">Positive</Badge>
14
- <Badge type="info">Info</Badge>
15
- <Badge type="warning">Warning</Badge>
16
- <Badge type="critical">Critical</Badge>
17
- </LayoutFlex>`,...(C=(U=o.parameters)==null?void 0:U.docs)==null?void 0:C.source}}};var b,E,W;d.parameters={...d.parameters,docs:{...(b=d.parameters)==null?void 0:b.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
18
- <Badge type="neutral" size="small">
19
- Small
20
- </Badge>
21
- <Badge type="neutral" size="medium">
22
- Medium
23
- </Badge>
24
- <Badge type="neutral" size="medium" leadingSvgIcon={TokyoUITag}>
25
- Medium + Icon
26
- </Badge>
27
- <Badge type="neutral" size="large">
28
- Large
29
- </Badge>
30
- <Badge type="neutral" size="large" leadingSvgIcon={TokyoUITag}>
31
- Large + Icon
32
- </Badge>
33
- </LayoutFlex>`,...(W=(E=d.parameters)==null?void 0:E.docs)==null?void 0:W.source}}};var N,R,P;g.parameters={...g.parameters,docs:{...(N=g.parameters)==null?void 0:N.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
34
- <Badge type="positive" size="small">
35
- Small
36
- </Badge>
37
- <Badge type="positive" size="medium">
38
- Medium
39
- </Badge>
40
- <Badge type="positive" size="medium" leadingSvgIcon={TokyoUICheckmark}>
41
- Medium + Icon
42
- </Badge>
43
- <Badge type="positive" size="large">
44
- Large
45
- </Badge>
46
- <Badge type="positive" size="large" leadingSvgIcon={TokyoUICheckmark}>
47
- Large + Icon
48
- </Badge>
49
- </LayoutFlex>`,...(P=(R=g.parameters)==null?void 0:R.docs)==null?void 0:P.source}}};var _,$,D;l.parameters={...l.parameters,docs:{...(_=l.parameters)==null?void 0:_.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
50
- <Badge type="info" size="small">
51
- Small
52
- </Badge>
53
- <Badge type="info" size="medium">
54
- Medium
55
- </Badge>
56
- <Badge type="info" size="medium" leadingSvgIcon={TokyoUIInfo}>
57
- Medium + Icon
58
- </Badge>
59
- <Badge type="info" size="large">
60
- Large
61
- </Badge>
62
- <Badge type="info" size="large" leadingSvgIcon={TokyoUIInfo}>
63
- Large + Icon
64
- </Badge>
65
- </LayoutFlex>`,...(D=($=l.parameters)==null?void 0:$.docs)==null?void 0:D.source}}};var A,O,q;c.parameters={...c.parameters,docs:{...(A=c.parameters)==null?void 0:A.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
66
- <Badge type="warning" size="small">
67
- Small
68
- </Badge>
69
- <Badge type="warning" size="medium">
70
- Medium
71
- </Badge>
72
- <Badge type="warning" size="medium" leadingSvgIcon={TokyoUIErrorWarning}>
73
- Medium + Icon
74
- </Badge>
75
- <Badge type="warning" size="large">
76
- Large
77
- </Badge>
78
- <Badge type="warning" size="large" leadingSvgIcon={TokyoUIErrorWarning}>
79
- Large + Icon
80
- </Badge>
81
- </LayoutFlex>`,...(q=(O=c.parameters)==null?void 0:O.docs)==null?void 0:q.source}}};var G,H,J;m.parameters={...m.parameters,docs:{...(G=m.parameters)==null?void 0:G.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
82
- <Badge type="critical" size="small">
83
- Small
84
- </Badge>
85
- <Badge type="critical" size="medium">
86
- Medium
87
- </Badge>
88
- <Badge type="critical" size="medium" leadingSvgIcon={TokyoUIError}>
89
- Medium + Icon
90
- </Badge>
91
- <Badge type="critical" size="large">
92
- Large
93
- </Badge>
94
- <Badge type="critical" size="large" leadingSvgIcon={TokyoUIError}>
95
- Large + Icon
96
- </Badge>
97
- </LayoutFlex>`,...(J=(H=m.parameters)==null?void 0:H.docs)==null?void 0:J.source}}};const Le=["Base","Sizes","Types","Neutral","Positive","Info","Warning","Critical"];export{r as Base,m as Critical,l as Info,d as Neutral,g as Positive,t as Sizes,o as Types,c as Warning,Le as __namedExportsOrder,fe as default};
@@ -1 +0,0 @@
1
- ._Box_1y9s8_4{margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;color:var(--aface6);background-color:var(--786b9e);box-shadow:var(--a814c9);flex:1}._Box--box-radius-none_1y9s8_16{border-radius:var(--84e079)}._Box--box-radius-m_1y9s8_19{border-radius:var(--1c37d5)}._Box--box-radius-l_1y9s8_22{border-radius:var(--9e57e5)}._Box--box-radius-0_1y9s8_34{border-radius:var(--adc668)}._Box--box-radius-2_1y9s8_25{border-radius:var(--9817c7)}._Box--box-radius-4_1y9s8_28{border-radius:var(--7dcb5e)}._Box--box-radius-8_1y9s8_31{border-radius:var(--2071ea)}._Box--box-radius-12_1y9s8_46{border-radius:var(--c1925d)}._Box--box-radius-16_1y9s8_49{border-radius:var(--f3f949)}._Box--box-radius-24_1y9s8_52{border-radius:var(--67250f)}._Box--box-radius-32_1y9s8_55{border-radius:var(--fba602)}._Box--box-radius-48_1y9s8_58{border-radius:var(--f8b939)}._Box--box-radius-64_1y9s8_61{border-radius:var(--4d9939)}._Box--box-radius-96_1y9s8_64{border-radius:var(--a78cb4)}._Box--box-radius-160_1y9s8_67{border-radius:var(--439947)}@media (min-width: 400px){._Box--narrow-l--box-radius-none_1y9s8_71{border-radius:var(--84e079)}._Box--narrow-l--box-radius-m_1y9s8_74{border-radius:var(--1c37d5)}._Box--narrow-l--box-radius-l_1y9s8_77{border-radius:var(--9e57e5)}._Box--narrow-l--box-radius-0_1y9s8_89{border-radius:var(--adc668)}._Box--narrow-l--box-radius-2_1y9s8_80{border-radius:var(--9817c7)}._Box--narrow-l--box-radius-4_1y9s8_83{border-radius:var(--7dcb5e)}._Box--narrow-l--box-radius-8_1y9s8_86{border-radius:var(--2071ea)}._Box--narrow-l--box-radius-12_1y9s8_101{border-radius:var(--c1925d)}._Box--narrow-l--box-radius-16_1y9s8_104{border-radius:var(--f3f949)}._Box--narrow-l--box-radius-24_1y9s8_107{border-radius:var(--67250f)}._Box--narrow-l--box-radius-32_1y9s8_110{border-radius:var(--fba602)}._Box--narrow-l--box-radius-48_1y9s8_113{border-radius:var(--f8b939)}._Box--narrow-l--box-radius-64_1y9s8_116{border-radius:var(--4d9939)}._Box--narrow-l--box-radius-96_1y9s8_119{border-radius:var(--a78cb4)}._Box--narrow-l--box-radius-160_1y9s8_122{border-radius:var(--439947)}}@media (min-width: 700px){._Box--medium-s--box-radius-none_1y9s8_127{border-radius:var(--84e079)}._Box--medium-s--box-radius-m_1y9s8_130{border-radius:var(--1c37d5)}._Box--medium-s--box-radius-l_1y9s8_133{border-radius:var(--9e57e5)}._Box--medium-s--box-radius-0_1y9s8_145{border-radius:var(--adc668)}._Box--medium-s--box-radius-2_1y9s8_136{border-radius:var(--9817c7)}._Box--medium-s--box-radius-4_1y9s8_139{border-radius:var(--7dcb5e)}._Box--medium-s--box-radius-8_1y9s8_142{border-radius:var(--2071ea)}._Box--medium-s--box-radius-12_1y9s8_157{border-radius:var(--c1925d)}._Box--medium-s--box-radius-16_1y9s8_160{border-radius:var(--f3f949)}._Box--medium-s--box-radius-24_1y9s8_163{border-radius:var(--67250f)}._Box--medium-s--box-radius-32_1y9s8_166{border-radius:var(--fba602)}._Box--medium-s--box-radius-48_1y9s8_169{border-radius:var(--f8b939)}._Box--medium-s--box-radius-64_1y9s8_172{border-radius:var(--4d9939)}._Box--medium-s--box-radius-96_1y9s8_175{border-radius:var(--a78cb4)}._Box--medium-s--box-radius-160_1y9s8_178{border-radius:var(--439947)}}@media (min-width: 880px){._Box--medium-l--box-radius-none_1y9s8_183{border-radius:var(--84e079)}._Box--medium-l--box-radius-m_1y9s8_186{border-radius:var(--1c37d5)}._Box--medium-l--box-radius-l_1y9s8_189{border-radius:var(--9e57e5)}._Box--medium-l--box-radius-0_1y9s8_201{border-radius:var(--adc668)}._Box--medium-l--box-radius-2_1y9s8_192{border-radius:var(--9817c7)}._Box--medium-l--box-radius-4_1y9s8_195{border-radius:var(--7dcb5e)}._Box--medium-l--box-radius-8_1y9s8_198{border-radius:var(--2071ea)}._Box--medium-l--box-radius-12_1y9s8_213{border-radius:var(--c1925d)}._Box--medium-l--box-radius-16_1y9s8_216{border-radius:var(--f3f949)}._Box--medium-l--box-radius-24_1y9s8_219{border-radius:var(--67250f)}._Box--medium-l--box-radius-32_1y9s8_222{border-radius:var(--fba602)}._Box--medium-l--box-radius-48_1y9s8_225{border-radius:var(--f8b939)}._Box--medium-l--box-radius-64_1y9s8_228{border-radius:var(--4d9939)}._Box--medium-l--box-radius-96_1y9s8_231{border-radius:var(--a78cb4)}._Box--medium-l--box-radius-160_1y9s8_234{border-radius:var(--439947)}}@media (min-width: 1200px){._Box--wide-s--box-radius-none_1y9s8_239{border-radius:var(--84e079)}._Box--wide-s--box-radius-m_1y9s8_242{border-radius:var(--1c37d5)}._Box--wide-s--box-radius-l_1y9s8_245{border-radius:var(--9e57e5)}._Box--wide-s--box-radius-0_1y9s8_257{border-radius:var(--adc668)}._Box--wide-s--box-radius-2_1y9s8_248{border-radius:var(--9817c7)}._Box--wide-s--box-radius-4_1y9s8_251{border-radius:var(--7dcb5e)}._Box--wide-s--box-radius-8_1y9s8_254{border-radius:var(--2071ea)}._Box--wide-s--box-radius-12_1y9s8_269{border-radius:var(--c1925d)}._Box--wide-s--box-radius-16_1y9s8_272{border-radius:var(--f3f949)}._Box--wide-s--box-radius-24_1y9s8_275{border-radius:var(--67250f)}._Box--wide-s--box-radius-32_1y9s8_278{border-radius:var(--fba602)}._Box--wide-s--box-radius-48_1y9s8_281{border-radius:var(--f8b939)}._Box--wide-s--box-radius-64_1y9s8_284{border-radius:var(--4d9939)}._Box--wide-s--box-radius-96_1y9s8_287{border-radius:var(--a78cb4)}._Box--wide-s--box-radius-160_1y9s8_290{border-radius:var(--439947)}}@media (min-width: 1900px){._Box--wide-l--box-radius-none_1y9s8_295{border-radius:var(--84e079)}._Box--wide-l--box-radius-m_1y9s8_298{border-radius:var(--1c37d5)}._Box--wide-l--box-radius-l_1y9s8_301{border-radius:var(--9e57e5)}._Box--wide-l--box-radius-0_1y9s8_313{border-radius:var(--adc668)}._Box--wide-l--box-radius-2_1y9s8_304{border-radius:var(--9817c7)}._Box--wide-l--box-radius-4_1y9s8_307{border-radius:var(--7dcb5e)}._Box--wide-l--box-radius-8_1y9s8_310{border-radius:var(--2071ea)}._Box--wide-l--box-radius-12_1y9s8_325{border-radius:var(--c1925d)}._Box--wide-l--box-radius-16_1y9s8_328{border-radius:var(--f3f949)}._Box--wide-l--box-radius-24_1y9s8_331{border-radius:var(--67250f)}._Box--wide-l--box-radius-32_1y9s8_334{border-radius:var(--fba602)}._Box--wide-l--box-radius-48_1y9s8_337{border-radius:var(--f8b939)}._Box--wide-l--box-radius-64_1y9s8_340{border-radius:var(--4d9939)}._Box--wide-l--box-radius-96_1y9s8_343{border-radius:var(--a78cb4)}._Box--wide-l--box-radius-160_1y9s8_346{border-radius:var(--439947)}}._Box--background-white_1y9s8_350{background-color:var(--145676)}._Box--background-gray-100_1y9s8_353{background-color:var(--55407f)}._Box--background-gray-200_1y9s8_356{background-color:var(--8f1238)}._Box--background-gray-300_1y9s8_359{background-color:var(--da403c)}._Box--background-gray-400_1y9s8_362{background-color:var(--7c8c3c)}._Box--background-gray-500_1y9s8_365{background-color:var(--c9575b)}._Box--background-gray-600_1y9s8_368{background-color:var(--2fb6f7)}._Box--background-teal-100_1y9s8_371{background-color:var(--54ed1d)}._Box--background-teal-200_1y9s8_374{background-color:var(--b706bf)}._Box--background-teal-300_1y9s8_377{background-color:var(--4adefb)}._Box--background-teal-400_1y9s8_380{background-color:var(--de8a40)}._Box--background-teal-500_1y9s8_383{background-color:var(--574543)}._Box--background-green-100_1y9s8_386{background-color:var(--1383a7)}._Box--background-green-200_1y9s8_389{background-color:var(--9f1066)}._Box--background-green-300_1y9s8_392{background-color:var(--d4cf94)}._Box--background-green-400_1y9s8_395{background-color:var(--bbfa9f)}._Box--background-green-500_1y9s8_398{background-color:var(--5f8b30)}._Box--background-yellow-100_1y9s8_401{background-color:var(--c7d8be)}._Box--background-yellow-200_1y9s8_404{background-color:var(--17bab8)}._Box--background-yellow-300_1y9s8_407{background-color:var(--f017e5)}._Box--background-yellow-400_1y9s8_410{background-color:var(--2242ed)}._Box--background-yellow-500_1y9s8_413{background-color:var(--e40de4)}._Box--background-red-100_1y9s8_416{background-color:var(--ecb5d5)}._Box--background-red-200_1y9s8_419{background-color:var(--5b5cb0)}._Box--background-red-300_1y9s8_422{background-color:var(--d55c71)}._Box--background-red-400_1y9s8_425{background-color:var(--4e47fe)}._Box--background-red-500_1y9s8_428{background-color:var(--3e7877)}._Box--background-blue-100_1y9s8_431{background-color:var(--21906f)}._Box--background-blue-200_1y9s8_434{background-color:var(--5d87f3)}._Box--background-blue-300_1y9s8_437{background-color:var(--201e14)}._Box--background-blue-400_1y9s8_440{background-color:var(--e1c27c)}._Box--background-blue-500_1y9s8_443{background-color:var(--6a1420)}._Box--background-magenta-100_1y9s8_446{background-color:var(--1a9963)}._Box--background-magenta-200_1y9s8_449{background-color:var(--b774df)}._Box--background-magenta-300_1y9s8_452{background-color:var(--f72cdd)}._Box--background-magenta-400_1y9s8_455{background-color:var(--6cbd80)}._Box--background-magenta-500_1y9s8_458{background-color:var(--5893e7)}._Box--background-primary_1y9s8_461{background-color:var(--3546c3)}._Box--background-secondary_1y9s8_464{background-color:var(--302ecf)}._Box--background-tertiary_1y9s8_467{background-color:var(--a5c761)}._Box--background-overlay_1y9s8_470{background-color:var(--02a0d5)}._Box--background-disabled_1y9s8_473{background-color:var(--319b29)}._Box--background-brand_1y9s8_476{background-color:var(--cd91ab)}._Box--background-brandB2b_1y9s8_479{background-color:var(--706789)}._Box--background-accentLight_1y9s8_482{background-color:var(--560eda)}._Box--background-accentDark_1y9s8_485{background-color:var(--e4c520)}._Box--background-positiveLight_1y9s8_488{background-color:var(--1836a4)}._Box--background-positiveDark_1y9s8_491{background-color:var(--ae7f1f)}._Box--background-infoLight_1y9s8_494{background-color:var(--94a45e)}._Box--background-infoDark_1y9s8_497{background-color:var(--79dffb)}._Box--background-warningLight_1y9s8_500{background-color:var(--b503b8)}._Box--background-warningDark_1y9s8_503{background-color:var(--34fc43)}._Box--background-criticalLight_1y9s8_506{background-color:var(--f15644)}._Box--background-criticalDark_1y9s8_509{background-color:var(--87fcf8)}._Box--background-statusOnline_1y9s8_512{background-color:var(--cbc115)}._Box--background-statusOffline_1y9s8_515{background-color:var(--7ff085)}._Box--background-primaryInverted_1y9s8_518{background-color:var(--4983fe)}._Box--background-secondaryInverted_1y9s8_521{background-color:var(--19649f)}._Box--background-tertiaryInverted_1y9s8_524{background-color:var(--a469f2)}
@@ -1,12 +0,0 @@
1
- import{j as s}from"./jsx-runtime-Bxcv0yjW.js";import{H as h}from"./Heading-BuiNeQl8.js";import{L as v}from"./LayoutFlex-BfRTqJk6.js";import{T as L}from"./Text-B_hHcHeQ.js";import{R as B}from"./index-mfbfsM12.js";import{a as f,u as C,b as D}from"./useTheme-D6du8lDT.js";import{u as S}from"./useColorScheme-CRstX5qq.js";import{C as N,u as T,j as E,k as j,L as A}from"./useStyleExtract-nWieKQF4.js";import{g as O,m as I,s as m}from"./classNames-RlyrdfpN.js";import{w as l,g as F}from"./componentNames-BAR5iJaT.js";import{a as H}from"./useLayoutRelativeClassnames-C66s33p7.js";import{S as U}from"./StoryContextDSWeb-CQCIj3Y9.js";import"./useTextCenteredClassnames-DHbKOmgJ.js";import"./style-inject.es-O-YsppCx.js";import"./useTextAccentClassnames-iB7PeFbR.js";import"./useLayoutFlexClassNames-D1ra_xuq.js";import"./_commonjsHelpers-BosuxZz1.js";import"./StorybookGlobalStyle-C0X2e0mN.js";import"./styled-components.browser.esm-BppVzN7H.js";import"./RootProvider-DbgEixHa.js";function R(o){const d=({colorScheme:r=N,..._})=>{const{findColorScheme:i}=f(),{theme:u}=C(),{colorScheme:e}=S(),a=r&&i(r);if(a&&a!==e){const b=`${a.getClassName({withBackground:!0})} ${u.getClassName()}`;return B.createElement(D,{colorScheme:r},B.createElement(o,{colorSchemeClassName:b,..._}))}return B.createElement(o,{..._})};return d.displayName=`withColorScheme(${o.displayName})`,d}const q="_Box_1y9s8_4",c={Box:q,"Box--box-radius-none":"_Box--box-radius-none_1y9s8_16","Box--box-radius-m":"_Box--box-radius-m_1y9s8_19","Box--box-radius-l":"_Box--box-radius-l_1y9s8_22","Box--box-radius-2":"_Box--box-radius-2_1y9s8_25","Box--box-radius-4":"_Box--box-radius-4_1y9s8_28","Box--box-radius-8":"_Box--box-radius-8_1y9s8_31","Box--box-radius-0":"_Box--box-radius-0_1y9s8_34","Box--box-radius-12":"_Box--box-radius-12_1y9s8_46","Box--box-radius-16":"_Box--box-radius-16_1y9s8_49","Box--box-radius-24":"_Box--box-radius-24_1y9s8_52","Box--box-radius-32":"_Box--box-radius-32_1y9s8_55","Box--box-radius-48":"_Box--box-radius-48_1y9s8_58","Box--box-radius-64":"_Box--box-radius-64_1y9s8_61","Box--box-radius-96":"_Box--box-radius-96_1y9s8_64","Box--box-radius-160":"_Box--box-radius-160_1y9s8_67","Box--narrow-l--box-radius-none":"_Box--narrow-l--box-radius-none_1y9s8_71","Box--narrow-l--box-radius-m":"_Box--narrow-l--box-radius-m_1y9s8_74","Box--narrow-l--box-radius-l":"_Box--narrow-l--box-radius-l_1y9s8_77","Box--narrow-l--box-radius-2":"_Box--narrow-l--box-radius-2_1y9s8_80","Box--narrow-l--box-radius-4":"_Box--narrow-l--box-radius-4_1y9s8_83","Box--narrow-l--box-radius-8":"_Box--narrow-l--box-radius-8_1y9s8_86","Box--narrow-l--box-radius-0":"_Box--narrow-l--box-radius-0_1y9s8_89","Box--narrow-l--box-radius-12":"_Box--narrow-l--box-radius-12_1y9s8_101","Box--narrow-l--box-radius-16":"_Box--narrow-l--box-radius-16_1y9s8_104","Box--narrow-l--box-radius-24":"_Box--narrow-l--box-radius-24_1y9s8_107","Box--narrow-l--box-radius-32":"_Box--narrow-l--box-radius-32_1y9s8_110","Box--narrow-l--box-radius-48":"_Box--narrow-l--box-radius-48_1y9s8_113","Box--narrow-l--box-radius-64":"_Box--narrow-l--box-radius-64_1y9s8_116","Box--narrow-l--box-radius-96":"_Box--narrow-l--box-radius-96_1y9s8_119","Box--narrow-l--box-radius-160":"_Box--narrow-l--box-radius-160_1y9s8_122","Box--medium-s--box-radius-none":"_Box--medium-s--box-radius-none_1y9s8_127","Box--medium-s--box-radius-m":"_Box--medium-s--box-radius-m_1y9s8_130","Box--medium-s--box-radius-l":"_Box--medium-s--box-radius-l_1y9s8_133","Box--medium-s--box-radius-2":"_Box--medium-s--box-radius-2_1y9s8_136","Box--medium-s--box-radius-4":"_Box--medium-s--box-radius-4_1y9s8_139","Box--medium-s--box-radius-8":"_Box--medium-s--box-radius-8_1y9s8_142","Box--medium-s--box-radius-0":"_Box--medium-s--box-radius-0_1y9s8_145","Box--medium-s--box-radius-12":"_Box--medium-s--box-radius-12_1y9s8_157","Box--medium-s--box-radius-16":"_Box--medium-s--box-radius-16_1y9s8_160","Box--medium-s--box-radius-24":"_Box--medium-s--box-radius-24_1y9s8_163","Box--medium-s--box-radius-32":"_Box--medium-s--box-radius-32_1y9s8_166","Box--medium-s--box-radius-48":"_Box--medium-s--box-radius-48_1y9s8_169","Box--medium-s--box-radius-64":"_Box--medium-s--box-radius-64_1y9s8_172","Box--medium-s--box-radius-96":"_Box--medium-s--box-radius-96_1y9s8_175","Box--medium-s--box-radius-160":"_Box--medium-s--box-radius-160_1y9s8_178","Box--medium-l--box-radius-none":"_Box--medium-l--box-radius-none_1y9s8_183","Box--medium-l--box-radius-m":"_Box--medium-l--box-radius-m_1y9s8_186","Box--medium-l--box-radius-l":"_Box--medium-l--box-radius-l_1y9s8_189","Box--medium-l--box-radius-2":"_Box--medium-l--box-radius-2_1y9s8_192","Box--medium-l--box-radius-4":"_Box--medium-l--box-radius-4_1y9s8_195","Box--medium-l--box-radius-8":"_Box--medium-l--box-radius-8_1y9s8_198","Box--medium-l--box-radius-0":"_Box--medium-l--box-radius-0_1y9s8_201","Box--medium-l--box-radius-12":"_Box--medium-l--box-radius-12_1y9s8_213","Box--medium-l--box-radius-16":"_Box--medium-l--box-radius-16_1y9s8_216","Box--medium-l--box-radius-24":"_Box--medium-l--box-radius-24_1y9s8_219","Box--medium-l--box-radius-32":"_Box--medium-l--box-radius-32_1y9s8_222","Box--medium-l--box-radius-48":"_Box--medium-l--box-radius-48_1y9s8_225","Box--medium-l--box-radius-64":"_Box--medium-l--box-radius-64_1y9s8_228","Box--medium-l--box-radius-96":"_Box--medium-l--box-radius-96_1y9s8_231","Box--medium-l--box-radius-160":"_Box--medium-l--box-radius-160_1y9s8_234","Box--wide-s--box-radius-none":"_Box--wide-s--box-radius-none_1y9s8_239","Box--wide-s--box-radius-m":"_Box--wide-s--box-radius-m_1y9s8_242","Box--wide-s--box-radius-l":"_Box--wide-s--box-radius-l_1y9s8_245","Box--wide-s--box-radius-2":"_Box--wide-s--box-radius-2_1y9s8_248","Box--wide-s--box-radius-4":"_Box--wide-s--box-radius-4_1y9s8_251","Box--wide-s--box-radius-8":"_Box--wide-s--box-radius-8_1y9s8_254","Box--wide-s--box-radius-0":"_Box--wide-s--box-radius-0_1y9s8_257","Box--wide-s--box-radius-12":"_Box--wide-s--box-radius-12_1y9s8_269","Box--wide-s--box-radius-16":"_Box--wide-s--box-radius-16_1y9s8_272","Box--wide-s--box-radius-24":"_Box--wide-s--box-radius-24_1y9s8_275","Box--wide-s--box-radius-32":"_Box--wide-s--box-radius-32_1y9s8_278","Box--wide-s--box-radius-48":"_Box--wide-s--box-radius-48_1y9s8_281","Box--wide-s--box-radius-64":"_Box--wide-s--box-radius-64_1y9s8_284","Box--wide-s--box-radius-96":"_Box--wide-s--box-radius-96_1y9s8_287","Box--wide-s--box-radius-160":"_Box--wide-s--box-radius-160_1y9s8_290","Box--wide-l--box-radius-none":"_Box--wide-l--box-radius-none_1y9s8_295","Box--wide-l--box-radius-m":"_Box--wide-l--box-radius-m_1y9s8_298","Box--wide-l--box-radius-l":"_Box--wide-l--box-radius-l_1y9s8_301","Box--wide-l--box-radius-2":"_Box--wide-l--box-radius-2_1y9s8_304","Box--wide-l--box-radius-4":"_Box--wide-l--box-radius-4_1y9s8_307","Box--wide-l--box-radius-8":"_Box--wide-l--box-radius-8_1y9s8_310","Box--wide-l--box-radius-0":"_Box--wide-l--box-radius-0_1y9s8_313","Box--wide-l--box-radius-12":"_Box--wide-l--box-radius-12_1y9s8_325","Box--wide-l--box-radius-16":"_Box--wide-l--box-radius-16_1y9s8_328","Box--wide-l--box-radius-24":"_Box--wide-l--box-radius-24_1y9s8_331","Box--wide-l--box-radius-32":"_Box--wide-l--box-radius-32_1y9s8_334","Box--wide-l--box-radius-48":"_Box--wide-l--box-radius-48_1y9s8_337","Box--wide-l--box-radius-64":"_Box--wide-l--box-radius-64_1y9s8_340","Box--wide-l--box-radius-96":"_Box--wide-l--box-radius-96_1y9s8_343","Box--wide-l--box-radius-160":"_Box--wide-l--box-radius-160_1y9s8_346","Box--background-white":"_Box--background-white_1y9s8_350","Box--background-gray-100":"_Box--background-gray-100_1y9s8_353","Box--background-gray-200":"_Box--background-gray-200_1y9s8_356","Box--background-gray-300":"_Box--background-gray-300_1y9s8_359","Box--background-gray-400":"_Box--background-gray-400_1y9s8_362","Box--background-gray-500":"_Box--background-gray-500_1y9s8_365","Box--background-gray-600":"_Box--background-gray-600_1y9s8_368","Box--background-teal-100":"_Box--background-teal-100_1y9s8_371","Box--background-teal-200":"_Box--background-teal-200_1y9s8_374","Box--background-teal-300":"_Box--background-teal-300_1y9s8_377","Box--background-teal-400":"_Box--background-teal-400_1y9s8_380","Box--background-teal-500":"_Box--background-teal-500_1y9s8_383","Box--background-green-100":"_Box--background-green-100_1y9s8_386","Box--background-green-200":"_Box--background-green-200_1y9s8_389","Box--background-green-300":"_Box--background-green-300_1y9s8_392","Box--background-green-400":"_Box--background-green-400_1y9s8_395","Box--background-green-500":"_Box--background-green-500_1y9s8_398","Box--background-yellow-100":"_Box--background-yellow-100_1y9s8_401","Box--background-yellow-200":"_Box--background-yellow-200_1y9s8_404","Box--background-yellow-300":"_Box--background-yellow-300_1y9s8_407","Box--background-yellow-400":"_Box--background-yellow-400_1y9s8_410","Box--background-yellow-500":"_Box--background-yellow-500_1y9s8_413","Box--background-red-100":"_Box--background-red-100_1y9s8_416","Box--background-red-200":"_Box--background-red-200_1y9s8_419","Box--background-red-300":"_Box--background-red-300_1y9s8_422","Box--background-red-400":"_Box--background-red-400_1y9s8_425","Box--background-red-500":"_Box--background-red-500_1y9s8_428","Box--background-blue-100":"_Box--background-blue-100_1y9s8_431","Box--background-blue-200":"_Box--background-blue-200_1y9s8_434","Box--background-blue-300":"_Box--background-blue-300_1y9s8_437","Box--background-blue-400":"_Box--background-blue-400_1y9s8_440","Box--background-blue-500":"_Box--background-blue-500_1y9s8_443","Box--background-magenta-100":"_Box--background-magenta-100_1y9s8_446","Box--background-magenta-200":"_Box--background-magenta-200_1y9s8_449","Box--background-magenta-300":"_Box--background-magenta-300_1y9s8_452","Box--background-magenta-400":"_Box--background-magenta-400_1y9s8_455","Box--background-magenta-500":"_Box--background-magenta-500_1y9s8_458","Box--background-primary":"_Box--background-primary_1y9s8_461","Box--background-secondary":"_Box--background-secondary_1y9s8_464","Box--background-tertiary":"_Box--background-tertiary_1y9s8_467","Box--background-overlay":"_Box--background-overlay_1y9s8_470","Box--background-disabled":"_Box--background-disabled_1y9s8_473","Box--background-brand":"_Box--background-brand_1y9s8_476","Box--background-brandB2b":"_Box--background-brandB2b_1y9s8_479","Box--background-accentLight":"_Box--background-accentLight_1y9s8_482","Box--background-accentDark":"_Box--background-accentDark_1y9s8_485","Box--background-positiveLight":"_Box--background-positiveLight_1y9s8_488","Box--background-positiveDark":"_Box--background-positiveDark_1y9s8_491","Box--background-infoLight":"_Box--background-infoLight_1y9s8_494","Box--background-infoDark":"_Box--background-infoDark_1y9s8_497","Box--background-warningLight":"_Box--background-warningLight_1y9s8_500","Box--background-warningDark":"_Box--background-warningDark_1y9s8_503","Box--background-criticalLight":"_Box--background-criticalLight_1y9s8_506","Box--background-criticalDark":"_Box--background-criticalDark_1y9s8_509","Box--background-statusOnline":"_Box--background-statusOnline_1y9s8_512","Box--background-statusOffline":"_Box--background-statusOffline_1y9s8_515","Box--background-primaryInverted":"_Box--background-primaryInverted_1y9s8_518","Box--background-secondaryInverted":"_Box--background-secondaryInverted_1y9s8_521","Box--background-tertiaryInverted":"_Box--background-tertiaryInverted_1y9s8_524"},P=({children:o,colorSchemeClassName:d,background:r,radius:_=E,padding:i=j,tag:u,dataset:e})=>{T(c);const a=O([d]),n=I(c,l.Box,[m("box-radius",_),m("background",r)]),b=H(i),w=u??A,p={className:[...a,...n,...b].join(" "),...F(e,{preplyDsComponent:l.Box})};return s.jsx(w,{...p,children:o})},k=R(P),bo={title:"components/Box",component:k,decorators:[o=>s.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:s.jsx(U,{theme:"tokyo-ui",children:o()})})]},x=()=>s.jsx(k,{background:"positiveLight",children:s.jsxs(v,{gap:"xs",direction:"column",children:[s.jsx(h,{level:"h3",accent:"positive",children:"Heading"}),s.jsx(L,{accent:"positive",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]})});x.storyName="Box";var t,y,g;x.parameters={...x.parameters,docs:{...(t=x.parameters)==null?void 0:t.docs,source:{originalSource:`() => <Box background="positiveLight">
2
- <LayoutFlex gap="xs" direction="column">
3
- <Heading level="h3" accent="positive">
4
- Heading
5
- </Heading>
6
- <Text accent="positive">
7
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit
8
- amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et
9
- vitae eros
10
- </Text>
11
- </LayoutFlex>
12
- </Box>`,...(g=(y=x.parameters)==null?void 0:y.docs)==null?void 0:g.source}}};const Bo=["Base"];export{x as Base,Bo as __namedExportsOrder,bo as default};
@@ -1 +0,0 @@
1
- import{j as s}from"./jsx-runtime-Bxcv0yjW.js";import{B as u}from"./ButtonBase-kKJbXmkq.js";import{a as p}from"./classNames-RlyrdfpN.js";import{w as a}from"./componentNames-BAR5iJaT.js";import{B,a as f}from"./useStyleExtract-nWieKQF4.js";const j={"Button--icon":"_Button--icon_1e81v_5"},h=({variant:e=B,size:r=f,url:i,a11yLabel:m,leadingSvgIcon:o,trailingSvgIcon:t,children:c,...l})=>{const n=[...p(j,a.Button,["icon"])];return s.jsxs(u,{...l,isIconButton:!1,variant:e,size:r,url:i,a11yLabel:m,preplyDsComponent:a.Button,children:[!!o&&s.jsx("span",{className:n.join(" "),children:s.jsx(o,{"aria-hidden":"true",focusable:"false"})}),c,!!t&&s.jsx("span",{className:n.join(" "),children:s.jsx(t,{"aria-hidden":"true",focusable:"false"})})]})};export{h as B};
@@ -1 +0,0 @@
1
- ._Button--icon_1e81v_5{display:flex;margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}._Button--icon_1e81v_5 svg{width:var(--f316e1);height:var(--f316e1)}._Button--icon_1e81v_5 svg path{fill:currentColor}
@@ -1 +0,0 @@
1
- import{j as s}from"./jsx-runtime-Bxcv0yjW.js";import{r as y}from"./index-mfbfsM12.js";import{S as R}from"./Spinner-CjcnFiyL.js";import{u as $,B as H,a as V}from"./useStyleExtract-nWieKQF4.js";import{u as W}from"./useHostname-xnO3cZkD.js";import{m as Z,s as B,b as a,a as p}from"./classNames-RlyrdfpN.js";import{g as G,a as J}from"./componentNames-BAR5iJaT.js";import{m as M}from"./index-CC6DAVyL.js";const Q="_ButtonBase_1mzsz_51",m={"button-width--width-full":"_button-width--width-full_1mzsz_5","button-width--width-auto":"_button-width--width-auto_1mzsz_8","button-width--narrow-l--width-full":"_button-width--narrow-l--width-full_1mzsz_12","button-width--narrow-l--width-auto":"_button-width--narrow-l--width-auto_1mzsz_15","button-width--medium-s--width-full":"_button-width--medium-s--width-full_1mzsz_20","button-width--medium-s--width-auto":"_button-width--medium-s--width-auto_1mzsz_23","button-width--medium-l--width-full":"_button-width--medium-l--width-full_1mzsz_28","button-width--medium-l--width-auto":"_button-width--medium-l--width-auto_1mzsz_31","button-width--wide-s--width-full":"_button-width--wide-s--width-full_1mzsz_36","button-width--wide-s--width-auto":"_button-width--wide-s--width-auto_1mzsz_39","button-width--wide-l--width-full":"_button-width--wide-l--width-full_1mzsz_44","button-width--wide-l--width-auto":"_button-width--wide-l--width-auto_1mzsz_47",ButtonBase:Q,"ButtonBase--content":"_ButtonBase--content_1mzsz_76","ButtonBase--is-icon-button":"_ButtonBase--is-icon-button_1mzsz_83","ButtonBase--busy":"_ButtonBase--busy_1mzsz_90","ButtonBase--is-busy":"_ButtonBase--is-busy_1mzsz_113","ButtonBase--width-full":"_ButtonBase--width-full_1mzsz_120","ButtonBase--width-auto":"_ButtonBase--width-auto_1mzsz_123","ButtonBase--narrow-l--width-full":"_ButtonBase--narrow-l--width-full_1mzsz_127","ButtonBase--narrow-l--width-auto":"_ButtonBase--narrow-l--width-auto_1mzsz_130","ButtonBase--medium-s--width-full":"_ButtonBase--medium-s--width-full_1mzsz_135","ButtonBase--medium-s--width-auto":"_ButtonBase--medium-s--width-auto_1mzsz_138","ButtonBase--medium-l--width-full":"_ButtonBase--medium-l--width-full_1mzsz_143","ButtonBase--medium-l--width-auto":"_ButtonBase--medium-l--width-auto_1mzsz_146","ButtonBase--wide-s--width-full":"_ButtonBase--wide-s--width-full_1mzsz_151","ButtonBase--wide-s--width-auto":"_ButtonBase--wide-s--width-auto_1mzsz_154","ButtonBase--wide-l--width-full":"_ButtonBase--wide-l--width-full_1mzsz_159","ButtonBase--wide-l--width-auto":"_ButtonBase--wide-l--width-auto_1mzsz_162","ButtonBase--size-xs":"_ButtonBase--size-xs_1mzsz_166","ButtonBase--is-icon-button-size-xs":"_ButtonBase--is-icon-button-size-xs_1mzsz_175","ButtonBase--size-s":"_ButtonBase--size-s_1mzsz_180","ButtonBase--is-icon-button-size-s":"_ButtonBase--is-icon-button-size-s_1mzsz_189","ButtonBase--size-m":"_ButtonBase--size-m_1mzsz_194","ButtonBase--is-icon-button-size-m":"_ButtonBase--is-icon-button-size-m_1mzsz_203","ButtonBase--size-l":"_ButtonBase--size-l_1mzsz_208","ButtonBase--is-icon-button-size-l":"_ButtonBase--is-icon-button-size-l_1mzsz_217","ButtonBase--size-xl":"_ButtonBase--size-xl_1mzsz_222","ButtonBase--is-icon-button-size-xl":"_ButtonBase--is-icon-button-size-xl_1mzsz_231","ButtonBase--size-large":"_ButtonBase--size-large_1mzsz_236","ButtonBase--is-icon-button-size-large":"_ButtonBase--is-icon-button-size-large_1mzsz_245","ButtonBase--size-medium":"_ButtonBase--size-medium_1mzsz_250","ButtonBase--is-icon-button-size-medium":"_ButtonBase--is-icon-button-size-medium_1mzsz_259","ButtonBase--size-small":"_ButtonBase--size-small_1mzsz_264","ButtonBase--is-icon-button-size-small":"_ButtonBase--is-icon-button-size-small_1mzsz_273","ButtonBase--narrow-l--size-xs":"_ButtonBase--narrow-l--size-xs_1mzsz_279","ButtonBase--narrow-l--is-icon-button-size-xs":"_ButtonBase--narrow-l--is-icon-button-size-xs_1mzsz_288","ButtonBase--narrow-l--size-s":"_ButtonBase--narrow-l--size-s_1mzsz_293","ButtonBase--narrow-l--is-icon-button-size-s":"_ButtonBase--narrow-l--is-icon-button-size-s_1mzsz_302","ButtonBase--narrow-l--size-m":"_ButtonBase--narrow-l--size-m_1mzsz_307","ButtonBase--narrow-l--is-icon-button-size-m":"_ButtonBase--narrow-l--is-icon-button-size-m_1mzsz_316","ButtonBase--narrow-l--size-l":"_ButtonBase--narrow-l--size-l_1mzsz_321","ButtonBase--narrow-l--is-icon-button-size-l":"_ButtonBase--narrow-l--is-icon-button-size-l_1mzsz_330","ButtonBase--narrow-l--size-xl":"_ButtonBase--narrow-l--size-xl_1mzsz_335","ButtonBase--narrow-l--is-icon-button-size-xl":"_ButtonBase--narrow-l--is-icon-button-size-xl_1mzsz_344","ButtonBase--narrow-l--size-large":"_ButtonBase--narrow-l--size-large_1mzsz_349","ButtonBase--narrow-l--is-icon-button-size-large":"_ButtonBase--narrow-l--is-icon-button-size-large_1mzsz_358","ButtonBase--narrow-l--size-medium":"_ButtonBase--narrow-l--size-medium_1mzsz_363","ButtonBase--narrow-l--is-icon-button-size-medium":"_ButtonBase--narrow-l--is-icon-button-size-medium_1mzsz_372","ButtonBase--narrow-l--size-small":"_ButtonBase--narrow-l--size-small_1mzsz_377","ButtonBase--narrow-l--is-icon-button-size-small":"_ButtonBase--narrow-l--is-icon-button-size-small_1mzsz_386","ButtonBase--medium-s--size-xs":"_ButtonBase--medium-s--size-xs_1mzsz_393","ButtonBase--medium-s--is-icon-button-size-xs":"_ButtonBase--medium-s--is-icon-button-size-xs_1mzsz_402","ButtonBase--medium-s--size-s":"_ButtonBase--medium-s--size-s_1mzsz_407","ButtonBase--medium-s--is-icon-button-size-s":"_ButtonBase--medium-s--is-icon-button-size-s_1mzsz_416","ButtonBase--medium-s--size-m":"_ButtonBase--medium-s--size-m_1mzsz_421","ButtonBase--medium-s--is-icon-button-size-m":"_ButtonBase--medium-s--is-icon-button-size-m_1mzsz_430","ButtonBase--medium-s--size-l":"_ButtonBase--medium-s--size-l_1mzsz_435","ButtonBase--medium-s--is-icon-button-size-l":"_ButtonBase--medium-s--is-icon-button-size-l_1mzsz_444","ButtonBase--medium-s--size-xl":"_ButtonBase--medium-s--size-xl_1mzsz_449","ButtonBase--medium-s--is-icon-button-size-xl":"_ButtonBase--medium-s--is-icon-button-size-xl_1mzsz_458","ButtonBase--medium-s--size-large":"_ButtonBase--medium-s--size-large_1mzsz_463","ButtonBase--medium-s--is-icon-button-size-large":"_ButtonBase--medium-s--is-icon-button-size-large_1mzsz_472","ButtonBase--medium-s--size-medium":"_ButtonBase--medium-s--size-medium_1mzsz_477","ButtonBase--medium-s--is-icon-button-size-medium":"_ButtonBase--medium-s--is-icon-button-size-medium_1mzsz_486","ButtonBase--medium-s--size-small":"_ButtonBase--medium-s--size-small_1mzsz_491","ButtonBase--medium-s--is-icon-button-size-small":"_ButtonBase--medium-s--is-icon-button-size-small_1mzsz_500","ButtonBase--medium-l--size-xs":"_ButtonBase--medium-l--size-xs_1mzsz_507","ButtonBase--medium-l--is-icon-button-size-xs":"_ButtonBase--medium-l--is-icon-button-size-xs_1mzsz_516","ButtonBase--medium-l--size-s":"_ButtonBase--medium-l--size-s_1mzsz_521","ButtonBase--medium-l--is-icon-button-size-s":"_ButtonBase--medium-l--is-icon-button-size-s_1mzsz_530","ButtonBase--medium-l--size-m":"_ButtonBase--medium-l--size-m_1mzsz_535","ButtonBase--medium-l--is-icon-button-size-m":"_ButtonBase--medium-l--is-icon-button-size-m_1mzsz_544","ButtonBase--medium-l--size-l":"_ButtonBase--medium-l--size-l_1mzsz_549","ButtonBase--medium-l--is-icon-button-size-l":"_ButtonBase--medium-l--is-icon-button-size-l_1mzsz_558","ButtonBase--medium-l--size-xl":"_ButtonBase--medium-l--size-xl_1mzsz_563","ButtonBase--medium-l--is-icon-button-size-xl":"_ButtonBase--medium-l--is-icon-button-size-xl_1mzsz_572","ButtonBase--medium-l--size-large":"_ButtonBase--medium-l--size-large_1mzsz_577","ButtonBase--medium-l--is-icon-button-size-large":"_ButtonBase--medium-l--is-icon-button-size-large_1mzsz_586","ButtonBase--medium-l--size-medium":"_ButtonBase--medium-l--size-medium_1mzsz_591","ButtonBase--medium-l--is-icon-button-size-medium":"_ButtonBase--medium-l--is-icon-button-size-medium_1mzsz_600","ButtonBase--medium-l--size-small":"_ButtonBase--medium-l--size-small_1mzsz_605","ButtonBase--medium-l--is-icon-button-size-small":"_ButtonBase--medium-l--is-icon-button-size-small_1mzsz_614","ButtonBase--wide-s--size-xs":"_ButtonBase--wide-s--size-xs_1mzsz_621","ButtonBase--wide-s--is-icon-button-size-xs":"_ButtonBase--wide-s--is-icon-button-size-xs_1mzsz_630","ButtonBase--wide-s--size-s":"_ButtonBase--wide-s--size-s_1mzsz_635","ButtonBase--wide-s--is-icon-button-size-s":"_ButtonBase--wide-s--is-icon-button-size-s_1mzsz_644","ButtonBase--wide-s--size-m":"_ButtonBase--wide-s--size-m_1mzsz_649","ButtonBase--wide-s--is-icon-button-size-m":"_ButtonBase--wide-s--is-icon-button-size-m_1mzsz_658","ButtonBase--wide-s--size-l":"_ButtonBase--wide-s--size-l_1mzsz_663","ButtonBase--wide-s--is-icon-button-size-l":"_ButtonBase--wide-s--is-icon-button-size-l_1mzsz_672","ButtonBase--wide-s--size-xl":"_ButtonBase--wide-s--size-xl_1mzsz_677","ButtonBase--wide-s--is-icon-button-size-xl":"_ButtonBase--wide-s--is-icon-button-size-xl_1mzsz_686","ButtonBase--wide-s--size-large":"_ButtonBase--wide-s--size-large_1mzsz_691","ButtonBase--wide-s--is-icon-button-size-large":"_ButtonBase--wide-s--is-icon-button-size-large_1mzsz_700","ButtonBase--wide-s--size-medium":"_ButtonBase--wide-s--size-medium_1mzsz_705","ButtonBase--wide-s--is-icon-button-size-medium":"_ButtonBase--wide-s--is-icon-button-size-medium_1mzsz_714","ButtonBase--wide-s--size-small":"_ButtonBase--wide-s--size-small_1mzsz_719","ButtonBase--wide-s--is-icon-button-size-small":"_ButtonBase--wide-s--is-icon-button-size-small_1mzsz_728","ButtonBase--wide-l--size-xs":"_ButtonBase--wide-l--size-xs_1mzsz_735","ButtonBase--wide-l--is-icon-button-size-xs":"_ButtonBase--wide-l--is-icon-button-size-xs_1mzsz_744","ButtonBase--wide-l--size-s":"_ButtonBase--wide-l--size-s_1mzsz_749","ButtonBase--wide-l--is-icon-button-size-s":"_ButtonBase--wide-l--is-icon-button-size-s_1mzsz_758","ButtonBase--wide-l--size-m":"_ButtonBase--wide-l--size-m_1mzsz_763","ButtonBase--wide-l--is-icon-button-size-m":"_ButtonBase--wide-l--is-icon-button-size-m_1mzsz_772","ButtonBase--wide-l--size-l":"_ButtonBase--wide-l--size-l_1mzsz_777","ButtonBase--wide-l--is-icon-button-size-l":"_ButtonBase--wide-l--is-icon-button-size-l_1mzsz_786","ButtonBase--wide-l--size-xl":"_ButtonBase--wide-l--size-xl_1mzsz_791","ButtonBase--wide-l--is-icon-button-size-xl":"_ButtonBase--wide-l--is-icon-button-size-xl_1mzsz_800","ButtonBase--wide-l--size-large":"_ButtonBase--wide-l--size-large_1mzsz_805","ButtonBase--wide-l--is-icon-button-size-large":"_ButtonBase--wide-l--is-icon-button-size-large_1mzsz_814","ButtonBase--wide-l--size-medium":"_ButtonBase--wide-l--size-medium_1mzsz_819","ButtonBase--wide-l--is-icon-button-size-medium":"_ButtonBase--wide-l--is-icon-button-size-medium_1mzsz_828","ButtonBase--wide-l--size-small":"_ButtonBase--wide-l--size-small_1mzsz_833","ButtonBase--wide-l--is-icon-button-size-small":"_ButtonBase--wide-l--is-icon-button-size-small_1mzsz_842","ButtonBase--variant-primary":"_ButtonBase--variant-primary_1mzsz_848","ButtonBase--variant-primary--dsInternalSimulation-hover":"_ButtonBase--variant-primary--dsInternalSimulation-hover_1mzsz_854","ButtonBase--variant-primary--dsInternalSimulation-active":"_ButtonBase--variant-primary--dsInternalSimulation-active_1mzsz_869","ButtonBase--variant-secondary":"_ButtonBase--variant-secondary_1mzsz_873","ButtonBase--variant-secondary--dsInternalSimulation-hover":"_ButtonBase--variant-secondary--dsInternalSimulation-hover_1mzsz_879","ButtonBase--variant-secondary--dsInternalSimulation-active":"_ButtonBase--variant-secondary--dsInternalSimulation-active_1mzsz_894","ButtonBase--variant-tertiary":"_ButtonBase--variant-tertiary_1mzsz_898","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"_ButtonBase--variant-tertiary--dsInternalSimulation-hover_1mzsz_904","ButtonBase--variant-tertiary--dsInternalSimulation-active":"_ButtonBase--variant-tertiary--dsInternalSimulation-active_1mzsz_919","ButtonBase--variant-quaternary":"_ButtonBase--variant-quaternary_1mzsz_923","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"_ButtonBase--variant-quaternary--dsInternalSimulation-hover_1mzsz_929","ButtonBase--variant-quaternary--dsInternalSimulation-active":"_ButtonBase--variant-quaternary--dsInternalSimulation-active_1mzsz_944","ButtonBase--variant-ghost":"_ButtonBase--variant-ghost_1mzsz_948","ButtonBase--variant-ghost--dsInternalSimulation-hover":"_ButtonBase--variant-ghost--dsInternalSimulation-hover_1mzsz_954","ButtonBase--variant-ghost--dsInternalSimulation-active":"_ButtonBase--variant-ghost--dsInternalSimulation-active_1mzsz_969","ButtonBase--variant-ghost--is-selected":"_ButtonBase--variant-ghost--is-selected_1mzsz_973","ButtonBase--variant-plain":"_ButtonBase--variant-plain_1mzsz_977","ButtonBase--variant-plain--dsInternalSimulation-hover":"_ButtonBase--variant-plain--dsInternalSimulation-hover_1mzsz_983","ButtonBase--variant-plain--dsInternalSimulation-active":"_ButtonBase--variant-plain--dsInternalSimulation-active_1mzsz_998","ButtonBase--variant-dangerous":"_ButtonBase--variant-dangerous_1mzsz_1002","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"_ButtonBase--variant-dangerous--dsInternalSimulation-hover_1mzsz_1008","ButtonBase--variant-dangerous--dsInternalSimulation-active":"_ButtonBase--variant-dangerous--dsInternalSimulation-active_1mzsz_1023","ButtonBase--variant-critical":"_ButtonBase--variant-critical_1mzsz_1027","ButtonBase--variant-critical--dsInternalSimulation-hover":"_ButtonBase--variant-critical--dsInternalSimulation-hover_1mzsz_1033","ButtonBase--variant-critical--dsInternalSimulation-active":"_ButtonBase--variant-critical--dsInternalSimulation-active_1mzsz_1048","ButtonBase--variant-onColor":"_ButtonBase--variant-onColor_1mzsz_1052","ButtonBase--variant-onColor--dsInternalSimulation-hover":"_ButtonBase--variant-onColor--dsInternalSimulation-hover_1mzsz_1058","ButtonBase--variant-onColor--dsInternalSimulation-active":"_ButtonBase--variant-onColor--dsInternalSimulation-active_1mzsz_1073","ButtonBase--variant-classroom":"_ButtonBase--variant-classroom_1mzsz_1077","ButtonBase--variant-classroom--dsInternalSimulation-hover":"_ButtonBase--variant-classroom--dsInternalSimulation-hover_1mzsz_1083","ButtonBase--variant-classroom--dsInternalSimulation-active":"_ButtonBase--variant-classroom--dsInternalSimulation-active_1mzsz_1098","ButtonBase--variant-classroom--is-selected":"_ButtonBase--variant-classroom--is-selected_1mzsz_1102","ButtonBase--variant-primaryB2b":"_ButtonBase--variant-primaryB2b_1mzsz_1106","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_1mzsz_1112","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-active_1mzsz_1127","ButtonBase--variant-primaryTutor":"_ButtonBase--variant-primaryTutor_1mzsz_1131","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_1mzsz_1137","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-active_1mzsz_1152","ButtonBase--variant-inverted":"_ButtonBase--variant-inverted_1mzsz_1156","ButtonBase--variant-inverted--dsInternalSimulation-hover":"_ButtonBase--variant-inverted--dsInternalSimulation-hover_1mzsz_1162","ButtonBase--variant-inverted--dsInternalSimulation-active":"_ButtonBase--variant-inverted--dsInternalSimulation-active_1mzsz_1177","ButtonBase--variant-newFeature":"_ButtonBase--variant-newFeature_1mzsz_1181","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"_ButtonBase--variant-newFeature--dsInternalSimulation-hover_1mzsz_1187","ButtonBase--variant-newFeature--dsInternalSimulation-active":"_ButtonBase--variant-newFeature--dsInternalSimulation-active_1mzsz_1202","ButtonBase--variant-ai":"_ButtonBase--variant-ai_1mzsz_1206","ButtonBase--variant-ai--dsInternalSimulation-hover":"_ButtonBase--variant-ai--dsInternalSimulation-hover_1mzsz_1212","ButtonBase--variant-ai--dsInternalSimulation-active":"_ButtonBase--variant-ai--dsInternalSimulation-active_1mzsz_1227","ButtonBase--no-wrap":"_ButtonBase--no-wrap_1mzsz_1239"},c="ButtonBase",X=t=>Object.prototype.hasOwnProperty.call(t,"selected"),d=({children:t,busy:i})=>{const o=[...p(m,c,["content"])],z=[...p(m,c,["busy"])];return s.jsxs(s.Fragment,{children:[s.jsx("span",{className:o.join(" "),children:t}),i&&s.jsx("span",{className:z.join(" "),children:s.jsx(R,{})})]})},ut=t=>{const{variant:i=H,size:o=V,fullWidth:z=!1,wrap:f=!1,href:g,download:T,opensInNewTab:C,nofollow:N,submitsForm:j,assistiveText:E,onClick:_,disabled:u,busy:e,isIconButton:w,as:v,url:F,a11yLabel:D,dataset:q,children:l,dsInternalSimulation:P,preplyDsComponent:U}=t,{selected:k}=X(t)?t:{selected:void 0};$(m);const A=W(),b=y.useRef(null),O=n=>{(u||e)&&n.preventDefault(),_==null||_(n)},L=n=>{var x;const I=M(n.key);(I===" "||I==="Enter")&&(n.preventDefault(),(x=b.current)==null||x.click())},K=Z(m,c,[B(`variant-${i}--dsInternalSimulation`,P),B("variant",i),B("size",o),w?B("is-icon-button-size",o):[],a(void 0,"no-wrap",f),a("width-full","width-auto",z),a("is-busy",void 0,e),a("is-icon-button",void 0,w),a(`variant-${i}--is-selected`,void 0,k)]),h={...G(q,{preplyDsComponent:U}),className:K.join(" "),"aria-label":E||D,onClick:O,disabled:u,"aria-disabled":u||e?!0:void 0},r=g||F,S={...h,download:T,ref:b,role:"button",tabIndex:u?-1:0,href:r,onKeyDown:L};return r?s.jsx("a",{...S,...J(A,r,C,N),children:d({children:l,busy:e})}):v?y.cloneElement(v,{...S},d({children:l,busy:e})):s.jsx("button",{...h,type:j?"submit":"button",children:d({children:l,busy:e})})};export{ut as B};
@@ -1 +0,0 @@
1
- ._chips_pc96n_3{display:flex;gap:var(--813599);flex-wrap:wrap}._chips_pc96n_3:is(ul){list-style:none;margin:0;padding:0}._chips_pc96n_3 ._chip_pc96n_3{box-sizing:border-box;cursor:pointer;height:var(--ece0fe);width:fit-content;font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e);color:var(--628fb7);background-color:var(--3546c3);border:solid var(--26b8e3);border-radius:var(--fa4b1a);border-color:var(--c03289);display:flex;align-items:center}._chips_pc96n_3 ._chip_pc96n_3 button{all:unset}@media (hover: hover) and (pointer: fine){._chips_pc96n_3 ._chip_pc96n_3:hover{background-color:var(--302ecf)}}._chips_pc96n_3 ._chip_pc96n_3:has(._chip-toggle_pc96n_37:focus-visible){outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--05dd73)}._chips_pc96n_3 ._chip_pc96n_3:has(._chip-toggle_pc96n_37:active){border-color:var(--11d206);background-color:var(--a5c761)}._chips_pc96n_3 ._chip_pc96n_3:has(._chip-toggle_pc96n_37[aria-pressed=true]){border-color:var(--11d206);background-color:var(--a5c761)}._chips_pc96n_3 ._chip_pc96n_3 ._chip-toggle_pc96n_37{padding:var(--66b80b) var(--813599);display:flex;gap:var(--66b80b)}._chips_pc96n_3 ._chip_pc96n_3 ._chip-remove_pc96n_54{height:fit-content;width:fit-content;display:flex;justify-content:center;align-items:center;padding:var(--66b80b) var(--813599) var(--66b80b) 0;border-radius:inherit}._chips_pc96n_3 ._chip_pc96n_3 ._chip-remove_pc96n_54:focus-visible{outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--109103) var(--05dd73)}._chips_pc96n_3[data-variant=choice] ._chip_pc96n_3:has(._chip-toggle_pc96n_37[aria-pressed=true]){color:var(--c2b191);background-color:var(--4983fe)}._chips_pc96n_3[data-variant=choice] ._chip_pc96n_3 ._chip-remove_pc96n_54{display:none}._chips_pc96n_3[data-variant=filter] ._chip_pc96n_3:has(._chip-toggle_pc96n_37[aria-pressed=false]) ._chip-remove_pc96n_54{display:none}
@@ -1 +0,0 @@
1
- import{D,d as c}from"./chunk-HLWAVYOI-CD9LB7Y8.js";import"./iframe-9MNwBgj-.js";import"../sb-preview/runtime.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./client-Chldl6yy.js";import"./index-CnQXyiSh.js";import"./index-CXQveQOi.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";export{D as DocsRenderer,c as defaultComponents};
@@ -1 +0,0 @@
1
- ._FieldAdditionalText_11jc5_4{margin:0;font-weight:var(--026ea8);font-size:var(--3f1843);line-height:var(--030292);letter-spacing:var(--c142cd)}._FieldAdditionalText--variant-normal_11jc5_11{color:var(--3d280d)}._FieldAdditionalText--variant-error_11jc5_14{color:var(--9167e9)}
@@ -1 +0,0 @@
1
- import{j as d}from"./jsx-runtime-Bxcv0yjW.js";import{u as r}from"./useStyleExtract-nWieKQF4.js";import{m as l,s as n}from"./classNames-RlyrdfpN.js";import{w as t,g as m}from"./componentNames-BAR5iJaT.js";import{a as x}from"./constants-DL6gdbsq.js";const A="_FieldAdditionalText_11jc5_4",a={FieldAdditionalText:A,"FieldAdditionalText--variant-normal":"_FieldAdditionalText--variant-normal_11jc5_11","FieldAdditionalText--variant-error":"_FieldAdditionalText--variant-error_11jc5_14"},j=({id:i,variant:e=x,children:o})=>{r(a);const s=l(a,t.FieldAdditionalText,[n("variant",e)]);return d.jsx("p",{id:i,className:s.join(" "),...m({preplyDsComponent:t.FieldAdditionalText}),children:o})};export{j as F};
@@ -1 +0,0 @@
1
- import{j as r}from"./jsx-runtime-Bxcv0yjW.js";import{F as t}from"./FieldAdditionalText-CL5iCCLi.js";import{S as p}from"./StoryContextDSWeb-CQCIj3Y9.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./useStyleExtract-nWieKQF4.js";import"./classNames-RlyrdfpN.js";import"./componentNames-BAR5iJaT.js";import"./constants-DL6gdbsq.js";import"./StorybookGlobalStyle-C0X2e0mN.js";import"./styled-components.browser.esm-BppVzN7H.js";import"./RootProvider-DbgEixHa.js";import"./useTheme-D6du8lDT.js";import"./useColorScheme-CRstX5qq.js";import"./style-inject.es-O-YsppCx.js";const g={title:"components/FieldAdditionalText",component:t,decorators:[n=>r.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:r.jsx(p,{theme:"tokyo-ui",children:n()})})]},e=()=>r.jsx(t,{children:"Provide a telephone number so we can contact you."}),o=()=>r.jsx(t,{variant:"error",children:"Please fill out this field."});var i,a,s;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:"() => <FieldAdditionalText>Provide a telephone number so we can contact you.</FieldAdditionalText>",...(s=(a=e.parameters)==null?void 0:a.docs)==null?void 0:s.source}}};var d,m,l;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:'() => <FieldAdditionalText variant="error">Please fill out this field.</FieldAdditionalText>',...(l=(m=o.parameters)==null?void 0:m.docs)==null?void 0:l.source}}};const k=["Normal","Error"];export{o as Error,e as Normal,k as __namedExportsOrder,g as default};
@@ -1 +0,0 @@
1
- import{j as o}from"./jsx-runtime-Bxcv0yjW.js";import{u}from"./useStyleExtract-nWieKQF4.js";import{m as d}from"./classNames-RlyrdfpN.js";import{g as c,w as e}from"./componentNames-BAR5iJaT.js";const F="_FieldButton_s3q2m_4",a={FieldButton:F},b=({svg:n,assistiveText:r,onClick:t,dataset:m})=>{u(a);const l=d(a,e.FieldButton),i=s=>{s.stopPropagation(),t==null||t(s)},p={...c(m,{preplyDsComponent:e.FieldButton}),className:l.join(" "),title:r,onClick:i};return o.jsx("button",{...p,type:"button",children:o.jsx(n,{"aria-hidden":"true",focusable:"false"})})};export{b as F};
@@ -1 +0,0 @@
1
- import{j as t}from"./jsx-runtime-Bxcv0yjW.js";import{F as p}from"./LibraryExplore-0TjvsBMy.js";import{F as i}from"./FieldButton-DpMz-wEU.js";import{S as a}from"./StoryContextDSWeb-CQCIj3Y9.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./useStyleExtract-nWieKQF4.js";import"./classNames-RlyrdfpN.js";import"./componentNames-BAR5iJaT.js";import"./StorybookGlobalStyle-C0X2e0mN.js";import"./styled-components.browser.esm-BppVzN7H.js";import"./RootProvider-DbgEixHa.js";import"./useTheme-D6du8lDT.js";import"./useColorScheme-CRstX5qq.js";import"./style-inject.es-O-YsppCx.js";const k={title:"components/FieldButton",component:i,decorators:[m=>t.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:t.jsx(a,{theme:"tokyo-ui",children:m()})})]},o=()=>t.jsx(i,{svg:p,assistiveText:"Lorem Ipsum",onClick:()=>{}});o.storyName="FieldButton";var r,e,s;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:'() => <FieldButton svg={LibSvg} assistiveText="Lorem Ipsum" onClick={() => undefined} />',...(s=(e=o.parameters)==null?void 0:e.docs)==null?void 0:s.source}}};const C=["Base"];export{o as Base,C as __namedExportsOrder,k as default};
@@ -1 +0,0 @@
1
- import{j as r}from"./jsx-runtime-Bxcv0yjW.js";import{r as c}from"./index-mfbfsM12.js";import{F as w}from"./FieldLayoutBase-Dbqo_URw.js";import{u as C}from"./useStyleExtract-nWieKQF4.js";import{a as u,b as o}from"./classNames-RlyrdfpN.js";import{w as t}from"./componentNames-BAR5iJaT.js";const i={"FieldLayout--input":"_FieldLayout--input_ldeq8_5","FieldLayout--icon":"_FieldLayout--icon_ldeq8_42","FieldLayout--has-icon":"_FieldLayout--has-icon_ldeq8_55","FieldLayout--has-button":"_FieldLayout--has-button_ldeq8_58","FieldLayout--has-error":"_FieldLayout--has-error_ldeq8_61","FieldLayout--is-focused":"_FieldLayout--is-focused_ldeq8_72","FieldLayout--is-disabled":"_FieldLayout--is-disabled_ldeq8_76"},I=({id:f,className:m,input:h,icon:l,button:F,disabled:y,isFocused:L,hasError:_,inputHandle:s,onClick:d,preplyDsComponent:p,...j},x)=>{C(i);const e=c.useRef(null);c.useImperativeHandle(x,()=>({setFocus:()=>s==null?void 0:s.setFocus(),scrollIntoView:()=>{var a;return(a=e==null?void 0:e.current)==null?void 0:a.scrollIntoView()}}));const n=u(i,t.FieldLayout,[o("is-disabled",void 0,y),o("is-focused",void 0,L),o("has-error",void 0,_),o("has-icon",void 0,!!l),o("has-button",void 0,!!F)]),N=m?[m,...n]:n,b=u(i,t.FieldLayout,["input"]),q=u(i,t.FieldLayout,["icon"]),v=a=>{s==null||s.setFocus(),d==null||d(a)};return r.jsx(w,{id:f,className:N.join(" "),disabled:y,isFocused:L,hasError:_,...j,preplyDsComponent:p??t.FieldLayout,ref:e,children:r.jsxs("div",{className:b.join(" "),onClick:v,children:[l&&r.jsx("span",{className:q.join(" "),children:l}),h,F]})})},g=c.forwardRef(I);export{g as F};
@@ -1 +0,0 @@
1
- ._FieldLayout--input_ldeq8_5{border-radius:var(--c4b051);display:flex;position:relative;align-items:center;background-color:var(--302ecf);color:var(--41d493);background-color:var(--211bc0)}@media (hover: hover) and (pointer: fine){._FieldLayout--input_ldeq8_5:hover input,._FieldLayout--input_ldeq8_5:hover textarea{border-color:var(--0bd642)}}._FieldLayout--input_ldeq8_5 input,._FieldLayout--input_ldeq8_5 textarea{border-color:var(--29cd58);border-width:var(--d9baa3);border-radius:var(--c4b051);border-style:solid;background:none;outline:none;font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);padding:calc(var(--d9baa3) + var(--1ba55a));padding-right:calc(var(--477fda) - var(--d9baa3));padding-left:calc(var(--477fda) - var(--d9baa3))}._FieldLayout--input_ldeq8_5 input::placeholder,._FieldLayout--input_ldeq8_5 textarea::placeholder{color:var(--d9209f)}._FieldLayout--icon_ldeq8_42{position:absolute;top:0;display:flex;align-items:center;height:100%;left:calc(var(--477fda) - var(--d9baa3));font-size:0;pointer-events:none}._FieldLayout--icon_ldeq8_42 svg{color:var(--cbc724)}._FieldLayout--has-icon_ldeq8_55 ._FieldLayout--input_ldeq8_5 input{padding-left:calc(calc(var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a))}._FieldLayout--has-button_ldeq8_58 ._FieldLayout--input_ldeq8_5 input{padding-right:58px}._FieldLayout--has-error_ldeq8_61 ._FieldLayout--input_ldeq8_5{background-color:var(--95df5b)}._FieldLayout--has-error_ldeq8_61 ._FieldLayout--input_ldeq8_5 input,._FieldLayout--has-error_ldeq8_61 ._FieldLayout--input_ldeq8_5 textarea{border-color:var(--eaf4a3);color:var(--7b0f41)}._FieldLayout--has-error_ldeq8_61 ._FieldLayout--icon_ldeq8_42 svg{color:var(--7b0f41)}._FieldLayout--is-focused_ldeq8_72 ._FieldLayout--input_ldeq8_5 input,._FieldLayout--is-focused_ldeq8_72 ._FieldLayout--input_ldeq8_5 textarea{border-color:var(--398094)}._FieldLayout--is-disabled_ldeq8_76 ._FieldLayout--input_ldeq8_5{background-color:var(--04daeb)}._FieldLayout--is-disabled_ldeq8_76 ._FieldLayout--input_ldeq8_5 input,._FieldLayout--is-disabled_ldeq8_76 ._FieldLayout--input_ldeq8_5 textarea{border-color:transparent}._FieldLayout--input_ldeq8_5 button{position:absolute;top:calc(var(--1ba55a) + var(--6947b0));right:var(--6947b0);margin-top:calc(-1 * var(--1ba55a));margin-bottom:calc(-1 * var(--1ba55a))}
@@ -1,6 +0,0 @@
1
- import{j as t}from"./jsx-runtime-Bxcv0yjW.js";import{F as s,a as m}from"./User-nhKBVF6o.js";import{F as p}from"./FieldButton-DpMz-wEU.js";import{I as l}from"./Icon-CNtrVm52.js";import{I as u}from"./InputText-CxkwrF4V.js";import{F as a}from"./FieldLayout-DBao7mSK.js";import{S as d}from"./StoryContextDSWeb-CQCIj3Y9.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./useStyleExtract-nWieKQF4.js";import"./classNames-RlyrdfpN.js";import"./componentNames-BAR5iJaT.js";import"./useTextAccentClassnames-iB7PeFbR.js";import"./style-inject.es-O-YsppCx.js";import"./FieldLayoutBase-Dbqo_URw.js";import"./getInputProps-C2L1DtDZ.js";import"./FieldAdditionalText-CL5iCCLi.js";import"./constants-DL6gdbsq.js";import"./StorybookGlobalStyle-C0X2e0mN.js";import"./styled-components.browser.esm-BppVzN7H.js";import"./RootProvider-DbgEixHa.js";import"./useTheme-D6du8lDT.js";import"./useColorScheme-CRstX5qq.js";const V={title:"components/FieldLayout",component:a,decorators:[e=>t.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:t.jsx(d,{theme:"tokyo-ui",children:e()})})]},o=()=>{const e={current:null};return t.jsx(a,{id:"foo1",input:t.jsx(u,{type:"text",id:"foo1",ref:e,defaultValue:"John Smith"}),icon:t.jsx(l,{svg:s,label:"The hat"}),button:t.jsx(p,{svg:m,assistiveText:"Do the thing",onClick:()=>{}}),label:"Full name",inputHandle:e.current})};o.storyName="FieldLayout";var r,i,n;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
2
- const ref = {
3
- current: null
4
- };
5
- return <FieldLayout id="foo1" input={<InputText type="text" id="foo1" ref={ref} defaultValue="John Smith" />} icon={<Icon svg={UserSvg} label="The hat" />} button={<FieldButton svg={ErrorSvg} assistiveText="Do the thing" onClick={() => undefined} />} label="Full name" inputHandle={ref.current} />;
6
- }`,...(n=(i=o.parameters)==null?void 0:i.docs)==null?void 0:n.source}}};const _=["Base"];export{o as Base,_ as __namedExportsOrder,V as default};
@@ -1 +0,0 @@
1
- import{j as a}from"./jsx-runtime-Bxcv0yjW.js";import{r as p}from"./index-mfbfsM12.js";import{u as q,g as S,a as k}from"./getInputProps-C2L1DtDZ.js";import{g as P}from"./componentNames-BAR5iJaT.js";import{F as G}from"./FieldAdditionalText-CL5iCCLi.js";import{u as R}from"./useStyleExtract-nWieKQF4.js";import{m as h,b as w,a as z}from"./classNames-RlyrdfpN.js";const B={textarea:"textarea",select:"select"},U=()=>{},$=(e,s)=>{const{type:t,id:r,name:o,className:n,onChange:c,onFocus:i,onBlur:x,onClick:L,onKeyDown:b,onKeyUp:F,onCopy:I,onPaste:T,required:y,readOnly:_,disabled:d,dataset:f,preplyDsComponent:v}=e,l=p.useRef(null);p.useImperativeHandle(s,()=>({setFocus:()=>{var u;return(u=l.current)==null?void 0:u.focus()},scrollIntoView:()=>{var u;return(u=l.current)==null?void 0:u.scrollIntoView()}}));const D=q({disabled:d,captureChildEvents:!0,onBlur:x,onFocus:i}),E=B[t]||"input",A=E===t in B?void 0:t,C={...{ref:l,type:A,id:r,name:o,className:n,...D,onChange:c||U,onClick:L,onKeyDown:b,onKeyUp:F,onCopy:I,onPaste:T,required:y,readOnly:_,disabled:d},...S(e),...P(f,{preplyDsComponent:v}),...k(e)};return a.jsx(E,{...C,ref:l})},me=p.forwardRef($);function xe(e,s,t,r=[]){return p.useMemo(()=>{if(!(!s&&!t))return o=>{s==null||s(o);const n=e(o);t==null||t(n)}},[s,t,...r])}const H="_InputText_13lre_4",K="_InputPassword_13lre_11",M="_InputDate_13lre_18",O="_InputTime_13lre_25",Q="_InputNumber_13lre_32",W="_Textarea_13lre_39",Y="_Checkbox_13lre_58",J="_Radio_13lre_61",X="_Select_13lre_64",Le={InputText:H,InputPassword:K,InputDate:M,InputTime:O,InputNumber:Q,Textarea:W,"Textarea--resize-none":"_Textarea--resize-none_13lre_46","Textarea--resize-vertical":"_Textarea--resize-vertical_13lre_49","Textarea--resize-horizontal":"_Textarea--resize-horizontal_13lre_52","Textarea--resize-both":"_Textarea--resize-both_13lre_55",Checkbox:Y,Radio:J,Select:X},Z="_FieldLabel_1rvuc_4",m={FieldLabel:Z,"FieldLabel--wrap":"_FieldLabel--wrap_1rvuc_19","FieldLabel--wrapGap":"_FieldLabel--wrapGap_1rvuc_22","FieldLabel--required":"_FieldLabel--required_1rvuc_26","FieldLabel--hide":"_FieldLabel--hide_1rvuc_31"},j="FieldLabel",g="•",V="Required",ee=({label:e=V})=>{const s=z(m,j,["required"]);return a.jsxs("span",{className:s.join(" "),children:[a.jsx("span",{children:g}),a.jsx("span",{children:e})]})},se=()=>{const e=z(m,j,["wrapGap"]);return a.jsx("span",{className:e.join(" ")})},te=({id:e,label:s,hideLabel:t,wrapLabel:r=!1,required:o,requiredLabel:n})=>{R(m);const c=h(m,j,[w("hide",void 0,t),w("wrap",void 0,r)]);return a.jsxs("label",{htmlFor:e,className:c.join(" "),children:[s,r&&a.jsx(se,{}),o&&a.jsx(ee,{label:n})]})},ae="_FieldLayoutBase_1k0jr_2",N={FieldLayoutBase:ae},re="FieldLayoutBase",oe=({id:e,className:s,label:t,hideLabel:r,wrapLabel:o=!1,required:n,requiredLabel:c,additionalText:i,preserveSpace:x,hasError:L,dataset:b,children:F,preplyDsComponent:I},T)=>{R(N);const _=[...h(N,re)];s&&_.push(s);const d={className:_.join(" "),...P(b,{preplyDsComponent:I})},f={id:e,label:t,hideLabel:r,wrapLabel:o,required:n,requiredLabel:c},v=!i&&x?a.jsx("span",{children:" "}):void 0,l=L?"error":"normal";return a.jsxs("div",{...d,ref:T,children:[a.jsx(te,{...f}),F,i&&a.jsx(G,{id:`${e}-desc`,variant:l,children:i}),v]})},be=p.forwardRef(oe);export{be as F,me as I,Le as s,xe as u};
@@ -1 +0,0 @@
1
- ._InputText_13lre_4,._InputPassword_13lre_11,._InputDate_13lre_18,._InputTime_13lre_25,._InputNumber_13lre_32,._Textarea_13lre_39{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._Textarea--resize-none_13lre_46{resize:none}._Textarea--resize-vertical_13lre_49{resize:vertical}._Textarea--resize-horizontal_13lre_52{resize:horizontal}._Textarea--resize-both_13lre_55{resize:both}._Checkbox_13lre_58,._Radio_13lre_61{display:inline-block}._Select_13lre_64{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._FieldLabel_1rvuc_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);color:var(--e41135);font-size:var(--343d89);font-weight:var(--b44390);line-height:var(--360264);letter-spacing:var(--b8c41f);font-style:var(--0ab3be);display:flex;gap:var(--6947b0);max-width:max-content}._FieldLabel--wrap_1rvuc_19{display:inline}._FieldLabel--wrapGap_1rvuc_22{width:var(--6947b0);display:inline-block}._FieldLabel--required_1rvuc_26{display:flex;gap:var(--6947b0);color:var(--3d280d)}._FieldLabel--hide_1rvuc_31{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}._FieldLayoutBase_1k0jr_2{display:flex;flex-direction:column;gap:var(--6947b0)}._FieldLayoutBase_1k0jr_2 input,._FieldLayoutBase_1k0jr_2 textarea{display:block;width:100%}
@@ -1 +0,0 @@
1
- import{j as w}from"./jsx-runtime-Bxcv0yjW.js";import{u as c}from"./useStyleExtract-nWieKQF4.js";import{m as x,s as p,b as C}from"./classNames-RlyrdfpN.js";import{w as n,g as L}from"./componentNames-BAR5iJaT.js";import{u as N}from"./useTextCenteredClassnames-DHbKOmgJ.js";import{u as f,a as j}from"./useTextAccentClassnames-iB7PeFbR.js";const y="_Heading_o4a60_4",d={Heading:y,"Heading--level-h1-normal":"_Heading--level-h1-normal_o4a60_11","Heading--level-h1-large":"_Heading--level-h1-large_o4a60_17","Heading--level-h2-normal":"_Heading--level-h2-normal_o4a60_23","Heading--level-h2-large":"_Heading--level-h2-large_o4a60_29","Heading--level-h3-normal":"_Heading--level-h3-normal_o4a60_35","Heading--level-h3-large":"_Heading--level-h3-large_o4a60_41","Heading--level-h4-normal":"_Heading--level-h4-normal_o4a60_47","Heading--level-h4-large":"_Heading--level-h4-large_o4a60_53","Heading--level-h5-normal":"_Heading--level-h5-normal_o4a60_59","Heading--level-h5-large":"_Heading--level-h5-large_o4a60_65","Heading--narrow-l--level-h1-normal":"_Heading--narrow-l--level-h1-normal_o4a60_72","Heading--narrow-l--level-h1-large":"_Heading--narrow-l--level-h1-large_o4a60_78","Heading--narrow-l--level-h2-normal":"_Heading--narrow-l--level-h2-normal_o4a60_84","Heading--narrow-l--level-h2-large":"_Heading--narrow-l--level-h2-large_o4a60_90","Heading--narrow-l--level-h3-normal":"_Heading--narrow-l--level-h3-normal_o4a60_96","Heading--narrow-l--level-h3-large":"_Heading--narrow-l--level-h3-large_o4a60_102","Heading--narrow-l--level-h4-normal":"_Heading--narrow-l--level-h4-normal_o4a60_108","Heading--narrow-l--level-h4-large":"_Heading--narrow-l--level-h4-large_o4a60_114","Heading--narrow-l--level-h5-normal":"_Heading--narrow-l--level-h5-normal_o4a60_120","Heading--narrow-l--level-h5-large":"_Heading--narrow-l--level-h5-large_o4a60_126","Heading--medium-s--level-h1-normal":"_Heading--medium-s--level-h1-normal_o4a60_134","Heading--medium-s--level-h1-large":"_Heading--medium-s--level-h1-large_o4a60_140","Heading--medium-s--level-h2-normal":"_Heading--medium-s--level-h2-normal_o4a60_146","Heading--medium-s--level-h2-large":"_Heading--medium-s--level-h2-large_o4a60_152","Heading--medium-s--level-h3-normal":"_Heading--medium-s--level-h3-normal_o4a60_158","Heading--medium-s--level-h3-large":"_Heading--medium-s--level-h3-large_o4a60_164","Heading--medium-s--level-h4-normal":"_Heading--medium-s--level-h4-normal_o4a60_170","Heading--medium-s--level-h4-large":"_Heading--medium-s--level-h4-large_o4a60_176","Heading--medium-s--level-h5-normal":"_Heading--medium-s--level-h5-normal_o4a60_182","Heading--medium-s--level-h5-large":"_Heading--medium-s--level-h5-large_o4a60_188","Heading--medium-l--level-h1-normal":"_Heading--medium-l--level-h1-normal_o4a60_196","Heading--medium-l--level-h1-large":"_Heading--medium-l--level-h1-large_o4a60_202","Heading--medium-l--level-h2-normal":"_Heading--medium-l--level-h2-normal_o4a60_208","Heading--medium-l--level-h2-large":"_Heading--medium-l--level-h2-large_o4a60_214","Heading--medium-l--level-h3-normal":"_Heading--medium-l--level-h3-normal_o4a60_220","Heading--medium-l--level-h3-large":"_Heading--medium-l--level-h3-large_o4a60_226","Heading--medium-l--level-h4-normal":"_Heading--medium-l--level-h4-normal_o4a60_232","Heading--medium-l--level-h4-large":"_Heading--medium-l--level-h4-large_o4a60_238","Heading--medium-l--level-h5-normal":"_Heading--medium-l--level-h5-normal_o4a60_244","Heading--medium-l--level-h5-large":"_Heading--medium-l--level-h5-large_o4a60_250","Heading--wide-s--level-h1-normal":"_Heading--wide-s--level-h1-normal_o4a60_258","Heading--wide-s--level-h1-large":"_Heading--wide-s--level-h1-large_o4a60_264","Heading--wide-s--level-h2-normal":"_Heading--wide-s--level-h2-normal_o4a60_270","Heading--wide-s--level-h2-large":"_Heading--wide-s--level-h2-large_o4a60_276","Heading--wide-s--level-h3-normal":"_Heading--wide-s--level-h3-normal_o4a60_282","Heading--wide-s--level-h3-large":"_Heading--wide-s--level-h3-large_o4a60_288","Heading--wide-s--level-h4-normal":"_Heading--wide-s--level-h4-normal_o4a60_294","Heading--wide-s--level-h4-large":"_Heading--wide-s--level-h4-large_o4a60_300","Heading--wide-s--level-h5-normal":"_Heading--wide-s--level-h5-normal_o4a60_306","Heading--wide-s--level-h5-large":"_Heading--wide-s--level-h5-large_o4a60_312","Heading--wide-l--level-h1-normal":"_Heading--wide-l--level-h1-normal_o4a60_320","Heading--wide-l--level-h1-large":"_Heading--wide-l--level-h1-large_o4a60_326","Heading--wide-l--level-h2-normal":"_Heading--wide-l--level-h2-normal_o4a60_332","Heading--wide-l--level-h2-large":"_Heading--wide-l--level-h2-large_o4a60_338","Heading--wide-l--level-h3-normal":"_Heading--wide-l--level-h3-normal_o4a60_344","Heading--wide-l--level-h3-large":"_Heading--wide-l--level-h3-large_o4a60_350","Heading--wide-l--level-h4-normal":"_Heading--wide-l--level-h4-normal_o4a60_356","Heading--wide-l--level-h4-large":"_Heading--wide-l--level-h4-large_o4a60_362","Heading--wide-l--level-h5-normal":"_Heading--wide-l--level-h5-normal_o4a60_368","Heading--wide-l--level-h5-large":"_Heading--wide-l--level-h5-large_o4a60_374","Heading--variant-massive":"_Heading--variant-massive_o4a60_381","Heading--variant-huge":"_Heading--variant-huge_o4a60_387","Heading--variant-extraLarge":"_Heading--variant-extraLarge_o4a60_393","Heading--variant-large":"_Heading--variant-large_o4a60_399","Heading--variant-medium":"_Heading--variant-medium_o4a60_405","Heading--variant-small":"_Heading--variant-small_o4a60_411","Heading--narrow-l--variant-massive":"_Heading--narrow-l--variant-massive_o4a60_418","Heading--narrow-l--variant-huge":"_Heading--narrow-l--variant-huge_o4a60_424","Heading--narrow-l--variant-extraLarge":"_Heading--narrow-l--variant-extraLarge_o4a60_430","Heading--narrow-l--variant-large":"_Heading--narrow-l--variant-large_o4a60_436","Heading--narrow-l--variant-medium":"_Heading--narrow-l--variant-medium_o4a60_442","Heading--narrow-l--variant-small":"_Heading--narrow-l--variant-small_o4a60_448","Heading--medium-s--variant-massive":"_Heading--medium-s--variant-massive_o4a60_456","Heading--medium-s--variant-huge":"_Heading--medium-s--variant-huge_o4a60_462","Heading--medium-s--variant-extraLarge":"_Heading--medium-s--variant-extraLarge_o4a60_468","Heading--medium-s--variant-large":"_Heading--medium-s--variant-large_o4a60_474","Heading--medium-s--variant-medium":"_Heading--medium-s--variant-medium_o4a60_480","Heading--medium-s--variant-small":"_Heading--medium-s--variant-small_o4a60_486","Heading--medium-l--variant-massive":"_Heading--medium-l--variant-massive_o4a60_494","Heading--medium-l--variant-huge":"_Heading--medium-l--variant-huge_o4a60_500","Heading--medium-l--variant-extraLarge":"_Heading--medium-l--variant-extraLarge_o4a60_506","Heading--medium-l--variant-large":"_Heading--medium-l--variant-large_o4a60_512","Heading--medium-l--variant-medium":"_Heading--medium-l--variant-medium_o4a60_518","Heading--medium-l--variant-small":"_Heading--medium-l--variant-small_o4a60_524","Heading--wide-s--variant-massive":"_Heading--wide-s--variant-massive_o4a60_532","Heading--wide-s--variant-huge":"_Heading--wide-s--variant-huge_o4a60_538","Heading--wide-s--variant-extraLarge":"_Heading--wide-s--variant-extraLarge_o4a60_544","Heading--wide-s--variant-large":"_Heading--wide-s--variant-large_o4a60_550","Heading--wide-s--variant-medium":"_Heading--wide-s--variant-medium_o4a60_556","Heading--wide-s--variant-small":"_Heading--wide-s--variant-small_o4a60_562","Heading--wide-l--variant-massive":"_Heading--wide-l--variant-massive_o4a60_570","Heading--wide-l--variant-huge":"_Heading--wide-l--variant-huge_o4a60_576","Heading--wide-l--variant-extraLarge":"_Heading--wide-l--variant-extraLarge_o4a60_582","Heading--wide-l--variant-large":"_Heading--wide-l--variant-large_o4a60_588","Heading--wide-l--variant-medium":"_Heading--wide-l--variant-medium_o4a60_594","Heading--wide-l--variant-small":"_Heading--wide-l--variant-small_o4a60_600"},k=({children:r,variant:a,accent:l,level:e,large:g=!1,tag:_,color:i,centered:m,dataset:o})=>{c(d);const v=_||e||"h1",H=x(d,n.Heading,a?p("variant",a):C(`level-${e}-large`,`level-${e}-normal`,g)),s=N(m),h=f(!(l?void 0:i),l),t=j(i),u={className:["preply-ds-heading",...H,...s,...h,...t].join(" "),...L(o,{preplyDsComponent:n.Heading})};return w.jsx(v,{...u,children:r})};export{k as H};
@@ -1,13 +0,0 @@
1
- import{j as r}from"./jsx-runtime-Bxcv0yjW.js";import{H as e}from"./Heading-BuiNeQl8.js";import{S as f}from"./StoryContextDSWeb-CQCIj3Y9.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./useStyleExtract-nWieKQF4.js";import"./classNames-RlyrdfpN.js";import"./componentNames-BAR5iJaT.js";import"./useTextCenteredClassnames-DHbKOmgJ.js";import"./style-inject.es-O-YsppCx.js";import"./useTextAccentClassnames-iB7PeFbR.js";import"./StorybookGlobalStyle-C0X2e0mN.js";import"./styled-components.browser.esm-BppVzN7H.js";import"./RootProvider-DbgEixHa.js";import"./useTheme-D6du8lDT.js";import"./useColorScheme-CRstX5qq.js";const J={title:"components/Heading",component:e,decorators:[E=>r.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:r.jsx(f,{theme:"tokyo-ui",children:E()})})]},a=()=>r.jsx(e,{tag:"h1",variant:"massive",children:"Lorem Ipsum"});a.storyName="Massive H1";const s=()=>r.jsx(e,{tag:"h2",variant:"huge",children:"Lorem Ipsum"});s.storyName="Huge H2";const o=()=>r.jsx(e,{tag:"h3",variant:"extraLarge",children:"Lorem Ipsum"});o.storyName="Extra Large H3";const t=()=>r.jsx(e,{tag:"h4",variant:"large",children:"Lorem Ipsum"});t.storyName="Large H4";const m=()=>r.jsx(e,{tag:"h5",variant:"medium",children:"Lorem Ipsum"});m.storyName="Medium H5";const i=()=>r.jsx(e,{tag:"p",variant:"small",children:"Lorem Ipsum"});i.storyName="Small P";var n,p,c;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:`() => <Heading tag="h1" variant="massive">
2
- Lorem Ipsum
3
- </Heading>`,...(c=(p=a.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};var d,g,u;s.parameters={...s.parameters,docs:{...(d=s.parameters)==null?void 0:d.docs,source:{originalSource:`() => <Heading tag="h2" variant="huge">
4
- Lorem Ipsum
5
- </Heading>`,...(u=(g=s.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};var H,l,h;o.parameters={...o.parameters,docs:{...(H=o.parameters)==null?void 0:H.docs,source:{originalSource:`() => <Heading tag="h3" variant="extraLarge">
6
- Lorem Ipsum
7
- </Heading>`,...(h=(l=o.parameters)==null?void 0:l.docs)==null?void 0:h.source}}};var L,v,x;t.parameters={...t.parameters,docs:{...(L=t.parameters)==null?void 0:L.docs,source:{originalSource:`() => <Heading tag="h4" variant="large">
8
- Lorem Ipsum
9
- </Heading>`,...(x=(v=t.parameters)==null?void 0:v.docs)==null?void 0:x.source}}};var I,S,j;m.parameters={...m.parameters,docs:{...(I=m.parameters)==null?void 0:I.docs,source:{originalSource:`() => <Heading tag="h5" variant="medium">
10
- Lorem Ipsum
11
- </Heading>`,...(j=(S=m.parameters)==null?void 0:S.docs)==null?void 0:j.source}}};var y,M,N;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`() => <Heading tag="p" variant="small">
12
- Lorem Ipsum
13
- </Heading>`,...(N=(M=i.parameters)==null?void 0:M.docs)==null?void 0:N.source}}};const K=["MassiveH1","HugeH2","ExtraLargeH3","LargeH4","MediumH5","SmallP"];export{o as ExtraLargeH3,s as HugeH2,t as LargeH4,a as MassiveH1,m as MediumH5,i as SmallP,K as __namedExportsOrder,J as default};
@@ -1 +0,0 @@
1
- import{j as t}from"./jsx-runtime-Bxcv0yjW.js";import{u,I as y}from"./useStyleExtract-nWieKQF4.js";import{m as x,b as C}from"./classNames-RlyrdfpN.js";import{w as c,g as d}from"./componentNames-BAR5iJaT.js";import{u as f,a as h}from"./useTextAccentClassnames-iB7PeFbR.js";const b="_Icon_9tyn5_4",i={Icon:b,"Icon--size-2xs":"_Icon--size-2xs_9tyn5_16","Icon--size-xs":"_Icon--size-xs_9tyn5_22","Icon--size-s":"_Icon--size-s_9tyn5_28","Icon--size-m":"_Icon--size-m_9tyn5_34","Icon--size-l":"_Icon--size-l_9tyn5_40","Icon--size-16":"_Icon--size-16_9tyn5_46","Icon--size-24":"_Icon--size-24_9tyn5_52","Icon--size-32":"_Icon--size-32_9tyn5_58","Icon--size-48":"_Icon--size-48_9tyn5_64"},D=({svg:o,size:s=y,accent:n,color:r,label:e,dataset:m})=>{u(i);const a=!Number.isNaN(Number(s)),_=a?{width:`${s}px`,height:`${s}px`}:{},l=x(i,c.Icon,[C(`size-${s}`,void 0,!a)]),I=n?void 0:r,p=f(!1,n),z=h(I),N={className:[...l,...p,...z].join(" "),...d(m,{preplyDsComponent:c.Icon})};if(!o)throw new Error("Icon prop svg is mandatory");return t.jsx("span",{...N,style:_,"aria-hidden":!e,"aria-label":e,children:t.jsx(o,{"aria-hidden":"true",focusable:"false"})})};export{D as I};
@@ -1 +0,0 @@
1
- ._Icon_9tyn5_4{display:inline-block;vertical-align:text-top}._Icon_9tyn5_4 svg{display:block;width:100%;min-width:100%;max-width:100%;max-height:100%;fill:currentColor}._Icon--size-2xs_9tyn5_16{width:var(--b21f61);height:var(--b21f61);min-width:var(--b21f61);max-width:var(--b21f61)}._Icon--size-xs_9tyn5_22{width:var(--766f3b);height:var(--766f3b);min-width:var(--766f3b);max-width:var(--766f3b)}._Icon--size-s_9tyn5_28{width:var(--7c1b1c);height:var(--7c1b1c);min-width:var(--7c1b1c);max-width:var(--7c1b1c)}._Icon--size-m_9tyn5_34{width:var(--2152b7);height:var(--2152b7);min-width:var(--2152b7);max-width:var(--2152b7)}._Icon--size-l_9tyn5_40{width:var(--8f525f);height:var(--8f525f);min-width:var(--8f525f);max-width:var(--8f525f)}._Icon--size-16_9tyn5_46{width:var(--656bbc);height:var(--656bbc);min-width:var(--656bbc);max-width:var(--656bbc)}._Icon--size-24_9tyn5_52{width:var(--81dc82);height:var(--81dc82);min-width:var(--81dc82);max-width:var(--81dc82)}._Icon--size-32_9tyn5_58{width:var(--2a6452);height:var(--2a6452);min-width:var(--2a6452);max-width:var(--2a6452)}._Icon--size-48_9tyn5_64{width:var(--03d2e4);height:var(--03d2e4);min-width:var(--03d2e4);max-width:var(--03d2e4)}
@@ -1 +0,0 @@
1
- import{j as e}from"./jsx-runtime-Bxcv0yjW.js";import{F as i}from"./TokyoUINotesWithPad-C9WDIp9V.js";import{I as r}from"./Icon-CNtrVm52.js";import{S as I}from"./StoryContextDSWeb-CQCIj3Y9.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./useStyleExtract-nWieKQF4.js";import"./classNames-RlyrdfpN.js";import"./componentNames-BAR5iJaT.js";import"./useTextAccentClassnames-iB7PeFbR.js";import"./style-inject.es-O-YsppCx.js";import"./StorybookGlobalStyle-C0X2e0mN.js";import"./styled-components.browser.esm-BppVzN7H.js";import"./RootProvider-DbgEixHa.js";import"./useTheme-D6du8lDT.js";import"./useColorScheme-CRstX5qq.js";const A={title:"components/Icon",component:r,parameters:{docs:{description:{component:"To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page)."}}},decorators:[j=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(I,{theme:"tokyo-ui",children:j()})})]},s=()=>e.jsx(r,{svg:i,size:"16"}),o=()=>e.jsx(r,{svg:i,size:"24"}),t=()=>e.jsx(r,{svg:i,size:"32"}),a=()=>e.jsx(r,{svg:i,size:"48"});var c,m,p;s.parameters={...s.parameters,docs:{...(c=s.parameters)==null?void 0:c.docs,source:{originalSource:'() => <Icon svg={svg} size="16" />',...(p=(m=s.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var n,d,g;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:'() => <Icon svg={svg} size="24" />',...(g=(d=o.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var u,z,l;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:'() => <Icon svg={svg} size="32" />',...(l=(z=t.parameters)==null?void 0:z.docs)==null?void 0:l.source}}};var v,S,x;a.parameters={...a.parameters,docs:{...(v=a.parameters)==null?void 0:v.docs,source:{originalSource:'() => <Icon svg={svg} size="48" />',...(x=(S=a.parameters)==null?void 0:S.docs)==null?void 0:x.source}}};const B=["Size16","Size24","Size32","Size48"];export{s as Size16,o as Size24,t as Size32,a as Size48,B as __namedExportsOrder,A as default};
@@ -1 +0,0 @@
1
- import{j as o}from"./jsx-runtime-Bxcv0yjW.js";import{B as m}from"./ButtonBase-kKJbXmkq.js";import{w as p}from"./componentNames-BAR5iJaT.js";import{B as i,a as u}from"./useStyleExtract-nWieKQF4.js";const I=({variant:t=i,size:s=u,url:r,a11yLabel:n,svg:e,...a})=>o.jsx(m,{...a,isIconButton:!0,variant:t,size:s,url:r,a11yLabel:n,preplyDsComponent:p.IconButton,children:o.jsx(e,{"aria-hidden":"true",focusable:"false"})});export{I};
@@ -1 +0,0 @@
1
- import{j as l}from"./jsx-runtime-Bxcv0yjW.js";import{r as u}from"./index-mfbfsM12.js";import{s,u as x,I as c}from"./FieldLayoutBase-Dbqo_URw.js";import{u as f}from"./useStyleExtract-nWieKQF4.js";import{m as i}from"./classNames-RlyrdfpN.js";import{w as t}from"./componentNames-BAR5iJaT.js";const C=({onChange:e,onValueChange:o,...a},r)=>{f(s);const n=i(s,t.InputText),m=x(p=>p.target.value,e,o);return l.jsx(c,{...a,ref:r,className:n.join(" "),onChange:m,preplyDsComponent:t.InputText})},w=u.forwardRef(C);export{w as I};
@@ -1 +0,0 @@
1
- import{j as n}from"./jsx-runtime-Bxcv0yjW.js";import{u as x}from"./useLayoutFlexClassNames-D1ra_xuq.js";import{g as L,w as c}from"./componentNames-BAR5iJaT.js";import{L as i}from"./useStyleExtract-nWieKQF4.js";const j=({column:o,reverse:t,children:a,dataset:e,...s})=>{const m=x("flex",{column:o,reverse:t,...s}),{tag:r=i}=s,p={className:m.join(" "),...L(e,{preplyDsComponent:c.LayoutFlex})};return n.jsx(r,{...p,children:a})};export{j as L};
@@ -1 +0,0 @@
1
- import{R as n}from"./index-mfbfsM12.js";import{u as c}from"./useLayoutFlexClassNames-D1ra_xuq.js";import{g as l,w as i}from"./componentNames-BAR5iJaT.js";import{L}from"./useStyleExtract-nWieKQF4.js";const f=({column:o,reverse:s,children:a,dataset:t,...e})=>{const m=c("flex",{column:o,reverse:s,...e}),{tag:r=L}=e,p={className:m.join(" "),...l(t,{preplyDsComponent:i.LayoutFlex})};return n.createElement(r,{...p},a)};f.__docgenInfo={description:"A CSS `flex` wrapper.",methods:[],displayName:"LayoutFlex"};export{f as L};
@@ -1 +0,0 @@
1
- ._LayoutFlexItem_py9r7_2{padding:0;margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0}._LayoutFlexItem--stretch_py9r7_11{flex:1}._LayoutFlexItem--no-stretch_py9r7_14{flex:none}@media (min-width: 400px){._LayoutFlexItem--narrow-l--stretch_py9r7_18{flex:1}._LayoutFlexItem--narrow-l--no-stretch_py9r7_21{flex:none}}@media (min-width: 700px){._LayoutFlexItem--medium-s--stretch_py9r7_26{flex:1}._LayoutFlexItem--medium-s--no-stretch_py9r7_29{flex:none}}@media (min-width: 880px){._LayoutFlexItem--medium-l--stretch_py9r7_34{flex:1}._LayoutFlexItem--medium-l--no-stretch_py9r7_37{flex:none}}@media (min-width: 1200px){._LayoutFlexItem--wide-s--stretch_py9r7_42{flex:1}._LayoutFlexItem--wide-s--no-stretch_py9r7_45{flex:none}}@media (min-width: 1900px){._LayoutFlexItem--wide-l--stretch_py9r7_50{flex:1}._LayoutFlexItem--wide-l--no-stretch_py9r7_53{flex:none}}
@@ -1,19 +0,0 @@
1
- import{j as t}from"./jsx-runtime-Bxcv0yjW.js";import{m as g,b as k}from"./classNames-RlyrdfpN.js";import{w as s,g as w}from"./componentNames-BAR5iJaT.js";import{u as b}from"./useAlignSelfClassNames-HKiGOiC9.js";import{b as f,c as v}from"./useLayoutRelativeClassnames-C66s33p7.js";import{L as j}from"./useStyleExtract-nWieKQF4.js";import{L as l}from"./LayoutFlex-BfRTqJk6.js";import{S as N}from"./StoryContextDSWeb-CQCIj3Y9.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./style-inject.es-O-YsppCx.js";import"./useLayoutFlexClassNames-D1ra_xuq.js";import"./StorybookGlobalStyle-C0X2e0mN.js";import"./styled-components.browser.esm-BppVzN7H.js";import"./RootProvider-DbgEixHa.js";import"./useTheme-D6du8lDT.js";import"./useColorScheme-CRstX5qq.js";const W="_LayoutFlexItem_py9r7_2",A={LayoutFlexItem:W,"LayoutFlexItem--stretch":"_LayoutFlexItem--stretch_py9r7_11","LayoutFlexItem--no-stretch":"_LayoutFlexItem--no-stretch_py9r7_14","LayoutFlexItem--narrow-l--stretch":"_LayoutFlexItem--narrow-l--stretch_py9r7_18","LayoutFlexItem--narrow-l--no-stretch":"_LayoutFlexItem--narrow-l--no-stretch_py9r7_21","LayoutFlexItem--medium-s--stretch":"_LayoutFlexItem--medium-s--stretch_py9r7_26","LayoutFlexItem--medium-s--no-stretch":"_LayoutFlexItem--medium-s--no-stretch_py9r7_29","LayoutFlexItem--medium-l--stretch":"_LayoutFlexItem--medium-l--stretch_py9r7_34","LayoutFlexItem--medium-l--no-stretch":"_LayoutFlexItem--medium-l--no-stretch_py9r7_37","LayoutFlexItem--wide-s--stretch":"_LayoutFlexItem--wide-s--stretch_py9r7_42","LayoutFlexItem--wide-s--no-stretch":"_LayoutFlexItem--wide-s--no-stretch_py9r7_45","LayoutFlexItem--wide-l--stretch":"_LayoutFlexItem--wide-l--stretch_py9r7_50","LayoutFlexItem--wide-l--no-stretch":"_LayoutFlexItem--wide-l--no-stretch_py9r7_53"},i=({children:o,alignSelf:n,stretch:c=!1,tag:u,hide:y,relative:p,dataset:x})=>{const d=g(A,s.LayoutFlexItem,k("stretch","no-stretch",c)),h=b(n),L=f(y),_=v(p),F=[...d,...h,...L,..._],I=u??j,C={className:F.join(" "),...w(x,{preplyDsComponent:s.LayoutFlexItem})};return t.jsx(I,{...C,children:o})},M={title:"components/LayoutFlex",component:l,subcomponents:{LayoutFlexItem:i},decorators:[o=>t.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:t.jsx(N,{theme:"tokyo-ui",children:o()})})]},e=()=>t.jsxs(l,{gap:"xs",children:[t.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),t.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),t.jsx(i,{stretch:!0,children:t.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink",textAlign:"center"},children:"stretch"})})]});e.storyName="LayoutFlex";var r,a,m;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.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>`,...(m=(a=e.parameters)==null?void 0:a.docs)==null?void 0:m.source}}};const Q=["Base"];export{e as Base,Q as __namedExportsOrder,M as default};
@@ -1 +0,0 @@
1
- import{R as p}from"./index-mfbfsM12.js";import{u as c,a as i}from"./useLayoutGridResponsiveColumns-BjGmVcfV.js";import{g as u,w as d}from"./componentNames-BAR5iJaT.js";import{L}from"./useStyleExtract-nWieKQF4.js";const N=({dataset:a,children:o,...s})=>{const{tag:e=L,columns:t}=s,m=c("grid",s),{style:r,classNames:n}=i(t),l={className:[...m,...n].join(" "),...u(a,{preplyDsComponent:d.LayoutGrid})};return p.createElement(e,{...l,style:r},o)};N.__docgenInfo={description:"A CSS `grid` wrapper.",methods:[],displayName:"LayoutGrid"};export{N as L};