@preply/ds-docs 7.1.0 → 8.0.0

package/dist/assets/Heading.stories-C--u6-XB.js

@@ -0,0 +1,67 @@
+import{j as a}from"./iframe-CWgEsn_I.js";import{H as e}from"./Heading-jyl-6mnE.js";import{S as s}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./text-accent-CvDqGyH8.js";import"./text-centered-4FcavPd_.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-CmmTyjin.js";const y={title:"components/Heading",component:e,argTypes:{centered:{description:s},variant:{description:s}}},r=()=>a.jsxs("div",{style:{padding:"16px",display:"grid",gridTemplateColumns:"auto 3fr",alignItems:"center",gap:"16px"},children:[a.jsx("span",{children:"h1 / massive"}),a.jsx(e,{tag:"h1",variant:"massive",children:"Lorem ipsum"}),a.jsx("span",{children:"h2 / huge"}),a.jsx(e,{tag:"h2",variant:"huge",children:"Lorem ipsum"}),a.jsx("span",{children:"h3 / extraLarge"}),a.jsx(e,{tag:"h3",variant:"extraLarge",children:"Lorem ipsum"}),a.jsx("span",{children:"h4 / large"}),a.jsx(e,{tag:"h4",variant:"large",children:"Lorem ipsum"}),a.jsx("span",{children:"h5 / medium"}),a.jsx(e,{tag:"h5",variant:"medium",children:"Lorem ipsum"}),a.jsx("span",{children:"p / small"}),a.jsx(e,{tag:"p",variant:"small",children:"Lorem ipsum"})]}),n={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(g,{args:l})=>a.jsx("div",{style:{backgroundColor:l.accent==="inverted"?"black":void 0},children:g()})],args:{tag:"h1",variant:"massive",children:"Lorem ipsum",dataset:{qaid:"heading"}},argTypes:{centered:{control:"boolean"},dataset:{control:"object"},strong:{table:{disable:!0}}}};var t,i,o;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`() => <div style={{
+  padding: '16px',
+  display: 'grid',
+  gridTemplateColumns: 'auto 3fr',
+  alignItems: 'center',
+  gap: '16px'
+}}>
+        <span>h1 / massive</span>
+        <Heading tag="h1" variant="massive">
+            Lorem ipsum
+        </Heading>
+        <span>h2 / huge</span>
+        <Heading tag="h2" variant="huge">
+            Lorem ipsum
+        </Heading>
+        <span>h3 / extraLarge</span>
+        <Heading tag="h3" variant="extraLarge">
+            Lorem ipsum
+        </Heading>
+        <span>h4 / large</span>
+        <Heading tag="h4" variant="large">
+            Lorem ipsum
+        </Heading>
+        <span>h5 / medium</span>
+        <Heading tag="h5" variant="medium">
+            Lorem ipsum
+        </Heading>
+        <span>p / small</span>
+        <Heading tag="p" variant="small">
+            Lorem ipsum
+        </Heading>
+    </div>`,...(o=(i=r.parameters)==null?void 0:i.docs)==null?void 0:o.source}}};var d,p,m;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  decorators: [(story, {
+    args
+  }) => <div style={{
+    backgroundColor: args.accent === 'inverted' ? 'black' : undefined
+  }}>
+                {story()}
+            </div>],
+  args: {
+    tag: 'h1',
+    variant: 'massive',
+    children: 'Lorem ipsum',
+    dataset: {
+      qaid: 'heading'
+    }
+  },
+  argTypes: {
+    centered: {
+      control: 'boolean'
+    },
+    dataset: {
+      control: 'object'
+    },
+    // Disable deprecated props
+    strong: {
+      table: {
+        disable: true
+      }
+    }
+  }
+}`,...(m=(p=n.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};const H=["Typeset","Playground"];export{n as Playground,r as Typeset,H as __namedExportsOrder,y as default};

package/dist/assets/Icon-BbVZ9NP7.js

@@ -0,0 +1 @@
+import{t as x,u as d,r as u,g,j as m,au as w}from"./iframe-CWgEsn_I.js";import{g as I}from"./text-accent-CvDqGyH8.js";import{f as b}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{r as k}from"./render-icon-DCa6Vadq.js";import{w as e}from"./componentNames-CmmTyjin.js";const f="Icon__EP3Vh",N={Icon:f,"Icon--size-16":"Icon--size-16__P716Z","Icon--size-24":"Icon--size-24__uOdtd","Icon--size-32":"Icon--size-32__zP8We","Icon--size-48":"Icon--size-48__-KHYK"},z="ExpColor__fSHBe",B={ExpColor:z,"ExpColor--exp-color-grey-0":"ExpColor--exp-color-grey-0__IQ8rz","ExpColor--exp-color-grey-50":"ExpColor--exp-color-grey-50__4wU8k","ExpColor--exp-color-grey-100":"ExpColor--exp-color-grey-100__idyQR","ExpColor--exp-color-grey-200":"ExpColor--exp-color-grey-200__bSfXM","ExpColor--exp-color-grey-300":"ExpColor--exp-color-grey-300__TAgB4","ExpColor--exp-color-grey-400":"ExpColor--exp-color-grey-400__8AFVk","ExpColor--exp-color-grey-500":"ExpColor--exp-color-grey-500__fFByn","ExpColor--exp-color-grey-600":"ExpColor--exp-color-grey-600__gRj6N","ExpColor--exp-color-grey-700":"ExpColor--exp-color-grey-700__3iGwa","ExpColor--exp-color-grey-800":"ExpColor--exp-color-grey-800__on7RX","ExpColor--exp-color-grey-900":"ExpColor--exp-color-grey-900__9T1OC","ExpColor--exp-color-pink-50":"ExpColor--exp-color-pink-50__3o0cC","ExpColor--exp-color-pink-100":"ExpColor--exp-color-pink-100__yBJxi","ExpColor--exp-color-pink-200":"ExpColor--exp-color-pink-200__Zff-J","ExpColor--exp-color-pink-300":"ExpColor--exp-color-pink-300__wWr90","ExpColor--exp-color-pink-400":"ExpColor--exp-color-pink-400__-C3Dw","ExpColor--exp-color-pink-500":"ExpColor--exp-color-pink-500__Kpw6U","ExpColor--exp-color-pink-600":"ExpColor--exp-color-pink-600__g4tqI","ExpColor--exp-color-pink-700":"ExpColor--exp-color-pink-700__5lL8W","ExpColor--exp-color-pink-800":"ExpColor--exp-color-pink-800__JdCoO","ExpColor--exp-color-yellow-50":"ExpColor--exp-color-yellow-50__x4D1V","ExpColor--exp-color-yellow-100":"ExpColor--exp-color-yellow-100__Mp3-h","ExpColor--exp-color-yellow-200":"ExpColor--exp-color-yellow-200__dr309","ExpColor--exp-color-yellow-300":"ExpColor--exp-color-yellow-300__4eqgg","ExpColor--exp-color-yellow-400":"ExpColor--exp-color-yellow-400__7KEax","ExpColor--exp-color-yellow-500":"ExpColor--exp-color-yellow-500__YFTaH","ExpColor--exp-color-yellow-600":"ExpColor--exp-color-yellow-600__uioue","ExpColor--exp-color-yellow-700":"ExpColor--exp-color-yellow-700__APgN0","ExpColor--exp-color-yellow-800":"ExpColor--exp-color-yellow-800__iqZ5l","ExpColor--exp-color-blue-50":"ExpColor--exp-color-blue-50__9YSjB","ExpColor--exp-color-blue-100":"ExpColor--exp-color-blue-100__msV5Z","ExpColor--exp-color-blue-200":"ExpColor--exp-color-blue-200__0-B47","ExpColor--exp-color-blue-300":"ExpColor--exp-color-blue-300__kBuCR","ExpColor--exp-color-blue-400":"ExpColor--exp-color-blue-400__rug3Y","ExpColor--exp-color-blue-500":"ExpColor--exp-color-blue-500__1zhad","ExpColor--exp-color-blue-600":"ExpColor--exp-color-blue-600__INDau","ExpColor--exp-color-blue-700":"ExpColor--exp-color-blue-700__nKtQ-","ExpColor--exp-color-blue-800":"ExpColor--exp-color-blue-800__AWAr2","ExpColor--exp-color-teal-50":"ExpColor--exp-color-teal-50__7QmhW","ExpColor--exp-color-teal-100":"ExpColor--exp-color-teal-100__YLRdY","ExpColor--exp-color-teal-200":"ExpColor--exp-color-teal-200__aUMwT","ExpColor--exp-color-teal-300":"ExpColor--exp-color-teal-300__wI000","ExpColor--exp-color-teal-400":"ExpColor--exp-color-teal-400__uVmEI","ExpColor--exp-color-teal-500":"ExpColor--exp-color-teal-500__HM2LK","ExpColor--exp-color-teal-600":"ExpColor--exp-color-teal-600__0PlFD","ExpColor--exp-color-teal-700":"ExpColor--exp-color-teal-700__FVY4B","ExpColor--exp-color-teal-800":"ExpColor--exp-color-teal-800__2dQ3c","ExpColor--exp-color-red-50":"ExpColor--exp-color-red-50__k0fHb","ExpColor--exp-color-red-100":"ExpColor--exp-color-red-100__PuJbY","ExpColor--exp-color-red-200":"ExpColor--exp-color-red-200__cumh2","ExpColor--exp-color-red-300":"ExpColor--exp-color-red-300__dUiEM","ExpColor--exp-color-red-400":"ExpColor--exp-color-red-400__DBCU8","ExpColor--exp-color-red-500":"ExpColor--exp-color-red-500__lIF6t","ExpColor--exp-color-red-600":"ExpColor--exp-color-red-600__NNabI","ExpColor--exp-color-red-700":"ExpColor--exp-color-red-700__9Tz3v","ExpColor--exp-color-red-800":"ExpColor--exp-color-red-800__HCek3"},R="ExpColor",h=o=>x(B,R,[d("exp-color",o)]),T=u.forwardRef(function({svg:l,size:c=w,accent:r,expColor:C,label:p,dataset:E,..._},s){const a=x(N,e.Icon,[`size-${c}`]),n=I(!1,r),t=r?[]:h(C),i=[...a,...n,...t],y={...b(_),className:i.join(" "),...g(E,{preplyDsComponent:e.Icon}),ref:s};if(!l)throw new Error("Icon prop svg is mandatory");return m.jsx("span",{...y,role:"img","aria-hidden":!p,"aria-label":p,children:k(l,{"aria-hidden":"true",focusable:"false"})})});export{T as I};

package/dist/assets/Icon-RSC-iQ3CU9mQ.js

@@ -0,0 +1,6 @@
+import{j as e,M as s,S as c}from"./iframe-CWgEsn_I.js";import{useMDXComponents as r}from"./index-BiSZC2o0.js";import{ServerComponent as m}from"./Icon.stories-DRfWUzol.js";import"./preload-helper-Dp1pzeXC.js";import"./TokyoUINotesWithPad-CZPHd-s1.js";import"./Icon-BbVZ9NP7.js";import"./text-accent-CvDqGyH8.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-DCa6Vadq.js";import"./componentNames-CmmTyjin.js";import"./options-BM-sJPHZ.js";function t(n){const o={code:"code",h1:"h1",p:"p",pre:"pre",...r(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"components/Icon/Server Component"}),`
+`,e.jsx(o.h1,{id:"use-icon-as-react-server-component",children:"Use Icon as react server component"}),`
+`,e.jsxs(o.p,{children:["To use Icon as react server component, provide ",e.jsx(o.code,{children:"svg"})," as element:"]}),`
+`,e.jsx(c,{of:m}),`
+`,e.jsx(o.pre,{children:e.jsx(o.code,{className:"language-jsx",children:`<Icon svg={<TokyoUINotesWithPad />} />
+`})})]})}function M(n={}){const{wrapper:o}={...r(),...n.components};return o?e.jsx(o,{...n,children:e.jsx(t,{...n})}):t(n)}export{M as default};

package/dist/assets/{Icon.stories-C8lZfyvV.js → Icon.stories-DRfWUzol.js}

@@ -1,4 +1,4 @@
-import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{F as s}from"./TokyoUINotesWithPad-B-o4vu0Y.js";import{I as e}from"./Icon-BsfKiFZj.js";import{E as h}from"./options-BM-sJPHZ.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-VILyY3zt.js";import"./classNames-9hsFPPZv.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-BT0Aq7PA.js";import"./componentNames-k0j3gHgH.js";import"./index-qlqSh81O.js";import"./defaults-_YAxqn11.js";const R={title:"components/Icon",component:e,parameters:{docs:{description:{component:"To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page)."}}}},t=()=>o.jsxs("div",{style:{display:"flex",alignItems:"end",gap:"4px"},children:[o.jsx(e,{svg:s,size:"16"}),o.jsx(e,{svg:s,size:"24"}),o.jsx(e,{svg:s,size:"32"}),o.jsx(e,{svg:s,size:"48"})]}),n=()=>o.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:h.map(a=>o.jsxs("div",{style:{display:"flex",gap:16},children:[o.jsx(e,{svg:s,expColor:a.id},a.id),o.jsx("span",{children:a.id})]},a.id))}),r=()=>o.jsx(e,{svg:o.jsx(s,{})});r.tags=["!dev","!autodocs"];const i={parameters:{chromatic:{disableSnapshot:!0}},args:{svg:s,dataset:{qaid:"icon"}},argTypes:{svg:{control:!1},dataset:{control:"object"},label:{control:"text"}}};var p,c,d;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`() => <div style={{
+import{j as s}from"./iframe-CWgEsn_I.js";import{F as e}from"./TokyoUINotesWithPad-CZPHd-s1.js";import{I as o}from"./Icon-BbVZ9NP7.js";import{E as h}from"./options-BM-sJPHZ.js";import"./preload-helper-Dp1pzeXC.js";import"./text-accent-CvDqGyH8.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-DCa6Vadq.js";import"./componentNames-CmmTyjin.js";const O={title:"components/Icon",component:o,parameters:{docs:{description:{component:"To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page)."}}}},t=()=>s.jsxs("div",{style:{display:"flex",alignItems:"end",gap:"4px"},children:[s.jsx(o,{svg:e,size:"16"}),s.jsx(o,{svg:e,size:"24"}),s.jsx(o,{svg:e,size:"32"}),s.jsx(o,{svg:e,size:"48"})]}),n=()=>s.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:h.map(a=>s.jsxs("div",{style:{display:"flex",gap:16},children:[s.jsx(o,{svg:e,expColor:a.id},a.id),s.jsx("span",{children:a.id})]},a.id))}),r=()=>s.jsx(o,{svg:s.jsx(e,{})});r.tags=["!dev","!autodocs"];const i={parameters:{chromatic:{disableSnapshot:!0}},args:{svg:e,dataset:{qaid:"icon"}},argTypes:{svg:{control:!1},dataset:{control:"object"},label:{control:"text"}}};var p,c,d;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`() => <div style={{
   display: 'flex',
   alignItems: 'end',
   gap: '4px'
@@ -42,4 +42,4 @@ import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{F as s}from"./TokyoUINotesW
       control: 'text'
     }
   }
-}`,...(f=(I=i.parameters)==null?void 0:I.docs)==null?void 0:f.source}}};const q=["Sizes","ExpColors","ServerComponent","Playground"];export{n as ExpColors,i as Playground,r as ServerComponent,t as Sizes,q as __namedExportsOrder,R as default};
+}`,...(f=(I=i.parameters)==null?void 0:I.docs)==null?void 0:f.source}}};const b=["Sizes","ExpColors","ServerComponent","Playground"];export{n as ExpColors,i as Playground,r as ServerComponent,t as Sizes,b as __namedExportsOrder,O as default};

package/dist/assets/IconButton-DvmHN9Bh.js

@@ -0,0 +1 @@
+import{r as u,j as i,y as l,z as c}from"./iframe-CWgEsn_I.js";import{r as m}from"./render-icon-DCa6Vadq.js";import{B as _}from"./ButtonBase-LoF75NjE.js";import{w as b}from"./componentNames-CmmTyjin.js";const p="bubbleCounter__IIv-p",d="childTargetOverlay__7xCVK",T="cutout__ooHoK",I={bubbleCounter:p,"size-small":"size-small__eLF8T","size-medium":"size-medium__UY-G5","size-large":"size-large__qs1m8","variant-dark":"variant-dark__OzCSP","variant-light":"variant-light__vwrDe",childTargetOverlay:d,cutout:T},g=u.forwardRef(function({variant:t=c,size:e=l,url:o,a11yLabel:r,svg:a,...n},s){return i.jsx(_,{...n,ref:s,className:I.cutout,isIconButton:!0,variant:t,size:e,url:o,a11yLabel:r,preplyDsComponent:b.IconButton,children:m(a,{"aria-hidden":"true",focusable:"false"})})});export{g as I,I as b};

package/dist/assets/Input-qJLg_DQg.js

@@ -0,0 +1 @@
+import{r as f,g as n,j as p}from"./iframe-CWgEsn_I.js";import{I as u,s as I}from"./InputContainer-DxTdO3rg.js";const P=f.forwardRef(function({button:o,icon:a,dataset:i,onChange:t,onValueChange:s,...c},m){const x=n(i),e=r=>{t==null||t(r),s==null||s(r.target.value)};return p.jsx(u,{button:o,icon:a,children:p.jsx("input",{...x,...c,ref:m,onChange:e,className:I.input})})});export{P as I};

package/dist/assets/InputContainer-DxTdO3rg.js

@@ -0,0 +1 @@
+import{j as n}from"./iframe-CWgEsn_I.js";const a="container__hc6MA",r="input__N1pCx",e="icon__m5GPy",l="trailingIcon__-r3dh",p="button__CDUKk",t={container:a,input:r,icon:e,trailingIcon:l,button:p};function _({button:s,icon:c,trailingIcon:i,children:o}){return n.jsxs("div",{className:t.container,children:[!!c&&n.jsx("span",{className:t.icon,children:c}),o,!!i&&n.jsx("span",{className:t.trailingIcon,children:i}),!!s&&n.jsx("span",{className:t.button,children:s})]})}export{_ as I,t as s};