@preply/ds-docs 11.4.0 → 11.5.0

package/dist/assets/{intro-B-CaE2_E.js → intro-CyzFu4JY.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-BuOXI2w6.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,p:`p`,pre:`pre`,strong:`strong`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/StyledComponents/Intro`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Czcvpvgg.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,p:`p`,pre:`pre`,strong:`strong`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/StyledComponents/Intro`}),`
 `,(0,c.jsx)(t.h1,{id:`developing-custom-components-with-styledcomponents`,children:`Developing custom components with StyledComponents`}),`
 `,(0,c.jsxs)(t.p,{children:[`Make sure you read `,(0,c.jsx)(t.a,{href:`/story/guides-custom-components-introduction--page`,children:`Guide: Developing custom components with DS primitives`})]}),`
 `,(0,c.jsx)(t.h2,{id:`guidelines`,children:`Guidelines`}),`

package/dist/assets/{migrating-from-less-ClH17s_P.js → migrating-from-less-2bmmx-e1.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-BuOXI2w6.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={code:`code`,h1:`h1`,h2:`h2`,h4:`h4`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/Scss/Migrating from LESS`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Czcvpvgg.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={code:`code`,h1:`h1`,h2:`h2`,h4:`h4`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/Scss/Migrating from LESS`}),`
 `,(0,c.jsx)(t.h1,{id:`migrating-from-less`,children:`Migrating from LESS`}),`
 `,(0,c.jsx)(t.h2,{id:`imports`,children:`Imports`}),`
 `,(0,c.jsxs)(t.p,{children:[`Update imports to use `,(0,c.jsx)(t.code,{children:`@use`}),` at-rule and remove .less extension:`]}),`

package/dist/assets/{tokens-DOxuMF98.js → tokens-DW7LgqLI.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-BuOXI2w6.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/SCSS/Tokens`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Czcvpvgg.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/SCSS/Tokens`}),`
 `,(0,c.jsx)(t.h1,{id:`scss-tokens`,children:`SCSS: Tokens`}),`
 `,(0,c.jsxs)(`details`,{style:{marginBlock:`24px`},children:[(0,c.jsx)(`summary`,{children:`🚧 SCSS Support is experimental 🚧`}),(0,c.jsx)(t.p,{children:`SCSS support was introduced due to the lack of support for LESS in the Next.js app router.`}),(0,c.jsx)(t.p,{children:`Please avoid using it for other purposes, as the API may change or be removed in the future.`})]}),`
 `,(0,c.jsxs)(t.p,{children:[`You can import the tokens directly from `,(0,c.jsx)(t.code,{children:`@preply/ds-web-core`}),`:`]}),`

package/dist/assets/{tokens-DLKIEc5T.js → tokens-DxS0cNj0.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-BuOXI2w6.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/Less.js/Tokens`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Czcvpvgg.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/Less.js/Tokens`}),`
 `,(0,c.jsx)(t.h1,{id:`lessjs-tokens`,children:`Less.js: Tokens`}),`
 `,(0,c.jsxs)(t.p,{children:[`You can import the tokens directly from `,(0,c.jsx)(t.code,{children:`@preply/ds-web-core`}),`:`]}),`
 `,(0,c.jsx)(t.pre,{children:(0,c.jsx)(t.code,{className:`language-css`,children:`@import '@preply/ds-web-core/dist/generated/tokens.less';

package/dist/assets/{tokens-BF6xltNI.js → tokens-iE0hKajS.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-BuOXI2w6.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/StyledComponents/Tokens`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Czcvpvgg.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/StyledComponents/Tokens`}),`
 `,(0,c.jsx)(t.h1,{id:`styledcomponents-tokens`,children:`StyledComponents: Tokens`}),`
 `,(0,c.jsxs)(t.p,{children:[`The `,(0,c.jsx)(t.a,{href:`/docs/utilities-gettokenvar--docs`,children:`getTokenVar`}),` utility gives you access to design tokens:`]}),`
 `,(0,c.jsx)(t.pre,{children:(0,c.jsx)(t.code,{className:`language-tsx`,children:`import styled from 'styled-components';

package/dist/assets/{usePortalElement-Cqy1sSsS.js → usePortalElement-BUBRjIYT.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-BuOXI2w6.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={code:`code`,h1:`h1`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Utilities/usePortalElement`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Czcvpvgg.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={code:`code`,h1:`h1`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Utilities/usePortalElement`}),`
 `,(0,c.jsx)(t.h1,{id:`useportalelement`,children:`usePortalElement()`}),`
 `,(0,c.jsx)(t.p,{children:`Provides reference to the element that can be used as a portal container.`}),`
 `,(0,c.jsx)(t.p,{children:`Use it to avoid issues with unstyled content in portals.`}),`

package/dist/assets/{welcome-CA82uuQ9.js → welcome-BIdOz8Yn.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-BuOXI2w6.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,h1:`h1`,h2:`h2`,img:`img`,li:`li`,ol:`ol`,p:`p`,strong:`strong`,ul:`ul`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Welcome`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Czcvpvgg.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,h1:`h1`,h2:`h2`,img:`img`,li:`li`,ol:`ol`,p:`p`,strong:`strong`,ul:`ul`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Welcome`}),`
 `,(0,c.jsx)(t.h1,{id:``,children:(0,c.jsx)(t.img,{src:`./assets/path.png`,alt:``})}),`
 `,(0,c.jsxs)(t.p,{children:[`Welcome to Preply's Design System, `,(0,c.jsx)(t.strong,{children:`Path`}),`.`]}),`
 `,(0,c.jsx)(t.p,{children:`Path unlocks rapid, high-quality frontend development and prototyping, whilst

package/dist/assets/{zeroheight-BZmC6gtY.js → zeroheight-BX9Z_BVr.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-BuOXI2w6.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,h1:`h1`,h2:`h2`,img:`img`,li:`li`,p:`p`,ul:`ul`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Zeroheight`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Czcvpvgg.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,h1:`h1`,h2:`h2`,img:`img`,li:`li`,p:`p`,ul:`ul`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Zeroheight`}),`
 `,(0,c.jsx)(t.h1,{id:``,children:(0,c.jsx)(t.img,{src:`./assets/path-preply-org.jpg`,alt:``})}),`
 `,(0,c.jsx)(t.h2,{id:`zeroheight-former-pathpreplyorg`,children:`Zeroheight (former path.preply.org)`}),`
 `,(0,c.jsx)(t.p,{children:`On January 2025, we decided not to renew the Zeroheight license, waiting for a new designer before choosing how to properly document the Design System.`}),`

package/dist/iframe.html

@@ -563,7 +563,7 @@
 
 <noscript id="jss-insertion-point"></noscript>
 
-    <script type="module" crossorigin src="./assets/iframe-BuOXI2w6.js"></script>
+    <script type="module" crossorigin src="./assets/iframe-Czcvpvgg.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/chunk-BneVvdWh.js">
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-nVtPd9zc.js">
     <link rel="modulepreload" crossorigin href="./assets/react-C7IZe2D1.js">