@preply/ds-docs 0.97.3 → 0.97.4

package/dist/assets/00.token-explorer-Cb-SyAEz.js

@@ -1,330 +0,0 @@
-import{j as t}from"./jsx-runtime-Bxcv0yjW.js";import{useMDXComponents as ee}from"./index-EeWIkZEf.js";import{ae as te}from"./index-CXQveQOi.js";import{r as l,R as V}from"./index-mfbfsM12.js";import{g as re,u as oe,T}from"./Text-BI6ahBJ6.js";import{t as ne}from"./tokens-BNLiDh-U.js";import{d as ie,e as W,T as se,c as ae}from"./style-inject.es-O-YsppCx.js";import{a as M,u as Y,b as le}from"./useTheme-D6du8lDT.js";import{u as ce,E as de,b as he,c as pe,d as me}from"./StorybookGlobalStyle-C0X2e0mN.js";import{s as i}from"./styled-components.browser.esm-BppVzN7H.js";import{o as ge}from"./mixins-DZk1Zeoo.js";import{L as h}from"./LayoutFlex-BzWsI3Xb.js";import{L as z}from"./LayoutGrid-DqNGcqNm.js";import{s as U}from"./style-inject.es-BI9ztQJ7.js";import{u as q,f as ue,g as xe,h as fe}from"./useStyleExtract-nWieKQF4.js";import{m as B,s as D,b as R}from"./classNames-RlyrdfpN.js";import{w as I,a as ve,g as K}from"./componentNames-BAR5iJaT.js";import{c as be}from"./useColorScheme-CRstX5qq.js";import{u as we,T as je}from"./ThemeSwitcher-DeP-d9Aq.js";import{u as ke}from"./useHostname-xnO3cZkD.js";import"./iframe-9MNwBgj-.js";import"../sb-preview/runtime.js";import"./index-CnQXyiSh.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";import"./useTextAccentClassnames-iB7PeFbR.js";import"./useTextCenteredClassnames-DHbKOmgJ.js";import"./useLayoutFlexClassNames-D1ra_xuq.js";import"./useLayoutRelativeClassnames-C66s33p7.js";import"./useLayoutGridResponsiveColumns-BjGmVcfV.js";import"./breakpoints-BfMlrtxE.js";const ye=e=>Array.isArray(e)&&e.length===3&&ie.includes(e[W]),Se="/story/guides-token-explorer--page",Te=e=>Object.entries(e).map(([r,o])=>`${r}=${encodeURIComponent(`${o??""}`)}`).join("&"),Le=e=>{var r;const o=(r=window.top)===null||r===void 0?void 0:r.location.href.split("?")[0],n=Te(e);return`${o}?path=${Se}&${n}`};var X="._0oP-l9{-webkit-tap-highlight-color:transparent;border-radius:var(--5eeb28);cursor:pointer;display:inline-block;outline:none;-webkit-text-decoration:var(--f13872);text-decoration:var(--f13872);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._0oP-l9:focus-visible{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}.VOKvLk{display:inline}.CpiR98{-webkit-text-decoration:none;text-decoration:none}.ECRfHg{color:var(--c6b68f)}.ECRfHg:hover,.JTAlSW{color:var(--65e1ef)}.ECRfHg:active,.ew7GYi{color:var(--179b80)}.csBv5-{color:var(--7cbffc)}.csBv5-:hover,.eAUvo8{color:var(--47fcde)}.Xb-2-9,.csBv5-:active{color:var(--1253e2)}.krm1o6{color:var(--19fdf0)}.avwXpw,.krm1o6:hover{color:var(--ce5fb9)}.I8XiTY,.krm1o6:active{color:var(--1d39ac)}.gzzYqj{color:var(--883d0f)}.gzzYqj:hover,.s6i9IM{color:var(--065570)}.gzzYqj:active,.y3WF5y{color:var(--be41c4)}.S5q1Cv{color:var(--e66f2a)}.S5q1Cv:hover,.ovNJhL{color:var(--468ceb)}.S5q1Cv:active,._9v0omw{color:var(--a5fc76)}",E={__id:"/home/runner/work/design-system/design-system/packages/web-lib/src/components/Link/style/index.module.less",__css:X,Link:"_0oP-l9","Link--inline":"VOKvLk","Link--noUnderline":"CpiR98","Link--variant-accentDark":"ECRfHg","Link--variant-accentDark--dsInternalSimulation-hover":"JTAlSW","Link--variant-accentDark--dsInternalSimulation-active":"ew7GYi","Link--variant-accentDarkInverted":"csBv5-","Link--variant-accentDarkInverted--dsInternalSimulation-hover":"eAUvo8","Link--variant-accentDarkInverted--dsInternalSimulation-active":"Xb-2-9","Link--variant-neutral":"krm1o6","Link--variant-neutral--dsInternalSimulation-hover":"avwXpw","Link--variant-neutral--dsInternalSimulation-active":"I8XiTY","Link--variant-neutralInverted":"gzzYqj","Link--variant-neutralInverted--dsInternalSimulation-hover":"s6i9IM","Link--variant-neutralInverted--dsInternalSimulation-active":"y3WF5y","Link--variant-unsetColors":"S5q1Cv","Link--variant-unsetColors--dsInternalSimulation-hover":"ovNJhL","Link--variant-unsetColors--dsInternalSimulation-active":"_9v0omw"};U(X);const G=e=>{const{variant:r=ue,href:o,download:n,opensInNewTab:s,nofollow:a,assistiveText:c,onClick:v,as:u,url:x,dataset:b,children:p,inline:g,dsInternalSimulation:f,noUnderline:k}=e;q(E);const y=ke(),$=B(E,I.Link,[D(`variant-${r}--dsInternalSimulation`,f),D("variant",r),R("inline",void 0,g),R("noUnderline",void 0,k)]),w=o||x,j=w?ve(y,w,s,a):{},S={href:w,download:n,"aria-label":c,onClick:v,className:$.join(" "),...K(b,{preplyDsComponent:I.Link})};return u?l.cloneElement(u,{...S},p):V.createElement("a",{...S,...j},p)};G.__docgenInfo={description:`This is an inline element and will inherit font-size, line-height and\r
-font-weight from the parent context. If you need to customise any of these\r
-styles, all you have to do is wrap the <Link> in a Text or TextInline\r
-component.`,methods:[],displayName:"Link"};var J=".ehLpOm{border-radius:var(--330e49);display:inline-block;font-style:normal;font-weight:var(--73984e);margin:0;padding-left:var(--58c1e5);padding-right:var(--58c1e5)}.a1Ymf6{background-color:var(--2d51ae);color:var(--68bd17)}.QQm6LD{background-color:var(--292009);color:var(--c50238)}.n35-dc{background-color:var(--df6b06);color:var(--977d1a)}.YEj6cn{background-color:var(--e5b0a4);color:var(--6c2ddf)}.uDEFkK{background-color:var(--aa7c4d);color:var(--8da8cb)}.JrA2sO{background-color:var(--301ea7);color:var(--1da698)}.tfVNZ-{background-color:var(--a2a233);color:var(--ad48d7)}.W1sMIT{background-color:var(--86df85);color:var(--2be49e)}.dzj54A{background-color:var(--d908ab);color:var(--98c505)}.V3-1SN{background-color:var(--0c251f);color:var(--802584)}",P={__id:"/home/runner/work/design-system/design-system/packages/web-lib/src/components/TextHighlighted/style/index.module.less",__css:J,TextHighlighted:"ehLpOm","TextHighlighted--highlight-blue":"a1Ymf6","TextHighlighted--highlight-green":"QQm6LD","TextHighlighted--highlight-primary":"n35-dc","TextHighlighted--highlight-secondary":"YEj6cn","TextHighlighted--highlight-tertiary":"uDEFkK","TextHighlighted--highlight-accent":"JrA2sO","TextHighlighted--highlight-positive":"tfVNZ-","TextHighlighted--highlight-info":"W1sMIT","TextHighlighted--highlight-warning":"dzj54A","TextHighlighted--highlight-critical":"V3-1SN"};U(J);const m=({children:e,highlight:r=xe,tag:o=fe,dataset:n})=>{q(P);const a={className:B(P,I.TextHighlighted,[D("highlight",r)]).join(" "),...K(n,{preplyDsComponent:I.TextHighlighted})};return V.createElement(o,{...a},e)};m.__docgenInfo={description:"",methods:[],displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"'green'",computed:!1},required:!1},tag:{defaultValue:{value:"'span'",computed:!1},required:!1}}};const Ie=(e,r)=>({token:r,name:e,id:r[se],type:r[W],colorSchemeAware:!!r[ae]}),Q=(e,r)=>Object.entries(r).flatMap(([o,n])=>{const s=`${e}.${o}`;return ye(n)?[Ie(s,n)]:Q(s,n)}),Ce=e=>Object.entries(e).flatMap(([r,o])=>Q(r,o)),$e=Ce(ne),De=(e,r,o)=>e.filter(n=>{if(r==="-"||r==="--")return!0;if(r!=null&&r.startsWith("--"))return n.id.toLowerCase().startsWith(r.substring(2).toLowerCase());if(r){const s=n.name.toLowerCase().indexOf(r.toLowerCase())>-1,a=n.value.toLowerCase().indexOf(r.toLowerCase())>-1;return(s||a)&&(o?n.colorSchemeAware:!n.colorSchemeAware)}return o?n.colorSchemeAware:!n.colorSchemeAware}),Z=l.createContext({terms:"",colorScheme:void 0,results:[],setColorScheme:()=>{},setSearchTerms:()=>{}});var O;const ze=((O=window==null?void 0:window.localStorage)==null?void 0:O.getItem("storybook.ds-color-scheme"))||void 0;function Re(e,r){return $e.map(n=>({...n,value:`${re(e,r,n.token)}`}))}const Ee=({children:e})=>{const{findColorScheme:r}=M(),{theme:o}=Y(),[n,s]=l.useState(ze),[a,c]=l.useState(""),[v,u]=l.useState([]),x=l.useCallback(p=>s(p),[s]),b=l.useCallback(p=>c(p),[c]);if(!o)throw new Error("useToken() must be used within a ThemeProvider");return l.useEffect(()=>{const p=r(n||"base"),g=Re(o,p);u(De(g,a,!!n))},[n,r,a,o]),t.jsx(Z.Provider,{value:{terms:a,results:v,colorScheme:n,setSearchTerms:b,setColorScheme:x},children:t.jsx(le,{colorScheme:n||"base",children:e})})},C=()=>l.useContext(Z),Pe=i.div`
-    width: 64px;
-    height: 64px;
-    color: white;
-    background-color: ${({value:e})=>e};
-`,He=({value:e})=>t.jsx(Pe,{value:e}),Fe=i.div`
-    background: white;
-    width: 48px;
-    height: 48px
-    padding: 8px 0 0 8px;
-    background: ${({value:e})=>e==="white"?"black":"white"};
-
-
-    span {
-        display: block;
-        width: 40px;
-        height: 40px;
-        border-width: 2px;
-        border-style: solid;
-        border-top-left-radius: 16px;
-        border-color: ${({value:e})=>e};
-        border-right: none;
-        border-bottom: none;
-    }
-`,_e=({value:e})=>t.jsx(Fe,{value:e,children:t.jsx("span",{})}),Ne=i.div`
-    width: 48px;
-    height: 48px
-    padding: 8px 0 0 8px;
-    background: ${({value:e})=>e==="white"?"black":"white"};
-    border-image: ${({value:e})=>e};
-
-
-
-`,Ae=({value:e})=>t.jsx(Ne,{value:e,children:t.jsx("span",{})}),Oe=i.div`
-    width: 32px;
-    height: 32px;
-    border-style: solid;
-    border-color: #999;
-    border-width: 12px;
-    border-right: none;
-    border-bottom: none;
-    border-top-left-radius: ${({value:e})=>e};
-`,Ve=({value:e})=>t.jsx(Oe,{value:e}),We=i.div`
-    width: 64px;
-    padding-top: ${({value:e})=>e};
-    background: #666;
-
-    span {
-        display: block;
-        width: 100%;
-        border-top-style: solid;
-        border-color: white;
-        border-width: 2px;
-        height: 28px;
-        background: #999;
-    }
-`,Me=({value:e})=>t.jsx(We,{value:e,children:t.jsx("span",{})}),Ye=i.div`
-    width: 64px;
-    height: 64px;
-    box-shadow: ${({value:e})=>e};
-`,Ue=({value:e})=>t.jsx(Ye,{value:e}),qe=i.div`
-    background: #999;
-    font-size: 16px;
-    line-height: 32px;
-    text-align: center;
-    width: 200px;
-    color: white;
-
-    ${ge(`
-        filter: brightness(${({value:e})=>e});
-    `)}
-`,Be=({value:e})=>t.jsx(qe,{value:e,children:"hover me"}),Ke=i.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 64px;
-    height: 64px;
-    font-size: 20px;
-    font-weight: 700;
-    color: ${({value:e})=>e};
-    background: ${({value:e})=>e==="white"?"black":"white"};
-`,Xe=({value:e})=>t.jsx(Ke,{value:e,children:"A"}),Ge=i.div`
-    font-family: ${({value:e})=>e};
-    font-size: 20px;
-    font-weight: 600;
-
-    p:first-child {
-        font-weight: 700;
-    }
-
-    p:last-child {
-        font-weight: 400;
-    }
-`,H=({value:e})=>t.jsxs(Ge,{value:e,children:[t.jsx("p",{children:"Lorem ipsum dolor sit amet (700)"}),t.jsx("p",{children:"Lorem ipsum dolor sit amet (500)"}),t.jsx("p",{children:"Lorem ipsum dolor sit amet (400)"})]}),Je=i.div`
-    font-family: PreplyInter;
-    @supports (font-variation-settings: normal) {
-        font-family: PreplyInterV;
-    }
-    font-size: ${({value:e})=>e};
-`,Qe=({value:e})=>t.jsx(Je,{value:e,children:"Lorem ipsum dolor sit amet"}),Ze=i.div`
-    font-family: PreplyInter;
-    @supports (font-variation-settings: normal) {
-        font-family: PreplyInterV;
-    }
-    font-style: ${({value:e})=>e};
-    font-size: 14px;
-`,et=({value:e})=>t.jsx(Ze,{value:e,children:"Lorem ipsum dolor sit amet."}),tt=i.div`
-    font-family: PreplyInter;
-    @supports (font-variation-settings: normal) {
-        font-family: PreplyInterV;
-    }
-    font-size: 20px;
-    font-weight: ${({value:e})=>e};
-`,rt=({value:e})=>t.jsx(tt,{value:e,children:"Lorem ipsum dolor sit amet"}),ot=i.div`
-    height: ${({value:e})=>e};
-    width: 40px;
-    background-color: black;
-`,nt=({value:e})=>t.jsx(ot,{value:e}),it=i.div`
-    font-family: PreplyInter;
-    @supports (font-variation-settings: normal) {
-        font-family: PreplyInterV;
-    }
-    letter-spacing: ${({value:e})=>e};
-    font-size: 14px;
-`,st=({value:e})=>t.jsx(it,{value:e,children:"Lorem ipsum dolor sit amet."}),at=i.div`
-    font-family: PreplyInter;
-    @supports (font-variation-settings: normal) {
-        font-family: PreplyInterV;
-    }
-    line-height: ${({value:e})=>e};
-    font-size: 14px;
-`,lt=({value:e})=>t.jsx(at,{value:e,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec massa nulla, suscipit id purus quis, facilisis tempus tortor. Praesent felis quam, tincidunt vitae libero ut, bibendum condimentum nunc."}),ct=i.div`
-    font-family: PreplyInter;
-    @supports (font-variation-settings: normal) {
-        font-family: PreplyInterV;
-    }
-    line-height: ${({value:e})=>e};
-    font-size: 14px;
-`,dt=({value:e})=>t.jsx(ct,{value:e,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec massa nulla, suscipit id purus quis, facilisis tempus tortor. Praesent felis quam, tincidunt vitae libero ut, bibendum condimentum nunc."}),ht=i.div`
-    background: white;
-    width: 48px;
-    height: 48px
-    padding: 8px 0 0 8px;
-    background: ${({value:e})=>e==="white"?"black":"white"};
-
-
-    span {
-        display: block;
-        width: 40px;
-        height: 40px;
-        border-width: 2px;
-        border-style: solid;
-        border-top-left-radius: 16px;
-        border-color: ${({value:e})=>e};
-        border-right: none;
-        border-bottom: none;
-    }
-`,pt=({value:e})=>t.jsx(ht,{value:e,children:t.jsx("span",{})}),mt=i.div`
-    width: 64px;
-    padding-top: 2px;
-    background: #666;
-
-    span {
-        height: 2px;
-        display: block;
-        width: 100%;
-        border-top-style: solid;
-        border-color: white;
-        border-width: ${({value:e})=>e};
-        height: 28px;
-        background: #999;
-    }
-`,gt=({value:e})=>t.jsx(mt,{value:e,children:t.jsx("span",{})}),ut=i.div`
-    width: 64px;
-    padding-top: ${({value:e})=>e};
-    background: #666;
-
-    span {
-        display: block;
-        width: 100%;
-        border-top-style: solid;
-        border-color: white;
-        border-width: 2px;
-        height: 28px;
-        background: #999;
-    }
-`,xt=({value:e})=>t.jsx(ut,{value:e,children:t.jsx("span",{})}),ft=i.div`
-    width: 64px;
-    height: 64px;
-    background-color: ${({value:e})=>e};
-`,vt=({value:e})=>t.jsx(ft,{value:e}),bt=i.div`
-    width: ${({value:e})=>e};
-    height: ${({value:e})=>e};
-    background-color: black;
-`,L=({value:e})=>t.jsx(bt,{value:e}),wt=i.div`
-    width: ${({value:e})=>e};
-    height: 40px;
-    background-color: black;
-`,F=({value:e})=>t.jsx(wt,{value:e}),jt=i.div`
-    text-decoration: ${({value:e})=>e};
-    font-size: 20px;
-    font-weight: 600;
-
-    p:first-child {
-        font-weight: 700;
-    }
-
-    p:last-child {
-        font-weight: 400;
-    }
-`,kt=({value:e})=>t.jsx(jt,{value:e,children:t.jsx("p",{children:"Lorem ipsum dolor sit amet"})}),yt=i.div`
-    font-family: PreplyInter;
-    font-style: italic;
-    font-variation-settings: ${({value:e})=>e};
-    font-size: 14px;
-`,St=({value:e})=>t.jsx(yt,{value:e,children:"Lorem ipsum dolor sit amet."}),Tt={"root.size":"size","icon.size":"size","root.space":"space",spacing:"space",sizing:"space","root.radius":"borderRadius",radius:"borderRadius","root.text.size":"fontSize","root.text.base.lineHeight":"lineHeightRatio","root.text.height":"lineHeightPixels","root.text.weight":"fontWeight","dsInternalPrimitive.button.borderWeight":"borderWidth","icon.fieldLayout.width":"horizontalPadding","icon.fieldLayout.height":"horizontalPadding","root.text.spacing":"letterSpacing","root.text.style":"fontStyle","root.text.variation":"variationSettings","root.palette":"color",background:"color","color.border.ai.borderImage":"borderImage",color:"color","spinner.icon.color":"color","dsInternalPrimitive.color":"color","badge.base.color":"color","badge.accent":"color",content:"color",elevation:"boxShadow",dropShadow:"boxShadow"},_={color:"fgColor",lineHeight:"lineHeightPixels",shadow:"boxShadow",borderImage:"borderImage",offset:"size"},Lt={bgColor:{renderer:He},borderColor:{renderer:_e},borderImage:{renderer:Ae},borderRadius:{renderer:Ve},brightness:{renderer:Be},color:{renderer:vt},fgColor:{renderer:Xe},fontFamily:{renderer:H},fontSize:{renderer:Qe},fontWeight:{renderer:rt},fontStyle:{renderer:et},letterSpacing:{renderer:st},gap:{renderer:F},height:{renderer:nt},horizontalPadding:{renderer:L},lineHeightRatio:{renderer:dt},lineHeightPixels:{renderer:lt},outlineColor:{renderer:pt},outlineOffset:{renderer:gt},outlineWidth:{renderer:xt},borderWidth:{renderer:Me},padding:{renderer:L},size:{renderer:L},space:{renderer:F},boxShadow:{renderer:Ue},typeface:{renderer:H},variationSettings:{renderer:St},verticalPadding:{renderer:L},textDecoration:{renderer:kt}};function It(e){const r=Object.entries(Tt).find(([o])=>e.startsWith(o));return r&&r[1]}function Ct(e){const r=e.split(".").pop()||"";return r in _?_[r]:r}function $t(e){const r=It(e.name)||Ct(e.name)||"";return Lt[r]}const Dt=e=>{const r=$t(e);if(!r)throw new Error(`No renderer for token "${e.name}".`);return r},zt=i.li`
-    list-style: none;
-    margin-bottom: 32px;
-
-    span[title] {
-        text-align: center;
-        display: block;
-    }
-`,Rt=i.p`
-    margin: 0;
-    margin-top: 9px;
-    font-size: 14px;
-`,Et=i.div`
-    padding-top: 6px;
-`,Pt=i.p`
-    margin: 0;
-    width: 160px;
-    text-align: right;
-    font-size: 16px;
-    line-height: 32px;
-`,N=i.div`
-    padding-top: 2px;
-`,Ht=({token:e})=>{const r=oe(e.token),n=Dt(e).renderer,{validations:s}=ce(),a=s==null?void 0:s.getExperimentalTokenValidation(e.name),c=s==null?void 0:s.getDeprecatedTokenValidation(e.name);return t.jsx(zt,{children:t.jsxs(h,{gap:"xs",column:!0,children:[t.jsxs(z,{gap:"xs",columns:["90px","1fr","2fr"],children:[t.jsx(Rt,{children:t.jsxs(m,{highlight:"blue",children:["(--",e.id,")"]})}),t.jsxs(h,{direction:"column",gap:"3xs",children:[t.jsx(T,{variant:"l-medium",children:e.name}),t.jsxs(T,{variant:"m",children:["@",e.name.replace(/\./g,"-")]})]}),t.jsx(Et,{children:t.jsxs(h,{direction:"column",gap:"2xs",justifyContent:"start",children:[e.colorSchemeAware&&t.jsx("div",{children:t.jsx(m,{children:t.jsx("span",{title:"this token may have different values, depending on color scheme",children:"color scheme aware"})})}),a&&t.jsxs(h,{gap:"3xs",alignItems:"start",nowrap:!0,children:[t.jsx(N,{children:t.jsx(de,{size:16})}),t.jsx(T,{children:t.jsx(he,{validation:a})})]}),c&&t.jsxs(h,{gap:"3xs",alignItems:"start",nowrap:!0,children:[t.jsx(N,{children:t.jsx(pe,{size:16})}),t.jsx(T,{children:t.jsx(me,{validation:c})})]})]})})]}),t.jsxs(z,{gap:"l",columns:["auto","1fr"],alignItems:"center",children:[t.jsx(Pt,{children:t.jsx("span",{children:r})}),t.jsx("div",{children:t.jsx(n,{name:e.name,value:r})})]})]})})},Ft=i.ul`
-    margin: 0;
-    padding: 0;
-`,_t=i.div`
-    font-size: 24px;
-
-    h3 {
-        margin: 0;
-    }
-`,Nt={but:{name:"button",alternatives:["action"],note:"See also: props of <Button> component"},layo:{name:"layout",alternatives:["gap","padding","space"],note:"See also: props of <Layout> components"},align:{name:"align",alternatives:[],note:"You probably want to look at the <Layout> components"},just:{name:"justify",alternatives:[],note:"You probably want to look at the <Layout> components"},bol:{name:"bold",alternatives:["weight"],note:"See also <Text strong> component."},help:{name:"help? :-D",alternatives:[],note:"To be continued..."}},At=i.h3`
-    margin: 0;
-    font-size: 24px;
-    font-weight: 400;
-`,Ot=i.h3`
-    font-size: 16px;
-    font-weight: 400;
-`,Vt=i.h3`
-    font-size: 16px;
-    font-weight: 400;
-`,Wt=({hint:e})=>{const r=e.alternatives||[];return t.jsxs(h,{gap:"s",column:!0,children:[t.jsxs(At,{children:["Searching for ",t.jsx(m,{children:e.name}),"?"," "]}),t.jsxs(h,{gap:"2xs",column:!0,children:[r.length&&t.jsxs(Ot,{children:["Try searchinng for"," ",r.map((o,n)=>t.jsxs(t.Fragment,{children:[t.jsx(m,{children:o},o),n+2<r.length?", ":"",n+2===r.length?" or ":"",n===r.length-1?" ":""]})),"instead."]}),e.note&&t.jsxs(Vt,{children:[t.jsx("strong",{children:"Note:"})," ",e.note]})]})]})},Mt=({terms:e})=>e?t.jsx(t.Fragment,{children:Object.entries(Nt).map(([r,o])=>e.toLowerCase().indexOf(r)>-1&&t.jsx(Wt,{hint:o},r))}):null,Yt=()=>{const{results:e,terms:r}=C();return e.length?t.jsx(Ft,{children:e.map(o=>t.jsx(Ht,{token:o},o.id))}):t.jsx(_t,{children:t.jsxs(h,{gap:"s",column:!0,children:[t.jsx("h3",{children:"No tokens found"}),t.jsx(Mt,{terms:r})]})})},Ut=i.div`
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    font-size: 14px;
-
-    label {
-        font-weight: 500;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-
-    p {
-        margin: 0;
-    }
-
-    select {
-        height: 32px;
-        padding: 2.5px 5px;
-        border-width: 1px;
-        border-color: ${({isNotDefault:e})=>e?"orange;":"#ccc"};
-    }
-`,qt=i.select`
-    padding: 5px 10px;
-`,Bt=({onChange:e})=>{const{colorScheme:r,setColorScheme:o}=C(),n=l.useCallback(s=>{var c;const a=s.target.value;(c=window==null?void 0:window.localStorage)==null||c.setItem("storybook.ds-color-scheme",a),o(a??void 0),e==null||e(a)},[e,o]);return t.jsxs(Ut,{isNotDefault:!!r,children:[t.jsx("label",{children:"Color Scheme"}),t.jsxs(qt,{value:r,onChange:n,children:[t.jsx("option",{value:"",children:"-- no color scheme --"},"none"),Object.keys(be).map(s=>t.jsx("option",{value:s,children:s},s))]})]})},Kt=i.div`
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-height: 48px;
-    min-height: 24px;
-    font-size: 16px;
-
-    p {
-        margin: 0;
-    }
-
-    a {
-        color: #0077b3;
-    }
-`,Xt=({id:e})=>t.jsxs(t.Fragment,{children:["Searching for token ID ",t.jsx(m,{highlight:"blue",children:e}),"."]}),Gt=({terms:e,colorScheme:r,results:o})=>t.jsxs(t.Fragment,{children:["Found ",o.length," results matching"," ",t.jsx(m,{highlight:"green",children:e})," ",r?t.jsxs(t.Fragment,{children:["within ",t.jsx(m,{highlight:"green",children:"color scheme aware"})," ","tokens."]}):t.jsx(t.Fragment,{children:"within tokens without color scheme."})]}),Jt=({colorScheme:e,results:r})=>t.jsx(t.Fragment,{children:e?t.jsxs(t.Fragment,{children:["Showing all ",t.jsx(m,{highlight:"blue",children:r.length})," ","tokens that are"," ",t.jsx(m,{highlight:"green",children:"color scheme aware"}),"."]}):t.jsxs(t.Fragment,{children:["Showing all ",t.jsx(m,{highlight:"blue",children:r.length})," ","color scheme anostic tokens."]})}),Qt=()=>{const{terms:e,colorScheme:r,results:o}=C(),n=(e==null?void 0:e.startsWith("--"))&&(e==null?void 0:e.substring(2));return t.jsx(Kt,{children:t.jsxs("p",{children:[n&&t.jsx(Xt,{id:n}),e&&!n&&t.jsx(Gt,{terms:e,colorScheme:r,results:o}),!e&&!n&&t.jsx(Jt,{colorScheme:r,results:o})," ",r&&t.jsx("a",{href:"./?path=/story/guides-color-schemes-intro--page",children:"Learn more"})]})})},Zt=i.div`
-    position: relative;
-    margin-top: -20px;
-    padding-bottom: 200px;
-    h1 {
-        margin: 0;
-    }
-`,er=i.div`
-    position: fixed;
-    left: 0;
-    width: 100%;
-    z-index: 9999;
-    display: flex;
-    justify-content: center;
-    padding: 20px 20px 24px;
-    gap: 16px;
-    background: white;
-`,tr=i.div`
-    width: 100%;
-    max-width: 1000px;
-    margin: 0 auto;
-`,rr=i.input`
-    flex: 1;
-    padding: 8px;
-    font-size: 16px;
-    height: 32px;
-    border-style: solid;
-    border-width: 1px;
-    border-color: ${({terms:e})=>e?"orange;":"#ccc"};
-`,or=()=>{const{theme:e}=Y(),{themes:r}=M(),{setTheme:o}=we(),{colorScheme:n,terms:s,setColorScheme:a,setSearchTerms:c}=C(),[v,u]=l.useState(!1),[x,b]=l.useState(void 0),p=l.useMemo(()=>{var d;return new URL(((d=window.top)==null?void 0:d.location.href)||"")},[]),g=p.searchParams,f=g.get("theme"),k=f&&(r==null?void 0:r.find(d=>d.name===f)),y=g.get("colorScheme"),$=g.get("terms");l.useEffect(()=>{var d;f&&(f!==e.name&&o&&k&&o(k),f&&y!==n&&a(y),c($||"")),g.delete("theme"),g.delete("colorScheme"),g.delete("terms"),(d=window.top)==null||d.history.replaceState({},"",p),window.clearTimeout(x)},[]);const w=l.useCallback(d=>c(d),[c]),j=Le({terms:s,theme:e.name,colorScheme:n}),S=l.useCallback(d=>{navigator.clipboard.writeText(j),d.preventDefault(),u(!0),window.clearTimeout(x),b(window.setTimeout(()=>u(!1),5e3))},[j,x]);return t.jsx(Zt,{children:t.jsx(er,{children:t.jsx(tr,{children:t.jsxs(h,{gap:"xs",direction:"column",children:[t.jsxs(h,{justifyContent:"space-between",alignItems:"start",children:[t.jsx("h1",{id:"tokens",className:"sbdocs sbdocs-h1 css-1j28tt",children:"Token Explorer"}),s&&t.jsxs(h,{direction:"column",justifyContent:"start",alignItems:"end",children:[t.jsx(G,{url:j,onClick:S,children:"Link to this search"}),v&&"✓ URL copied to clipboard"]})]}),t.jsxs(h,{gap:"2xs",nowrap:!0,children:[t.jsx(rr,{terms:s,type:"text",placeholder:"examples: teal, 300, action, primary, xs, --4adef, #00, 12px",onChange:d=>w(d.target.value),value:s}),t.jsx(Bt,{})]}),t.jsx(Qt,{})]})})})})};function A(e){return t.jsxs(t.Fragment,{children:[t.jsx(te,{title:"'Guides/Token Explorer"}),`
-`,t.jsx(je,{}),`
-`,t.jsxs(Ee,{children:[t.jsx(or,{}),t.jsx(Yt,{})]})]})}function _r(e={}){const{wrapper:r}={...ee(),...e.components};return r?t.jsx(r,{...e,children:t.jsx(A,{...e})}):A()}export{_r as default};

package/dist/assets/00.using-responsive-props-DIhRi04I.js

@@ -1,19 +0,0 @@
-import{j as a}from"./jsx-runtime-Bxcv0yjW.js";import{useMDXComponents as m}from"./index-EeWIkZEf.js";import{ae as f}from"./index-CXQveQOi.js";import{B as A}from"./breakpoints-BfMlrtxE.js";import{T as z}from"./ThemeSwitcher-DeP-d9Aq.js";import{R as t}from"./index-mfbfsM12.js";import{s as u}from"./style-inject.es-BI9ztQJ7.js";import{u as x,A as j}from"./useStyleExtract-nWieKQF4.js";import{m as _,s as y,b as N}from"./classNames-RlyrdfpN.js";import{w as d,g as R}from"./componentNames-BAR5iJaT.js";import{u as k}from"./useTheme-D6du8lDT.js";import{A as P,a as q}from"./constants--ewUoBsO.js";import"./iframe-9MNwBgj-.js";import"../sb-preview/runtime.js";import"./index-CnQXyiSh.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";import"./styled-components.browser.esm-BppVzN7H.js";var g=".ENaapF{display:inline-block}.ENaapF img{border-radius:var(--dad9ec);-o-object-fit:cover;object-fit:cover;vertical-align:bottom}.d2pNqp img{height:var(--d51f41);width:var(--d51f41)}.hlQlfa img{height:var(--cfdb4f);width:var(--cfdb4f)}.OXNzrY img{height:var(--2dafbf);width:var(--2dafbf)}._4n3bpR img{height:var(--b51334);width:var(--b51334)}.VHR4R- img{height:var(--d318a5);width:var(--d318a5)}.AQlZ0h img{height:var(--6eb1c7);width:var(--6eb1c7)}.ObR4yy img{height:var(--86aa8e);width:var(--86aa8e)}.dN-5ky img{height:var(--32bbec);width:var(--32bbec)}.ddqP8a img{height:var(--950ab5);width:var(--950ab5)}.-Ju7IS img{height:var(--cc5dc7);width:var(--cc5dc7)}.KgHP3O img{height:var(--796da2);width:var(--796da2)}.KZ0FcP img{height:var(--329ba7);width:var(--329ba7)}@media (min-width:400px){.-PmgCn img{height:var(--d51f41);width:var(--d51f41)}.RdTWxp img{height:var(--cfdb4f);width:var(--cfdb4f)}.zwV933 img{height:var(--2dafbf);width:var(--2dafbf)}.pW4--J img{height:var(--b51334);width:var(--b51334)}._1pv2GS img{height:var(--d318a5);width:var(--d318a5)}.vH5iGl img{height:var(--6eb1c7);width:var(--6eb1c7)}.qXCWMy img{height:var(--86aa8e);width:var(--86aa8e)}.qq9TPv img{height:var(--32bbec);width:var(--32bbec)}.h51Bn7 img{height:var(--950ab5);width:var(--950ab5)}.LnrZ97 img{height:var(--cc5dc7);width:var(--cc5dc7)}.n3HEeZ img{height:var(--796da2);width:var(--796da2)}._1zjWLY img{height:var(--329ba7);width:var(--329ba7)}}@media (min-width:700px){.qWyz53 img{height:var(--d51f41);width:var(--d51f41)}._2e4QoO img{height:var(--cfdb4f);width:var(--cfdb4f)}.d0fm85 img{height:var(--2dafbf);width:var(--2dafbf)}.ZHi666 img{height:var(--b51334);width:var(--b51334)}.xxrocW img{height:var(--d318a5);width:var(--d318a5)}._2QWloV img{height:var(--6eb1c7);width:var(--6eb1c7)}._7-PF9V img{height:var(--86aa8e);width:var(--86aa8e)}.kS7dJo img{height:var(--32bbec);width:var(--32bbec)}._7rHLmZ img{height:var(--950ab5);width:var(--950ab5)}.eSycGy img{height:var(--cc5dc7);width:var(--cc5dc7)}.gMO59k img{height:var(--796da2);width:var(--796da2)}.VHYbX3 img{height:var(--329ba7);width:var(--329ba7)}}@media (min-width:880px){.Kt93if img{height:var(--d51f41);width:var(--d51f41)}.BwpLG7 img{height:var(--cfdb4f);width:var(--cfdb4f)}.JjLGRh img{height:var(--2dafbf);width:var(--2dafbf)}.L-KEk3 img{height:var(--b51334);width:var(--b51334)}.a53QCQ img{height:var(--d318a5);width:var(--d318a5)}.kUFUbQ img{height:var(--6eb1c7);width:var(--6eb1c7)}.wkAJav img{height:var(--86aa8e);width:var(--86aa8e)}.ZX2QH4 img{height:var(--32bbec);width:var(--32bbec)}._17P3wB img{height:var(--950ab5);width:var(--950ab5)}.FpM1GN img{height:var(--cc5dc7);width:var(--cc5dc7)}._5-hlk9 img{height:var(--796da2);width:var(--796da2)}.fa-Bb- img{height:var(--329ba7);width:var(--329ba7)}}@media (min-width:1200px){._1jiA7s img{height:var(--d51f41);width:var(--d51f41)}.CwbZaN img{height:var(--cfdb4f);width:var(--cfdb4f)}.DxpiNv img{height:var(--2dafbf);width:var(--2dafbf)}.qn5xeK img{height:var(--b51334);width:var(--b51334)}._4TPfZj img{height:var(--d318a5);width:var(--d318a5)}.NtVchz img{height:var(--6eb1c7);width:var(--6eb1c7)}.ggmeND img{height:var(--86aa8e);width:var(--86aa8e)}.J7HvUW img{height:var(--32bbec);width:var(--32bbec)}.FDJLhr img{height:var(--950ab5);width:var(--950ab5)}.qE9HQS img{height:var(--cc5dc7);width:var(--cc5dc7)}.yjySNE img{height:var(--796da2);width:var(--796da2)}.sQ83pE img{height:var(--329ba7);width:var(--329ba7)}}@media (min-width:1900px){.BuADeq img{height:var(--d51f41);width:var(--d51f41)}.g8TfiY img{height:var(--cfdb4f);width:var(--cfdb4f)}.qYwnPT img{height:var(--2dafbf);width:var(--2dafbf)}.tMD4Sq img{height:var(--b51334);width:var(--b51334)}.M3npPv img{height:var(--d318a5);width:var(--d318a5)}.-vkhWt img{height:var(--6eb1c7);width:var(--6eb1c7)}.lammM- img{height:var(--86aa8e);width:var(--86aa8e)}.hM5mXm img{height:var(--32bbec);width:var(--32bbec)}.mLV4ak img{height:var(--950ab5);width:var(--950ab5)}.uQV-Rf img{height:var(--cc5dc7);width:var(--cc5dc7)}.nbICpK img{height:var(--796da2);width:var(--796da2)}.gRCi9P img{height:var(--329ba7);width:var(--329ba7)}}.Ndyn3O img{border-radius:var(--8517a6)}.ENaapF img{border-color:var(--54e6b5);border-style:solid;border-width:var(--c4d145)}",s={__id:"/home/runner/work/design-system/design-system/packages/web-lib/src/components/Avatar/style/index.module.less",__css:g,Avatar:"ENaapF","Avatar--size-2xs":"d2pNqp","Avatar--size-xs":"hlQlfa","Avatar--size-s":"OXNzrY","Avatar--size-m":"_4n3bpR","Avatar--size-l":"VHR4R-","Avatar--size-xl":"AQlZ0h","Avatar--size-24":"ObR4yy","Avatar--size-32":"dN-5ky","Avatar--size-48":"ddqP8a","Avatar--size-64":"-Ju7IS","Avatar--size-96":"KgHP3O","Avatar--size-160":"KZ0FcP","Avatar--narrow-l--size-2xs":"-PmgCn","Avatar--narrow-l--size-xs":"RdTWxp","Avatar--narrow-l--size-s":"zwV933","Avatar--narrow-l--size-m":"pW4--J","Avatar--narrow-l--size-l":"_1pv2GS","Avatar--narrow-l--size-xl":"vH5iGl","Avatar--narrow-l--size-24":"qXCWMy","Avatar--narrow-l--size-32":"qq9TPv","Avatar--narrow-l--size-48":"h51Bn7","Avatar--narrow-l--size-64":"LnrZ97","Avatar--narrow-l--size-96":"n3HEeZ","Avatar--narrow-l--size-160":"_1zjWLY","Avatar--medium-s--size-2xs":"qWyz53","Avatar--medium-s--size-xs":"_2e4QoO","Avatar--medium-s--size-s":"d0fm85","Avatar--medium-s--size-m":"ZHi666","Avatar--medium-s--size-l":"xxrocW","Avatar--medium-s--size-xl":"_2QWloV","Avatar--medium-s--size-24":"_7-PF9V","Avatar--medium-s--size-32":"kS7dJo","Avatar--medium-s--size-48":"_7rHLmZ","Avatar--medium-s--size-64":"eSycGy","Avatar--medium-s--size-96":"gMO59k","Avatar--medium-s--size-160":"VHYbX3","Avatar--medium-l--size-2xs":"Kt93if","Avatar--medium-l--size-xs":"BwpLG7","Avatar--medium-l--size-s":"JjLGRh","Avatar--medium-l--size-m":"L-KEk3","Avatar--medium-l--size-l":"a53QCQ","Avatar--medium-l--size-xl":"kUFUbQ","Avatar--medium-l--size-24":"wkAJav","Avatar--medium-l--size-32":"ZX2QH4","Avatar--medium-l--size-48":"_17P3wB","Avatar--medium-l--size-64":"FpM1GN","Avatar--medium-l--size-96":"_5-hlk9","Avatar--medium-l--size-160":"fa-Bb-","Avatar--wide-s--size-2xs":"_1jiA7s","Avatar--wide-s--size-xs":"CwbZaN","Avatar--wide-s--size-s":"DxpiNv","Avatar--wide-s--size-m":"qn5xeK","Avatar--wide-s--size-l":"_4TPfZj","Avatar--wide-s--size-xl":"NtVchz","Avatar--wide-s--size-24":"ggmeND","Avatar--wide-s--size-32":"J7HvUW","Avatar--wide-s--size-48":"FDJLhr","Avatar--wide-s--size-64":"qE9HQS","Avatar--wide-s--size-96":"yjySNE","Avatar--wide-s--size-160":"sQ83pE","Avatar--wide-l--size-2xs":"BuADeq","Avatar--wide-l--size-xs":"g8TfiY","Avatar--wide-l--size-s":"qYwnPT","Avatar--wide-l--size-m":"tMD4Sq","Avatar--wide-l--size-l":"M3npPv","Avatar--wide-l--size-xl":"-vkhWt","Avatar--wide-l--size-24":"lammM-","Avatar--wide-l--size-32":"hM5mXm","Avatar--wide-l--size-48":"mLV4ak","Avatar--wide-l--size-64":"uQV-Rf","Avatar--wide-l--size-96":"nbICpK","Avatar--wide-l--size-160":"gRCi9P","Avatar--round":"Ndyn3O"};u(g);const r=({size:e=j,round:i,src:c,alt:n="",dataset:o})=>{x(s);const l=i??!0,b={className:_(s,d.Avatar,[y("size",e),N("round",void 0,l)]).join(" "),...R(o,{preplyDsComponent:d.Avatar})},{theme:w}=k(),p=w.name==="tokyo-ui"?P:q;return t.createElement("picture",{...b},t.createElement("img",{src:c||p,alt:n}))};r.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{defaultValue:{value:"'xs'",computed:!1},required:!1},alt:{defaultValue:{value:"''",computed:!1},required:!1}}};const C=()=>a.jsx("table",{style:{fontSize:14},children:a.jsx("tbody",{children:Object.entries(A).map(([e,i])=>a.jsxs("tr",{children:[a.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:a.jsx("code",{children:e})}),a.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:a.jsxs("code",{children:[i,"px"]})})]},e))})}),h="./web-lib/src/components/Avatar/docs/static/avatar-1.png";function v(e){const i={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...m(),...e.components};return a.jsxs(a.Fragment,{children:[a.jsx(f,{title:"Guides/Responsive Props"}),`
-`,a.jsx(z,{}),`
-`,a.jsx(i.h1,{id:"responsive-props",children:"Responsive Props"}),`
-`,a.jsx(i.p,{children:`Some component props optionally accept responsive values for different screen sizes
-based on the global breakpoints:`}),`
-`,a.jsx(i.pre,{children:a.jsx(i.code,{className:"language-jsx",children:`<Component prop={<value>} />
-<Component prop={{ _: <value>, '<breakpoint>': <value>, ... }} />
-`})}),`
-`,a.jsxs(i.p,{children:["Where ",a.jsx(i.code,{children:"_"})," is the value for the smallest breakpoint, and ",a.jsx(i.code,{children:"<breakpoint>"}),` is one of
-the following, predefined values:`]}),`
-`,a.jsx(C,{}),`
-`,a.jsx(i.h2,{id:"example",children:"Example"}),`
-`,`
-`,a.jsx(r,{src:h,size:"24"}),`
-`,a.jsx(r,{src:h,size:{_:"24","medium-l":"48","wide-s":"64"}}),`
-`,a.jsx(i.pre,{children:a.jsx(i.code,{className:"language-jsx",children:`<Avatar src={url} size="24" />
-<Avatar src={url} size={{ _: '24', 'medium-l': '48', 'wide-s': '64' }} />
-`})}),`
-`,a.jsxs(i.p,{children:["Try resizing your viewport using the dev tools to see the ",a.jsx(i.code,{children:"Avatar"})," size update."]})]})}function $(e={}){const{wrapper:i}={...m(),...e.components};return i?a.jsx(i,{...e,children:a.jsx(v,{...e})}):v(e)}export{$ as default,h as url};