@preply/ds-docs 0.97.3 → 0.97.4

package/dist/assets/{getTokenVar-fksv3Mco.js → getTokenVar-BfA4aply.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-Bxcv0yjW.js";import{useMDXComponents as n}from"./index-EeWIkZEf.js";import{ae as s}from"./index-CXQveQOi.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";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"}),`
+import{j as e}from"./jsx-runtime-Bxcv0yjW.js";import{useMDXComponents as n}from"./index-EeWIkZEf.js";import{ae as s}from"./index-CrxsFCDW.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CgaZSV0R.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";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"}),`
 `,e.jsx(r.h1,{id:"gettokenvartoken",children:"getTokenVar(token)"}),`
 `,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)"}),";"]}),`
 `,e.jsx(r.pre,{children:e.jsx(r.code,{className:"language-ts",children:`import { color } from '@preply/ds-core';

package/dist/assets/getTokenVar-C2F95PBB.js

@@ -0,0 +1 @@
+import{T as o}from"./styled-components.browser.esm-BaO8iHee.js";function a(r){return`var(--${r[o]})`}export{a as g};

package/dist/assets/{hover-VJEacFBn.js → hover-B87aqcTH.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-Bxcv0yjW.js";import{useMDXComponents as s}from"./index-EeWIkZEf.js";import{ae as t}from"./index-CXQveQOi.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";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"}),`
+import{j as e}from"./jsx-runtime-Bxcv0yjW.js";import{useMDXComponents as s}from"./index-EeWIkZEf.js";import{ae as t}from"./index-CrxsFCDW.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CgaZSV0R.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";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"}),`
 `,e.jsx(o.h1,{id:"scss-hover",children:"SCSS: Hover"}),`
 `,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."})]}),`
 `,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"}),":"]}),`

package/dist/assets/{hover-BbDdf_Xv.js → hover-Bu4Nnq0Y.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-Bxcv0yjW.js";import{useMDXComponents as r}from"./index-EeWIkZEf.js";import{ae as t}from"./index-CXQveQOi.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";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"}),`
+import{j as e}from"./jsx-runtime-Bxcv0yjW.js";import{useMDXComponents as r}from"./index-EeWIkZEf.js";import{ae as t}from"./index-CrxsFCDW.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CgaZSV0R.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";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"}),`
 `,e.jsx(o.h1,{id:"lessjs-hover",children:"Less.js: Hover"}),`
 `,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"}),":"]}),`
 `,e.jsx(o.pre,{children:e.jsx(o.code,{className:"language-css",children:`@import '@preply/ds-web-core/dist/generated/hover.less';

package/dist/assets/{hover-Cmfry3kI.js → hover-DGFwl-fp.js}

@@ -1,4 +1,4 @@
-import{j as o}from"./jsx-runtime-Bxcv0yjW.js";import{useMDXComponents as r}from"./index-EeWIkZEf.js";import{ae as s}from"./index-CXQveQOi.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";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"}),`
+import{j as o}from"./jsx-runtime-Bxcv0yjW.js";import{useMDXComponents as r}from"./index-EeWIkZEf.js";import{ae as s}from"./index-CrxsFCDW.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CgaZSV0R.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";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"}),`
 `,o.jsx(n.h1,{id:"styledcomponents-hover",children:"StyledComponents: Hover"}),`
 `,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"}),":"]}),`
 `,o.jsx(n.pre,{children:o.jsx(n.code,{className:"language-ts",children:`import styled from 'styled-components';

package/dist/assets/iframe-CgaZSV0R.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Avatar.stories-BcwgeaZN.js","./jsx-runtime-Bxcv0yjW.js","./index-mfbfsM12.js","./_commonjsHelpers-BosuxZz1.js","./Avatar-Cxb46X52.js","./classNames-OZbnFNS5.js","./componentNames-BAR5iJaT.js","./useTheme-BV4v5x7f.js","./constants--ewUoBsO.js","./Avatar-BXV-cOJ2.css","./StoryContextDSWeb-BlVCJKyi.js","./StorybookGlobalStyle-BcEQvG9t.js","./styled-components.browser.esm-BaO8iHee.js","./RootProvider-BOk-5jT9.js","./useColorScheme-Bv74nHTy.js","./AvatarWithStatus.stories-BiowX5Rz.js","./AvatarWithStatus-DfkKJQ3V.css","./Badge.stories-D4Cdjpcr.js","./TokyoUITag-L3MR7nRY.js","./LayoutFlex-Dg8100fi.js","./useLayoutFlexClassNames-CRhEo9D5.js","./useLayoutRelativeClassnames-Bourck76.js","./Icon-Bh8jd4gJ.js","./useTextAccentClassnames-flfSYb_B.js","./Icon-D1gE87ER.css","./Badge-CkKJ2OSS.css","./Box.stories-Ni0Kt9Q_.js","./Heading-CC2QfCHz.js","./useTextCenteredClassnames-DJAYJ6qC.js","./Heading-C8mf0V6E.css","./Text-C7gcAeIN.js","./Text-EVpcP9uU.css","./Box-F9eDj4Nt.css","./Button.stories-Chvj95q5.js","./TokyoUIFav-B288CER3.js","./IconButton-BzgRgADV.js","./ButtonBase-wKD3gx2c.js","./Spinner-CLLOQh4W.js","./Spinner-BK7IIQlg.css","./useHostname-xnO3cZkD.js","./index-CC6DAVyL.js","./ButtonBase-BX7M7CfW.css","./Button-CMY2KiMC.js","./Button-hGWaFGHW.css","./getTokenVar-C2F95PBB.js","./tokens-D5WEKrsE.js","./Chips.stories-Q7P4m0MV.js","./v4-CQkTLCs1.js","./Chips-DL1uZse8.css","./FieldAdditionalText.stories-B_z-4WRB.js","./FieldAdditionalText-C82iM4Gm.js","./constants-DL6gdbsq.js","./FieldAdditionalText-BzEsrl-h.css","./FieldButton.stories-lvicLCeR.js","./LibraryExplore-0TjvsBMy.js","./FieldButton-C1duijdS.js","./FieldButton-D8KqWolR.css","./FieldLayout.stories-CRFt1w8r.js","./User-nhKBVF6o.js","./InputText-CHBvsXzZ.js","./FieldLayoutBase-DU1N8Oo9.js","./getInputProps-C2L1DtDZ.js","./FieldLayoutBase-DlLxI8Lp.css","./FieldLayout-BbTWObol.js","./FieldLayout-D0TC9KeT.css","./Heading.stories-fvurr5q5.js","./Icon.stories-Bnu3qnWv.js","./TokyoUINotesWithPad-C9WDIp9V.js","./IconButton.stories-CtVE7MY4.js","./LayoutFlex.stories-COKKQC_U.js","./useAlignSelfClassNames-DbTWLWAk.js","./LayoutFlex-BcmKXpej.css","./LayoutGrid.stories-BGC4a7Xk.js","./useLayoutGridResponsiveColumns-Clfao9J8.js","./breakpoints-BfMlrtxE.js","./LayoutGrid-D-_lLr0n.css","./Link.stories-Qq4zsupW.js","./Link-Q0TbLZNQ.css","./Loader.stories-CUg01TwT.js","./Loader-mOgVEjCy.css","./NumberField.stories-cwgNT7lh.js","./useForcedRef-nvdR-8Xt.js","./NumberField-C7EDk4it.css","./ObserveIntersection.stories-nlNEsRhg.js","./ObserveIntersection-E2ze5r96.js","./PasswordField.stories-BIm0_clp.js","./constants-CPtRSLVe.js","./PasswordField-BuEfsraI.css","./PreplyLogo.stories-DaWFMRFc.js","./PreplyLogo-CHCVGE4a.css","./SelectField.stories-C7zwu5ye.js","./TokyoUIStudy-Bf_sbLdW.js","./SelectField-0rL6v4H8.css","./ShowOnIntersection.stories-Bki15gf4.js","./Text.stories-0h2_OYwY.js","./options-Brwox1GN.js","./TextField.stories-CfoGKGIi.js","./useTextField-BIYAW_ed.js","./TextField-UxpfFuPl.css","./TextHighlighted.stories-BkujhUNE.js","./TextHighlighted-CABPIKHd.css","./TextInline.stories-lFUch-az.js","./TextInline-Uch3pAjm.css","./TextareaField.stories-PSnVZ2Ue.js","./TextareaField-L8wi4oVl.css","./changelog-D_Dv_Uo7.js","./index-EeWIkZEf.js","./index-CrxsFCDW.js","./index-CnQXyiSh.js","./index-D-8MO0q_.js","./index-nrpnv_Jx.js","./index-DrFu-skq.js","./00.applications-BiomFxjM.js","./10.ssr-DCHIfJOf.js","./20.libraries-45yiEOQy.js","./30.storybook-F6X_j-2l.js","./90.advanced-C3gKcQOO.js","./00.token-explorer-BHwmyUTA.js","./Text-Bfx8yREV.js","./style-inject.es-BI9ztQJ7.js","./mixins-DZk1Zeoo.js","./LayoutFlex-CT_mR8FH.js","./LayoutGrid-5spQZwnb.js","./00.using-responsive-props-BanfAFQv.js","./index-CDTuZ4uP.js","./breakpoints-Dfu98b-a.js","./hover-Bu4Nnq0Y.js","./tokens-C27DjTHS.js","./breakpoints-hfPuqFb-.js","./hover-B87aqcTH.js","./migrating-from-less-C47rZlX3.js","./tokens-Bnzzd31r.js","./breakpoints-CjV-ahHZ.js","./hover-DGFwl-fp.js","./intro-CWX7N9bM.js","./tokens-3u3clpXl.js","./00.favicons.guide-BwJrwx9D.js","./10.fonts.guide-Lsgc5eH_.js","./11.languageFont.explorer-CMb4Oa9O.js","./30.icons.explorer-CPHdSZpT.js","./40.illustrations.explorer-q-X6mCtt.js","./getTokenVar-BfA4aply.js","./welcome-D7SVa6We.js","./entry-preview--Ucp4GUO.js","./client-Chldl6yy.js","./entry-preview-docs-Buz48acc.js","./preview-oYH9g80B.js","./preview-BJPLiuSt.js","./preview-9hFJSo5S.js","./preview-DB9FwMii.js","./preview-BBhZXtgn.js","./chunk-HLWAVYOI-DkHz4Axi.js"])))=>i.map(i=>d[i]);
+import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))n(s);new MutationObserver(s=>{for(const o of s)if(o.type==="childList")for(const r of o.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&n(r)}).observe(document,{childList:!0,subtree:!0});function _(s){const o={};return s.integrity&&(o.integrity=s.integrity),s.referrerPolicy&&(o.referrerPolicy=s.referrerPolicy),s.crossOrigin==="use-credentials"?o.credentials="include":s.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function n(s){if(s.ep)return;s.ep=!0;const o=_(s);fetch(s.href,o)}})();const O="modulepreload",T=function(t,i){return new URL(t,i).href},E={},e=function(i,_,n){let s=Promise.resolve();if(_&&_.length>0){const o=document.getElementsByTagName("link"),r=document.querySelector("meta[property=csp-nonce]"),l=(r==null?void 0:r.nonce)||(r==null?void 0:r.getAttribute("nonce"));s=Promise.all(_.map(a=>{if(a=T(a,n),a in E)return;E[a]=!0;const p=a.endsWith(".css"),g=p?'[rel="stylesheet"]':"";if(!!n)for(let m=o.length-1;m>=0;m--){const d=o[m];if(d.href===a&&(!p||d.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${a}"]${g}`))return;const c=document.createElement("link");if(c.rel=p?"stylesheet":O,p||(c.as="script",c.crossOrigin=""),c.href=a,l&&c.setAttribute("nonce",l),document.head.appendChild(c),p)return new Promise((m,d)=>{c.addEventListener("load",m),c.addEventListener("error",()=>d(new Error(`Unable to preload CSS for ${a}`)))})}))}return s.then(()=>i()).catch(o=>{const r=new Event("vite:preloadError",{cancelable:!0});if(r.payload=o,window.dispatchEvent(r),!r.defaultPrevented)throw o})},{createBrowserChannel:L}=__STORYBOOK_MODULE_CHANNELS__,{addons:R}=__STORYBOOK_MODULE_PREVIEW_API__,u=L({page:"preview"});R.setChannel(u);window.__STORYBOOK_ADDONS_CHANNEL__=u;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=u);const y={"../../packages/web-lib/src/components/Avatar/docs/Avatar.stories.tsx":async()=>e(()=>import("./Avatar.stories-BcwgeaZN.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]),import.meta.url),"../../packages/web-lib/src/components/AvatarWithStatus/docs/AvatarWithStatus.stories.tsx":async()=>e(()=>import("./AvatarWithStatus.stories-BiowX5Rz.js"),__vite__mapDeps([15,1,2,3,4,5,6,7,8,9,10,11,12,13,14,16]),import.meta.url),"../../packages/web-lib/src/components/Badge/docs/Badge.stories.tsx":async()=>e(()=>import("./Badge.stories-D4Cdjpcr.js"),__vite__mapDeps([17,1,2,3,18,19,20,5,21,12,6,22,23,24,10,11,13,7,14,25]),import.meta.url),"../../packages/web-lib/src/components/Box/docs/Box.stories.tsx":async()=>e(()=>import("./Box.stories-Ni0Kt9Q_.js"),__vite__mapDeps([26,1,2,3,27,5,6,28,12,23,29,19,20,21,30,31,7,14,10,11,13,32]),import.meta.url),"../../packages/web-lib/src/components/Button/docs/Button.stories.tsx":async()=>e(()=>import("./Button.stories-Chvj95q5.js"),__vite__mapDeps([33,1,2,3,34,35,36,37,5,38,39,6,40,41,42,43,10,11,12,13,7,14,44,45]),import.meta.url),"../../packages/web-lib/src/components/Chips/docs/Chips.stories.tsx":async()=>e(()=>import("./Chips.stories-Q7P4m0MV.js"),__vite__mapDeps([46,1,2,3,34,47,22,5,6,23,12,24,10,11,13,7,14,48]),import.meta.url),"../../packages/web-lib/src/components/FieldAdditionalText/docs/FieldAdditionalText.stories.tsx":async()=>e(()=>import("./FieldAdditionalText.stories-B_z-4WRB.js"),__vite__mapDeps([49,1,2,3,50,5,6,51,52,10,11,12,13,7,14]),import.meta.url),"../../packages/web-lib/src/components/FieldButton/docs/FieldButton.stories.tsx":async()=>e(()=>import("./FieldButton.stories-lvicLCeR.js"),__vite__mapDeps([53,1,2,3,54,55,5,6,56,10,11,12,13,7,14]),import.meta.url),"../../packages/web-lib/src/components/FieldLayout/docs/FieldLayout.stories.tsx":async()=>e(()=>import("./FieldLayout.stories-CRFt1w8r.js"),__vite__mapDeps([57,1,2,3,58,55,5,6,56,22,23,12,24,59,60,61,50,51,52,62,63,64,10,11,13,7,14]),import.meta.url),"../../packages/web-lib/src/components/Heading/docs/Heading.stories.tsx":async()=>e(()=>import("./Heading.stories-fvurr5q5.js"),__vite__mapDeps([65,1,2,3,27,5,6,28,12,23,29,10,11,13,7,14]),import.meta.url),"../../packages/web-lib/src/components/Icon/docs/Icon.stories.tsx":async()=>e(()=>import("./Icon.stories-Bnu3qnWv.js"),__vite__mapDeps([66,1,2,3,67,22,5,6,23,12,24,10,11,13,7,14]),import.meta.url),"../../packages/web-lib/src/components/IconButton/docs/IconButton.stories.tsx":async()=>e(()=>import("./IconButton.stories-CtVE7MY4.js"),__vite__mapDeps([68,1,2,3,34,35,36,37,5,38,39,6,40,41,10,11,12,13,7,14,44,45]),import.meta.url),"../../packages/web-lib/src/components/LayoutFlex/docs/LayoutFlex.stories.tsx":async()=>e(()=>import("./LayoutFlex.stories-COKKQC_U.js"),__vite__mapDeps([69,1,2,3,5,6,70,12,21,19,20,10,11,13,7,14,71]),import.meta.url),"../../packages/web-lib/src/components/LayoutGrid/docs/LayoutGrid.stories.tsx":async()=>e(()=>import("./LayoutGrid.stories-BGC4a7Xk.js"),__vite__mapDeps([72,1,2,3,5,70,12,21,6,73,74,10,11,13,7,14,75]),import.meta.url),"../../packages/web-lib/src/components/Link/docs/Link.stories.tsx":async()=>e(()=>import("./Link.stories-Qq4zsupW.js"),__vite__mapDeps([76,1,2,3,5,39,6,10,11,12,13,7,14,77]),import.meta.url),"../../packages/web-lib/src/components/Loader/docs/Loader.stories.tsx":async()=>e(()=>import("./Loader.stories-CUg01TwT.js"),__vite__mapDeps([78,1,2,3,37,5,38,6,10,11,12,13,7,14,79]),import.meta.url),"../../packages/web-lib/src/components/NumberField/docs/NumberField.stories.tsx":async()=>e(()=>import("./NumberField.stories-cwgNT7lh.js"),__vite__mapDeps([80,1,2,3,34,42,36,37,5,38,39,6,40,41,43,22,23,12,24,63,60,61,50,51,52,62,64,81,10,11,13,7,14,82]),import.meta.url),"../../packages/web-lib/src/components/ObserveIntersection/docs/ObserveIntersection.stories.tsx":async()=>e(()=>import("./ObserveIntersection.stories-nlNEsRhg.js"),__vite__mapDeps([83,1,2,3,84,6,5,10,11,12,13,7,14]),import.meta.url),"../../packages/web-lib/src/components/PasswordField/docs/PasswordField.stories.tsx":async()=>e(()=>import("./PasswordField.stories-BIm0_clp.js"),__vite__mapDeps([85,1,2,3,42,36,37,5,38,39,6,40,41,43,55,56,63,60,61,50,51,52,62,64,22,23,12,24,59,81,86,7,10,11,13,14,87]),import.meta.url),"../../packages/web-lib/src/components/PreplyLogo/docs/PreplyLogo.stories.tsx":async()=>e(()=>import("./PreplyLogo.stories-DaWFMRFc.js"),__vite__mapDeps([88,1,2,3,5,6,10,11,12,13,7,14,89]),import.meta.url),"../../packages/web-lib/src/components/SelectField/docs/SelectField.stories.tsx":async()=>e(()=>import("./SelectField.stories-C7zwu5ye.js"),__vite__mapDeps([90,1,2,3,91,42,36,37,5,38,39,6,40,41,43,22,23,12,24,60,61,50,51,52,62,81,10,11,13,7,14,92]),import.meta.url),"../../packages/web-lib/src/components/ShowOnIntersection/docs/ShowOnIntersection.stories.tsx":async()=>e(()=>import("./ShowOnIntersection.stories-Bki15gf4.js"),__vite__mapDeps([93,1,2,3,84,6,5,10,11,12,13,7,14]),import.meta.url),"../../packages/web-lib/src/components/Text/docs/Text.stories.tsx":async()=>e(()=>import("./Text.stories-0h2_OYwY.js"),__vite__mapDeps([94,1,2,3,30,5,6,23,12,28,31,10,11,13,7,14,95]),import.meta.url),"../../packages/web-lib/src/components/TextField/docs/TextField.stories.tsx":async()=>e(()=>import("./TextField.stories-CfoGKGIi.js"),__vite__mapDeps([96,1,2,3,58,42,36,37,5,38,39,6,40,41,43,55,56,22,23,12,24,63,60,61,50,51,52,62,64,59,81,97,86,10,11,13,7,14,98]),import.meta.url),"../../packages/web-lib/src/components/TextHighlighted/docs/TextHighlighted.stories.tsx":async()=>e(()=>import("./TextHighlighted.stories-BkujhUNE.js"),__vite__mapDeps([99,1,2,3,5,6,10,11,12,13,7,14,95,100]),import.meta.url),"../../packages/web-lib/src/components/TextInline/docs/TextInline.stories.tsx":async()=>e(()=>import("./TextInline.stories-lFUch-az.js"),__vite__mapDeps([101,1,2,3,5,6,23,12,10,11,13,7,14,102]),import.meta.url),"../../packages/web-lib/src/components/TextareaField/docs/TextareaField.stories.tsx":async()=>e(()=>import("./TextareaField.stories-PSnVZ2Ue.js"),__vite__mapDeps([103,1,2,3,42,36,37,5,38,39,6,40,41,43,63,60,61,50,51,52,62,64,81,86,10,11,12,13,7,14,104]),import.meta.url),"../docs-pages/docs/pages/06.changelog/generated/changelog.mdx":async()=>e(()=>import("./changelog-D_Dv_Uo7.js"),__vite__mapDeps([105,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/00.installation/00.applications.mdx":async()=>e(()=>import("./00.applications-BiomFxjM.js"),__vite__mapDeps([112,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/00.installation/10.ssr.mdx":async()=>e(()=>import("./10.ssr-DCHIfJOf.js"),__vite__mapDeps([113,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/00.installation/20.libraries.mdx":async()=>e(()=>import("./20.libraries-45yiEOQy.js"),__vite__mapDeps([114,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/00.installation/30.storybook.mdx":async()=>e(()=>import("./30.storybook-F6X_j-2l.js"),__vite__mapDeps([115,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/00.installation/90.advanced.mdx":async()=>e(()=>import("./90.advanced-C3gKcQOO.js"),__vite__mapDeps([116,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/40.tokens/00.token-explorer.mdx":async()=>e(()=>import("./00.token-explorer-BHwmyUTA.js"),__vite__mapDeps([117,1,2,3,106,107,108,109,110,111,118,12,7,5,14,119,6,23,28,45,120,121,20,21,122,73,74]),import.meta.url),"../docs-pages/docs/pages/30.guides/50.responsive/00.using-responsive-props.mdx":async()=>e(()=>import("./00.using-responsive-props-BanfAFQv.js"),__vite__mapDeps([123,1,2,3,106,107,108,109,110,111,74,119,5,6,7,8]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/index.mdx":async()=>e(()=>import("./index-CDTuZ4uP.js"),__vite__mapDeps([124,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/less/breakpoints.mdx":async()=>e(()=>import("./breakpoints-Dfu98b-a.js"),__vite__mapDeps([125,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/less/hover.mdx":async()=>e(()=>import("./hover-Bu4Nnq0Y.js"),__vite__mapDeps([126,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/less/tokens.mdx":async()=>e(()=>import("./tokens-C27DjTHS.js"),__vite__mapDeps([127,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/scss/breakpoints.mdx":async()=>e(()=>import("./breakpoints-hfPuqFb-.js"),__vite__mapDeps([128,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/scss/hover.mdx":async()=>e(()=>import("./hover-B87aqcTH.js"),__vite__mapDeps([129,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/scss/migrating-from-less.mdx":async()=>e(()=>import("./migrating-from-less-C47rZlX3.js"),__vite__mapDeps([130,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/scss/tokens.mdx":async()=>e(()=>import("./tokens-Bnzzd31r.js"),__vite__mapDeps([131,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/styled-components/breakpoints.mdx":async()=>e(()=>import("./breakpoints-CjV-ahHZ.js"),__vite__mapDeps([132,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/styled-components/hover.mdx":async()=>e(()=>import("./hover-DGFwl-fp.js"),__vite__mapDeps([133,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/styled-components/intro.mdx":async()=>e(()=>import("./intro-CWX7N9bM.js"),__vite__mapDeps([134,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/60.components/styled-components/tokens.mdx":async()=>e(()=>import("./tokens-3u3clpXl.js"),__vite__mapDeps([135,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/70.assets/00.favicons.guide.mdx":async()=>e(()=>import("./00.favicons.guide-BwJrwx9D.js"),__vite__mapDeps([136,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/70.assets/10.fonts.guide.mdx":async()=>e(()=>import("./10.fonts.guide-Lsgc5eH_.js"),__vite__mapDeps([137,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/30.guides/70.assets/11.languageFont.explorer.mdx":async()=>e(()=>import("./11.languageFont.explorer-CMb4Oa9O.js"),__vite__mapDeps([138,1,2,3,106,107,108,109,110,111,13,7,5,14,12,121,20,21,6,122,73,74,119,39,40,51,61,81,97,86,118,23,28,45,95]),import.meta.url),"../docs-pages/docs/pages/30.guides/70.assets/30.icons.explorer.mdx":async()=>e(()=>import("./30.icons.explorer-CPHdSZpT.js"),__vite__mapDeps([139,1,2,3,106,107,108,109,110,111,11,12,58,54,18,34,67,91,121,20,5,21,6,119,23,44,45,120]),import.meta.url),"../docs-pages/docs/pages/30.guides/70.assets/40.illustrations.explorer.mdx":async()=>e(()=>import("./40.illustrations.explorer-q-X6mCtt.js"),__vite__mapDeps([140,1,2,3,106,107,108,109,110,111,12,44,45,122,73,5,21,74,6]),import.meta.url),"../docs-pages/docs/pages/50.utilities/getTokenVar.mdx":async()=>e(()=>import("./getTokenVar-BfA4aply.js"),__vite__mapDeps([141,1,2,3,106,107,108,109,110,111]),import.meta.url),"../docs-pages/docs/pages/welcome.mdx":async()=>e(()=>import("./welcome-D7SVa6We.js"),__vite__mapDeps([142,1,2,3,106,107,108,109,110,111]),import.meta.url)};async function I(t){return y[t]()}const{composeConfigs:v,PreviewWeb:P,ClientApi:A}=__STORYBOOK_MODULE_PREVIEW_API__,x=async(t=[])=>{const i=await Promise.all([t.at(0)??e(()=>import("./entry-preview--Ucp4GUO.js"),__vite__mapDeps([143,2,3,144,108]),import.meta.url),t.at(1)??e(()=>import("./entry-preview-docs-Buz48acc.js"),__vite__mapDeps([145,110,3,111,2]),import.meta.url),t.at(2)??e(()=>import("./preview-f4AmsjPd.js"),[],import.meta.url),t.at(3)??e(()=>import("./preview-oYH9g80B.js").then(_=>_.p),__vite__mapDeps([146,47]),import.meta.url),t.at(4)??e(()=>import("./preview-BJPLiuSt.js"),__vite__mapDeps([147,109]),import.meta.url),t.at(5)??e(()=>import("./preview-DCxw2Gsy.js"),[],import.meta.url),t.at(6)??e(()=>import("./preview-oYH9g80B.js").then(_=>_.a),__vite__mapDeps([146,47]),import.meta.url),t.at(7)??e(()=>import("./preview-9hFJSo5S.js"),__vite__mapDeps([148,111]),import.meta.url),t.at(8)??e(()=>import("./preview-BnWGZYux.js"),[],import.meta.url),t.at(9)??e(()=>import("./preview-Cdum89jS.js"),[],import.meta.url),t.at(10)??e(()=>import("./preview-DB9FwMii.js"),__vite__mapDeps([149,111]),import.meta.url),t.at(11)??e(()=>import("./preview-BpcF_O6y.js"),[],import.meta.url),t.at(12)??e(()=>import("./preview-BBhZXtgn.js"),__vite__mapDeps([150,2,3,11,12,151,144,108,107,109,110,111,13,7,5,14]),import.meta.url)]);return v(i)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new P(I,x);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{e as _};

package/dist/assets/index-CDTuZ4uP.js

@@ -0,0 +1,22 @@
+import{j as e}from"./jsx-runtime-Bxcv0yjW.js";import{useMDXComponents as o}from"./index-EeWIkZEf.js";import{ae as t}from"./index-CrxsFCDW.js";import"./index-mfbfsM12.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-CgaZSV0R.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";function i(s){const n={a:"a",h1:"h1",li:"li",p:"p",ul:"ul",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Guides/Custom Components/Introduction"}),`
+`,e.jsx(n.h1,{id:"developing-custom-components-with-ds-primitives",children:"Developing custom components with DS primitives"}),`
+`,e.jsx(n.p,{children:`The DS provides lower level primitives for building custom components that you can use
+if existing DS components are not enough to implement complex or unique designs.
+Using these primitives ensures that your new custom components will still be
+compatible with our visual design language and continue receiving updates as the
+Design System evolves.`}),`
+`,e.jsx(n.p,{children:`However, you should always prefer using the existing components to just using
+these lower level primitives.`}),`
+`,e.jsx(n.p,{children:"Furthermore, if you believe your component can be a good addition for the Design System:"}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsxs(n.li,{children:["Read the ",e.jsx(n.a,{href:"/story/contributing--page",children:"contribution guide"})]}),`
+`,e.jsxs(n.li,{children:["Reach out to ",e.jsx(n.a,{href:"https://preply.slack.com/archives/C024EAEHP6V",rel:"nofollow",children:"#design-system-public"})]}),`
+`,e.jsx(n.li,{children:"Use Less.js instead of StyledComponents."}),`
+`,e.jsxs(n.li,{children:["Become familiar with the DS ",e.jsx(n.a,{href:"https://preply.atlassian.net/wiki/spaces/DS/pages/2778300873/Guidelines",rel:"nofollow",children:"internal guidelines and conventions"})," and the step by step ",e.jsx(n.a,{href:"https://preply.atlassian.net/wiki/spaces/DS/pages/3250815332/Runbooks",rel:"nofollow",children:"runbooks"}),"."]}),`
+`]}),`
+`,e.jsx(n.p,{children:"Check the guidelines below for some generic strategies to minimize the need for custom CSS."}),`
+`,e.jsx(n.p,{children:"The following guides provide further information on how to use the lower level primitives according to your stack:"}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsx(n.li,{children:e.jsx(n.a,{href:"/story/guides-custom-components-less-js-intro--page",children:"Less.js"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.a,{href:"/story/guides-custom-components-styledcomponents-intro--page",children:"StyledComponents"})}),`
+`]})]})}function j(s={}){const{wrapper:n}={...o(),...s.components};return n?e.jsx(n,{...s,children:e.jsx(i,{...s})}):i(s)}export{j as default};