@preply/ds-docs 3.2.0 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (142) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-BkR5ji0l.js → 00.LayoutFlex.stories-Dx9Eo2na.js} +1 -1
  2. package/dist/assets/{00.applications-CsSmOme7.js → 00.applications-C297XXPY.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-CdMYZlBh.js → 00.favicons.guide-DJflK4sx.js} +1 -1
  4. package/dist/assets/{00.token-explorer-CjKex2U0.js → 00.token-explorer-DJdsSpH_.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-CcMEjhk_.js → 00.using-responsive-props-W1dUWP0Y.js} +1 -1
  6. package/dist/assets/{01.semantic-tokens-D0SHoPNF.js → 01.semantic-tokens-iL1Przw4.js} +1 -1
  7. package/dist/assets/{01.using-shorthand-props-DajODbNP.js → 01.using-shorthand-props-DYxq9j_1.js} +1 -1
  8. package/dist/assets/10.Combinations.stories-Wf-NooK0.js +144 -0
  9. package/dist/assets/{10.fonts.guide-Ci1lcaYe.js → 10.fonts.guide-Cz4mUVD-.js} +1 -1
  10. package/dist/assets/{10.ssr-DRWPPBeA.js → 10.ssr-BwpeFyNi.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer-D69j1geT.js → 11.languageFont.explorer-Cc25I4OM.js} +1 -1
  12. package/dist/assets/{11.ssr.app-router-DbPFodKU.js → 11.ssr.app-router-pRaG6qlh.js} +1 -1
  13. package/dist/assets/{20.libraries-KJ42tJQ9.js → 20.libraries-CGCMZkNU.js} +1 -1
  14. package/dist/assets/{30.icons.explorer-Bk9N8wz6.js → 30.icons.explorer-1Xkf4Rac.js} +1 -1
  15. package/dist/assets/{30.storybook-BNO20NWw.js → 30.storybook-Bf8JSsGk.js} +1 -1
  16. package/dist/assets/{40.illustrations.explorer-Br4DiOY6.js → 40.illustrations.explorer-By_y-dtW.js} +1 -1
  17. package/dist/assets/{90.advanced-DaM2nGQV.js → 90.advanced-BUo8MEAq.js} +1 -1
  18. package/dist/assets/{Accordion-CVZIOGNR.js → Accordion-CLtz0akf.js} +1 -1
  19. package/dist/assets/{Accordion.stories-CDnrzRXF.js → Accordion.stories-D1j417bR.js} +1 -1
  20. package/dist/assets/{Accordion.tests.stories-czfo_KnK.js → Accordion.tests.stories-CnXHiQE9.js} +1 -1
  21. package/dist/assets/{AlertDialog.stories-DUXRauPW.js → AlertDialog.stories-BpF0lVZj.js} +1 -1
  22. package/dist/assets/{Avatar-CECssVR9.js → Avatar-BkCAqOuF.js} +1 -1
  23. package/dist/assets/{Avatar--Me1wFbM.js → Avatar-D6BKQVaH.js} +1 -1
  24. package/dist/assets/{Avatar.stories-BsZPilds.js → Avatar.stories-DnjfAeSV.js} +1 -1
  25. package/dist/assets/{AvatarWithStatus.stories-Dh-_hU9Y.js → AvatarWithStatus.stories-CocgTI5A.js} +1 -1
  26. package/dist/assets/{Badge.stories-CFsXbV77.js → Badge.stories-DIY0Ixcn.js} +1 -1
  27. package/dist/assets/{Box.stories-IALze5eG.js → Box.stories-DLKiCQiI.js} +1 -1
  28. package/dist/assets/{Button-ChyBn4PU.js → Button-DhJ1EYrN.js} +2 -2
  29. package/dist/assets/{Button-DWeSlYg5.js → Button-E96Q43QI.js} +1 -1
  30. package/dist/assets/{Button.stories-DJehWudj.js → Button.stories-BnanW8CP.js} +1 -1
  31. package/dist/assets/{ButtonBase-CoNMqmsd.js → ButtonBase-CFf1N6e3.js} +2 -2
  32. package/dist/assets/{Checkbox-CwZfp4fM.js → Checkbox-BPmUXxx7.js} +2 -2
  33. package/dist/assets/{Checkbox.stories-BrO5VXvh.js → Checkbox.stories-CmjU0iIo.js} +1 -1
  34. package/dist/assets/{Checkbox.tests.stories-CdUfdIiC.js → Checkbox.tests.stories-RUf_e9Iq.js} +1 -1
  35. package/dist/assets/{Chips.stories-C3XJafXG.js → Chips.stories-BF_eoQzy.js} +1 -1
  36. package/dist/assets/{Color-YHDXOIA2-dwipIw3c.js → Color-YHDXOIA2-DIcOHvDM.js} +1 -1
  37. package/dist/assets/CountryFlag--G6mQ0wX.js +49 -0
  38. package/dist/assets/CountryFlag-p-8M_k5M.css +1 -0
  39. package/dist/assets/{Dialog.stories-D-J1dU3y.js → Dialog.stories-BPe1wKjQ.js} +2 -2
  40. package/dist/assets/{DocsRenderer-CFRXHY34-jqHePYZK.js → DocsRenderer-CFRXHY34-D8Enzmed.js} +1 -1
  41. package/dist/assets/{FieldButton-Dprr9FF4.js → FieldButton-xxvyfVcj.js} +1 -1
  42. package/dist/assets/{FieldButton.stories-BuA4NyAH.js → FieldButton.stories-1kY40W8X.js} +1 -1
  43. package/dist/assets/Flag.stories-BcePwnUL.js +114 -0
  44. package/dist/assets/Flag.test.stories-hYgxXstG.js +27 -0
  45. package/dist/assets/{FormControl-V3kzTeDQ.js → FormControl-DWCH9Hh-.js} +1 -1
  46. package/dist/assets/{FormControl.stories-BPAavujL.js → FormControl.stories-5bbiEJoQ.js} +1 -1
  47. package/dist/assets/{Heading-CCe1-9kC.js → Heading-sy1TMpjs.js} +2 -2
  48. package/dist/assets/{Heading.stories-CyJWtiYM.js → Heading.stories-mFaQtYkx.js} +1 -1
  49. package/dist/assets/{Icon-Cx1Om39U.js → Icon-C3PbN7-O.js} +1 -1
  50. package/dist/assets/{Icon-RSC-BrBOjBRF.js → Icon-RSC-BFKQkcfJ.js} +1 -1
  51. package/dist/assets/{Icon-Clsj4XP8.js → Icon-zcBK8bUG.js} +1 -1
  52. package/dist/assets/{Icon.stories-Batx6hcA.js → Icon.stories-Dalhjiqr.js} +1 -1
  53. package/dist/assets/{IconButton-BlfJEn0q.js → IconButton-Do29z7Px.js} +2 -2
  54. package/dist/assets/{Input-DCIPe0x3.js → Input-CvLmSHHA.js} +7 -7
  55. package/dist/assets/{IntegrationWithReactHookForm.stories-CehSEL8O.js → IntegrationWithReactHookForm.stories-DpXAnn_A.js} +1 -1
  56. package/dist/assets/{LayoutFlex-Dp29ojjO.js → LayoutFlex-DsiZkqdg.js} +1 -1
  57. package/dist/assets/{LayoutFlex-B8VATmiE.js → LayoutFlex-oRwI31fW.js} +1 -1
  58. package/dist/assets/LayoutFlexItem-RxfNp994.js +1 -0
  59. package/dist/assets/{LayoutGrid-D9R6yTYX.js → LayoutGrid-6cTmb1jX.js} +1 -1
  60. package/dist/assets/LayoutGrid.stories-BdiYCGMy.js +88 -0
  61. package/dist/assets/LayoutGridItem-COV2Exf8.js +1 -0
  62. package/dist/assets/{LayoutGridItem-B1eMKElL.js → LayoutGridItem-CVWVBh65.js} +1 -1
  63. package/dist/assets/LayoutGridItem-Dy4Q8woN.css +1 -0
  64. package/dist/assets/{Link.stories-B08wLvpb.js → Link.stories-BetBkVdX.js} +2 -2
  65. package/dist/assets/{Loader.stories-C_wKZjOn.js → Loader.stories-CHC_EpHP.js} +1 -1
  66. package/dist/assets/NumberField-BpMDjGwN.js +6 -0
  67. package/dist/assets/{NumberField.stories-UOD1p45h.js → NumberField.stories-Dha3o6_E.js} +1 -1
  68. package/dist/assets/{ObserveIntersection-XIPHNpKf.js → ObserveIntersection-CvDmrhxS.js} +1 -1
  69. package/dist/assets/{ObserveIntersection.stories-B_5fq2at.js → ObserveIntersection.stories-CJbpJ7AX.js} +1 -1
  70. package/dist/assets/{OnboardingTooltip-CRciFvQd.js → OnboardingTooltip-D3Wls75j.js} +1 -1
  71. package/dist/assets/{OnboardingTooltip.stories-B5dnjHfH.js → OnboardingTooltip.stories-Ci0fTkuP.js} +1 -1
  72. package/dist/assets/{OnboardingTooltip.tests.stories-CYdt5iT_.js → OnboardingTooltip.tests.stories-DOX79bVb.js} +1 -1
  73. package/dist/assets/{OnboardingTour-C5J-Ko8C.js → OnboardingTour-BVA630b8.js} +1 -1
  74. package/dist/assets/{OnboardingTour.stories-BiD_KX4W.js → OnboardingTour.stories-CqPG7ano.js} +1 -1
  75. package/dist/assets/{OnboardingTour.tests.stories-mkgl6osQ.js → OnboardingTour.tests.stories-MkjEFcwA.js} +1 -1
  76. package/dist/assets/PasswordField-DoLJA84z.js +6 -0
  77. package/dist/assets/{PasswordField.stories-5PvQB5F3.js → PasswordField.stories-Cnn8lE0T.js} +1 -1
  78. package/dist/assets/{PreplyLogo.stories-WWHnC28y.js → PreplyLogo.stories-wSNUofCX.js} +2 -2
  79. package/dist/assets/{ProgressBar.stories-C4EKriYQ.js → ProgressBar.stories-Bvjoapax.js} +1 -1
  80. package/dist/assets/{ProgressSteps-ByDec2fC.js → ProgressSteps-CuGX9_Fy.js} +1 -1
  81. package/dist/assets/{ProgressSteps.stories-Mm9AyIKU.js → ProgressSteps.stories-Cl8xvJ_7.js} +1 -1
  82. package/dist/assets/{SelectField-C0H4vwVQ.js → SelectField-CKaBRG5w.js} +11 -11
  83. package/dist/assets/{SelectField.stories-C4cQhsE9.js → SelectField.stories-CaObCirJ.js} +1 -1
  84. package/dist/assets/{ShowOnIntersection.stories-CewFYwQu.js → ShowOnIntersection.stories-B24bNVFn.js} +1 -1
  85. package/dist/assets/{Steps-CX5urpe2.js → Steps-D9_n9bWW.js} +1 -1
  86. package/dist/assets/{Steps.stories-agJ1P7Uc.js → Steps.stories-RC7ynieo.js} +1 -1
  87. package/dist/assets/{Text-DmTAIIVj.js → Text-CH4wZQv6.js} +1 -1
  88. package/dist/assets/{Text.stories-BG1P5AxU.js → Text.stories-BCJduwcD.js} +1 -1
  89. package/dist/assets/TextField-2efgAYCl.js +6 -0
  90. package/dist/assets/{TextField-sLGry01P.js → TextField-DEExf7nd.js} +1 -1
  91. package/dist/assets/{TextField.stories-DTmdRXTS.js → TextField.stories-Jc3Ncrn0.js} +1 -1
  92. package/dist/assets/{TextHighlighted-CfvNH8PY.js → TextHighlighted-B7-aMGmA.js} +1 -1
  93. package/dist/assets/{TextHighlighted.stories-PV3yANaI.js → TextHighlighted.stories-DOQ3Cny3.js} +1 -1
  94. package/dist/assets/{TextInline.stories-DOhaF8wL.js → TextInline.stories-Db7MLcaa.js} +1 -1
  95. package/dist/assets/{TextareaField-DdG6sVbG.js → TextareaField-CEZIEZge.js} +11 -11
  96. package/dist/assets/{TextareaField.stories-BGuKT2xQ.js → TextareaField.stories-DaSeqBaw.js} +1 -1
  97. package/dist/assets/{Toast.stories-BeSJa7YF.js → Toast.stories-QJP8u4iK.js} +1 -1
  98. package/dist/assets/{Tooltip-DYI-etfB.js → Tooltip-hS-9HVfR.js} +1 -1
  99. package/dist/assets/{Tooltip.stories-CxCj-ob2.js → Tooltip.stories-C4MszWBD.js} +1 -1
  100. package/dist/assets/{Tooltip.tests.stories-DjfeI8dX.js → Tooltip.tests.stories-d_Ae61Qa.js} +1 -1
  101. package/dist/assets/align-self-BM6l9H5Z.js +1 -0
  102. package/dist/assets/{breakpoints-B8uQp7_c.js → breakpoints-CEbl-uDL.js} +1 -1
  103. package/dist/assets/{breakpoints-g7x119Q2.js → breakpoints-Co43frxT.js} +1 -1
  104. package/dist/assets/{breakpoints-BbJx-zj1.js → breakpoints-CtfwPy5b.js} +1 -1
  105. package/dist/assets/{changelog-hhVEuRrF.js → changelog-LaQoIV1j.js} +123 -118
  106. package/dist/assets/componentNames-CVVyamkx.js +1 -0
  107. package/dist/assets/{entry-preview-CQO5ZPIS.js → entry-preview-B99RiMJz.js} +1 -1
  108. package/dist/assets/{getTokenVar-Ca9O7hDT.js → getTokenVar-BJrGSy6F.js} +1 -1
  109. package/dist/assets/{hover-GlkvVhX_.js → hover-BjhhHSpj.js} +1 -1
  110. package/dist/assets/{hover-NEm4I90j.js → hover-DK6LMcYC.js} +1 -1
  111. package/dist/assets/{hover-BIh3LiSt.js → hover-DnJhtAGn.js} +1 -1
  112. package/dist/assets/{iframe-BoWsIu37.js → iframe-HKl8oQjn.js} +2 -2
  113. package/dist/assets/{index-BWgFdnbj.js → index-CszUBkQW.js} +1 -1
  114. package/dist/assets/{index-D6soH6D2.js → index-D7MP9XPf.js} +3 -3
  115. package/dist/assets/{intro-DXHLrAaZ.js → intro-C1UZ22gH.js} +1 -1
  116. package/dist/assets/{migrating-from-less-BmDjZBkA.js → migrating-from-less-D2AOZ4a1.js} +1 -1
  117. package/dist/assets/{playground-CCc6VR51.css → playground-DBdZFxjC.css} +1 -1
  118. package/dist/assets/{playground.stories-BMZQjPeS.js → playground.stories-CmncWrfH.js} +156 -156
  119. package/dist/assets/{preview-WXHEkGbd.js → preview-C7L32umn.js} +1 -1
  120. package/dist/assets/{preview-BP4TQFMI.js → preview-CC9A5m3x.js} +2 -2
  121. package/dist/assets/{preview-CvZJdcB8.js → preview-CngMvVBx.js} +1 -1
  122. package/dist/assets/{tokens-iVbEaxzw.js → tokens-5O6vHW16.js} +1 -1
  123. package/dist/assets/{tokens-CORgYdv_.js → tokens-B2xvm4ua.js} +1 -1
  124. package/dist/assets/{tokens-Dnw7r4iA.js → tokens-R_I2goJs.js} +1 -1
  125. package/dist/assets/{usePortalElement-U5qKyOsX.js → usePortalElement-CGpZ09JG.js} +1 -1
  126. package/dist/assets/{welcome-CChXvwAY.js → welcome-BsaVun8l.js} +1 -1
  127. package/dist/assets/{zeroheight-C-BxWtDD.js → zeroheight-ACud9VTO.js} +1 -1
  128. package/dist/iframe.html +1 -1
  129. package/dist/index.json +1 -1
  130. package/dist/preview-stats.json +1517 -1394
  131. package/dist/project.json +1 -1
  132. package/package.json +3 -3
  133. package/dist/assets/10.Combinations.stories-Lbp_HuL_.js +0 -144
  134. package/dist/assets/LayoutFlexItem-D4lQfjMe.js +0 -1
  135. package/dist/assets/LayoutGrid-mQT2ikS8.css +0 -1
  136. package/dist/assets/LayoutGrid.stories-sBnmfXCQ.js +0 -88
  137. package/dist/assets/NumberField-BS6zPFP5.js +0 -6
  138. package/dist/assets/PasswordField-EYDyw279.js +0 -6
  139. package/dist/assets/TextField-BAC0NZKU.js +0 -6
  140. package/dist/assets/componentNames-Ba2ybP0W.js +0 -1
  141. package/dist/assets/layout-relative-BpJIh3YK.js +0 -1
  142. /package/dist/assets/{layout-relative-C4ATemga.css → align-self-C4ATemga.css} +0 -0
@@ -1,4 +1,4 @@
1
- import{j as a}from"./jsx-runtime-BYouaCF_.js";import{H as e}from"./Heading-CCe1-9kC.js";import{S as s}from"./consts-KAYct7Gj.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-CznToR0o.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-Ba2ybP0W.js";import"./index-DdzHuZ-Y.js";const T={title:"components/Heading",component:e,argTypes:{centered:{description:s},variant:{description:s}}},r=()=>a.jsxs("div",{style:{padding:"16px",display:"grid",gridTemplateColumns:"auto 3fr",alignItems:"center",gap:"16px"},children:[a.jsx("span",{children:"h1 / massive"}),a.jsx(e,{tag:"h1",variant:"massive",children:"Lorem ipsum"}),a.jsx("span",{children:"h2 / huge"}),a.jsx(e,{tag:"h2",variant:"huge",children:"Lorem ipsum"}),a.jsx("span",{children:"h3 / extraLarge"}),a.jsx(e,{tag:"h3",variant:"extraLarge",children:"Lorem ipsum"}),a.jsx("span",{children:"h4 / large"}),a.jsx(e,{tag:"h4",variant:"large",children:"Lorem ipsum"}),a.jsx("span",{children:"h5 / medium"}),a.jsx(e,{tag:"h5",variant:"medium",children:"Lorem ipsum"}),a.jsx("span",{children:"p / small"}),a.jsx(e,{tag:"p",variant:"small",children:"Lorem ipsum"})]}),n={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(m,{args:g})=>a.jsx("div",{style:{backgroundColor:g.accent==="inverted"?"black":void 0},children:m()})],args:{tag:"h1",variant:"massive",children:"Lorem ipsum",dataset:{qaid:"heading"}},argTypes:{centered:{control:"boolean"},dataset:{control:"object"},strong:{table:{disable:!0}},level:{table:{disable:!0}},color:{table:{disable:!0}},large:{table:{disable:!0}}}};var t,i,o;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`() => <div style={{
1
+ import{j as a}from"./jsx-runtime-BYouaCF_.js";import{H as e}from"./Heading-sy1TMpjs.js";import{S as s}from"./consts-KAYct7Gj.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-CznToR0o.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-CVVyamkx.js";import"./index-DdzHuZ-Y.js";const T={title:"components/Heading",component:e,argTypes:{centered:{description:s},variant:{description:s}}},r=()=>a.jsxs("div",{style:{padding:"16px",display:"grid",gridTemplateColumns:"auto 3fr",alignItems:"center",gap:"16px"},children:[a.jsx("span",{children:"h1 / massive"}),a.jsx(e,{tag:"h1",variant:"massive",children:"Lorem ipsum"}),a.jsx("span",{children:"h2 / huge"}),a.jsx(e,{tag:"h2",variant:"huge",children:"Lorem ipsum"}),a.jsx("span",{children:"h3 / extraLarge"}),a.jsx(e,{tag:"h3",variant:"extraLarge",children:"Lorem ipsum"}),a.jsx("span",{children:"h4 / large"}),a.jsx(e,{tag:"h4",variant:"large",children:"Lorem ipsum"}),a.jsx("span",{children:"h5 / medium"}),a.jsx(e,{tag:"h5",variant:"medium",children:"Lorem ipsum"}),a.jsx("span",{children:"p / small"}),a.jsx(e,{tag:"p",variant:"small",children:"Lorem ipsum"})]}),n={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(m,{args:g})=>a.jsx("div",{style:{backgroundColor:g.accent==="inverted"?"black":void 0},children:m()})],args:{tag:"h1",variant:"massive",children:"Lorem ipsum",dataset:{qaid:"heading"}},argTypes:{centered:{control:"boolean"},dataset:{control:"object"},strong:{table:{disable:!0}},level:{table:{disable:!0}},color:{table:{disable:!0}},large:{table:{disable:!0}}}};var t,i,o;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`() => <div style={{
2
2
  padding: '16px',
3
3
  display: 'grid',
4
4
  gridTemplateColumns: 'auto 3fr',
@@ -1,4 +1,4 @@
1
- import{j as b}from"./jsx-runtime-BYouaCF_.js";import{r as w}from"./index-B3evPFBL.js";import{g as I,a as k}from"./text-accent-DZDDtpIt.js";import{f as h}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{r as N}from"./render-icon-CVTdrNe-.js";import{m as n,s as z,b as V}from"./classNames-BUL1Zq7e.js";import{w as u}from"./componentNames-Ba2ybP0W.js";import{g as T}from"./index-DdzHuZ-Y.js";import{I as P}from"./defaults-B1rzzf6M.js";const R="Icon__EP3Vh",S={Icon:R,"Icon--size-2xs":"Icon--size-2xs__yN10Y","Icon--size-xs":"Icon--size-xs__6SXZ7","Icon--size-s":"Icon--size-s__NLRBu","Icon--size-m":"Icon--size-m__F6CqX","Icon--size-l":"Icon--size-l__aSKIx","Icon--size-16":"Icon--size-16__P716Z","Icon--size-24":"Icon--size-24__uOdtd","Icon--size-32":"Icon--size-32__zP8We","Icon--size-48":"Icon--size-48__-KHYK"},U="ExpColor__fSHBe",q={ExpColor:U,"ExpColor--exp-color-grey-0":"ExpColor--exp-color-grey-0__IQ8rz","ExpColor--exp-color-grey-50":"ExpColor--exp-color-grey-50__4wU8k","ExpColor--exp-color-grey-100":"ExpColor--exp-color-grey-100__idyQR","ExpColor--exp-color-grey-200":"ExpColor--exp-color-grey-200__bSfXM","ExpColor--exp-color-grey-300":"ExpColor--exp-color-grey-300__TAgB4","ExpColor--exp-color-grey-400":"ExpColor--exp-color-grey-400__8AFVk","ExpColor--exp-color-grey-500":"ExpColor--exp-color-grey-500__fFByn","ExpColor--exp-color-grey-600":"ExpColor--exp-color-grey-600__gRj6N","ExpColor--exp-color-grey-700":"ExpColor--exp-color-grey-700__3iGwa","ExpColor--exp-color-grey-800":"ExpColor--exp-color-grey-800__on7RX","ExpColor--exp-color-grey-900":"ExpColor--exp-color-grey-900__9T1OC","ExpColor--exp-color-pink-50":"ExpColor--exp-color-pink-50__3o0cC","ExpColor--exp-color-pink-100":"ExpColor--exp-color-pink-100__yBJxi","ExpColor--exp-color-pink-200":"ExpColor--exp-color-pink-200__Zff-J","ExpColor--exp-color-pink-300":"ExpColor--exp-color-pink-300__wWr90","ExpColor--exp-color-pink-400":"ExpColor--exp-color-pink-400__-C3Dw","ExpColor--exp-color-pink-500":"ExpColor--exp-color-pink-500__Kpw6U","ExpColor--exp-color-pink-600":"ExpColor--exp-color-pink-600__g4tqI","ExpColor--exp-color-pink-700":"ExpColor--exp-color-pink-700__5lL8W","ExpColor--exp-color-pink-800":"ExpColor--exp-color-pink-800__JdCoO","ExpColor--exp-color-yellow-50":"ExpColor--exp-color-yellow-50__x4D1V","ExpColor--exp-color-yellow-100":"ExpColor--exp-color-yellow-100__Mp3-h","ExpColor--exp-color-yellow-200":"ExpColor--exp-color-yellow-200__dr309","ExpColor--exp-color-yellow-300":"ExpColor--exp-color-yellow-300__4eqgg","ExpColor--exp-color-yellow-400":"ExpColor--exp-color-yellow-400__7KEax","ExpColor--exp-color-yellow-500":"ExpColor--exp-color-yellow-500__YFTaH","ExpColor--exp-color-yellow-600":"ExpColor--exp-color-yellow-600__uioue","ExpColor--exp-color-yellow-700":"ExpColor--exp-color-yellow-700__APgN0","ExpColor--exp-color-yellow-800":"ExpColor--exp-color-yellow-800__iqZ5l","ExpColor--exp-color-blue-50":"ExpColor--exp-color-blue-50__9YSjB","ExpColor--exp-color-blue-100":"ExpColor--exp-color-blue-100__msV5Z","ExpColor--exp-color-blue-200":"ExpColor--exp-color-blue-200__0-B47","ExpColor--exp-color-blue-300":"ExpColor--exp-color-blue-300__kBuCR","ExpColor--exp-color-blue-400":"ExpColor--exp-color-blue-400__rug3Y","ExpColor--exp-color-blue-500":"ExpColor--exp-color-blue-500__1zhad","ExpColor--exp-color-blue-600":"ExpColor--exp-color-blue-600__INDau","ExpColor--exp-color-blue-700":"ExpColor--exp-color-blue-700__nKtQ-","ExpColor--exp-color-blue-800":"ExpColor--exp-color-blue-800__AWAr2","ExpColor--exp-color-teal-50":"ExpColor--exp-color-teal-50__7QmhW","ExpColor--exp-color-teal-100":"ExpColor--exp-color-teal-100__YLRdY","ExpColor--exp-color-teal-200":"ExpColor--exp-color-teal-200__aUMwT","ExpColor--exp-color-teal-300":"ExpColor--exp-color-teal-300__wI000","ExpColor--exp-color-teal-400":"ExpColor--exp-color-teal-400__uVmEI","ExpColor--exp-color-teal-500":"ExpColor--exp-color-teal-500__HM2LK","ExpColor--exp-color-teal-600":"ExpColor--exp-color-teal-600__0PlFD","ExpColor--exp-color-teal-700":"ExpColor--exp-color-teal-700__FVY4B","ExpColor--exp-color-teal-800":"ExpColor--exp-color-teal-800__2dQ3c","ExpColor--exp-color-red-50":"ExpColor--exp-color-red-50__k0fHb","ExpColor--exp-color-red-100":"ExpColor--exp-color-red-100__PuJbY","ExpColor--exp-color-red-200":"ExpColor--exp-color-red-200__cumh2","ExpColor--exp-color-red-300":"ExpColor--exp-color-red-300__dUiEM","ExpColor--exp-color-red-400":"ExpColor--exp-color-red-400__DBCU8","ExpColor--exp-color-red-500":"ExpColor--exp-color-red-500__lIF6t","ExpColor--exp-color-red-600":"ExpColor--exp-color-red-600__NNabI","ExpColor--exp-color-red-700":"ExpColor--exp-color-red-700__9Tz3v","ExpColor--exp-color-red-800":"ExpColor--exp-color-red-800__HCek3"},A="ExpColor",B=o=>n(q,A,[z("exp-color",o)]),x=w.forwardRef(function({svg:r,size:e=P,accent:l,expColor:c,color:t,label:a,dataset:s,...i},v){const p=!Number.isNaN(Number(e)),C=p?{width:`${e}px`,height:`${e}px`}:{},_=n(S,u.Icon,[V(`size-${e}`,void 0,!p)]),E=l?void 0:t,d=I(!1,l),y=k(E),m=l?[]:B(c),g=[..._,...d,...y,...m],f={...h(i),className:g.join(" "),...T(s,{preplyDsComponent:u.Icon}),ref:v};if(!r)throw new Error("Icon prop svg is mandatory");return b.jsx("span",{...f,role:"img",style:C,"aria-hidden":!a,"aria-label":a,children:N(r,{"aria-hidden":"true",focusable:"false"})})});try{x.displayName="Icon",x.__docgenInfo={description:"",displayName:"Icon",props:{svg:{defaultValue:null,description:`The SVG icon to render.
1
+ import{j as b}from"./jsx-runtime-BYouaCF_.js";import{r as w}from"./index-B3evPFBL.js";import{g as I,a as k}from"./text-accent-DZDDtpIt.js";import{f as h}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{r as N}from"./render-icon-CVTdrNe-.js";import{m as n,s as z,b as V}from"./classNames-BUL1Zq7e.js";import{w as u}from"./componentNames-CVVyamkx.js";import{g as T}from"./index-DdzHuZ-Y.js";import{I as P}from"./defaults-B1rzzf6M.js";const R="Icon__EP3Vh",S={Icon:R,"Icon--size-2xs":"Icon--size-2xs__yN10Y","Icon--size-xs":"Icon--size-xs__6SXZ7","Icon--size-s":"Icon--size-s__NLRBu","Icon--size-m":"Icon--size-m__F6CqX","Icon--size-l":"Icon--size-l__aSKIx","Icon--size-16":"Icon--size-16__P716Z","Icon--size-24":"Icon--size-24__uOdtd","Icon--size-32":"Icon--size-32__zP8We","Icon--size-48":"Icon--size-48__-KHYK"},U="ExpColor__fSHBe",q={ExpColor:U,"ExpColor--exp-color-grey-0":"ExpColor--exp-color-grey-0__IQ8rz","ExpColor--exp-color-grey-50":"ExpColor--exp-color-grey-50__4wU8k","ExpColor--exp-color-grey-100":"ExpColor--exp-color-grey-100__idyQR","ExpColor--exp-color-grey-200":"ExpColor--exp-color-grey-200__bSfXM","ExpColor--exp-color-grey-300":"ExpColor--exp-color-grey-300__TAgB4","ExpColor--exp-color-grey-400":"ExpColor--exp-color-grey-400__8AFVk","ExpColor--exp-color-grey-500":"ExpColor--exp-color-grey-500__fFByn","ExpColor--exp-color-grey-600":"ExpColor--exp-color-grey-600__gRj6N","ExpColor--exp-color-grey-700":"ExpColor--exp-color-grey-700__3iGwa","ExpColor--exp-color-grey-800":"ExpColor--exp-color-grey-800__on7RX","ExpColor--exp-color-grey-900":"ExpColor--exp-color-grey-900__9T1OC","ExpColor--exp-color-pink-50":"ExpColor--exp-color-pink-50__3o0cC","ExpColor--exp-color-pink-100":"ExpColor--exp-color-pink-100__yBJxi","ExpColor--exp-color-pink-200":"ExpColor--exp-color-pink-200__Zff-J","ExpColor--exp-color-pink-300":"ExpColor--exp-color-pink-300__wWr90","ExpColor--exp-color-pink-400":"ExpColor--exp-color-pink-400__-C3Dw","ExpColor--exp-color-pink-500":"ExpColor--exp-color-pink-500__Kpw6U","ExpColor--exp-color-pink-600":"ExpColor--exp-color-pink-600__g4tqI","ExpColor--exp-color-pink-700":"ExpColor--exp-color-pink-700__5lL8W","ExpColor--exp-color-pink-800":"ExpColor--exp-color-pink-800__JdCoO","ExpColor--exp-color-yellow-50":"ExpColor--exp-color-yellow-50__x4D1V","ExpColor--exp-color-yellow-100":"ExpColor--exp-color-yellow-100__Mp3-h","ExpColor--exp-color-yellow-200":"ExpColor--exp-color-yellow-200__dr309","ExpColor--exp-color-yellow-300":"ExpColor--exp-color-yellow-300__4eqgg","ExpColor--exp-color-yellow-400":"ExpColor--exp-color-yellow-400__7KEax","ExpColor--exp-color-yellow-500":"ExpColor--exp-color-yellow-500__YFTaH","ExpColor--exp-color-yellow-600":"ExpColor--exp-color-yellow-600__uioue","ExpColor--exp-color-yellow-700":"ExpColor--exp-color-yellow-700__APgN0","ExpColor--exp-color-yellow-800":"ExpColor--exp-color-yellow-800__iqZ5l","ExpColor--exp-color-blue-50":"ExpColor--exp-color-blue-50__9YSjB","ExpColor--exp-color-blue-100":"ExpColor--exp-color-blue-100__msV5Z","ExpColor--exp-color-blue-200":"ExpColor--exp-color-blue-200__0-B47","ExpColor--exp-color-blue-300":"ExpColor--exp-color-blue-300__kBuCR","ExpColor--exp-color-blue-400":"ExpColor--exp-color-blue-400__rug3Y","ExpColor--exp-color-blue-500":"ExpColor--exp-color-blue-500__1zhad","ExpColor--exp-color-blue-600":"ExpColor--exp-color-blue-600__INDau","ExpColor--exp-color-blue-700":"ExpColor--exp-color-blue-700__nKtQ-","ExpColor--exp-color-blue-800":"ExpColor--exp-color-blue-800__AWAr2","ExpColor--exp-color-teal-50":"ExpColor--exp-color-teal-50__7QmhW","ExpColor--exp-color-teal-100":"ExpColor--exp-color-teal-100__YLRdY","ExpColor--exp-color-teal-200":"ExpColor--exp-color-teal-200__aUMwT","ExpColor--exp-color-teal-300":"ExpColor--exp-color-teal-300__wI000","ExpColor--exp-color-teal-400":"ExpColor--exp-color-teal-400__uVmEI","ExpColor--exp-color-teal-500":"ExpColor--exp-color-teal-500__HM2LK","ExpColor--exp-color-teal-600":"ExpColor--exp-color-teal-600__0PlFD","ExpColor--exp-color-teal-700":"ExpColor--exp-color-teal-700__FVY4B","ExpColor--exp-color-teal-800":"ExpColor--exp-color-teal-800__2dQ3c","ExpColor--exp-color-red-50":"ExpColor--exp-color-red-50__k0fHb","ExpColor--exp-color-red-100":"ExpColor--exp-color-red-100__PuJbY","ExpColor--exp-color-red-200":"ExpColor--exp-color-red-200__cumh2","ExpColor--exp-color-red-300":"ExpColor--exp-color-red-300__dUiEM","ExpColor--exp-color-red-400":"ExpColor--exp-color-red-400__DBCU8","ExpColor--exp-color-red-500":"ExpColor--exp-color-red-500__lIF6t","ExpColor--exp-color-red-600":"ExpColor--exp-color-red-600__NNabI","ExpColor--exp-color-red-700":"ExpColor--exp-color-red-700__9Tz3v","ExpColor--exp-color-red-800":"ExpColor--exp-color-red-800__HCek3"},A="ExpColor",B=o=>n(q,A,[z("exp-color",o)]),x=w.forwardRef(function({svg:r,size:e=P,accent:l,expColor:c,color:t,label:a,dataset:s,...i},v){const p=!Number.isNaN(Number(e)),C=p?{width:`${e}px`,height:`${e}px`}:{},_=n(S,u.Icon,[V(`size-${e}`,void 0,!p)]),E=l?void 0:t,d=I(!1,l),y=k(E),m=l?[]:B(c),g=[..._,...d,...y,...m],f={...h(i),className:g.join(" "),...T(s,{preplyDsComponent:u.Icon}),ref:v};if(!r)throw new Error("Icon prop svg is mandatory");return b.jsx("span",{...f,role:"img",style:C,"aria-hidden":!a,"aria-label":a,children:N(r,{"aria-hidden":"true",focusable:"false"})})});try{x.displayName="Icon",x.__docgenInfo={description:"",displayName:"Icon",props:{svg:{defaultValue:null,description:`The SVG icon to render.
2
2
  @example import TokyoUINotesWithPad from '@preply/ds-media-icons/dist/24/TokyoUINotesWithPad.svg';
3
3
 
4
4
  <Icon svg={TokyoUINotesWithPad} />
@@ -1,4 +1,4 @@
1
- import{j as o}from"./jsx-runtime-BYouaCF_.js";import{useMDXComponents as n}from"./index-uOP2uDdf.js";import{M as m,S as s}from"./index-D6soH6D2.js";import{ServerComponent as i}from"./Icon.stories-Batx6hcA.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BoWsIu37.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./TokyoUINotesWithPad-Bqcca_-M.js";import"./Icon-Cx1Om39U.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-CVTdrNe-.js";import"./componentNames-Ba2ybP0W.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./options-Dn0Ts6qK.js";function r(t){const e={code:"code",h1:"h1",p:"p",pre:"pre",...n(),...t.components};return o.jsxs(o.Fragment,{children:[o.jsx(m,{title:"components/Icon/Server Component"}),`
1
+ import{j as o}from"./jsx-runtime-BYouaCF_.js";import{useMDXComponents as n}from"./index-uOP2uDdf.js";import{M as m,S as s}from"./index-D7MP9XPf.js";import{ServerComponent as i}from"./Icon.stories-Dalhjiqr.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-HKl8oQjn.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./TokyoUINotesWithPad-Bqcca_-M.js";import"./Icon-C3PbN7-O.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-CVTdrNe-.js";import"./componentNames-CVVyamkx.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./options-Dn0Ts6qK.js";function r(t){const e={code:"code",h1:"h1",p:"p",pre:"pre",...n(),...t.components};return o.jsxs(o.Fragment,{children:[o.jsx(m,{title:"components/Icon/Server Component"}),`
2
2
  `,o.jsx(e.h1,{id:"use-icon-as-react-server-component",children:"Use Icon as react server component"}),`
3
3
  `,o.jsxs(e.p,{children:["To use Icon as react server component, provide ",o.jsx(e.code,{children:"svg"})," as element:"]}),`
4
4
  `,o.jsx(s,{of:i}),`
@@ -1 +1 @@
1
- import{j as b}from"./jsx-runtime-BYouaCF_.js";import{r as w}from"./index-B3evPFBL.js";import{g as f,a as N}from"./text-centered-C0V1O_Sd.js";import{f as k}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{r as z}from"./render-icon-CwRdpin3.js";import{m as _,s as h,b as P}from"./classNames-BUL1Zq7e.js";import{I as U}from"./defaults-B1rzzf6M.js";import{w as c}from"./componentNames-Ba2ybP0W.js";import{g as D}from"./index-DdzHuZ-Y.js";const K="ExpColor__S0PGo",S={ExpColor:K,"ExpColor--exp-color-grey-0":"ExpColor--exp-color-grey-0__DKudt","ExpColor--exp-color-grey-50":"ExpColor--exp-color-grey-50__lo7OH","ExpColor--exp-color-grey-100":"ExpColor--exp-color-grey-100__EtBtx","ExpColor--exp-color-grey-200":"ExpColor--exp-color-grey-200__KHF8X","ExpColor--exp-color-grey-300":"ExpColor--exp-color-grey-300__0u63D","ExpColor--exp-color-grey-400":"ExpColor--exp-color-grey-400__WaJzi","ExpColor--exp-color-grey-500":"ExpColor--exp-color-grey-500__1RSHd","ExpColor--exp-color-grey-600":"ExpColor--exp-color-grey-600__95yQU","ExpColor--exp-color-grey-700":"ExpColor--exp-color-grey-700__SSayo","ExpColor--exp-color-grey-800":"ExpColor--exp-color-grey-800__15Bou","ExpColor--exp-color-grey-900":"ExpColor--exp-color-grey-900__BKw9C","ExpColor--exp-color-pink-50":"ExpColor--exp-color-pink-50__SZLGx","ExpColor--exp-color-pink-100":"ExpColor--exp-color-pink-100__J0yFM","ExpColor--exp-color-pink-200":"ExpColor--exp-color-pink-200__dQ0mZ","ExpColor--exp-color-pink-300":"ExpColor--exp-color-pink-300__WYBWX","ExpColor--exp-color-pink-400":"ExpColor--exp-color-pink-400__7Jazs","ExpColor--exp-color-pink-500":"ExpColor--exp-color-pink-500__4X2bs","ExpColor--exp-color-pink-600":"ExpColor--exp-color-pink-600__Ph3VO","ExpColor--exp-color-pink-700":"ExpColor--exp-color-pink-700__nLJd1","ExpColor--exp-color-pink-800":"ExpColor--exp-color-pink-800__-fD0l","ExpColor--exp-color-yellow-50":"ExpColor--exp-color-yellow-50__EYcxx","ExpColor--exp-color-yellow-100":"ExpColor--exp-color-yellow-100__8n-ZP","ExpColor--exp-color-yellow-200":"ExpColor--exp-color-yellow-200__eOMK3","ExpColor--exp-color-yellow-300":"ExpColor--exp-color-yellow-300__JbUZg","ExpColor--exp-color-yellow-400":"ExpColor--exp-color-yellow-400__7NrMJ","ExpColor--exp-color-yellow-500":"ExpColor--exp-color-yellow-500__a3k-Q","ExpColor--exp-color-yellow-600":"ExpColor--exp-color-yellow-600__xBk-i","ExpColor--exp-color-yellow-700":"ExpColor--exp-color-yellow-700__xw4Kd","ExpColor--exp-color-yellow-800":"ExpColor--exp-color-yellow-800__vZmXG","ExpColor--exp-color-blue-50":"ExpColor--exp-color-blue-50__s2FXt","ExpColor--exp-color-blue-100":"ExpColor--exp-color-blue-100__TzrMW","ExpColor--exp-color-blue-200":"ExpColor--exp-color-blue-200__sVncU","ExpColor--exp-color-blue-300":"ExpColor--exp-color-blue-300__ooY38","ExpColor--exp-color-blue-400":"ExpColor--exp-color-blue-400__GGuoL","ExpColor--exp-color-blue-500":"ExpColor--exp-color-blue-500__N2NW9","ExpColor--exp-color-blue-600":"ExpColor--exp-color-blue-600__q-8xU","ExpColor--exp-color-blue-700":"ExpColor--exp-color-blue-700__5k-Gw","ExpColor--exp-color-blue-800":"ExpColor--exp-color-blue-800__MCpJf","ExpColor--exp-color-teal-50":"ExpColor--exp-color-teal-50__P9v3-","ExpColor--exp-color-teal-100":"ExpColor--exp-color-teal-100__Y8xbj","ExpColor--exp-color-teal-200":"ExpColor--exp-color-teal-200__yzxAu","ExpColor--exp-color-teal-300":"ExpColor--exp-color-teal-300__CC-oK","ExpColor--exp-color-teal-400":"ExpColor--exp-color-teal-400__fBHUW","ExpColor--exp-color-teal-500":"ExpColor--exp-color-teal-500__qt3Ny","ExpColor--exp-color-teal-600":"ExpColor--exp-color-teal-600__5EF-y","ExpColor--exp-color-teal-700":"ExpColor--exp-color-teal-700__o0qGK","ExpColor--exp-color-teal-800":"ExpColor--exp-color-teal-800__dntGK","ExpColor--exp-color-red-50":"ExpColor--exp-color-red-50__QFm4H","ExpColor--exp-color-red-100":"ExpColor--exp-color-red-100__gQ36l","ExpColor--exp-color-red-200":"ExpColor--exp-color-red-200__N7c7P","ExpColor--exp-color-red-300":"ExpColor--exp-color-red-300__uhkUo","ExpColor--exp-color-red-400":"ExpColor--exp-color-red-400__cNgdd","ExpColor--exp-color-red-500":"ExpColor--exp-color-red-500__VMSdk","ExpColor--exp-color-red-600":"ExpColor--exp-color-red-600__In2gH","ExpColor--exp-color-red-700":"ExpColor--exp-color-red-700__DPnKE","ExpColor--exp-color-red-800":"ExpColor--exp-color-red-800__MkRFA"},F="ExpColor",G=r=>_(S,F,[h("exp-color",r)]),M="Icon__jDdMD",v={Icon:M,"Icon--size-2xs":"Icon--size-2xs__3r954","Icon--size-xs":"Icon--size-xs__Fcq73","Icon--size-s":"Icon--size-s__bQoUv","Icon--size-m":"Icon--size-m__7Z05l","Icon--size-l":"Icon--size-l__2o-6h","Icon--size-16":"Icon--size-16__P1SXI","Icon--size-24":"Icon--size-24__vnVQ0","Icon--size-32":"Icon--size-32__gHIna","Icon--size-48":"Icon--size-48__0PUAE"},A=w.forwardRef(function({svg:e,size:o=U,accent:l,expColor:C,color:E,label:p,dataset:s,...n},a){const x=!Number.isNaN(Number(o)),t=x?{width:`${o}px`,height:`${o}px`}:{},i=_(v,c.Icon,[P(`size-${o}`,void 0,!x)]),y=l?void 0:E,m=f(!1,l),d=N(y),u=l?[]:G(C),g=[...i,...m,...d,...u],I={...k(n),className:g.join(" "),...D(s,{preplyDsComponent:c.Icon}),ref:a};if(!e)throw new Error("Icon prop svg is mandatory");return b.jsx("span",{...I,role:"img",style:t,"aria-hidden":!p,"aria-label":p,children:z(e,{"aria-hidden":"true",focusable:"false"})})});A.__docgenInfo={description:"",methods:[],displayName:"Icon",props:{size:{defaultValue:{value:"'s'",computed:!1},required:!1}}};export{A as I};
1
+ import{j as b}from"./jsx-runtime-BYouaCF_.js";import{r as w}from"./index-B3evPFBL.js";import{g as f,a as N}from"./text-centered-C0V1O_Sd.js";import{f as k}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{r as z}from"./render-icon-CwRdpin3.js";import{m as _,s as h,b as P}from"./classNames-BUL1Zq7e.js";import{I as U}from"./defaults-B1rzzf6M.js";import{w as c}from"./componentNames-CVVyamkx.js";import{g as D}from"./index-DdzHuZ-Y.js";const K="ExpColor__S0PGo",S={ExpColor:K,"ExpColor--exp-color-grey-0":"ExpColor--exp-color-grey-0__DKudt","ExpColor--exp-color-grey-50":"ExpColor--exp-color-grey-50__lo7OH","ExpColor--exp-color-grey-100":"ExpColor--exp-color-grey-100__EtBtx","ExpColor--exp-color-grey-200":"ExpColor--exp-color-grey-200__KHF8X","ExpColor--exp-color-grey-300":"ExpColor--exp-color-grey-300__0u63D","ExpColor--exp-color-grey-400":"ExpColor--exp-color-grey-400__WaJzi","ExpColor--exp-color-grey-500":"ExpColor--exp-color-grey-500__1RSHd","ExpColor--exp-color-grey-600":"ExpColor--exp-color-grey-600__95yQU","ExpColor--exp-color-grey-700":"ExpColor--exp-color-grey-700__SSayo","ExpColor--exp-color-grey-800":"ExpColor--exp-color-grey-800__15Bou","ExpColor--exp-color-grey-900":"ExpColor--exp-color-grey-900__BKw9C","ExpColor--exp-color-pink-50":"ExpColor--exp-color-pink-50__SZLGx","ExpColor--exp-color-pink-100":"ExpColor--exp-color-pink-100__J0yFM","ExpColor--exp-color-pink-200":"ExpColor--exp-color-pink-200__dQ0mZ","ExpColor--exp-color-pink-300":"ExpColor--exp-color-pink-300__WYBWX","ExpColor--exp-color-pink-400":"ExpColor--exp-color-pink-400__7Jazs","ExpColor--exp-color-pink-500":"ExpColor--exp-color-pink-500__4X2bs","ExpColor--exp-color-pink-600":"ExpColor--exp-color-pink-600__Ph3VO","ExpColor--exp-color-pink-700":"ExpColor--exp-color-pink-700__nLJd1","ExpColor--exp-color-pink-800":"ExpColor--exp-color-pink-800__-fD0l","ExpColor--exp-color-yellow-50":"ExpColor--exp-color-yellow-50__EYcxx","ExpColor--exp-color-yellow-100":"ExpColor--exp-color-yellow-100__8n-ZP","ExpColor--exp-color-yellow-200":"ExpColor--exp-color-yellow-200__eOMK3","ExpColor--exp-color-yellow-300":"ExpColor--exp-color-yellow-300__JbUZg","ExpColor--exp-color-yellow-400":"ExpColor--exp-color-yellow-400__7NrMJ","ExpColor--exp-color-yellow-500":"ExpColor--exp-color-yellow-500__a3k-Q","ExpColor--exp-color-yellow-600":"ExpColor--exp-color-yellow-600__xBk-i","ExpColor--exp-color-yellow-700":"ExpColor--exp-color-yellow-700__xw4Kd","ExpColor--exp-color-yellow-800":"ExpColor--exp-color-yellow-800__vZmXG","ExpColor--exp-color-blue-50":"ExpColor--exp-color-blue-50__s2FXt","ExpColor--exp-color-blue-100":"ExpColor--exp-color-blue-100__TzrMW","ExpColor--exp-color-blue-200":"ExpColor--exp-color-blue-200__sVncU","ExpColor--exp-color-blue-300":"ExpColor--exp-color-blue-300__ooY38","ExpColor--exp-color-blue-400":"ExpColor--exp-color-blue-400__GGuoL","ExpColor--exp-color-blue-500":"ExpColor--exp-color-blue-500__N2NW9","ExpColor--exp-color-blue-600":"ExpColor--exp-color-blue-600__q-8xU","ExpColor--exp-color-blue-700":"ExpColor--exp-color-blue-700__5k-Gw","ExpColor--exp-color-blue-800":"ExpColor--exp-color-blue-800__MCpJf","ExpColor--exp-color-teal-50":"ExpColor--exp-color-teal-50__P9v3-","ExpColor--exp-color-teal-100":"ExpColor--exp-color-teal-100__Y8xbj","ExpColor--exp-color-teal-200":"ExpColor--exp-color-teal-200__yzxAu","ExpColor--exp-color-teal-300":"ExpColor--exp-color-teal-300__CC-oK","ExpColor--exp-color-teal-400":"ExpColor--exp-color-teal-400__fBHUW","ExpColor--exp-color-teal-500":"ExpColor--exp-color-teal-500__qt3Ny","ExpColor--exp-color-teal-600":"ExpColor--exp-color-teal-600__5EF-y","ExpColor--exp-color-teal-700":"ExpColor--exp-color-teal-700__o0qGK","ExpColor--exp-color-teal-800":"ExpColor--exp-color-teal-800__dntGK","ExpColor--exp-color-red-50":"ExpColor--exp-color-red-50__QFm4H","ExpColor--exp-color-red-100":"ExpColor--exp-color-red-100__gQ36l","ExpColor--exp-color-red-200":"ExpColor--exp-color-red-200__N7c7P","ExpColor--exp-color-red-300":"ExpColor--exp-color-red-300__uhkUo","ExpColor--exp-color-red-400":"ExpColor--exp-color-red-400__cNgdd","ExpColor--exp-color-red-500":"ExpColor--exp-color-red-500__VMSdk","ExpColor--exp-color-red-600":"ExpColor--exp-color-red-600__In2gH","ExpColor--exp-color-red-700":"ExpColor--exp-color-red-700__DPnKE","ExpColor--exp-color-red-800":"ExpColor--exp-color-red-800__MkRFA"},F="ExpColor",G=r=>_(S,F,[h("exp-color",r)]),M="Icon__jDdMD",v={Icon:M,"Icon--size-2xs":"Icon--size-2xs__3r954","Icon--size-xs":"Icon--size-xs__Fcq73","Icon--size-s":"Icon--size-s__bQoUv","Icon--size-m":"Icon--size-m__7Z05l","Icon--size-l":"Icon--size-l__2o-6h","Icon--size-16":"Icon--size-16__P1SXI","Icon--size-24":"Icon--size-24__vnVQ0","Icon--size-32":"Icon--size-32__gHIna","Icon--size-48":"Icon--size-48__0PUAE"},A=w.forwardRef(function({svg:e,size:o=U,accent:l,expColor:C,color:E,label:p,dataset:s,...n},a){const x=!Number.isNaN(Number(o)),t=x?{width:`${o}px`,height:`${o}px`}:{},i=_(v,c.Icon,[P(`size-${o}`,void 0,!x)]),y=l?void 0:E,m=f(!1,l),d=N(y),u=l?[]:G(C),g=[...i,...m,...d,...u],I={...k(n),className:g.join(" "),...D(s,{preplyDsComponent:c.Icon}),ref:a};if(!e)throw new Error("Icon prop svg is mandatory");return b.jsx("span",{...I,role:"img",style:t,"aria-hidden":!p,"aria-label":p,children:z(e,{"aria-hidden":"true",focusable:"false"})})});A.__docgenInfo={description:"",methods:[],displayName:"Icon",props:{size:{defaultValue:{value:"'s'",computed:!1},required:!1}}};export{A as I};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BYouaCF_.js";import{F as o}from"./TokyoUINotesWithPad-Bqcca_-M.js";import{I as s}from"./Icon-Cx1Om39U.js";import{E as h}from"./options-Dn0Ts6qK.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-CVTdrNe-.js";import"./componentNames-Ba2ybP0W.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";const W={title:"components/Icon",component:s,parameters:{docs:{description:{component:"To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page)."}}}},t=()=>e.jsxs("div",{style:{display:"flex",alignItems:"end",gap:"4px"},children:[e.jsx(s,{svg:o,size:"16"}),e.jsx(s,{svg:o,size:"24"}),e.jsx(s,{svg:o,size:"32"}),e.jsx(s,{svg:o,size:"48"})]}),n=()=>e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:h.map(a=>e.jsxs("div",{style:{display:"flex",gap:16},children:[e.jsx(s,{svg:o,expColor:a.id},a.id),e.jsx("span",{children:a.id})]},a.id))}),r=()=>e.jsx(s,{svg:e.jsx(o,{})});r.tags=["!dev","!autodocs"];const i={parameters:{chromatic:{disableSnapshot:!0}},args:{svg:o,dataset:{qaid:"icon"}},argTypes:{svg:{control:!1},dataset:{control:"object"},label:{control:"text"},color:{table:{disable:!0}}}};var p,c,d;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`() => <div style={{
1
+ import{j as e}from"./jsx-runtime-BYouaCF_.js";import{F as o}from"./TokyoUINotesWithPad-Bqcca_-M.js";import{I as s}from"./Icon-C3PbN7-O.js";import{E as h}from"./options-Dn0Ts6qK.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-CVTdrNe-.js";import"./componentNames-CVVyamkx.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";const W={title:"components/Icon",component:s,parameters:{docs:{description:{component:"To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page)."}}}},t=()=>e.jsxs("div",{style:{display:"flex",alignItems:"end",gap:"4px"},children:[e.jsx(s,{svg:o,size:"16"}),e.jsx(s,{svg:o,size:"24"}),e.jsx(s,{svg:o,size:"32"}),e.jsx(s,{svg:o,size:"48"})]}),n=()=>e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:h.map(a=>e.jsxs("div",{style:{display:"flex",gap:16},children:[e.jsx(s,{svg:o,expColor:a.id},a.id),e.jsx("span",{children:a.id})]},a.id))}),r=()=>e.jsx(s,{svg:e.jsx(o,{})});r.tags=["!dev","!autodocs"];const i={parameters:{chromatic:{disableSnapshot:!0}},args:{svg:o,dataset:{qaid:"icon"}},argTypes:{svg:{control:!1},dataset:{control:"object"},label:{control:"text"},color:{table:{disable:!0}}}};var p,c,d;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`() => <div style={{
2
2
  display: 'flex',
3
3
  alignItems: 'end',
4
4
  gap: '4px'
@@ -1,8 +1,8 @@
1
- import{j as o}from"./jsx-runtime-BYouaCF_.js";import{r as m}from"./index-B3evPFBL.js";import{r as d}from"./render-icon-CVTdrNe-.js";import{B as v}from"./ButtonBase-CoNMqmsd.js";import{w as p}from"./componentNames-Ba2ybP0W.js";import{B as c,a as f}from"./defaults-B1rzzf6M.js";const e=m.forwardRef(function({variant:l=f,size:n=c,url:t,a11yLabel:u,svg:r,...s},i){return o.jsx(v,{...s,ref:i,isIconButton:!0,variant:l,size:n,url:t,a11yLabel:u,preplyDsComponent:p.IconButton,children:d(r,{"aria-hidden":"true",focusable:"false"})})});try{e.displayName="IconButton",e.__docgenInfo={description:"",displayName:"IconButton",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"critical"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'},{value:'"ai"'}]}},size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"string"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
1
+ import{j as o}from"./jsx-runtime-BYouaCF_.js";import{r as m}from"./index-B3evPFBL.js";import{r as d}from"./render-icon-CVTdrNe-.js";import{B as v}from"./ButtonBase-CFf1N6e3.js";import{w as p}from"./componentNames-CVVyamkx.js";import{B as c,a as f}from"./defaults-B1rzzf6M.js";const e=m.forwardRef(function({variant:l=f,size:n=c,url:t,a11yLabel:u,svg:r,...s},i){return o.jsx(v,{...s,ref:i,isIconButton:!0,variant:l,size:n,url:t,a11yLabel:u,preplyDsComponent:p.IconButton,children:d(r,{"aria-hidden":"true",focusable:"false"})})});try{e.displayName="IconButton",e.__docgenInfo={description:"",displayName:"IconButton",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"critical"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'},{value:'"ai"'}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:"ResponsiveProp<ButtonSize>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"string"}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
2
2
 
3
3
  Allows rendering the button using a different React element or component.
4
4
  This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
5
5
  @example // Render as a react router link component
6
6
  import { Link } from 'react-router-dom';
7
7
 
8
- <ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},svg:{defaultValue:null,description:"",name:"svg",required:!0,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLButtonElement | HTMLAnchorElement | null) => void"},{value:"RefObject<HTMLButtonElement | HTMLAnchorElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}export{e as I};
8
+ <ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},svg:{defaultValue:null,description:"",name:"svg",required:!0,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLAnchorElement | HTMLButtonElement | null) => void"},{value:"RefObject<HTMLAnchorElement | HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}export{e as I};