@preply/ds-docs 3.1.1-beta.6979b7215f74b2e5e56e968fa2f5aaabbd31e8a8.0 → 3.1.1-beta.b0da64e44680627847663be4d78ebeebea8c6944.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 (110) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-Dx9Eo2na.js → 00.LayoutFlex.stories-DkJ1Fct8.js} +1 -1
  2. package/dist/assets/{00.applications-Ba4YPntv.js → 00.applications-DafzJmd1.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-CEbQqvPB.js → 00.favicons.guide-brvegHPR.js} +1 -1
  4. package/dist/assets/{00.token-explorer-MnmDHjjY.js → 00.token-explorer-NZgPJYgK.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-DJ3dvefE.js → 00.using-responsive-props-BtIgzDL1.js} +1 -1
  6. package/dist/assets/{01.semantic-tokens-DBqrJ-jx.js → 01.semantic-tokens-Cxg5O7jx.js} +1 -1
  7. package/dist/assets/{01.using-shorthand-props-LQEggQSe.js → 01.using-shorthand-props-C6ZNaf9k.js} +1 -1
  8. package/dist/assets/{10.Combinations.stories-Wf-NooK0.js → 10.Combinations.stories-DptYuvtA.js} +1 -1
  9. package/dist/assets/{10.fonts.guide-C_gCE5op.js → 10.fonts.guide-BhCFCZBy.js} +1 -1
  10. package/dist/assets/{10.ssr-CsZenelp.js → 10.ssr-CETLnXz1.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer-BCpfiOBe.js → 11.languageFont.explorer-Bc-g6XOq.js} +1 -1
  12. package/dist/assets/{11.ssr.app-router-BJWwAZ26.js → 11.ssr.app-router-m2a2--0f.js} +1 -1
  13. package/dist/assets/{20.libraries-B6VT80Rs.js → 20.libraries-CNNM7ENy.js} +1 -1
  14. package/dist/assets/{30.icons.explorer-DZ1EsBtj.js → 30.icons.explorer-DxZiwHrt.js} +1 -1
  15. package/dist/assets/{30.storybook-CHIRMUOu.js → 30.storybook-BVWKWFVN.js} +1 -1
  16. package/dist/assets/{40.illustrations.explorer-BMJJAXhw.js → 40.illustrations.explorer-qWSryWlk.js} +1 -1
  17. package/dist/assets/{90.advanced-BZBdNDoO.js → 90.advanced-DvRy2sIG.js} +1 -1
  18. package/dist/assets/{Accordion-DjdAaIAN.js → Accordion-_oiPELIS.js} +3 -3
  19. package/dist/assets/{Accordion.stories-C-BlgFFJ.js → Accordion.stories-DW84iZId.js} +1 -1
  20. package/dist/assets/{Accordion.tests.stories-CwZAy27Z.js → Accordion.tests.stories-HLUGZQBK.js} +1 -1
  21. package/dist/assets/{AlertDialog.stories-D6ZXfVf9.js → AlertDialog.stories-CEKRc6cm.js} +1 -1
  22. package/dist/assets/{Badge.stories-DIY0Ixcn.js → Badge.stories-Cx4CCSPq.js} +1 -1
  23. package/dist/assets/{Box.stories-Tpzf5Ucy.js → Box.stories-DsaKJbMG.js} +1 -1
  24. package/dist/assets/{Button-DUfN3a98.js → Button-CcY3QSgD.js} +1 -1
  25. package/dist/assets/{Button.stories-CN_LlUXT.js → Button.stories-CdendaHV.js} +1 -1
  26. package/dist/assets/{Checkbox-4S94zrQG.js → Checkbox-DH5o6aup.js} +3 -3
  27. package/dist/assets/{Checkbox.stories-LWdh97RT.js → Checkbox.stories-sHbc4DyM.js} +1 -1
  28. package/dist/assets/{Checkbox.tests.stories-B22nLUA0.js → Checkbox.tests.stories-DX5vQTZm.js} +1 -1
  29. package/dist/assets/{Chips.stories-BF_eoQzy.js → Chips.stories-BencIUny.js} +1 -1
  30. package/dist/assets/{Color-YHDXOIA2-DBEzfWUT.js → Color-YHDXOIA2-XZioejW2.js} +1 -1
  31. package/dist/assets/CountryFlag-ps90L8eN.js +49 -0
  32. package/dist/assets/{Dialog.stories-BDi5ubQi.js → Dialog.stories-Cf4RM2h2.js} +1 -1
  33. package/dist/assets/{DocsRenderer-CFRXHY34-DbNtKpKR.js → DocsRenderer-CFRXHY34-CerFBhAM.js} +1 -1
  34. package/dist/assets/{Flag.stories-BZC_j8i9.js → Flag.stories-DEKGHg3O.js} +15 -35
  35. package/dist/assets/{Flag.test.stories-Dqy18PgD.js → Flag.test.stories-k_dwOPsD.js} +1 -1
  36. package/dist/assets/{Icon-C3PbN7-O.js → Icon-DLiSwEfT.js} +1 -1
  37. package/dist/assets/{Icon-RSC-C0ncJTUs.js → Icon-RSC-DR17Q0N5.js} +1 -1
  38. package/dist/assets/{Icon.stories-Dalhjiqr.js → Icon.stories-C98JIL87.js} +1 -1
  39. package/dist/assets/{IconButton-D0fGiRmb.js → IconButton-BnLs_P5O.js} +1 -1
  40. package/dist/assets/{Input-0F-H1v0g.js → Input-Br6FM_ov.js} +6 -6
  41. package/dist/assets/{IntegrationWithReactHookForm.stories-Xgh1APwf.js → IntegrationWithReactHookForm.stories-CjkAXxSi.js} +1 -1
  42. package/dist/assets/{LayoutFlex-oRwI31fW.js → LayoutFlex-CDxj6nng.js} +1 -1
  43. package/dist/assets/{LayoutFlexItem-RxfNp994.js → LayoutFlexItem-DcbU1Wtg.js} +1 -1
  44. package/dist/assets/{LayoutGrid.stories-CAvHZzVw.js → LayoutGrid.stories-Dvap6nXA.js} +1 -1
  45. package/dist/assets/{LayoutGridItem-AvP_ZkC5.js → LayoutGridItem-DczUihq7.js} +1 -1
  46. package/dist/assets/{Link.stories-BUbS8oOg.js → Link.stories-DQM626ga.js} +2 -2
  47. package/dist/assets/NumberField-DtZiz9gx.js +4 -0
  48. package/dist/assets/{NumberField.stories-DfMrC_B4.js → NumberField.stories-BvnypoI2.js} +1 -1
  49. package/dist/assets/{ObserveIntersection-CvDmrhxS.js → ObserveIntersection-QIlV9twe.js} +1 -1
  50. package/dist/assets/{ObserveIntersection.stories-CJbpJ7AX.js → ObserveIntersection.stories-BnaX-I6k.js} +1 -1
  51. package/dist/assets/{OnboardingTooltip-Ga3yLAKq.js → OnboardingTooltip-Drdxs-mL.js} +1 -1
  52. package/dist/assets/{OnboardingTooltip.stories-CIGhxyVv.js → OnboardingTooltip.stories-BalK-N-K.js} +1 -1
  53. package/dist/assets/{OnboardingTooltip.tests.stories-BvPnsOf9.js → OnboardingTooltip.tests.stories-tVOg5MTR.js} +1 -1
  54. package/dist/assets/{OnboardingTour-DQKAMwDc.js → OnboardingTour-CHuPsA7n.js} +1 -1
  55. package/dist/assets/{OnboardingTour.stories-xCALGjaf.js → OnboardingTour.stories-DU1CbGJb.js} +2 -2
  56. package/dist/assets/{OnboardingTour.tests.stories-DWSurYty.js → OnboardingTour.tests.stories-C7a8Rmsv.js} +1 -1
  57. package/dist/assets/PasswordField-DmJwowu1.js +4 -0
  58. package/dist/assets/{PasswordField.stories-D9dJYf60.js → PasswordField.stories-DePlhGin.js} +1 -1
  59. package/dist/assets/{PreplyLogo.stories-fvYp72RZ.js → PreplyLogo.stories-CxkodPun.js} +1 -1
  60. package/dist/assets/{ProgressBar.stories-BI9rP3Zp.js → ProgressBar.stories-CvN4M4Mq.js} +1 -1
  61. package/dist/assets/{ProgressSteps.stories-BU_NU70-.js → ProgressSteps.stories-CPDR8zsn.js} +1 -1
  62. package/dist/assets/{SelectField-DO_tN6au.js → SelectField-DjLknbw4.js} +10 -10
  63. package/dist/assets/{SelectField.stories-C3t6Yxl3.js → SelectField.stories-CWLAqY36.js} +1 -1
  64. package/dist/assets/{ShowOnIntersection.stories-B24bNVFn.js → ShowOnIntersection.stories-BeGWC-Z4.js} +1 -1
  65. package/dist/assets/{Steps-fLuKPowT.js → Steps-LOo3xjBg.js} +1 -1
  66. package/dist/assets/{Steps.stories-DBs_xRfi.js → Steps.stories-DHdbOtvE.js} +1 -1
  67. package/dist/assets/{Text-B2ZjNCft.js → Text-CH4wZQv6.js} +1 -1
  68. package/dist/assets/{Text.stories-B-ZOJyPu.js → Text.stories-DcJ53GNv.js} +1 -1
  69. package/dist/assets/TextField-CErKn01e.js +4 -0
  70. package/dist/assets/{TextField.stories-Ip_bkDJi.js → TextField.stories-DqDKfEbc.js} +1 -1
  71. package/dist/assets/{TextHighlighted.stories-B89Gaz6o.js → TextHighlighted.stories-DOQ3Cny3.js} +1 -1
  72. package/dist/assets/{TextInline.stories-DIjSSfRF.js → TextInline.stories-Db7MLcaa.js} +1 -1
  73. package/dist/assets/{TextareaField-DHX6IRnj.js → TextareaField-CXN-lN3Y.js} +9 -9
  74. package/dist/assets/{TextareaField.stories-Ege4vMd6.js → TextareaField.stories-BPG4HgXb.js} +1 -1
  75. package/dist/assets/{Toast.stories-QJP8u4iK.js → Toast.stories-Cb8tqWaO.js} +1 -1
  76. package/dist/assets/{Tooltip.stories-Cm3Jk-_z.js → Tooltip.stories-DwcA4Tb6.js} +1 -1
  77. package/dist/assets/{Tooltip.tests.stories-B2Yi0UsK.js → Tooltip.tests.stories-DRBWtsl0.js} +1 -1
  78. package/dist/assets/{breakpoints-C4n_KMrT.js → breakpoints-17pQbwrA.js} +1 -1
  79. package/dist/assets/{breakpoints-DRwiRnv6.js → breakpoints-ZcizX0pH.js} +1 -1
  80. package/dist/assets/{breakpoints-0LwK_FN1.js → breakpoints-_MTj6Tgh.js} +1 -1
  81. package/dist/assets/{changelog-1NQYbIFt.js → changelog-C38tZgD3.js} +1 -1
  82. package/dist/assets/{entry-preview-DgGa73bN.js → entry-preview-pq7Z7DEg.js} +1 -1
  83. package/dist/assets/{getTokenVar-D3MUAgiO.js → getTokenVar-CStyxwr3.js} +1 -1
  84. package/dist/assets/{hover-BkT97PXl.js → hover-BqprrboH.js} +1 -1
  85. package/dist/assets/{hover-Bv8Xc9G4.js → hover-C_XsDK4s.js} +1 -1
  86. package/dist/assets/{hover-Dq9rs4PT.js → hover-CrxTgoLG.js} +1 -1
  87. package/dist/assets/{iframe-x6BLg8Ji.js → iframe-BMnDNOZI.js} +2 -2
  88. package/dist/assets/{index-CkEIPWib.js → index-D2GTvH-Y.js} +1 -1
  89. package/dist/assets/{index-DcOf5IFN.js → index-yZrUxwWw.js} +3 -3
  90. package/dist/assets/{intro-CmrRtjLH.js → intro-CgRaz0NU.js} +1 -1
  91. package/dist/assets/{migrating-from-less-CT230F26.js → migrating-from-less-DSoSpfnJ.js} +1 -1
  92. package/dist/assets/{playground.stories-BhNG8Jgk.js → playground.stories-C-Sl-AMj.js} +33 -33
  93. package/dist/assets/{preview-BEN5riSB.js → preview-3wk0ugl8.js} +2 -2
  94. package/dist/assets/{preview-bLfHbFFi.js → preview-B_L7GhCJ.js} +1 -1
  95. package/dist/assets/{preview-B1OsNris.js → preview-DkQEncOB.js} +1 -1
  96. package/dist/assets/{tokens-I3xjhSDE.js → tokens-Cy39NJA5.js} +1 -1
  97. package/dist/assets/{tokens-DjbFHayV.js → tokens-DgTNh4rN.js} +1 -1
  98. package/dist/assets/{tokens-i5BvqP2o.js → tokens-uKFcWV14.js} +1 -1
  99. package/dist/assets/{usePortalElement-tDzOwrOb.js → usePortalElement-VI40uldV.js} +1 -1
  100. package/dist/assets/{welcome-BWP0gVfw.js → welcome-DPhQTv2R.js} +1 -1
  101. package/dist/assets/{zeroheight-s8Fk0iPU.js → zeroheight-DbqVK-Vl.js} +1 -1
  102. package/dist/iframe.html +1 -1
  103. package/dist/index.json +1 -1
  104. package/dist/preview-stats.json +1014 -1014
  105. package/dist/project.json +1 -1
  106. package/package.json +3 -3
  107. package/dist/assets/CountryFlag-BEP02NMP.js +0 -48
  108. package/dist/assets/NumberField-_XVLeKUg.js +0 -4
  109. package/dist/assets/PasswordField-KGypENg3.js +0 -4
  110. package/dist/assets/TextField-DnZQU85b.js +0 -4
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BYouaCF_.js";import{useMDXComponents as t}from"./index-uOP2uDdf.js";import{M as o}from"./index-DcOf5IFN.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-x6BLg8Ji.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function r(i){const n={a:"a",code:"code",h1:"h1",hr:"hr",p:"p",pre:"pre",strong:"strong",...t(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Custom Components/Less.js/Breakpoints"}),`
1
+ import{j as e}from"./jsx-runtime-BYouaCF_.js";import{useMDXComponents as t}from"./index-uOP2uDdf.js";import{M as o}from"./index-yZrUxwWw.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BMnDNOZI.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function r(i){const n={a:"a",code:"code",h1:"h1",hr:"hr",p:"p",pre:"pre",strong:"strong",...t(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Custom Components/Less.js/Breakpoints"}),`
2
2
  `,e.jsx(n.h1,{id:"lessjs-breakpoints",children:"Less.js: Breakpoints"}),`
3
3
  `,e.jsxs(n.p,{children:[e.jsx(n.strong,{children:"Note:"})," Storybook renders this page inside of an ",e.jsx(n.code,{children:"iframe"}),"! The width taken into account by the media query is that of the ",e.jsx(n.code,{children:"iframe"})," and not the full viewport window. Hide Storybook's navigation sidebar (or pop out this page) to preview the media query against the full browser width."]}),`
4
4
  `,e.jsx(n.hr,{}),`
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BYouaCF_.js";import{useMDXComponents as i}from"./index-uOP2uDdf.js";import{M as t}from"./index-DcOf5IFN.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-x6BLg8Ji.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function s(r){const n={a:"a",code:"code",h1:"h1",hr:"hr",p:"p",pre:"pre",strong:"strong",...i(),...r.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Guides/Custom Components/SCSS/Breakpoints"}),`
1
+ import{j as e}from"./jsx-runtime-BYouaCF_.js";import{useMDXComponents as i}from"./index-uOP2uDdf.js";import{M as t}from"./index-yZrUxwWw.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BMnDNOZI.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function s(r){const n={a:"a",code:"code",h1:"h1",hr:"hr",p:"p",pre:"pre",strong:"strong",...i(),...r.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Guides/Custom Components/SCSS/Breakpoints"}),`
2
2
  `,e.jsx(n.h1,{id:"scss-breakpoints",children:"SCSS: Breakpoints"}),`
3
3
  `,e.jsxs(n.p,{children:[e.jsx(n.strong,{children:"Note:"})," Storybook renders this page inside of an ",e.jsx(n.code,{children:"iframe"}),"! The width taken into account by the media query is that of the ",e.jsx(n.code,{children:"iframe"})," and not the full viewport window. Hide Storybook's navigation sidebar (or pop out this page) to preview the media query against the full browser width."]}),`
4
4
  `,e.jsx(n.hr,{}),`
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BYouaCF_.js";import{useMDXComponents as i}from"./index-uOP2uDdf.js";import{M as d}from"./index-DcOf5IFN.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-x6BLg8Ji.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function l(n){const s={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",li:"li",p:"p",ul:"ul",...i(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(d,{title:"Changelog"}),`
1
+ import{j as e}from"./jsx-runtime-BYouaCF_.js";import{useMDXComponents as i}from"./index-uOP2uDdf.js";import{M as d}from"./index-yZrUxwWw.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BMnDNOZI.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function l(n){const s={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",li:"li",p:"p",ul:"ul",...i(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(d,{title:"Changelog"}),`
2
2
  `,e.jsx(s.h1,{id:"changelog",children:"Changelog"}),`
3
3
  `,e.jsx(s.h2,{id:"310",children:e.jsx(s.a,{href:"https://github.com/preply/design-system/compare/v3.0.0...v3.1.0",rel:"nofollow",children:"3.1.0"})}),`
4
4
  `,e.jsx(s.h3,{id:"features",children:"Features"}),`
@@ -1,5 +1,5 @@
1
1
  const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./react-18-CYoSI7Qu.js","./index-B3evPFBL.js","./_commonjsHelpers-Cpj98o6Y.js","./client-DXF5tT0h.js","./index-C66nt8TK.js"])))=>i.map(i=>d[i]);
2
- import{_ as Be}from"./iframe-x6BLg8Ji.js";import{_ as ur,a as O,d as pr}from"./chunk-XP5HYGXS-D5tuasO7.js";import{a as cr,r as se,e as pe}from"./index-B3evPFBL.js";import{r as mr}from"./index-C66nt8TK.js";import"./_commonjsHelpers-Cpj98o6Y.js";var _e={exports:{}},V={};/**
2
+ import{_ as Be}from"./iframe-BMnDNOZI.js";import{_ as ur,a as O,d as pr}from"./chunk-XP5HYGXS-D5tuasO7.js";import{a as cr,r as se,e as pe}from"./index-B3evPFBL.js";import{r as mr}from"./index-C66nt8TK.js";import"./_commonjsHelpers-Cpj98o6Y.js";var _e={exports:{}},V={};/**
3
3
  * @license React
4
4
  * react-dom-test-utils.production.min.js
5
5
  *
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BYouaCF_.js";import{useMDXComponents as n}from"./index-uOP2uDdf.js";import{M as s}from"./index-DcOf5IFN.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-x6BLg8Ji.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function o(t){const r={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...n(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Utilities/getTokenVar"}),`
1
+ import{j as e}from"./jsx-runtime-BYouaCF_.js";import{useMDXComponents as n}from"./index-uOP2uDdf.js";import{M as s}from"./index-yZrUxwWw.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BMnDNOZI.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function o(t){const r={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...n(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Utilities/getTokenVar"}),`
2
2
  `,e.jsx(r.h1,{id:"gettokenvartoken",children:"getTokenVar(token)"}),`
3
3
  `,e.jsxs(r.p,{children:["This utility allows you to retrieve a token's CSS variable as a string, eg. ",e.jsx(r.code,{children:"var(--abc123)"}),";"]}),`
4
4
  `,e.jsx(r.pre,{children:e.jsx(r.code,{className:"language-ts",children:`import { color } from '@preply/ds-core';
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BYouaCF_.js";import{useMDXComponents as s}from"./index-uOP2uDdf.js";import{M as t}from"./index-DcOf5IFN.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-x6BLg8Ji.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function r(n){const o={code:"code",h1:"h1",p:"p",pre:"pre",strong:"strong",...s(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Guides/Custom Components/Scss/Hover"}),`
1
+ import{j as e}from"./jsx-runtime-BYouaCF_.js";import{useMDXComponents as s}from"./index-uOP2uDdf.js";import{M as t}from"./index-yZrUxwWw.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BMnDNOZI.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function r(n){const o={code:"code",h1:"h1",p:"p",pre:"pre",strong:"strong",...s(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Guides/Custom Components/Scss/Hover"}),`
2
2
  `,e.jsx(o.h1,{id:"scss-hover",children:"SCSS: Hover"}),`
3
3
  `,e.jsxs("details",{style:{marginBlock:"24px"},children:[e.jsx("summary",{children:"🚧 SCSS Support is experimental 🚧"}),e.jsx(o.p,{children:"SCSS support was introduced due to the lack of support for LESS in the Next.js app router."}),e.jsx(o.p,{children:"Please avoid using it for other purposes, as the API may change or be removed in the future."})]}),`
4
4
  `,e.jsxs(o.p,{children:["Import ",e.jsx(o.code,{children:"hover.scss"})," from ",e.jsx(o.code,{children:"@preply/ds-web-core"})," and use the ",e.jsx(o.code,{children:"onHover"})," mixin to show hover only for ",e.jsx(o.strong,{children:"Desktops with mouse"}),":"]}),`
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BYouaCF_.js";import{useMDXComponents as r}from"./index-uOP2uDdf.js";import{M as t}from"./index-DcOf5IFN.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-x6BLg8Ji.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function s(n){const o={code:"code",h1:"h1",p:"p",pre:"pre",strong:"strong",...r(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Guides/Custom Components/Less.js/Hover"}),`
1
+ import{j as e}from"./jsx-runtime-BYouaCF_.js";import{useMDXComponents as r}from"./index-uOP2uDdf.js";import{M as t}from"./index-yZrUxwWw.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BMnDNOZI.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function s(n){const o={code:"code",h1:"h1",p:"p",pre:"pre",strong:"strong",...r(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Guides/Custom Components/Less.js/Hover"}),`
2
2
  `,e.jsx(o.h1,{id:"lessjs-hover",children:"Less.js: Hover"}),`
3
3
  `,e.jsxs(o.p,{children:["Import ",e.jsx(o.code,{children:"hover.less"})," from ",e.jsx(o.code,{children:"@preply/ds-web-core"})," and use the ",e.jsx(o.code,{children:"onHover"})," mixin to show hover only for ",e.jsx(o.strong,{children:"Desktops with mouse"}),":"]}),`
4
4
  `,e.jsx(o.pre,{children:e.jsx(o.code,{className:"language-css",children:`@import '@preply/ds-web-core/dist/generated/hover.less';
@@ -1,4 +1,4 @@
1
- import{j as o}from"./jsx-runtime-BYouaCF_.js";import{useMDXComponents as r}from"./index-uOP2uDdf.js";import{M as s}from"./index-DcOf5IFN.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-x6BLg8Ji.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function t(e){const n={code:"code",h1:"h1",p:"p",pre:"pre",strong:"strong",...r(),...e.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{title:"Guides/Custom Components/StyledComponents/Hover"}),`
1
+ import{j as o}from"./jsx-runtime-BYouaCF_.js";import{useMDXComponents as r}from"./index-uOP2uDdf.js";import{M as s}from"./index-yZrUxwWw.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BMnDNOZI.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function t(e){const n={code:"code",h1:"h1",p:"p",pre:"pre",strong:"strong",...r(),...e.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{title:"Guides/Custom Components/StyledComponents/Hover"}),`
2
2
  `,o.jsx(n.h1,{id:"styledcomponents-hover",children:"StyledComponents: Hover"}),`
3
3
  `,o.jsxs(n.p,{children:["Import ",o.jsx(n.code,{children:"onHover(content: string)"})," from ",o.jsx(n.code,{children:"@preply/ds-web-core"})," and use the mixin to show hover only for ",o.jsx(n.strong,{children:"Desktops with mouse"}),":"]}),`
4
4
  `,o.jsx(n.pre,{children:o.jsx(n.code,{className:"language-ts",children:`import styled from 'styled-components';